﻿@charset "utf-8";
/* CSS Document */
/*切图：zcy*/
html{ overflow-x:auto; overflow-y:auto;}
*{ padding:0; margin:0;outline:none !important;}
ul, ol,li{ list-style-type:none;}
body, button, input, select, textarea{  font-family: 'Microsoft yahei'; font-size:12px;}
code, kbd, pre, samp { font-family: 'Microsoft yahei';}
a{ text-decoration:none; color:#333;
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
	 -o-transition: all 0.2s ease-out 0s; 
		transition: all 0.2s ease-out 0s;}
img{border:0; max-width:100%;}
li { line-height:normal; }
table { border-collapse: collapse; border-spacing: 0; }
h1,h2,h3,h4,h5,h6{margin:0; font-weight:normal; font-family: 'Microsoft yahei'; }
input,table,tr,td{ margin:0; padding:0; border:none;}
button,table{ border:none; background:none; margin:0; padding:0;}
body{ position:relative; float:left; width:100%;}
select{ margin:0; padding:0; font-family: 'Microsoft yahei'; border:none;}
textarea{ resize:none;outline:none;}
label{ margin-bottom:0; font-weight:normal;}
input,select,textarea{ margin:0; padding:0; border:0; outline:none;
 -moz-border-radius:0px; 
 -webkit-border-radius:0; 
 -khtml-border-radius:0;
 border-radius:0;
}
/*********************************************************************重置***********************************************************************/


/*框架*/
.pz_top{ float:left; width:100%; z-index:9; position:relative;}
.pz_banner{ float:left; width:100%; position:relative; z-index:5;}
.pz_main{ float:left; width:100%; overflow:hidden;}
.pz_down{ float:left; width:100%; background:#424242; position:relative; z-index:5;}
.pz_menu{ width:100%; float:left; position:relative; z-index:9;}

/*首页*/
.top{ background:#f0f0f0; height:40px;}
.top .top_r{ float:right;}
.top .top_r .tel{ float:left; font-size:16px; color:#333; line-height:40px; font-weight:bold;}
.top .top_r .tel a{ color:#871120; margin-right:28px;}
.top .top_r .tel img{ vertical-align:middle; margin:-3px 4px 0 0; width:36px;}
.top .top_r .lang{ float:left; margin-left:72px;}
.top .top_r .lang a{ display:block; float:left; font-size:14px; color:#333; line-height:40px; margin-left:20px;}
.top .top_r .lang a:hover{ color:#871120;}
.top .top_r .lang a img{ vertical-align:middle; margin:-3px 0 0 0; width:36px;}
.topnav{ width:100%; float:left; z-index:9; height:110px; border-bottom:solid 6px #871120;}
.topnav .logo{ width:800px; float:left; margin-top:16px;}
.topnav .search{ float:right; width:268px; margin-top:45px; height:38px; padding-right:62px; position:relative; background:#fff; border:solid 1px #bfbfbf;}
.topnav .search .search_btn{ display:block; width:62px; height:38px; position:absolute; right:-1px; top:-1px; background:url(images/top4.png) no-repeat center center #424242; background-size:38px 38px; cursor:pointer;}
.topnav .search .search_txk{ display:block; width:100%; height:36px; background:none; line-height:36px; padding-left:15px; color:#333; font-size:14px;}
.topnav .search .search_btn:hover{ background-color:#871120;}

.menu{ z-index:99; width:100%; float: left;}
.menu > ul{ float:left; width:100%;}
.menu ul .nli{ float:left;z-index:99; position:relative; height: 54px; text-align:center; width:16.666%; border-left:solid 1px #ddd;}
.menu ul .nli span{ display:block; float:left; width:100%;}
.menu ul .nli span a{ display:block; float:left; color:#333; font-size:16px; line-height:54px; width:100%; text-align:center;}
.menu ul .nli.on span a,
.menu ul .nli:hover span a{ background:#424242; color:#fff;}
.menu ul .nli.first{ border-left:0;}

/*下拉菜单（漂浮在menu .nli上）*/
.sub { z-index:21;  position:absolute; display: none; width:100%; top:100%; left: 0%; text-align: center; background:#fff; box-shadow:0 2px 5px rgba(0,0,0,0.28);}
.sub .l2{ width:100%; float: left; position: relative;}
.sub .l2 .l2_a{ line-height: 21px; padding:10px 0;  width:100%;  display:block;  float:left;  color:#333; font-size: 14px;}
.sub .l2:hover .l2_a { color:#1790d5;}
.sub .ul2 { float:left;  position:absolute; left:96%; top:20px; display:none;  margin:0px;  width:185px; padding:17px 30px 16px 25px;  overflow:hidden; background:url(images/bg_8.png); border-top:solid 2px black; box-shadow:0 3px 16px rgba(0,0,0,0.15);}
.sub .ul2 .l3{ float:left;  position:static;  padding:0; margin:0; width: 100%; height: 40px; line-height:40px; float:left; font-size:14px; color:#333; text-align:left;}
.sub .ul2 .l3 .l3_a{ padding:0px; line-height: 40px;  width:100%;  display:block;  float:left;  color:#333333; background-position:left center;}
.sub .ul2 .l3:hover .l3_a { color:#082b8f; width:165px; padding-left:20px; background:url(images/ico_2_1.png) no-repeat left center;}
.menu ul .nli:hover .sub{ display:block;
-webkit-animation:fadeInUp1 0.5s 0s ease both;
-moz-animation:fadeInUp1 0.5s 0s ease both;}
.sub1{ width:410px; background:whte; padding:39px 12px 31px 20px; position:relative; left:50%; margin-left:-205px; float:left; top:0;}
.sub1:before{ content:''; background:url(images/top6.png) no-repeat center center; width:21px; height:11px; position:absolute; left:50%; top:13px; margin-left:-10px;}
.sub1 dl{ width:170px; float:left; text-align:left;}
.sub1 dl.last{ float:right;}
.sub1 dl dt{ width:100%; float:left; padding-bottom:12px; border-bottom:dashed 1px #9a9a9a; font-size:15px; color:#1790d5; line-height:26px;}
.sub1 dl dd{ width:100%; float:left; margin-top:10px;}
.sub1 dl dd li{ width:100%; float:left;}
.sub1 dl dd li a{ display:block; width:100%; float:left; font-size:14px; color:#444; line-height:30px;}
.sub1 dl dd li a:hover{ color:#1790d5;}
@-webkit-keyframes fadeInUp1{
0%{opacity:0;
-webkit-transform:translateY(30px)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInUp1{
0%{opacity:0;
-moz-transform:translateY(30px)}
100%{opacity:1;
-moz-transform:translateY(0)}
}
@media screen and (max-width:991px) {
.top .top_r{ width:100%;}
.top .top_r .search{ float:right;}
.topnav{ height:80px; border-bottom:solid 4px #871120;}
.topnav .logo{ width:335px; margin-top:12px;}
.topnav .search{ margin-top:25px;}
}
@media screen and (max-width:767px) {
.menu{ display:none;}
.topnav{ height:50px;}
.topnav .logo{ width:213px; margin-top:5px;}
.topnav .search{ display:none;}
.top{ height:30px; padding:0 10px;}
.top .top_r .tel{ font-size:13px; line-height:30px;}
.top .top_r .tel a{ margin-right:8px;}
.top .top_r .tel img{ width:26px;}
.top .top_r .lang{ display:none; margin-left:22px; float:right;}
.top .top_r .lang a{ font-size:12px; line-height:30px; margin-left:10px;}
.top .top_r .lang a img{ width:26px;}
.menuph{ float:right; cursor: pointer;  width: 50px;  height: 50px; text-align: center; margin-top:0px;}
.menuph .point {  display: inline-block;  width: 25px; margin-top:13px;  height: 22px;  position: relative; padding:0 5px;}
.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before {  width: 25px;  }
.menuph .navbtn {  position: absolute;  top: 10px;  right: 0;  display: inline-block;  width: 18px;  height: 2px;  -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;  background: #871120; border-radius:3px;-webkit-border-radius:3px; -moz-border-radius:3px;}
.menuph .navbtn::after,
.menuph .navbtn::before {  position: absolute;  right: 0;  display: inline-block;  width: 26px;  height: 2px;  content: '';  -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;  background: #871120;  border-radius:3px;-webkit-border-radius:3px; -moz-border-radius:3px;}
.menuph .navbtn::after { top:-9px;}
.menuph .navbtn::before { top:9px;}
.menuph .point.active .navbtn{  background: transparent;  }
.menuph .point.active .navbtn::after{  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);  top: 0px;  }
.menuph .point.active .navbtn::before {  -webkit-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg);  top: 0px;  }

.pf_menu{ position:absolute; width:100%; overflow-y:auto; right:0px; top:80px; z-index:8; display:block; background:white; box-shadow:0 5px 5px rgba(0,0,0,0.15);}
.ph_menu{ float:left; width:100%; text-align:center;}
.ph_menu .nli{ float:left; width:100%;}
.ph_menu .nli span{ float:left; width:100%;}
.ph_menu .nli .l1_a{ float:left; width:100%; color:#871120; font-size:15px; line-height:20px; padding: 10px 0; font-weight: bold; letter-spacing: 1px; position:relative;}
.ph_menu .nli .l1_a i{ display:block; width:20px; height:20px; margin:-3px 0 0 0; background:url(images/top5.png);background-size:contain; position:absolute; top:50%; margin:-10px 0 0 0; left:55%;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.ph_menu .nli.on .l1_a{ border-bottom:dashed 1px #871120;}
.ph_menu .nli.on .l1_a i{ transform:rotate(180deg);}
.ph_menu .nli .l2_ul{ width:100%; float:left; display:none;}
.ph_menu .nli .l2_ul .l2{ width:100%; float:left;}
.ph_menu .nli .l2_ul .l2 .l2_a{ width:100%; float:left; font-size:12px; line-height:34px; color:black;}
.ph_menu .nli .l1_a i{ left:60%;}
.ph_menu .nli .l2_ul dl{ width:100%; float:left;}
.ph_menu .nli .l2_ul dl dt{ width:100%; float:left; font-size:13px; line-height:34px; color:black;}
.ph_menu .nli .l2_ul dl dd{ width:100%; float:left; margin-top:5px;}
.ph_menu .nli .l2_ul dl dd li{ width:100%; float:left;}
.ph_menu .nli .l2_ul dl dd li a{ display:block; width:100%; float:left; font-size:12px; line-height:30px; color:black;}
.ph_menu .lang{ width:100%; float:left; text-align:center; overflow:hidden; height:20px;}
.ph_menu .lang a{ display:block; width:50%; float:left; font-size:13px; line-height:15px; height:15px; border-left:solid 1px #ddd; margin-left:-1px;}
.ph_menu .lang a img{ width:26px; vertical-align:middle; margin:-3px 3px 0 0;}
.ph_menu .search{ float:left; width:94%; margin-left:3%; margin-top:10px; height:30px; padding-right:42px; position:relative; background:#fff; border:solid 1px #bfbfbf; margin-bottom:5px;}
.ph_menu .search .search_btn{ display:block; width:42px; height:30px; position:absolute; right:-1px; top:-1px; background:url(images/top4.png) no-repeat center center #424242; background-size:28px 28px; cursor:pointer;}
.ph_menu .search .search_txk{ display:block; width:100%; height:28px; background:none; line-height:28px; padding-left:10px; color:#333; font-size:14px;}
}

/*banner*/
.slide_banner{ width:100%; float:left;}
.slide_banner .slick-slide{ position:relative;}
.slide_banner .slick-dots {
	position: absolute;
	bottom: 22px;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
	overflow:hidden;
	z-index:5;
}
.slide_banner .slick-dots li {
	position: relative;
	display: inline-block;
	width: 53px;
	height: 7px;
	padding: 0;
	overflow:hidden;
	margin:0 16px;
	cursor: pointer;
	background:#424242;
	-moz-border-radius:4px; 
-webkit-border-radius:4px; 
-khtml-border-radius:4px;
border-radius:4px;
}
.slide_banner .slick-dots li.slick-active{
	background:#b7b8ba;
}
@media screen and (max-width:991px) {
.slide_banner .slick-dots {	bottom: 15px;}
.slide_banner .slick-dots li {margin:0 6px;}
}
@media screen and (max-width:767px) {
.slide_banner .slick-dots {
	bottom: 5px;
}
.slide_banner .slick-dots li {
	width: 26px;
	height: 4px;
	margin: 0 1.5px;
}
}

/*footer*/
.footer{ padding:9px 0 10px 0;}
.footer .footer_link{ width:100%; float:left; text-align:center; font-size:14px; color:white; line-height:28px;}
.footer .p{ width:100%; float:left; text-align:center; font-size:14px; color:white; line-height:28px;}
.footer .footer_link a{ color:white; margin-right:20px;}
.footer .footer_link a:hover{ color:#871120;}
@media screen and (max-width:767px) {
.footer{ padding:4px 10px 5px 10px;}
.footer .footer_link{ font-size:12px; line-height:22px;}
.footer .p{ font-size:12px; line-height:22px;}
.footer .footer_link a{ margin-right:8px;}
}

/*首页main*/
.c_1100_1{ width:100%; float:left; margin-top:61px;}
.slideGroup{ width:100%; float:left; border:solid 1px #ddd; padding-left:200px; position:relative; height:341px; overflow:hidden;}
.slideGroup .parHd{ width:183px; position:absolute; left:0; top:0;}
.slideGroup .parHd ul{ width:193px; float:left; overflow:hidden; text-align:center;}
.slideGroup .parHd ul li{ width:183px; float:left; height:69px; background:#f4f6f9; border-top:solid 1px #e0e5ec; margin-top:-1px; display:table; vertical-align:middle; padding:0 10px; position:relative;}
.slideGroup .parHd ul li span{ display:table-cell; vertical-align:middle; font-size:15px; color:#424242; line-height:20px;}
.slideGroup .parHd ul li.on{ background:#424242;}
.slideGroup .parHd ul li.on span{ color:white;}
.slideGroup .parHd ul li.on:before{ content:''; background:url(images/index1_4.png) no-repeat center center; width:9px; height:17px; position:absolute; right:-9px; top:50%; margin-top:-8px;}
.slideGroup .slideBox{ width:100%; float:left;}
.slideGroup .slideBox ul{ width:100%; float:left;}
.slideGroup .slideBox ul li{ width:283px; float:left; margin-top:42px; text-align:center;}
.slideGroup .slideBox ul li .pic{ display:inline-block; *zoom:1; *display:inline; width:225px; /*height:225px;*/ border:solid 1px #dfdfdf;}
.slideGroup .slideBox ul li .name{ width:100%; margin-top:19px; font-size:14px; color:#333; line-height:20px;}
.slideGroup .slideBox ul li:hover .pic{ border-color:#871120;}
.slideGroup .slideBox ul li:hover .name{color:#871120;}
@media screen and (max-width:1199px) {
.slideGroup .slideBox ul li{ width:250px;}
}
@media screen and (max-width:991px) {
.c_1100_1{ margin-top:41px;}
.slideGroup .slideBox ul li{ width:260px;}
}
@media screen and (max-width:767px) {
.c_1100_1{ margin-top:21px; padding:0 10px;}
.slideGroup{ padding-left:0px; height:auto; padding-bottom:10px;}
.slideGroup .parHd{ width:100%; position:relative; left:auto; top:auto;}
.slideGroup .parHd ul{ width:100%;background:#f4f6f9;}
.slideGroup .parHd ul li{ width:51%; float:left; height:40px; border-left:solid 1px #e0e5ec; border-bottom:solid 1px #e0e5ec; margin-left:-3.2px;}
.slideGroup .parHd ul li span{ font-size:13px; line-height:18px;}
.slideGroup .slideBox ul li{ width:50%; margin-top:12px;}
.slideGroup .slideBox ul li .pic{ width:120px; height:auto;}
.slideGroup .slideBox ul li .name{ margin-top:10px; font-size:12px; }
.slideGroup .parHd ul li.on:before{ display:none;}
}

.c_1100_2{ width:100%; float:left; margin-top:97px; background:url(images/index2_3.jpg); padding-bottom:44px;}
.c_1100_2 .c_550{ width:50%; float:left; margin-top:-33px; height:368px; position:relative;}
.c_1100_2 .c_550 video{ display:block; width:100%; height:100%; position:relative; object-fit: cover;}
.c_1100_2 .c_488{ width:44.36%; float:right; margin-right:2.72%;}
.c_1100_2 .c_488 h3{ width:100%; float:left; font-size:24px; color:white; line-height:1; margin-top:38px;}
.c_1100_2 .c_488 h4{ width:100%; float:left; font-size:15px; color:#fade63; line-height:28px; margin-top:22px;}
.c_1100_2 .c_488 .p{ width:100%; float:left; font-size:15px; color:#fff; line-height:28px; margin-top:13px; height:168px; overflow:hidden;}
.c_1100_2 .c_488 .more{ width:100%; float:left; margin-top:24px;}
.c_1100_2 .c_488 .more a{ display:block; width:179px; height:48px; line-height:48px; text-align:center; background:#272727; font-size:15px; box-shadow:0 4px 7px rgba(0,0,0,0.27); color:white;
-moz-border-radius:6px; 
-webkit-border-radius:6px; 
-khtml-border-radius:6px;
border-radius:6px;}
.c_1100_2 .c_488 .more a:hover{ background-color:#871120;}
.c_1100_2 .c_550 .phfengmian{display:none;}
.c_1100_2 .c_550 .btn{ display:block; width:68px; height:68px; position:absolute; left:50%; top:50%; margin:-34px 0 0 -34px; background:url(images/index2_2.png) no-repeat center center; background-size:contain; cursor:pointer;}
.tc_video{ width:760px; height:500px; margin:-250px 0 0 -380px; position:fixed; left:50%; top:50%; background:white; display:none; z-index:100000;}
.tc_video video{ width:100%; height:100%; position:absolute; left:0; top:0;}
.zmb{ width:100%; height:100%; position:fixed; left:0; top:0; background:black; background:rgba(0,0,0,0.8); display:none; z-index:99999;}
@media screen and (max-width:991px) {
.c_1100_2 .c_550{ width:100%; /*background:url(images/index2_1.jpg) no-repeat center center;  background-size:cover;*/ margin-top:-23px; position:relative;}
.c_1100_2 .c_488{ width:100%; margin-right:0; padding:0 20px;}
.c_1100_2{ margin-top:57px; padding-bottom:20px;}
.zmb{ width:100%; height:100%; position:fixed; left:0; top:0; background:black; background:rgba(0,0,0,0.8); display:none; z-index:99999;}
.tc_video{ width:760px; height:300px; margin:-150px 0 0 -380px; position:fixed; left:50%; top:50%; background:white; display:none; z-index:100000;}
.tc_video video{ width:100%; height:100%; position:absolute; left:0; top:0;}
.c_1100_2 .c_550 video{ display:none;}
.c_1100_2 .c_550 .btn{ display:block; width:68px; height:68px; position:absolute; left:50%; top:50%; margin:-34px 0 0 -34px; background:url(images/index2_2.png) no-repeat center center; background-size:contain; cursor:pointer;}
}
@media  screen and (max-width:767px){
.tc_video{ width:90%; height:250px; margin:-125px 0 0 0; left:5%;}
.c_1100_2{ margin-top:27px;}
.c_1100_2 .c_550{ margin-top:-7px; height:auto;}
.c_1100_2 .c_550 .btn{ width:48px; height:48px; margin:-24px 0 0 -24px;}
.c_1100_2 .c_550 .phfengmian{display:block;}
.c_1100_2 .c_488{ padding:0 10px;}
.c_1100_2 .c_488 h3{ font-size:18px; margin-top:18px;}
.c_1100_2 .c_488 h4{ font-size:13px; line-height:22px; margin-top:12px;}
.c_1100_2 .c_488 .p{ font-size:13px; line-height:22px; margin-top:8px; height:130px;}
.c_1100_2 .c_488 .more{ margin-top:14px;}
.c_1100_2 .c_488 .more a{ width:99px; height:38px; line-height:38px; font-size:13px;}
}

.c_1100_3{ width:100%; float:left; padding:46px 0 101px 0;}
.c_1100_3 .c_1100_3_box{ width:100%; float:left; border:solid 1px #ddd; padding:22px 0 37px 0;}
.c_1100_3 .c_1100_3_box h3{ width:100%; float:left; font-size:24px; color:#333; line-height:34px; font-weight:bold; text-align:center;}
.slide_pic_1{ width:100%; float:left; position:relative; padding:0 50px; margin-top:16px; text-align:center;}
.slide_pic_1 .li_hp{ width:187px; height:68px; border:solid 1px #ddd; margin:auto; display:inline-block; *zoom:1; *display:inline;}
.slide_pic_1 .slick-prev,.slide_pic_1 .slick-next {
	position: absolute;
	left:-16px;
	top: 27px;
	display: block;
	width: 32px;
	height: 28px;
	outline: none;
	background:url(images/index3_1.jpg) no-repeat left center;
	z-index: 9;
-webkit-transition: all 0.3s ease-out 0s; 
   -moz-transition: all 0.3s ease-out 0s; 
	 -o-transition: all 0.3s ease-out 0s; 
		transition: all 0.3s ease-out 0s;
}
.slide_pic_1 .slick-next {
	left: auto;
	right: -16px;
	background-position:right center;
}
.slide_pic_1 .slick-prev:hover,
.slide_pic_1 .slick-next:hover{ background-image:url(images/index3_1_h.jpg);}
.slide_pic_1 .li_hp:hover{ border-color:#871120;}
@media screen and (max-width:991px) {
.c_1100_3{ padding:26px 0 61px 0;}
}
@media screen and (max-width:767px) {
.c_1100_3{ padding:16px 10px 31px 10px;}
.c_1100_3 .c_1100_3_box{ padding:12px 0 10px 0;}
.c_1100_3 .c_1100_3_box h3{ font-size:18px; line-height:30px;}
.slide_pic_1{ padding:0 10px; margin-top:6px; padding-bottom:20px;}
.slide_pic_1 .li_hp{ width:127px; height:auto;}
.slide_pic_1 .slick-dots {bottom: 0; width:100%; left:0;}
.slide_pic_1 .slick-dots li {width: 8px;height: 8px;margin: 0 3px; background:#ddd;
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;}
.slick-dots li.slick-active{background:#871120;}
}

/*右侧漂浮*/
.pf_right{ display:block; width:45px; height:45px; position:fixed; left:50%; top:50%; z-index:7; margin-left:605px;}	
@media screen and (max-width:1300px) {
.pf_right{ left:auto; right:0; margin-left:0;}
}
@media screen and (max-width:767px) {
.pf_right{ width:30px; height:30px; top:80%;}
}

/*内页公用*/
.banner{ width:100%; overflow:hidden; position:relative;}
.banner img{ width:100%; float:left;}
.banner .phbanner{ display:none;}

.headline{ background:#f3f3f3; font-size:12px; color:#888; line-height:39px;}
.headline img{ vertical-align:middle; margin:-3px 10px 0 0; width:16px;}
.headline a{ color:#888; margin:0 3px;}
.headline a:hover{ color:#871120;}

.c_1100_4{ width:100%; float:left; padding:49px 0 212px 0;}
.c_1100_4 .content1{ width:100%; float:left; padding:34px 42px 36px 42px; background:#f4f4f4;}
.c_1100_4 .content1 .c_450{ width:44.73%; float:left; margin-top:37px; height:308px; line-height:308px;}
.c_1100_4 .content1 .c_450 .text{ display:inline-block; *zoom:1; *display:inline; vertical-align:middle;}
.c_1100_4 .content1 .c_450 .text .title{ width:100%; float:left; font-size:24px; color:#444; line-height:30px;}
.c_1100_4 .content1 .c_450 .text .p{ width:100%; float:left; font-size:15px; color:#666; line-height:30px; margin-top:25px;}
.c_1100_4 .content1 .c_450 .text .p a{ color:#666;}
.c_1100_4 .content1 .c_480{ width:47.71%; float:right; margin-top:37px; height:308px;}
#bdmap_1,#bdmap_2,#bdmap_3{ position:relative; width:100%; height:100%;}
.mt33{ margin-top:33px;}
.c_1100_4 .mt33{ padding-top:0 !important;}
.tit_1{ width:100%; float:left; font-size:36px; color:#424242; line-height:1;}
.c_1100_4 .content3{ width:100%; float:left; border:solid 1px #f3f3f3; margin-top:36px;}
.c_1100_4 .content3 .c_352{ width:32%; float:left; padding:42px 0 0 42px;}
.c_1100_4 .content3 .c_738{ width:67%; float:right; background:#f4f4f4; padding:22px 32px 28px 32px;}
.c_1100_4 .content3 .c_738 ul{ width:100%; float:left;}
.c_1100_4 .content3 .c_738 ul li{ width:100%; float:left; padding:0 20px; margin-top:15px;}
.c_1100_4 .content3 .c_738 ul li.l1{ width:50%;} 
.c_1100_4 .content3 .c_738 ul li input{ display:block; width:100%; height:44px; background:white; border:solid 1px #d9d9d9; padding-left:14px; font-size:14px; color:#888; line-height:43px;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.c_1100_4 .content3 .c_738 ul li textarea{ display:block; width:100%; height:113px; background:white; border:solid 1px #d9d9d9; padding:10px 14px; font-size:14px; color:#888; line-height:23px;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.c_1100_4 .content3 .c_738 ul li.l2 input{ width:139px; height:43px; padding-left:0; text-align:center; line-height:42px; background:#424242; color:white;}
.c_1100_4 .content3 .c_738 ul li input:focus,.c_1100_4 .content3 .c_738 ul li textarea:focus{ border-color:#871120;}
.c_1100_4 .content3 .c_738 ul li.l2 input:hover{ background-color:#871120;}
@media screen and (max-width:991px) {
.c_1100_4{ padding:59px 0 112px 0;}
.c_1100_4 .content1 .content1_t .c_412{ margin-left:0; width:100%; margin-top:20px;}
.c_1100_4 .content2 .c_738{ height:380px;}
.c_1100_4 .content2,.c_1100_4 .content3{ margin-top:26px;}
.c_1100_4 .content1 .c_450{ width:55%;}
.c_1100_4 .content1 .c_480{ width:40%;}
.c_1100_4 .content1 .c_450 .text .title{ font-size:18px; line-height:24px;}
.c_1100_4 .content1 .c_450 .text .p{ font-size:14px; line-height:24px; margin-top:15px;}
}
@media screen and (max-width:767px) {
.banner .pcbanner{ display:none;}
.banner .phbanner{ display:block;}
.headline{ line-height:30px; padding:0 10px;}
.headline img{  margin:-3px 6px 0 0; width:12px;}
.c_1100_4{ padding:39px 0 62px 0;}
.c_1100_4 .content1{ padding:14px 12px 16px 12px;}
.c_1100_4 .content1 .content1_t{ margin-top:13px;}
.c_1100_4 .content1 .content1_t .c_406{ width:100%;}
.c_1100_4 .content1 .content1_t .c_412 .p{ margin-top:5px; font-size:12px; line-height:19px;}
.c_1100_4 .content1 .content1_b{ margin-top:9px;}
.c_1100_4 .content1 .content1_b .p{ font-size:12px; line-height:18px;}
.tit_1{ font-size:26px;}
.c_1100_4 .content2,.c_1100_4 .content3{ margin-top:16px;}
.c_1100_4 .content2 .c_352,.c_1100_4 .content3 .c_352{ width:100%; padding:22px 0 0 22px;}
.c_1100_4 .content2 .c_738{ width:100%; height:280px; margin-top:20px;}
.c_1100_4 .content3 .c_738{ width:100%; padding:12px 12px 18px 12px; margin-top:20px;}
.c_1100_4 .content3 .c_738 ul li{ padding:0 10px; margin-top:5px;}
.c_1100_4 .content3 .c_738 ul li.l1{ width:100%;} 
.c_1100_4 .content3 .c_738 ul li input{ height:36px; padding-left:10px; font-size:12px; line-height:35px;}
.c_1100_4 .content3 .c_738 ul li textarea{ height:63px; padding:6px 10px; font-size:12px; line-height:20px;}
.c_1100_4 .content3 .c_738 ul li.l2 input{ width:89px; height:38px; line-height:37px;}
.c_1100_4 .content1 .c_450{ width:100%; height:auto; line-height:0; margin-top:17px;}
.c_1100_4 .content1 .c_480{ width:100%; margin-top:17px; height:140px;}
.mt33{ margin-top:13px;}
.c_1100_4 .content1 .c_450 .text .title{ font-size:16px; line-height:20px;}
.c_1100_4 .content1 .c_450 .text .p{ font-size:12px; line-height:20px; margin-top:10px;}
}

/*公司介绍*/
.c_1100_5{ width:100%; float:left; padding:76px 70px 202px 70px;}
.c_1100_5 .title{ width:100%; float:left; text-align:center; background:url(images/gsjj1.png) no-repeat top center; padding:45px 0 33px 0;}
.c_1100_5 .title h6{ width:100%; float:left; font-size:14px; color:#858585; line-height:18px; text-transform:uppercase;}
.c_1100_5 .title h3{ width:100%; float:left; font-size:31px; color:#871120; line-height:38px; margin-top:15px; font-weight:bold;}
.c_1100_5 .title h5{ width:100%; float:left; font-size:19px; color:#871120; line-height:24px; margin-top:12px;}
.c_1100_5 .p{ width:100%; float:left; font-size:15px; color:#444; line-height:28px; margin-top:63px;}
.row1{ margin:0 -43px;}
.c_1100_5 ul{ width:100%; float:left; margin-top:77px;}
.c_1100_5 ul li{ width:33.333%; float:left; padding:0 43px;
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
align-items: flex-start;}
.c_1100_5 ul li .zbox{ width:100%; float:left; padding:25px 10px 10px 10px; background:url(images/gsjj2.jpg) no-repeat center center; background-size:cover; text-align:center;}
.c_1100_5 ul li .zbox .ico{ width:100%; height:66px;}
.c_1100_5 ul li .zbox .ico img{ height:100%;}
.c_1100_5 ul li .zbox .name{ width:100%; float:left; margin-top:18px; font-size:18px; color:white; line-height:22px; font-weight:bold;}
.c_1100_5 ul li .zbox .p{ width:100%; float:left; font-size:14px; color:white; line-height:20px; min-height:60px; margin-top:16px;}
@media screen and (max-width:991px) {
.c_1100_5{ padding:56px 20px 102px 20px;}
.row1{ margin:0 -23px;}
.c_1100_5 ul li{ padding:0 23px;}
}
@media screen and (max-width:767px) {
.c_1100_5{ padding:36px 10px 32px 10px;}
.c_1100_5 .title{ background:none; padding:0;}
.c_1100_5 .title h6{ font-size:12px; line-height:16px;}
.c_1100_5 .title h3{ font-size:20px; line-height:28px; margin-top:10px;}
.c_1100_5 .title h5{ font-size:15px; line-height:18px; margin-top:6px;}
.c_1100_5 .p{ font-size:13px; line-height:22px; margin-top:23px;}
.row1{ margin:0 -5px;}
.c_1100_5 ul{ margin-top:27px;}
.c_1100_5 ul li{ padding:0 5px; width:100%; margin-top:10px;}
.c_1100_5 ul li .zbox .ico{ height:36px;}
.c_1100_5 ul li .zbox .name{ margin-top:10px; font-size:14px; line-height:18px;}
.c_1100_5 ul li .zbox .p{ font-size:12px; line-height:18px; min-height:54px; margin-top:10px;}
}

/*新闻页面*/
.c_1100_6{ width:100%; float:left; padding:25px 0 120px 0;}
.subhead{ width:100%; float:left; font-size:24px; line-height:1; color:#666;}
.pz_SideLayer{ width:100%; float:left; margin-top:34px; height:46px; border-bottom:solid 1px #ddd; overflow:hidden;}
.pz_SideLayer li{ float:left; width:122px; float:left; background:url(images/nygy2.jpg) no-repeat left center; margin-left:-1px;}
.pz_SideLayer li a{ display:block; margin-left:14px; float:left; text-align:center; line-height:42px; border-bottom:solid 3px #fff; font-size:15px; color:#666; padding:0 10px;}
.pz_SideLayer li.on a,.pz_SideLayer li:hover a{ border-bottom:solid 3px #424242;}

.ul_1{ width:100%; float:left;}
.ul_1 li{ width:100%; float:left; padding:0 304px 0 0; position:relative;}
.ul_1 li .img{ width:254px; height:155px; position:absolute; right:0; top:23px; overflow:hidden;}
.ul_1 li .img img{ width:100%; float:left;
		 transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
 -webkit-transition: all 0.3s linear;
-o-transition: width all 0.3s linear;}
.ul_1 li:hover .img img{transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);	
-webkit-transform: scale(1.1,1.1);
	 -o-transform: scale(1.1,1.1);	
   -moz-transform: scale(1.1,1.1);}
.ul_1 li .text{ width:100%; float:left; padding:39px 0 29px 0; border-bottom:solid 1px #ddd;}
.ul_1 li .text .time{ width:149px; text-align:center; border-right:solid 1px #ddd; padding:12px 0; float:left;}
.ul_1 li .text .time h2{ width:100%; float:left;}
.ul_1 li .text .time h2 span{ display:inline-block; *zoom:1; *display:inline; font-size:48px; color:#ccc; line-height:64px; font-weight:bold; border-bottom:solid 1px #ddd;}
.ul_1 li .text .time h4{ width:100%; float:left; font-size:18px; color:#ccc; line-height:40px;}
.ul_1 li .text .c_620{ margin-left:178px;}
.ul_1 li .text .c_620 .title{ width:100%; float:left; margin-top:6px;}
.ul_1 li .text .c_620 .title a{ display:block; max-width:100%; float:left; font-size:14px; color:#333; line-height:20px;}
.ul_1 li .text .c_620 .p{ width:100%; float:left; font-size:14px; color:#888; line-height:20px; height:40px; overflow:hidden; margin-top:13px;}
.ul_1 li .text .c_620 .more{ width:100%; float:left; margin-top:17px;}
.ul_1 li .text .c_620 .more a{ display:block; width:96px; height:28px; line-height:27px; text-align:center; border:solid 1px #ddd; font-size:14px; color:#ccc;
-moz-border-radius:4px; 
-webkit-border-radius:4px; 
-khtml-border-radius:4px;
border-radius:4px;}
.ul_1 li:hover .text .c_620 .more a{ border-color:#424242; background-color:#424242; color:white;}
@media screen and (max-width:991px) {
.ul_1 li .text .time{ position:absolute; right:0; top:30px; background:#871120; width:100px; padding:0;}
.ul_1 li .text .time h2{ width:32px; margin-top:0; height:34px; border-right:solid 1px #ddd;}
.ul_1 li .text .time h2 span{ font-size:18px; line-height:34px; border-bottom:0; vertical-align:top; color:white;}
.ul_1 li .text .time h4{ width:auto; font-size:14px; line-height:34px; margin-left:6px; color:white;}
.ul_1 li .text .c_620{ margin-left:0;}
}
@media screen and (max-width:767px) {
.c_1100_6{ padding:15px 10px 30px 10px;}
.subhead{ font-size:18px; text-align:center;}
.pz_SideLayer{ margin-top:14px; height:40px;}
.pz_SideLayer li{ width:33.33%; padding:0 10px;}
.pz_SideLayer li a{ margin-left:0; width:100%; line-height:37px; border-bottom:solid 2px #fff; font-size:13px;}
.pz_SideLayer li.on a,.pz_SideLayer li:hover a{ border-bottom:solid 2px #424242;}
.ul_1 li{ padding:0 110px 0 0;}
.ul_1 li .img{ width:100px; height:auto; top:13px;}
.ul_1 li .text{ padding:19px 0 9px 0;}
.ul_1 li .text .c_620 .title a{ font-size:13px; line-height:19px;}
.ul_1 li .text .c_620 .p{ font-size:12px; line-height:18px; height:34px; margin-top:8px;}
.ul_1 li .text .c_620 .more{ margin-top:7px;}
.ul_1 li .text .c_620 .more a{ width:76px; height:24px; line-height:23px; font-size:12px;}
.ul_1 li .text .time{ top:auto; bottom:10px;}
.ul_1 li .text .time h2{ height:30px;}
.ul_1 li .text .time h2 span{ font-size:14px; line-height:30px;}
.ul_1 li .text .time h4{ font-size:12px; line-height:30px; margin-left:10px;}
}

/*新闻详情*/
.c_1100_7{ width:100%; float:left; padding:69px 0 53px 0;}
.c_1100_7 .title{ width:100%; float:left; text-align:center; font-size:22px; color:#666; line-height:30px;}
.c_1100_7 .time{ width:100%; float:left; text-align:center; font-size:22px; color:#666; line-height:30px; margin-top:15px; padding-bottom:23px; border-bottom:solid 1px #ddd; font-size:14px; color:#999; line-height:24px; background:url(images/nygy3.jpg) no-repeat center bottom;}
.c_1100_7 .time span{ margin:0 10px;}
.c_1100_7 .text{ width:100%; float:left; margin-top:57px; font-size:14px; color:#666; line-height:25px;}
.c_1100_7 .wzfy{ width:100%; float:left; margin-top:115px;}
.c_1100_7 .wzfy h5{ width:317px; height:42px; border:solid 1px #ddd; text-align:center; line-height:41px; float:left; margin-right:47px; font-size:14px; color:#666;}
.c_1100_7 .wzfy h5 a{ display:inline-block; *zoom:1; *display:inline; color:#666; vertical-align:middle; max-width:80%; margin-top:-3px;}
.c_1100_7 .wzfy .a1{ display:block; float:left; margin-left:15px; width:98px; height:42px; line-height:42px; text-align:center; background:#424242; font-size:14px; color:white;}
.c_1100_7 .wzfy .a1:hover{ background:#871120;}
.c_1100_7 .wzfy h5:hover{ border-color:#871120; color:#871120;}
.c_1100_7 .wzfy h5:hover a{ color:#871120;}
@media screen and (max-width:767px) {
.c_1100_7{ padding:39px 10px 23px 10px;}
.c_1100_7 .title{ font-size:16px; line-height:20px;}
.c_1100_7 .time{ font-size:16px; line-height:20px; margin-top:7px; padding-bottom:13px; font-size:12px; line-height:20px; background-size:auto 1px;}
.c_1100_7 .time span{ margin:0 5px;}
.c_1100_7 .text{ margin-top:27px; font-size:12px; line-height:21px;}
.c_1100_7 .wzfy{ margin-top:35px;}
.c_1100_7 .wzfy h5{ width:100%; height:36px; line-height:35px; margin-right:0; font-size:12px; margin-top:10px;}
.c_1100_7 .wzfy .a1{ margin-left:0; margin-top:10px; width:88px; height:36px; line-height:36px; font-size:12px; float:right;}
}

/*技术中心*/
.ul_2{ width:100%; float:left;}
.ul_2 li{ width:100%; float:left; margin-top:49px;}
.ul_2 li .title{ width:100%; float:left; font-size:14px; color:#333; line-height:24px;}
.ul_2 li table{ width:100%; float:left; margin-top:19px; border:solid 1px #ddd;}
.ul_2 li table td{ text-align:center; padding:18px 10px 13px 10px; font-size:14px; color:#666; line-height:22px;}
.ul_2 li table .tr1{ background:#dcdcdc;}
.ul_2 li table .tr1 td{ color:#333;}
.ul_2 li table .tr2{ background:#f6f6f6;}
@media screen and (max-width:767px) {
.ul_2 li{ margin-top:20px;}
.ul_2 li .title{  font-size:12px; line-height:20px;}
.ul_2 li table{ margin-top:10px;}
.ul_2 li table td{ padding:8px 4px 6px 4px; font-size:12px; line-height:18px;}
}

/*解决方案*/
.ul_3{ width:100%; float:left;}
.ul_3 li{ width:100%; float:left; padding:43px 0 34px 0;}
.ul_3 li .img{ width:325px; float:left; height:204px; overflow:hidden;}
.ul_3 li .img img{ width:100%; float:left;
		 transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
 -webkit-transition: all 0.3s linear;
-o-transition: width all 0.3s linear;}
.ul_3 li:hover .img img{transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);	
-webkit-transform: scale(1.1,1.1);
	 -o-transform: scale(1.1,1.1);	
   -moz-transform: scale(1.1,1.1);}
.ul_3 li .text{ margin-left:368px;}
.ul_3 li .text .title{ width:100%; float:left; padding-left:31px; background:url(images/fwzx4.png) no-repeat left center; font-size:18px; color:#333; line-height:24px;}
.ul_3 li .text .p{ width:100%; float:left; margin-top:31px; font-size:15px; color:#666; line-height:28px;}
@media screen and (max-width:767px) {
.ul_3 li{ padding:23px 0 14px 0;}
.ul_3 li .img{ width:100%; height:auto;}
.ul_3 li .text{ margin-left:0; width:100%; float:left; margin-top:10px;}
.ul_3 li .text .title{ padding-left:21px; background-size:12px 12px; font-size:14px; line-height:20px;}
.ul_3 li .text .p{ margin-top:11px; font-size:13px; line-height:24px;}
}

/*售后中心*/
.c_1100_8{ width:100%; float:left; padding:25px 0 70px 0;}
.c_1100_8 .c_552{ width:50.18%; float:left; height:342px; display:table; vertical-align:middle; background:#424242; margin-top:43px;}
.c_1100_8 .c_552 .text{ display:table-cell; text-align:center; vertical-align:middle; padding:0 42px;}
.c_1100_8 .c_552 .text .ico{ width:100%; float:left; height:54px;}
.c_1100_8 .c_552 .text .ico img{ height:100%;}
.c_1100_8 .c_552 .text h4{ width:100%; float:left; margin-top:22px; font-size:22px; color:white; line-height:30px;}
.c_1100_8 .c_552 .text .p{ width:100%; float:left; font-size:14px; color:white; line-height:18px; margin-top:15px; padding:0 28px;}
.c_1100_8 .img{ width:49.82%; float:right; height:342px; background:url(images/fwzx6.jpg) no-repeat center center; background-size:cover; margin-top:43px;}
@media  screen and (max-width:991px){
.c_1100_8 .c_552 .text{ padding:0 22px;}
}
@media  screen and (max-width:767px){
.c_1100_8{ padding:5px 0 30px 0;}
.c_1100_8 .c_552{ width:100%; height:180px; margin-top:23px;}
.c_1100_8 .c_552 .text{ padding:0 12px;}
.c_1100_8 .c_552 .text .ico{ height:34px;}
.c_1100_8 .c_552 .text h4{ margin-top:12px; font-size:16px; line-height:22px;}
.c_1100_8 .c_552 .text .p{ font-size:12px; line-height:16px; margin-top:7px; padding:0 8px;}
.c_1100_8 .img{ width:100%; height:142px; margin-top:0;}
}

/*产品中心*/
.c_1100_9{ width:100%; float:left; position:relative; padding:38px 0 100px 290px;}
.c_1100_9 .leftnav{ width:246px; position:absolute; left:0; top:38px; border:solid 1px #ddd;
-moz-border-radius:8px; 
-webkit-border-radius:8px; 
-khtml-border-radius:8px;
border-radius:8px;}
.c_1100_9 .leftnav .title{ width:100%; float:left; padding:22px 0 16px 0; text-align:center; font-size:24px; color:#424242; line-height:44px; }
.c_1100_9 .leftnav .title img{ width:44px; vertical-align:middle; margin:-3px 9px 0 0;}
.pz_SideLayer_1{ width:100%; float:left; padding:2px 23px 28px 23px;border-top:solid 1px #ddd;}
.pz_SideLayer_1 .l1{ width:100%; float:left;}
.pz_SideLayer_1 .l1 > a{ display:block; width:100%; float:left; border-bottom:solid 1px #ddd; padding-left:19px;padding-top:10px;padding-bottom:10px; background:url(images/nygy5.png) no-repeat left center;  background-size:11px; line-height:21px;font-size:15px; color:#424242; cursor:pointer;}
.pz_SideLayer_1 .l1.last > a{ border-bottom:0;}
.pz_SideLayer_1 .l1.on > a{ background-image:url(images/nygy5_h.png);}
.pz_SideLayer_1 .l1 .ul2{ width:100%; float:left; padding:5px 0; display:none;}
.pz_SideLayer_1 .l1 .ul2 li{ width:100%; float:left;}
.pz_SideLayer_1 .l1 .ul2 li a{ display:block; width:100%; float:left; font-size:12px; line-height:30px; color:#666;}
.pz_SideLayer_1 .l1 .ul2 li a:hover{ color:#871120;}
.c_1100_9 .c_810{ width:100%; float:left; min-height:500px; overflow:hidden;}
@media  screen and (max-width:991px){
.c_1100_9{ padding:38px 0 100px 220px;}
.c_1100_9 .leftnav{ width:206px;}
.pz_SideLayer_1{ padding:2px 10px 18px 10px;}
.pz_SideLayer_1 .l1 > a{ font-size:13px;}
.c_1100_9 .leftnav .title{ padding:12px 0 10px 0; font-size:18px; line-height:34px;}
.c_1100_9 .leftnav .title img{ width:44px; vertical-align:middle; margin:-3px 9px 0 0;}
}
@media  screen and (max-width:767px){
.c_1100_9{ padding:18px 10px 30px 10px;}
.c_1100_9 .leftnav{ position:relative; left:auto; top:auto; width:100%; float:left;}
.c_1100_9 .leftnav .title{ padding:6px 15px 5px 15px; font-size:16px; line-height:24px; text-align:left; position:relative;}
.c_1100_9 .leftnav .title:before{ content:''; background:url(images/top5.png) no-repeat right center; background-size:25px 25px; width:30px; height:30px; position:absolute; right:0; top:50%; margin-top:-15px;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.c_1100_9 .leftnav .title img{ width:34px; margin:-3px 5px 0 0;}
.pz_SideLayer_1{ display:none;}
.c_1100_9 .leftnav .title.on:before{ transform:rotate(180deg);}
}

.row2{ margin:0 -14px;}
.ul_4{ width:100%; float:left; margin-top:-28px;}
.ul_4 li{ width:33.333%; float:left; padding:0 14px; margin-top:28px;}
.ul_4 li .zbox{ width:100%; float:left; border:solid 1px #ddd; background:#f6f6f6; padding:7px 9px 21px 9px; 
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.ul_4 li .zbox .img{ width:100%; float:left; position:relative;}
.ul_4 li .zbox .img img{ width:100%; float:left;}
.ul_4 li .zbox .img .ico{ width:60px; height:60px; position:absolute; left:50%; top:50%; margin:-30px 0 0 -30px; opacity:0;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.ul_4 li .zbox .text{ width:100%; float:left; text-align:center; margin-top:24px;}
.ul_4 li .zbox .text .name{ width:100%; float:left; font-size:16px; color:#333; line-height:22px;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.ul_4 li .zbox .text .details{ width:100%; float:left; margin-top:31px; text-align:center;}
.ul_4 li .zbox .text .details a{ display:inline-block; *zoom:1; *display:inline; width:98px; height:28px; line-height:28px; background:#424242; font-size:16px; color:white;}
.ul_4 li .zbox:hover .text .details a{ background-color:white; color:#871120;}
.ul_4 li .zbox:hover{ background:#b8767e;}
.ul_4 li .zbox:hover .img > img{ opacity:0.43;}
.ul_4 li .zbox:hover .img .ico{ opacity:1;}
.ul_4 li .zbox:hover .text .name{ color:white;}
@media  screen and (max-width:991px){
.ul_4 li{ width:50%;}
}
@media  screen and (max-width:767px){
.row2{ margin:0 -5px;}
.ul_4{ margin-top:0;}
.ul_4 li{ padding:0 5px; margin-top:10px;}
.ul_4 li .zbox .img .ico{ width:30px; height:30px;  margin:-15px 0 0 -15px;}
.ul_4 li .zbox .text{ margin-top:14px;}
.ul_4 li .zbox .text .name{ font-size:14px; line-height:20px;}
.ul_4 li .zbox .text .details{ margin-top:11px;}
.ul_4 li .zbox .text .details a{ width:78px; height:24px; line-height:24px; font-size:14px;}
}

/*产品详情*/
.c_810_1{ width:100%; float:left;}
.c_810_1 .content1{ width:100%; float:left; margin-top:23px;}
.c_810_1 .content1 .c_367{ width:367px; float:left; margin-top:6px;}
.hometop{ width:100%; float:left;}
.homedown{ width:100%; float:left; padding:0 21px; margin-top:14px; position:relative; text-align:center;}
.homedown .imgk{ width:100%; float:left; padding:0 5px;}
.homedown .imgk img{ width:100%; float:left;}
.homedown .slick-prev,.homedown .slick-next {
	position: absolute;
	left: 4px;
	top: 50%;
	display: block;
	width: 10px;
	height: 18px;
	margin-top:-9px;
	background:url(images/cpjx7.png) no-repeat left center;
	background-size:20px auto;
	opacity:0.6;
}
.homedown .slick-next {
	left: auto;
	right: 4px;
	background-position:right center;
}
.homedown .slick-prev:hover,
.homedown .slick-next:hover{ opacity:1;filter:alpha(opacity=100);}
.c_810_1 .content1 .c_392{ margin-left:418px;}
.c_810_1 .content1 .c_392 .name{ width:100%; float:left; padding-bottom:16px; border-bottom:solid 1px #ddd; font-size:24px; color:#333; line-height:44px;}
.c_810_1 .content1 .c_392 .p{ width:100%; float:left; font-size:15px; color:#666; line-height:24px; margin-top:23px;}
@media  screen and (max-width:1199px){
.c_810_1 .content1 .c_392{ margin-left:387px;}
}
@media  screen and (max-width:991px){
.c_810_1 .content1 .c_367{ width:100%; margin-top:3px;}
.c_810_1 .content1 .c_367 img{ width:100%;}
.c_810_1 .content1 .c_392{ margin-left:0; width:100%; float:left; margin-top:10px;}
.homedown{ display:none;}
.hometop .slick-dots {bottom: 10px; width:100%; left:0;}
.hometop .slick-dots li {width: 8px;height: 8px;margin: 0 3px; background:#ddd;
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;}
.hometop li.slick-active{background:#871120;}
}
@media  screen and (max-width:767px){
.c_810_1 .content1{ margin-top:13px;}
.c_810_1 .content1 .c_392 .name{ padding-bottom:10px; font-size:18px; line-height:34px;}
.c_810_1 .content1 .c_392 .p{ font-size:13px; line-height:18px; margin-top:13px;}
}

.c_810_1 .content2{ width:100%; float:left; margin-top:50px;}
.slideTxtBox_1{ width:100%; float:left;}
.slideTxtBox_1 .hd{ width:100%; float:left; border-bottom:solid 1px #ddd; height:41px;}
.slideTxtBox_1 .hd ul{ float:left;}
.slideTxtBox_1 .hd ul li{ float:left; /*width:116px;*/ padding:0 15px; text-align:center; height:40px; line-height:40px; font-size:18px; color:#333;
-moz-border-top-left-radius:10px; 
-webkit-border-top-left-radius:10px; 
-khtml-border-top-left-radius:10px;
border-top-left-radius:10px;
-moz-border-top-right-radius:10px; 
-webkit-border-top-right-radius:10px; 
-khtml-border-top-right-radius:10px;
border-top-right-radius:10px;}
.slideTxtBox_1 .hd ul li.on{ background:#871120; color:white;}
.slideTxtBox_1 .p{ width:100%; float:left; margin-top:36px; font-size:15px; color:#666; line-height:24px;}
@media  screen and (max-width:767px){
.c_810_1 .content2{ margin-top:20px;}
.slideTxtBox_1 .hd{ height:auto;}
.slideTxtBox_1 .hd ul{ width:100%;}
.slideTxtBox_1 .hd ul li{ width:25%; height:30px; line-height:30px; font-size:14px;}
.slideTxtBox_1 .p{  margin-top:16px; font-size:13px; line-height:20px;}
}

.elli{ white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}

/*分页*/
.waik_1{ width:100%; float:left; padding:71px 0 0px 0;}
.pz_fy{width:100%; float:left; text-align:center;}/*分页浮左或者浮右，修改此处即可。例：text-align:left;*/
.pz_fy a { display:inline-block; width:30px; height:30px; line-height:29px; COLOR: #7d7d7d; border:solid 1px #ddd; font-size:14px; margin:0 3px;}
.pz_fy a:hover,.pz_fy a.on{ color: #fff; background-color:#424242; border-color:#424242;}/*鼠标经过和默认当前页样式*/
.pz_fy a.a1{ width:auto; padding:0 7px;}
.pz_fy input{ display:inline-block; width:42px; height:24px; line-height:22px; COLOR: #464646; border:solid 1px #dadada; font-size:12px; text-decoration:none; margin:0 3px; text-align:center; background:none;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;}
.pz_fy span{ display:inline-block; width:auto; height:24px; line-height:22px; COLOR: #464646; border:solid 1px #fff; font-size:12px; text-decoration:none; margin:0 3px;}
.pz_fy input.submit:hover{ color: #fff; background-color:#424242; border-color:#424242;}
.fy_phone{ display:none;}
@media  screen and (max-width:767px){
.waik_1{ padding:25px 0 0 0;}
.pz_fy{ display:none;}
.fy_phone{ display:block; font-family:'Arial';}
.fy_phone{ width:100%; float:left; text-align:center; font-size:14px; color:#333;}
.fy_phone a{ display:inline-block; width:100px; height:30px; line-height:29px; border:solid 1px #424242; color:#333;
-webkit-border-radius:15px; 
   -moz-border-radius:15px;
        border-radius:15px; }
.fy_phone span{ display:inline-block; padding:0 10%; height:30px; line-height:30px; color:#333;}
}

@font-face {
	font-family: 'OPENSANS-REGULAR';
	src: url('fonts/OPENSANS-REGULAR.eot');
	src: local('☺'), url('fonts/OPENSANS-REGULAR.woff') format('woff'), url('fonts/OPENSANS-REGULAR.ttf') format('truetype'), url('fonts/OPENSANS-REGULAR.svg#webfontHIqteXlE') format('svg');
	font-weight: normal;
	font-style: normal;
}