@charset "utf-8";
/* reset */
body, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td,  dl, dd, form, input, textarea {  margin: 0; padding: 0;  }
body { font: 12px/24px '微软雅黑', Arial, '宋体', HELVETICA; color: #666; background: #fff; min-width: 1200px; overflow-x: hidden;}
img { border: 0; vertical-align: top; }
li { list-style-type: none; vertical-align: top; }
button, input, select, textarea { font-size: 100%; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
table { border-collapse: collapse; border-spacing: 0; }
input, textarea { border: none; resize: none; outline: none; }
a { text-decoration: none; outline: none; color: #666; transition: 0.2s; }
a:hover { color: #e4322e; }

/* end reset */

/* public */
.w1200, .w1000 { width: 1200px; margin: 0 auto; position: relative; }
.fl { float: left; }
.fr { float: right; }
.mb20 { margin-bottom: 20px; }
.cl { zoom: 1; }
.cl:after { content: ''; display: block; clear: both; }
.eps { overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }
.z9 { z-index: 9; }
.title { width: 542px; margin: 0 auto; background: url(../images/title.png) no-repeat 0 20px; text-align: center; }
.title h2 { font-weight: bold; font-size: 30px; color: #000; line-height: 38px; }
.title strong { display: inline-block; background: #fff; padding: 0 6px; }
.title h3 { display: inline-block; font-family: Georgia, "Times New Roman", Times, serif; color: #8e8e8e; font-size: 18px; background: #fff; padding: 0 16px; position: relative; }
.title em { width: 7px; height: 7px; background: url(../images/circle.png) no-repeat; position: absolute; top: 9px; }
.title .left { left: 0; }
.title .right { right: 0; }
/* end public */

/* header */

.header {
	position: relative;
	z-index: 9;
}
.head {
	height: 93px;
}
.head h1 {
	padding-left: 4px;
	padding-top: 12px;
}
.head h2 {
	padding-left: 12px;
	padding-top: 3px;
}
.tel {
	background: url(../images/tel.png) no-repeat;
	padding-left: 58px;
	padding-top: 1px;
	padding-bottom: 2px;
	position: absolute;
	top: 24px;
	right: 90px;
}
.tel p {
	color: #3c3c3c;
	line-height: 18px;
}
.tel h3 {
	color: #e4322f;
	font-family: Arial;
	font-size: 25px;
}

/*nav*/
nav {
	background:#36404b;
	height:54px;
}
nav ul,nav li {
	list-style:none;
}
nav>ul {
	width:1200px;
	margin:0 auto;
}
nav>ul>li {
	float:left;
	width:150px ;
	height:54px;
	text-align:center;
	line-height:54px;
	position:relative;
}
nav>ul>li a {
	color:#fff;
	font-size:15px;
}
nav>ul>li:hover {
	background: url(../images/navb.png) no-repeat;
	height:54px;
}
nav>ul>li:hover>a {
	color:#fff;
	-webkit-transition: all .5s;
	transition: all .5s;
}
nav li ul {
	display:none;
	position:absolute;
	top:54px;
	z-index:5;
}
nav li:hover ul {
	display:block;
}
nav li li {
	background:hsla(0,0%,0%,0.5);
	width:125px;
	border-bottom:1px solid #ccc;
	height:54px;
	line-height:54px;
}
nav li li a {
	color:#ccc;
	font-size:14px;
}
nav li li a:hover {
	color:#fc0203;
}

.second-nav{
	color: #fff;
	position: relative;
}

nav li .third-nav{
	position: absolute;
	background-color:rgba(0,0,0,0.6);
	width:125px;
	right: -100%;
	top: 0px;
	text-align:center;
	display: none;
}
nav li .third-nav li{
	display:block;
	float: none;
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #fff;
}

nav li .third-nav a{
	display: block;
	color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
	
}


/*banner*/

.banner {
	height:600px;
}
.banner .ban_c img {
	position:absolute;
	/*width:1920px;
	left:50%;
	margin-left:-960px;*/
	top:0;
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
}
.banner .ban_nav {
	display:none;
}
.banner .Left,.banner .Right {
	position:absolute;
	width:38px;
	height:38px;
	background:url( ../images/cir_white.gif) no-repeat #aaa;
	right:50%;
	bottom:15px;
}
.banner .Left {
	margin-right:-450px;
	background-position:5px 0
}
.banner .Right {
	margin-right:-490px;
	background-position:-33px 0;
	background-color:#fb4848;
}
.bann_ext {
	position:relative;
}
.frontCover {
	position:absolute;
	top:-120px;
	padding:0 0 16px;
	border-bottom:5px solid #fb4848;
}
.frontCover li {
	float:left;
	width:82px;
	padding:3px;
	background:#000;
	color:#fff;
	overflow:hidden;
	margin-right:10px;
	cursor:pointer;
}
.frontCover p {
	text-align:center;
	height:14px;
	line-height:18px;
	overflow:hidden;
}
.frontCover .img {
	position:relative;
	height:50px;
	overflow:hidden;
}
.frontCover img {
	position:absolute;
	width:192px;
	height:50px;
	left:-50px;
}
.frontCover .open {
	background:#fb4848;
}
.wrap {
	width:980px;
	margin-left:auto;
	margin-right:auto;
}
/*幻灯片(组件)*/
	.slide {
	position:relative;
	width:100%;
}
.ban_c {
	display:none;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	overflow:hidden;
}
.ban_c img {
	width:100%;
	height:100%;
}
.ban_t {
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	padding:4px 0;
	text-indent:10px;
	white-space:nowrap;
	overflow:hidden;
	color:#fff;
	background:rgba(0,0,0,.5);
	filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#88000000,endcolorstr=#88000000);
	z-index:3;
}
.ban_nav {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	text-align:right;
	z-index:4;
}
.ban_nav a {
	display:inline-block;
	vertical-align:middle;
	width:14px;
	height:14px;
	line-height:14px;
	overflow:hidden;
	text-align:center;
	margin-right:8px;
	cursor:pointer;
	text-decoration:none;
	font-size:10px;
	-webkit-text-size-adjust:none;
	background:#ccc;
}
.ban_nav .on {
	background:#f90;
	color:#fff;
}
.Left,.Right {
	cursor:pointer;
}


/* product*/

.product {
	padding-top: 46px;
	margin-bottom: 30px;
}
.product .title {
	margin-bottom: 32px;
}
.product .w1200 {
	overflow: hidden;
	padding: 0 7px;
}
.product .show {
	width: 1220px;
}
.product ul, .product li {
	float: left;
}
.product ul {
	margin-right: -10px;
}
.product li {
	background: #f2f2f2;
	transition: 0.5s;
	margin:0 10px 10px 0;
}
.product li:hover {
	box-shadow: 0 0 7px #a5a5a5;
	background: #fff;
}

.prodBox {
	height: 160px;
	float: left;
	margin-right: 10px;
	width: 160px;
}
.product .item img {
	float: right;
}
.product .special, .product .special .prodBox {
	width: 270px;
	height: 430px;
}
.product .special img {
	top: 140px;
	left: 32px;
}
.prodBox {
	padding-left: 20px;
}
.prodBox h3 {
	line-height: 46px;
	padding-top: 17px;
}
.prodBox h3 a {
	font-size: 16px;
	color: #000;
}
.prodBox h3 a:hover {
	color: #e4322e;
}
.prodBox p {
	color: #696969;
	line-height: 22px;
	    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.prodBox p span {
	margin-right: 12px;
}
.prodBox .more {
	width: 76px;
	height: 23px;
	border: 1px solid #9f9f9f;
	display: block;
	line-height: 23px;
	text-align: center;
	color: #323232;
	margin-top: 10px;
}
.prodBox .more:hover {
	border-color: #e4322e;
	color: #e4322e;
}
.special .prodBox h3 a {
	font-size: 25px;
}
.special .prodBox p {
	width: 150px;
}

/* app*/

.app {
	height: 690px;
	background: url(../images/app.jpg) no-repeat center 0;
	padding-top: 30px;
}
.app .title {
	background: url(../images/titlewhite.png) no-repeat 0 20px;
	margin-bottom: 40px;
}
.app .title h2 {
	font-weight: bold;
	font-size: 30px;
	color: #fff;
	line-height: 38px;
}
.app .title strong {
	display: inline-block;
	background: none;
	padding: 0 6px;
}
.app .title h4 {
	display: inline-block;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #fff;
	font-size: 18px;
}
.app .title p {
	font-size: 14px;
	color: #fff;
}
.appWrap .hd {
	position: relative;
	margin-bottom: 47px;
}
.appWrap .hd ul {
	position: relative;
	z-index: 9;
	width: 1068px;
	margin: 0 auto;
}
.appWrap .hd li {
	float: left;
	color: #fff;
	font-size: 14px;
	text-align: center;
	cursor: pointer;
	padding-bottom: 14px;
	position: relative;
	width: 178px;
}
.appWrap .hd li em {
	background: url(../images/appactive.png) no-repeat;
	width: 25px;
	height: 23px;
	position: absolute;
	left: 50%;
	margin-left: -13px;
	top: 92px;
	display: none;
}
.appWrap .hd img {
	margin-bottom: 4px;
}
.appWrap .hd p {
	height: 1px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #092a4f;
}
.appWrap .hd p em {
	width: 7px;
	height: 7px;
	background: url(../images/circleblue.png) no-repeat;
	position: absolute;
	top: -3px;
}
.appWrap .hd .left {
	left: 0;
}
.appWrap .hd .right {
	right: 0;
}
.appWrap .more a {
	display: block;
}
.appWrap .more h2 {
	color: #fff;
}
.window {
	position: relative;
	overflow: hidden;
}
.windowBox, .windowBox em {
	position: absolute;
	height: 144px;
	width: 100%;
	left: 0;
}
.windowBox {
	bottom: -100px;
}
.windowBox em {
	bottom: 0;
}
.window h3, .window p {
	position: relative;
	z-index: 9;
	padding-left: 18px;
	color: #fff;
	padding-right: 18px;
}
.window h3 {
	line-height: 30px;
	padding-top: 8px;
}
.window h3 a {
	font-size: 18px;
	color: #fff;
}
.window h3 a:hover {
	color: #e4322e;
}
.window p {
	height: 96px;
	overflow: hidden;
}
.windowBox em {
	background: #000;
	opacity: 0.9;
	filter: alpha(opacity=90);
}
.appBox {
	width: 719px;
	overflow: hidden;
	padding-left: 1px;
	position: relative;
}
.appBox .aBd {
	width: 719px;
	overflow: hidden;
}
.appBox .aBd ul {
	width: 720px;
}
.appBox .aBd li {
	float: left;
	margin-right: 1px;
	width: 239px;
	height: 370px;
	background: #fff;
}
.appBox .aBd a {
	float: left;
	width: 239px;
	height: 370px;
}
.appBox .aBd img {
	padding-top: 65px;
}
.appBox .ctrl {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
}
.appBox .ctrl a {
	width: 32px;
	height: 45px;
	background: url(../images/ctrl.png) no-repeat;
	position: absolute;
	top: 160px;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.appBox .ctrl a:hover {
	opacity: 0.9;
	filter: alpha(opacity=90);
}
.appBox .ctrl .aPrev {
	left: 5px;
}
.appBox .ctrl .aNext {
	right: 5px;
	background-position: -32px 0;
}
.appBox .ctrl .aPrev:hover {
	left: 1px;
}
.appBox .ctrl .aNext:hover {
	right: 1px;
}

/* advantage*/

/*轮播图 开始*/

.advantage {
	height: 625px;
	background: url(../images/advantage.jpg) no-repeat center 0;
	padding-top: 40px;
}
.advantage .title {
	margin-bottom: 35px;
}
.main_banner_wrap {
	width: 632px;
	height: 375px;
	position: relative;
	margin: 0 auto;
}
.banner_btn {
	width: 176px;
	height: 176px;
	position: absolute;
	display: block;
	z-index: 9;
	top: 76px;
}
.btn_prev {
	left: 0;
}
.btn_next {
	right: 0;
}
.banner_btn span {
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	border: 2px solid #8f8f8f;
	font-family: '宋体';
	font-size: 24px;
	font-weight: bolder;
	position: absolute;
	border-radius: 50%;
	overflow: hidden;
	color: #8f8f8f;
	top: 50%;
	margin-top: -15px;
	zoom: 1;
	transition: 0.3s;
}
.banner_btn:hover span {
	border-color: #0d55ac;
	color: #0d55ac;
}
.btn_prev .banner_btn_arrow {
	left: -142px;
}
.btn_next .banner_btn_arrow {
	right: -142px;
}
.main_banner_box {
	position:relative;
	z-index:0;
}
.main_banner ul {
	height: 336px;
}
.main_banner ul li {
	position:absolute;
	overflow:hidden;
	box-shadow: 0 0 32px #bbb;
	border-radius: 50%;
}
.main_banner ol {
	height: 110px;
}
.main_banner ol li {
	position: absolute;
	left: 0;
	display: none;
	text-align: center;
	width: 100%;
}
.main_banner ol h2 {
	font-size: 30px;
	color: #000;
	font-weight: bold;
	line-height: 54px;
	padding-top: 16px;
}
.main_banner ol p {
	line-height: 20px;
	color: #272727;
	width: 520px;
	margin: 0 auto;
}
.main_banner .num {
	color: #808080;
	font-size: 30px;
	font-family: "MS Serif", "New York", serif;
	text-align: center;
	padding-top: 20px;
}
.main_banner .move {
	color: #fb4848;
	font-size: 50px;
}
/*给每张图片初始设置不同宽高，层级，位置*/
	.main_banner .imgCard0 {
	width: 336px;
	height: 336px;
	z-index: 5;
	left: 148px;
	top: 0;
	opacity: 1;
}
.main_banner .imgCard1, .main_banner .imgCard3 {
	width: 176px;
	height: 176px;
	top: 76px;
	opacity: 1;
}
.main_banner .imgCard1 {
	z-index: 1;
	left: 456px;
}
.main_banner .imgCard3 {
	z-index: 2;
	left: 0;
}
.main_banner .imgCard2 {
	width: 10px;
	height: 10px;
	z-index: 1;
	left: 311px;
	top: 76px;
	opacity: 0;
}
.main_banner ul li img {
	width: 100%;
	height: 100%;
}

/*轮播图 结束*/

/* about*/

.about {
	position: relative;
	padding-top: 12px;
}
.about .bg {
	background: url(../images/aboutbg.gif);
	position: absolute;
	top: 0;
	left: 0;
	height: 160px;
	width: 100%;
}
.about .w1200 {
	z-index: 9;
}
.about .title {
	margin-bottom: 28px;
}
.about .title h2, .about .title h3 {
	color: #fff;
}
.about .title strong, .about .title h3 {
	background: url(../images/aboutbg.gif);
}
.about .title em {
	background: url(../images/circlewhite.png) no-repeat;
}
.aboutWrap {
	background: #36404b;
	height: 335px;
	position: relative;
}
.video {
	position: relative;
	top: -20px;
	left: 20px;
}
.aboutBox {
	width: 650px;
	color: #fff;
	padding-right: 45px;
}
.aboutBox h3 {
	font-size: 60px;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 110px;
}
.aboutBox p {
	line-height: 20px;
	margin-bottom: 20px;
}
.aboutBox a {
	width: 110px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	background: #fb4848;
	display: block;
	color: #fff;
}

/* news*/

.news {
	padding-top: 28px;
	margin-bottom: 20px;
}
.news .title {
	margin-bottom: 42px;
}
.newsWrap {
	overflow: hidden;
	width: 1200px;
}
.news ul {
	width: 1250px;
}
.news li {
	float: left;
	width: 583px;
	height: 259px;
	position: relative;
	background: #f3f3f3;
	margin-right: 33px;
	margin-bottom: 30px;
}
.newsBox {
	position: relative;
	width: 161px;
	padding: 0 24px;
	height: 259px;
}
.news .date {
	width: 93px;
	height: 37px;
	line-height: 37px;
	background: #fb4848;
	text-align: center;
	font-family: Arial;
	color: #fff;
	position: absolute;
	top: 0;
	left: 0;
}
.newsBox h3 {
	padding-top: 56px;
	line-height: 18px;
}
.newsBox h3 a {
	color: #000;
	font-size: 14px;
}
.newsBox h3 a:hover {
	color: #e4322e;
}
.news .txt {
	color: #5c5c5c;
	line-height: 20px;
	padding-top: 15px;
	height: 100px;
	overflow: hidden;
}
.news .more {
	width: 73px;
	height: 21px;
	font-family: Arial;
	color: #525252;
	display: block;
	background: #fff;
	text-align: center;
	line-height: 21px;
	border: 1px solid #e4e4e4;
	border-radius: 2px;
	overflow: hidden;
	position: absolute;
	bottom: 10px;
}
.news .more:hover {
	background: #d30c07;
	border-color: #d30c07;
	color: #fff;
}

/* footer*/

.foot{
	margin-bottom: 20px;
	}
.footer {
	background: #36404b;
	color: #fff;
	margin-top: 30px;
}
.footer a {
	color: #fff;
}
.footer a:hover {
	color: #d30c07;
}
.footer h3 a {
	cursor: default;
}
.footer h3 a:hover {
	color: #fff;
}
.foot dl {
	float: left;
	width: 130px;
	padding-top: 26px;
}
.foot dt {
	font-size: 14px;
	line-height: 42px;
}
.foot .num {
	font-size: 35px;
	font-family: Arial;
	font-weight: bold;
	line-height: 36px;
	margin-bottom: 10px;
}
.foot p span {
	margin-right: 8px;
}
.foot .mainpro a {
	margin-right: 6px;
}
.foot .code {
	width: 176px;
	margin-left: 85px;
	padding-top: 40px;
}
.foot .code li {
	text-align: center;
	float: left;
	width: 138px;
	margin-bottom: 15px;
}
.foot .code p {
	line-height: 32px;
}
.foot .fr {
	padding-top: 36px;
}
.link {
	padding: 10px 0;
	border-top: 1px solid #526171;
}
.link h3 {
	line-height: 36px;
	height: 36px;
	background: url(../images/splitbg.gif) repeat-x 0 bottom;
}
.link .cn {
	font-size: 14px;
	margin-right: 10px;
}
.link .en {
	font-family: Arial;
}
.link p {
	line-height: 46px;
}
.link p a {
	margin-right: 8px;
}


/*about*/

.banner1 {
    width: 100%;
    height: 360px;
    overflow: hidden;
    text-align: center;
    background: #000;
}

.lanmu {
    height: 60px;
    width: 100%;
    background: #36404b;
    margin-top: -60px;
    position: relative;
    z-index: 1;
}
.container {
    width: 1200px;
    margin: 0 auto;
}
.hezuo {
    width: 215px;
    height: 163px;
    text-transform: uppercase;
    color: #fff;
    background: #36404b;
    text-align: center;
    margin-top: -103px;
}
.hezuo span {
    font-size: 20px;
    display: inline-block;
    margin: 35px 0 5px;
}
.hezuo img {
    margin-top: 18px;
}
.jinrong {
    height: 67px;
}
.jinrong .nydq {
    background: url(../images/jing_03.png) no-repeat center bottom;
}
.jinrong a {
    float: left;
    height: 67px;
    text-align: center;
    display: inline-block;
    color: #fff;
    font-size: 16px;
}
.jinrong .nydq span {
    background: #fb4848;
}
.jinrong a span {
    height: 60px;
    display: inline-block;
    line-height: 60px;
}
.jinrong a span {
    padding: 0 18px;
}
.dangqian {
    height: 88px;
    line-height: 88px;
    width: 1200px;
}
.biaoti3 {
    color: #838383;
    text-transform: uppercase;
}
.biaoti3 b {
    font-size: 18px;
    color: #333;
}
.dqwz {
    color: #333;
}
.dqwz span {
    color: #919191;
}
.dqwz a {
    color: #919191;
}
.xq {
    padding-bottom: 30px;
    line-height: 25px;
    color: #333;
    font-size: 17px;
}
.xq p {
    padding-bottom: 10px;
}
.xq img {
    max-width: 100%;
}
.about_con p img{
	display:block;
	margin:0 auto;
	
}


/*news*/

.xin_w {
	width:1200px;
}
.xin_w ul li {
	width:1200px;
	float:left;
	border-bottom: 1px dashed #e2e2e2;
	cursor:pointer;
	padding-bottom: 28px;
	margin-bottom: 28px;
}
.rl {
	width:198px;
	height:198px;
	background: url(../images/xinwen_09.png) no-repeat;
	color:#fff;
	text-align: center;
}
.ruqi {
	width:60px;
	height:60px;
	overflow: hidden;
	display: inline-block;
	line-height: 59px;
	font-size:28px;
	background:#6c6c6c;
	border-radius:60px;
	margin-top: 50px;
}
.xin_tu {
	padding-left:10px;
	width:312px;
	height:197px;
	text-align:center;
}
.xin_tu img {
	max-width:312px;
	max-height:197px;
	vertical-align: middle;
}
.xin_tu:after {
	content: "";
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle;
}
.xw {
	width:656px;
	line-height:26px;
	color:#7d7d7d;
}
.xw span {
	display:inline-block;
	padding: 20px 0 5px;
}
.xw span a {
	color: #333;
	font-size:16px;
}
.xw span a:hover {
	color:#fb4848;
}
.chankan {
	padding-top: 20px;
}
.chankan a {
	width:85px;
	height:28px;
	text-align: center;
	line-height: 28px;
	color: #fff;
	background:#515151;
	border-radius: 3px;
	display: inline-block;
}
.xin_w ul li:hover .rl {
	background: url(../images/xinwen_03.png) no-repeat;
	transition:0.8s;
}
.xin_w ul li:hover .ruqi {
	background: #ff7e7e;
	transition:0.8s;
}
.xin_w ul li:hover .chankan a {
	background: #fb4848;
	transition:0.8s;
}
.fenye {
	overflow:hidden;
	text-align:center;
	line-height:24px;
	padding:10px 0 40px 0;
	width:100%;
}
.fenye .a1 {
	font-size:14px;
	padding:6px 12px;
	color:#666666;
	border:1px solid #ccc;
	border-radius:5px;
	margin:0 3px;
}
.fenye a {
	font-size:14px;
	padding:6px 12px;
	color:#666666;
	border:1px solid #cdcdcd;
	background-color:#ffffff;
	border-radius:5px;
	margin:0 3px;
}
.fenye span {
	font-size:14px;
	padding:6px 12px;
	color:#ffffff;
	border:1px solid #fb4848;
	background-color:#fb4848;
	border-radius:5px;
	margin:0 3px;
}
.fenye a:hover {
	color:#fff;
	background:#fb4848;
	border:1px solid #fb4848;
}

/*news_more*/

.biaoti4 {
    width: 1200px;
    text-align: center;
    color: #777;
    padding-bottom: 10px;
    border-bottom: 1px dashed #dcdcdc;
    margin-bottom: 10px;
}
.biaoti4 b {
    color: #545454;
    font-size: 18px;
    padding-bottom: 9px;
    display: inline-block;
}

.new_bottom{
	padding: 20px 0;
}

/*product*/

.c_lie1 {
	width: 926px;
	margin-left:-33px;
}
.c_lie1 ul li {
	width:275px;
	margin:0 0 41px 33px;
	float:left;
	cursor: pointer;
	height: 300px;
}
.c_lie1 ul li:hover .fuwu {
	color: #e0e0e1;
	border-bottom: 1px solid #fff;
	transition:0.8s;
}
.c_lie1 ul li:hover .fuwu a {
	color: #fff;
	transition:0.8s;
}
.c_lie1 ul li:hover .jiantou1 {
	background: url(../images/jiantou_05.png) no-repeat;
	transition:0.8s;
}
.c_lie1 ul li:hover .fuwu1 {
	color: #fff;
	background: #d80000;
	transition:0.8s;
}
.c_lie1 ul li:hover .fuwu1 a {
	color: #fff;
	transition:0.8s;
}
.c_lie1 ul li .fuwu1 .fu_wen1 {
	width:230px;
}
.c_tu1 {
	width:275px;
	height:248px;
	overflow: hidden;
	position:relative;
}
.c_tu1 .jz {
	border: 1px solid #c7c7c7;
	width:273px;
	height:245px;
	display: block;
	text-align:center;
}
.c_tu1 .jz::after {
	content: "";
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle;
}
.c_tu1 .da_tu1 {
	max-width:273px;
	max-height:245px;
	display: inline-block;
	vertical-align: middle;
}
.da_tu1{
	width: 100%;
}
.zhezhao1 {
	width:275px;
	height:248px;
	overflow: hidden;
	position:absolute;
	left:0;
	top:-248px;
	background: rgba(250,72,72,0.6);
	text-align: center;
	line-height: 248px;
}

.zhezhao1 a img{
	top: 80px;
    display: block;
    position: absolute;
    vertical-align: middle;
    left: 40%;
}

.fuwu1 {
	width:255px;
	padding: 0 10px;
	background: #f3f3f3;
	color: #333;
	text-transform: uppercase;
	line-height: 50px;
	overflow:hidden;
}
.fuwu1 a {
	color:#828282;
	padding: 8px 0 5px;
	display: inline-block;
	width: 245px;
}
.fuwu1 a strong{
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.jiantou1 {
	background: url(../images/jiantou_03.png) no-repeat;
	width:7px;
	height:12px;
	display:inline-block;
	margin-top: 24px;
}
.cen_right {
	width:263px;
	overflow: hidden;
}
.lianxi1 {
	width:263px;
	border-top:2px solid #e2e2e2;
	margin-top: 50px;
	padding-top: 14px;
}

.lianxi1 {
	width:263px;
	border-top:2px solid #e2e2e2;
	margin-top: 50px;
	padding-top: 14px;
}
.biaoti5 {
	font-size:12px;
	color: #999;
	text-transform: uppercase;
}
.biaoti5 span {
	font-size:16px;
	color: #333;
}
.dizhi {
	width:263px;
	margin-top: 20px;
	line-height: 24px;
	color: #6d6d6d;
	background: url(../images/chanp_16.png) no-repeat right bottom;
}
.dizhi p {
	width:185px;
}


.jie_r {
	width:268px;
	margin-left: -5px;
}
.jie_r ul li {
	width:129px;
	height: 94px;
	margin:0 0 5px 5px;
	float: left;
	background: #fb4848;
	font-size: 14px;
	color: #ffffff;
	text-align: center;
}
.jie_r ul li:last-child {
	float: right;
}
.jie_r ul li a {
	color: #ffffff;
	width:129px;
	height: 94px;
	display: inline-block;
}
.jie_r ul li:nth-child(6) {
	float:right;
}
.jie_r ul li span {
	width:59px;
	height: 59px;
	display: inline-block;
}
.jue_tu {
	width:59px;
	height: 59px;
	display: inline-block;
}

.jie_r ul li a:hover {
	background: #9e0000;
	color: #fff;
}
.jie_r ul .dq a {
	background: #9e0000;
	color: #fff;
}

.jue_tu1 {
	width:59px;
	height: 59px;
	display: inline-block;
}


/*product_more*/
.g-nzhong {
	width:100%;
	padding:70px 0px 150px;
}
.g-nzhong1{
	background:#f5f5f5;
	padding:60px 0px;
}
@media screen and (min-width: 1200px)
.g-1180px {
    padding: 0px;
}
.g-1180px {
    width: 100%;
    max-width: 1180px;
    margin: 0px auto;
    position: relative;
}

.gaizuo{
	width:44%;
	float:left;	
}
.m-gaishu .gaizuo img {
	max-width:100%;
	margin-bottom:15px;
}
.m-gaishu .gaiyou{
	width:50%;
	float:right;
    padding:27px;	
	border:1px solid #e4e4e4;
}

.m-gaishu .gaiyou .tit{
	font-size:28px;
	color:#1e263c;
	margin-bottom:20px;
       line-height: 45px;
}
.m-gaishu .gaiyou .txt {
	font-size:14px;
	color:#505050;
	line-height:25px;
}
.m-gaishu .gaiyou .txt img{
width:100%;
}
.m-gaishu .gaiyou .txt  p {
	margin-bottom:20px;
}

.u-fenlei{
	width:100%;
	height:50px;
	margin-bottom:50px;
	border-left:1px solid #e4e4e4;
}
.u-fenlei span {
	float:left;
	width:120px;
	height:50px;
	line-height:50px;
	text-align:center;
	border:1px solid #e4e4e4;
	border-left:0px;
	font-size:18px;
	color:#1e263c;
}
.u-fenlei span.on {
	color:#fff;
	background:#36404b;
	border:1px solid #36404b;
}
.u-fanhui{
	float:left;
	height:20px;
	line-height:20px;
	margin-top:20px;
	font-size:16px;
	color:#505050;
}
.u-fanhui img {
	max-height:100%;
	margin-right:10px;
	vertical-align:middle;
}

.u-jiantou {
    float: right;
    height: 20px;
    line-height: 20px;
    margin-top: 20px;
}

.m-xianguan {
    width: 100%;
    margin-top: 50px;
}
.m-xianguan .biaoti {
    font-size: 28px;
    color: #1e263c;
    font-weight: 300;
    margin-bottom: 30px;
}

/*honor*/

.team_style {
	overflow:hidden;
	margin-left: 40px;
}
.team_style * {
	display:block;
}
.team_style li {
	width:330px;
	float:left;
	background:#f1f1f1;
	position:relative;
	overflow:hidden;
	margin-right:50px;
	margin-bottom: 50px;
}
.team_style li a {
	padding:20px;
	overflow:hidden;
}
.team_style li a img {
	width:288px;
	height: 462px;
}
.team_style li a h1 {
	font-size:16px;
	padding:10px 0 0px 0;
	color:#000;
	text-align: center;
}
.team_style li a:hover {
	background:#fb4848;
}
.team_style li a:hover h1,.team_style1 li a:hover span {
	color:#FFF;
}

/*ebook*/

.pebook{
	margin: 0px auto;
    padding: 25px 0px;
	background: url(../images/ebg1.jpg) no-repeat;
}

.chym_box_right_gbookbox{
	width:600px;
	padding-left:40px;
}
.chym_box_right_gbookbox h2{
	text-align:center;
	font-size:16px;
	padding:10px 0px;
	}	
.chym_box_right_gbookbox p{
	padding-top:15px;
	}
.chym_box_right_gbookbox p span {
	display:inline-block;
    width: 95px;
    text-align: right;
    line-height: 26px;
    font-size: 14px;
    color: #666;
}
.chym_box_right_gbookbox p input{
	border: 1px solid #CFCFCF;
	line-height: 12px;
	padding: 6px 5px;
	width: 400px;
	}
.chym_box_right_gbookbox p i{
	color:#f00;
	padding-left:20px;
	}
.chym_box_right_gbookbox textarea{
	width:410px;
	border: 1px solid #CFCFCF;
	}
.chym_box_right_gbookbox p.gbook_btn{
	padding-top:20px;
	text-align:center;
	}
.chym_box_right_gbookbox p.gbook_btn input{
	width:100px;
	background:#fb4848;
	color:#fff;
	cursor:pointer;
	border:0px;
	}
.chym_box_right_gbookbox p.gbook_btn input.cz_btn{
	background:#777;
	}
.cson_eook{
	background:url(../images/pic08.jpg) no-repeat right 30px;
}

/*jobs*/

.c_mess{
	padding-bottom: 30px;
	}
.JobList-J1{
	height:auto;
	}
.JobList-J1 span{
	display:block;
	background-color:#f3f3f3;
	height:62px;
	line-height:62px;
	text-align:center;
	color:#555555;
	font-size:16px;
	border-bottom:1px solid #c4c4c4;
	}
.JobList-J1 span b{
	display:block;
	width:240px;
	float:left;
	height:62px;
	line-height:62px;
	font-size:16px;
	}
.JobList-J1 span big{
	display:block;
	width:240px;
	float:left;
	height:62px;
	line-height:62px;
	font-size:16px;
	}
.JobList-J1 span small{
	display:block;
	width:240px;
	float:left;
	height:62px;
	line-height:62px;
	font-size:16px;
	}
.JobList-J1 ul{
	margin-bottom:20px;
	}
.JobList-J1 ul li{
	display:block;
	text-align:center;
	color:#555555;
	border-bottom:1px solid #c4c4c4;
	}
.JobList-J1 ul li a{
	display:block;
	width:240px;
	float:left;
	height:60px;
	line-height:60px;
	color:#555555;
	}

.JobList-J1 ul li:hover{
	background-color:#f3f3f3;
	}

/*jobs_more*/

.c_r_mess{
	width:96%;
	height:auto;
	margin:40px auto;
	}
.mess_list{
	margin:10px 0;
	border-bottom:1px dashed #cccccc;
	}
.mess_list h2{
	font-size:20px;
	font-weight:normal;
	color:#333333;
	display:block;
	margin:10px 0;
	font-weight: bold;
	}
.mess_list ul li{
	width:260px;
	float:left;
	display:block;
	margin:10px;
	}
.mess_list ul li b{
	font-size:14px;
	color:#666666;
	}
.mess_more{
	padding:10px 0;
	border-bottom:1px dashed #cccccc;
	}
.mess_more h3{
	font-size:20px;
	font-weight:normal;
	color:#333333;
	display:block;
	margin:10px 0;
	font-weight: bold;
	}
.mess_more p{
	margin-top: 0px; margin-bottom: 0px; padding: 0px; line-height: 28px; font-size: 14px;
	color:#666666;
	}
.mess_bd{
	margin:15px 0;
	}
.mess_bd input{
	width: 60%;
    border: 1px solid #ebebeb;
    height: 36px;
    line-height: 36px;
    text-indent: 24px;
    color: #545454;
    display: block;
    font-size: 12px;
	}
.mess_bd ul li{
	margin-bottom: 10px;
    width: 420px;
    float: left;
	}
.mess_bd ul li span{
	display:block;
	padding:10px 0;
	color:#666;
	}
.cson_czx_tj {
    width: 640px;
}
.cson_czx_tj input {
    background: #e62f34;
    color: #fff;
    border: 0px;
    margin: 24px auto;
}
.saytext textarea{
	width:670px;
	height:200px;
	margin-top:10px;
	color:#888888;
	padding:10px;
	}
textarea {
    overflow: auto;
    height: auto;
    resize: vertical;
    vertical-align: top;
}
textarea {
    -webkit-appearance: textarea;
    background-color: white;
    border: 1px solid #ebebeb;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    -webkit-rtl-ordering: logical;
    -webkit-user-select: text;
    flex-direction: column;
    resize: auto;
    cursor: auto;
    padding: 2px;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*contact*/

.lxwm {
	width:1227px;
	margin-left: -27px;
	overflow:hidden;
	margin-bottom: 30px;
}
.lxwm ul li {
	float:left;
	width:280px;
	cursor: pointer;
	margin-left: 26px;
	height:257px;
	background:#F3F3F3;
	text-align:center;
}
.dh {
	padding-top: 72px;
	font-size:18px;
}
.dh span {
	width:54px;
	height:54px;
	display: inline-block;
}
.lxwm ul li .tad {
	display: inline-block;
	padding: 15px 0;
	font-size:16px;
}
.lxwm ul li:hover {
	color: #fff;
	background: #fb4848;
	transition:0.8s;
}
.lxwm ul li:nth-child(1) .dh span {
	background: url(../images/lianxi_03.png) no-repeat;
}
.lxwm ul li:nth-child(2) .dh span {
	background: url(../images/lianxi_05.png) no-repeat;
}
.lxwm ul li:nth-child(3) .dh span {
	background: url(../images/lianxi_03.png) no-repeat;
}
.lxwm ul li:nth-child(4) .dh span {
	background: url(../images/lianxi_09.png) no-repeat;
}
.lxwm ul li:nth-child(1):hover .dh span {
	background: url(../images/wo_03.png) no-repeat;
	transition:0.8s;
}
.lxwm ul li:nth-child(2):hover .dh span {
	background: url(../images/wo_05.png) no-repeat;
	transition:0.8s;
}
.lxwm ul li:nth-child(3):hover .dh span {
	background: url(../images/wo_07.png) no-repeat;
	transition:0.8s;
}
.lxwm ul li:nth-child(4):hover .dh span {
	background: url(../images/wo_09.png) no-repeat;
	transition:0.8s;
}

.con_maps{
	margin: 30px auto;
}