/* CSS Document */
body{
	font: 13px/24px "Helvetica Neue",Helvetica,Arial,sans-serif, Arial,"宋体";
	color: #666;
	margin: 0;
	padding: 0;
	background:#fff;	
}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,button,textarea,select,p,span { margin:0;padding:0;}
img{ border:0;}
ul,li,ol,ul {list-style:none;}
.clear{clear:both; height:0;}
a:hover{ text-decoration:underline; color:#f42929; }
a{ text-decoration:none; color:#666666; }
.fr{ float:right}
.fl{ float:left}
.mid{ float:left}
.center{ width:1080px; margin:0 auto;}

.icon{ background: url(../images/icon.png) no-repeat left top transparent;}


/* head css */
.head{ position: relative; z-index:4; height: 158px; border-bottom: 1px solid #ccc;}
.head .center{ position: relative;}
.head a.logo{ position: absolute; width: 140px; left: 0; top: 0; background-color: #f42929; border-right:4px solid #ffb400; height: 217px; border-bottom-left-radius:70px; border-bottom-right-radius:70px;}
.head a.logo img{ display: block; padding-top: 19px; margin: 0 auto;}
.head .fl{ padding-left: 180px; padding-top: 33px; width: 600px; line-height: 28px; font-size: 20px; color: #000; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif,"新宋体";}
.head .fl strong{ font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; height: 38px; line-height: 38px; color: #ff9000; font-size: 30px; font-weight: normal; display: block;}
.head .fr{ margin-top: 57px; background-color: #f42929; padding: 0 20px; height: 44px; line-height: 44px; color: #fff; font-size: 14px; border-radius: 22px;
border-top: 2px solid #ffb400; border-right: 2px solid #ffb400;}
.head .fr b{ font-size: 23px; font-family: Didot,"Helvetica Neue",Helvetica,Arial,sans-serif;}

/* head css end*/

/* menu css */
.menu {
	height: 58px; position: relative; z-index: 3;
}
.menu .center{ position: relative; height: 58px;}
.menulihover{width: 116px; overflow: hidden; background:#ff9600; height: 48px; margin-top: 5px; position: absolute; left:145px; -webkit-transition: all .2s;  -ms-transition: all .2s; transition: all .2s; display: none;}
.menu ul{padding-left: 145px; float: left;}
.menu ul li{width:116px; float:left; position:relative; z-index: 4;}
.menu ul li a{ display:block; -webkit-transition: all .3s;  -ms-transition: all .3s; transition: all .3s; line-height:58px; height: 58px;  font-size:16px;   color:#333;  text-align:center; position: relative; }
.menu ul li a:hover{
	color: #fff; text-decoration: none;
}
.menu ul li a.over{
	color: #fff;
}
.menu ul li a.hover{
	color: #fff;
	}
.menu ul ul{ position: absolute; z-index: 9999; width: 116px; padding-left: 0; left:0px; margin-left: 0; top:53px; height: auto; background-color:#ff9600; display:none;  overflow: hidden;}
.menu ul ul li{ border-left:0; width:100%; padding: 0;}
.menu ul ul a{ font-size:14px; line-height:38px;color: #fff; -webkit-transition:all ease-out 0.3s; transition:all ease-out 0.3s; background:none; height:38px; border-left: 0; border-right: 0; overflow:hidden; text-align:center;  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; padding-left:0; padding:0; font-weight:normal; display:block;}
.menu ul ul a:hover{  color: #fff; font-weight: normal; background-color:#f42929;}
.menu ul ul li{overflow: hidden; background:none; }

.search{ background:url(../images/icon.png) no-repeat left -234px transparent; width: 880px; font-size: 14px; color: #666; z-index: 4; padding: 0 100px; position: absolute; bottom: 0; left: 50%; margin-left: -540px; height: 100px; text-align: center;}
.search form{ display: block; width: 241px; height: 40px; margin:25px auto 10px;}
.search input[type=text]{ padding: 10px 15px; width: 160px; height: 20px; line-height: 20px; color: #fff; background-color: #f42929; border: 0; font-size: 14px; outline: none; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; float: left; border-top-left-radius: 20px; border-bottom-left-radius: 20px;}
.search input[type=submit]{ background: url(../images/icon.png) no-repeat -678px 7px #f42929; float: left; width: 50px; height: 40px; border: 0; outline: none; border-top-right-radius: 20px; border-bottom-right-radius: 20px;}
.search input[type=text]::-webkit-input-placeholder { color:#faabab;}
.searchgjc b{ color: #000;}


/* banner css */
.banner{ position:relative; z-index:1; height:600px;}
.banner div.bannernav{ position:absolute; left:0; top:0;  width:100%;}
.banner img{ display:none;}
.banner .bannernav a{ display:block; height:600px;}
.banner_icon {
	position: absolute;
	overflow: hidden;
	left: 50%;
	bottom:110px;
	z-index: 3;
	height:16px; width:60px; margin-left:-30px; z-index: 6;
}
.banner ul li {
	float: left;
	width: 8px; margin: 3px 6px 0;
	height:8px; border-radius: 100%;
	overflow: hidden;-ms-transform:rotate(45deg);  transform:rotate(45deg); 
	cursor:pointer; -webkit-transition: all 0.3s; transition: all 0.3s; text-align: center; background-color: #fff; font-weight: normal;  
}
.banner ul .banner_icon_active {
	background-color: #f42929; -webkit-transform:rotate(135deg); -ms-transform:rotate(135deg);  transform:rotate(135deg);
}
.nybanner{ height:300px; overflow:hidden;}
.nybanner .bannernav a{ height:300px;}
.nybanner .banner_icon{ bottom: 15px;}
/* banner css END*/

/*main css*/
.video{ position: relative; z-index: 2;}
.video .center{ position: relative; height: 360px;}
.videobanner{ width: 1080px; height: 199px; background: url(../images/smallbanner.jpg) no-repeat left 60px transparent; color: #d2d2d2; padding-top:60px;}
.maintopewm{ float: right; text-align: center; padding-top: 20px; width: 260px;}
.maintopewm img{ display: block; width: 118px; height: 118px; padding-top: 12px; margin: 0 auto 15px;}
.videonr{ position: absolute; width: 850px; height: 404px; left: 50%; margin-left: -425px; bottom:-93px;}

.video .prev, .video .next{ position: absolute; z-index: 4; display: block; top: 177px; right: -124px; background: url(../images/icon.png) no-repeat left top transparent; width: 115px; height: 58px; cursor: pointer;}
.video .next:hover{background-position: left -56px;}
.video .prev{ background-position: left -121px; left: -124px;}
.video .prev:hover {background-position: left -178px;}


.videolist{ width: 850px; overflow: hidden; height: 404px; border-radius: 20px;}
.videolist ul li{ float: left; width: 850px; height: 404px; overflow: hidden; border-radius: 20px;}
.videolist ul li img{ display: block;}
.hd_video{ position: absolute; bottom: -30px; width: 96px; left: 50%; margin-left: -48px;}
.hd_video li{ text-indent: -999px; background-color: #a7a7a7; cursor: pointer; width: 20px; height: 5px; margin: 0 6px; float: left; border-radius: 100%;}
.hd_video li.on{ background-color: #f42929;}


.brand{ background: url(../images/maintopbg2.jpg) no-repeat center top transparent; height: 721px; padding-top: 223px; position: relative;}
.title{ text-align: center; overflow: hidden;}
.title b{ font-size:36px; color: #000; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; height: 41px; display: inline-block; line-height: 41px; font-weight: normal; position: relative;}
.title b i{ display: block; position: absolute; height: 1px; width: 90px; top: 50%; background-color: #acacac; right: -115px;}
.title b i.no2{ left: -115px;}
.title b span{ color: #f42929;}
.title p{ height: 32px; line-height: 32px; font-family:Didot,arial; font-size: 24px; color: #c2c1c2; font-weight: normal; padding-bottom: 7px;}
.titlenr{ height: 40px; line-height: 40px; background-color: #f42929; border-radius: 20px; width: 270px; margin: 0 auto; color: #fff; font-size: 18px;}
.brandlist{ padding-top: 48px;}
.brandlist .fl{ width: 177px; background-color: #fff; padding-top: 66px; position: relative;}
.brandlist .fl li{ height: 59px; line-height: 59px; text-align: center; font-size: 16px; border: 1px solid #dfdfdf; border-top: 0;}
.brandlist .fl h3{ background:url("../images/icon.png") no-repeat -795px -129px #f42929; color: #fff; line-height: 65px; height: 65px; position: absolute; top: 0; left: 0; width: 100%; text-align: center; font-size: 26px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: normal;}
.brandlist .fl li a { position: relative; display: block; -webkit-transition: all .3s; transition: all .3s;}
.brandlist .fl li a em{ display: block; position: absolute; -webkit-transition: all .3s; transition: all .3s; top: -1px; bottom: -1px; width: 4px; background-color: #ff9600; left: -1px; opacity: 0; filter: alpha(opacity=0);}
.brandlist .fl li a:hover, .brandlist .fl li.on a{ color: #000; text-decoration: none; background-color: #fff4e5;}
.brandlist .fl li a:hover em, .brandlist .fl li.on a{opacity: 1; filter: alpha(opacity=100);}
.brandlist .fr{ width: 869px; overflow: hidden; display: none;}
.brandlist .fr.no1{display: block;}
.cpfwtitle{ position: absolute; width: 288px; height: 54px; text-align: center; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; line-height: 54px; left: 50%; margin-left: -144px; bottom: 10px; color: #feefef; font-size: 30px;}
.bigimg {
    height: 432px;
    overflow: hidden;
    width: 427px;
    position: relative;
    float: left;
}
.bigimg dt{ float: left; width: 427px;}
.bigimg dt img{ display: block;}
.bigimg dd {
    float: right;
    width: 100%;
    text-align: center;
    background-color: #ff9600;
    height: 42px;
    color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    line-height: 42px;
}
.bigimg dd b{ font-size: 14px; line-height: 18px; display: block; padding: 30px 0 20px;}
.bigimg dd .line{ width: 34px; height: 2px; background-color: #ffd18f; margin: 0 auto;}
.bigimg dd p{font-size: 14px; color: #f2e9e2; padding:0 15px ;}
.bigimg dd a{ display: block; text-align: center; color: #f2e9e2; margin: 20px auto 0; width: 90px; height: 28px;}
.bigimg dd a:hover{ text-decoration: none; color: #fff;}
.brandlist .fr ul{ overflow: hidden; width: 442px; float:left;}
.brandlist .fr ul li{ float: left; margin-left: 10px; overflow:hidden; margin-bottom:10px}
.brandlist .fr ul li.no3{ margin-right: 0;}
.brandlist .fr ul li a img{ display: block; -webkit-transition:all .3s; transition:all .3s;}
.brandlist .fr ul li a:hover img{ -webkit-transform: scale(1.1); transform: scale(1.1)}

.ys{ background: url(../images/ysbg.jpg) no-repeat center 125px transparent; height: 980px;}
.ysno1{ overflow: hidden; padding-top: 25px; padding-bottom: 113px;}
.ysno1 li{ float: left; width: 154px; height: 108px; text-align: center; line-height: 108px; font-size: 18px; color: #505050; background: url(../images/icon.png) no-repeat -252px top transparent;}
.ysno1 li a:hover{ color: #fff; text-decoration: none;}
.ysno1 li:hover{
cursor:pointer; background-position:-997px -13px;
}
.ysno1 li:hover a{ color:#fff}
.ysno2{overflow: hidden; width: 528px; float: right;}
.ysno2 li{ padding: 21px 0 21px 122px; width: 320px; margin-bottom: 29px; height: 54px; color: #666;}
.ysno2 li strong{ display: block; font-size: 18px; color: #050505; height: 30px; line-height: 30px;}
.ysno2 li.no2, .ysno2 li.no4{ margin-left: 63px; margin-bottom: 30px;}
.ysno2 li.no3{ margin-left: 83px;}

.pk{ background: url(../images/pkbg.jpg) no-repeat center top transparent; height: 631px; padding-top: 80px; width:100%; overflow: hidden;}
.pk .center{ position: relative; height: 631px;}
.pk .prev, .pk .next{ position: absolute; z-index: 4; display: block; top:320px; right: -60px; background: url(../images/icon.png) no-repeat left top transparent; width: 115px; height: 58px; cursor: pointer;}
.pk .next:hover{background-position: left -56px;}
.pk .prev{ background-position: left -121px; left: -60px;}
.pk .prev:hover {background-position: left -178px;}
.pkmain{ width: 932px; margin: 0 auto; height: 363px; overflow: hidden; padding-top: 59px;}
.hd_pk{ position: absolute; bottom: 42px; width: 96px; left: 50%; margin-left: -48px;}
.hd_pk li{ text-indent: -999px; background-color: #fff; cursor: pointer; width: 28px; height: 5px; margin: 0 6px; float: left; border-radius: 100%;}
.hd_pk li.on{ background-color: #f42929;}
.pkmain li{ width: 932px; height: 363px; float: left;  color: #ffecdd;}
.pkmain li.no1{ background: url(../images/pkimgbg1.png) no-repeat left top transparent;}
.pkmain li.no2{ background: url(../images/pkimgbg2.png) no-repeat left top transparent;}
.pkleft{ float: left; width: 383px; padding-top: 165px; text-align: center;}
.pkright{ float: right; width: 383px; padding-top: 165px; text-align: center;}
.pkright p{ color: #fff;}
.pkmain li strong{ display: block; height: 50px; line-height: 50px; font-size: 18px; color: #fff; letter-spacing: 4px;}
.pkmain li p{ padding-top: 17px; line-height: 24px;}

.srdz{ background: url(../images/srdzbg.jpg) no-repeat center top transparent; height: 505px;}
.srdz .title{ padding:79px 0 50px;}
.srdz ul{ background: url(../images/srdzlistbg.png) no-repeat center top transparent; height: 200px; color: #ccc;}
.srdz ul b{ color: #fff;}
.srdz ul i{ width: 47px; height: 35px; background: url(../images/icon.png) no-repeat -174px -91px transparent; display: block; text-align: center; line-height: 35px; color: #fff; font-style: normal;
 font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 17px; position: absolute; top: 35px;  right: 0; 
}
.srdz ul li.on i{ background-position: -125px -91px;}
.srdz ul li.on .srdztext, .srdz ul li.on .srdztext b{ color: #ff9600 !important;}
.srdz ul li{ width:189px; float: left; height: 105px; margin-top: 46px; position: relative;}
.srdztext{ text-align: right; font-size: 14px; position: absolute; right: 0; top:3px; width: 180px; font-weight: bold; -webkit-transition: all .3s;; transition: all .3s;}
.srdztext b{ color: #fff; font-size: 16px; -webkit-transition: all .3s;; transition: all .3s;}
.srdz li.no2 .srdztext, .srdz li.no4 .srdztext{ top: auto; bottom: 5px;}
.srdz ul li.no3 .srdztext, .srdz ul li.no4 .srdztext, .srdz ul li.no5 .srdztext{ left: 140px; text-align: left;}

.fiveys{ background: url(../images/fiveysbg.jpg) no-repeat center top transparent; height: 944px; overflow: hidden; position: relative; color: #ababab;}
.fiveys .center{ position: relative; height: 944px;}
.fiveystitle{ position: absolute; text-align: center; left: 50%; letter-spacing: 8px; top: 254px; width: 546px; left: 50%; margin-left: -273px; font-size: 30px; color: #ff9600; line-height: 40px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; }
.fiveystitle b{ display: block; font-weight: normal;  color: #f2f2f2; font-size: 60px; line-height: 78px; letter-spacing: 2px; white-space:nowrap}
.fiveystitle b span{  color: #f42929;}
.fiveysno1{ overflow:hidden; padding-top: 75px; position: relative; height: 606px; width: 1080px;}
.fiveysno1 li{ width: 240px; position: absolute;}
.fiveysno1 li b{ display: block; font-size: 22px; color: #ff9600; height: 41px; line-height: 41px; padding-bottom: 5px;}
.fiveysno1 li i{display: inline-block; width:54px ; background-color: #949493; height: 1px;}
.fiveysno1 li p{ padding-top: 8px; font-size: 14px;}
.fiveysno1 li.no1{ text-align: right; left: 80px; top: 88px;}
.fiveysno1 li.no2{ text-align: left; right: 80px; top: 88px;}
.fiveysno1 li.no3{ text-align: right; left: 0px; top: 420px;}
.fiveysno1 li.no5{ text-align: left; right: 0px; top: 420px;}
.fiveysno1 li.no4{ text-align: center; left: 50%; margin-left: -150px; top: 616px; width: 300px;}
.fiveysno1 li.no4 p{ padding-top: 0;}
.fiveysno1 li.no4 b{ padding-bottom: 0; height: 30px; line-height: 30px;}

.fiveysno2{ position: absolute; width: 100%; top: 710px; left: 0;}
.fiveysno2 li{ width: 254px; height: 154px; float: left; margin-right: 21px; text-align: center; color: #666; position: relative;}
.fiveysno2 li.no4{ margin-right: 0;}
.fiveysno2 li .zz{ position: absolute; -webkit-transition: all .3s; transition: all .3s; left: 0; top: 0; height: 100%; width: 100%; background-color: #fff; opacity: 0.8; filter: alpha(opacity=80); border-radius: 20px;}
.fiveysno2 li b{ display: block; height: 31px; line-height: 31px; padding-top: 6px; color: #f42929; font-size: 18px; font-weight: normal; position: relative; z-index: 2;}
.fiveysno2 li .fiveysnr{ position: relative; z-index: 2; padding: 0 20px; font-size: 14px; line-height: 22px; padding-top: 10px;}
.fiveysno2 li i{ display: block; height: 1px; background-color: #aaa9a8; margin: 0 20px; position: relative; z-index: 2;}
.fiveysno2 li:hover .zz{ opacity: 1; filter: alpha(opacity=100);}


.about{ overflow: hidden; padding: 80px 0;}
.about .center{ position: relative; height: 555px;}
.about .fl{ width: 540px; overflow: hidden; position: relative; z-index: 2;}
.aboutlogo{ background-color: #f42929; width: 178px; height: 178px; overflow: hidden; border-radius:100%}
.aboutlogo img{ display: block; margin: 17px auto 0;}
.aboutbg{ display: block; width: 562px; height: 103px; background-position: -204px -128px; position: absolute; left: -375px; top: 275px;}
.about .fl h3{ height: 62px; line-height: 62px; color: #000000; font-size: 30px; font-weight: normal; border-bottom: 1px solid #ccc; padding-top: 12px;}
.abouttitle{ height: 36px; line-height: 36px; display: block; padding-top: 29px; padding-bottom: 10px; font-size: 18px; font-weight: normal; color: #000;}
.aboutnr{ color:#a3a3a3; line-height: 30px; font-size: 14px; height: 180px; overflow: hidden;}
.aboutmore{ margin-top: 30px; background-color: #ff9600; -webkit-transition: all .3s; transition: all .3s; text-align: center; height: 38px; line-height: 38px; width: 125px; display: block; color: #fff; font-size: 14px; border-radius: 19px;}
.aboutmore:hover{  background-color: #f42929; color: #fff; text-decoration: none; width: 150px;}
.about .fl i.icon{ width: 100px; height: 64px; display: block; position: absolute; top: 123px; right: 0; background-position: -145px 0;}

.about .fr{ width: 464px; overflow: hidden;}
.ryzztitle{ height: 55px; line-height: 55px; text-align: center; position: relative; font-size: 20px; color: #000;}
.ryzztitle i{ width: 48px; height: 1px; background-color: #7f7f7f; display: block; position: absolute; top: 50%;}
.ryzztitle i.no1{ left: 110px;}
.ryzztitle i.no2{ right: 110px;}
.ryzz{ overflow:hidden; position: relative; height: 498px;}
.ryzz ul{ width: 100%; position: absolute; left: 0; top: 0; display: none;}
.ryzz li{ float: left;}
.ryzz li img{ display: block;}
.ryzz .prev, .ryzz .next{ width: 69px; cursor:pointer; height: 49px; background-color: #ff9600; display: block; position: absolute; top: 50%; margin-top: -20px; z-index:3; text-align: center; line-height: 49px; color: #fff; font-size: 30px;}
.ryzz .next{ left: auto; right: 0;}
.ryzz .next:hover, .ryzz .prev:hover{ opacity: 0.5; filter: alpha(opacity=50);}

.new{ overflow: hidden; padding-top: 42px; padding-bottom: 50px; background-color: #f6f6f6;}
.newtab a{ display: inline-block; -webkit-transition: all .3s; transition: all .3s; width: 143px; height: 38px; cursor: pointer; border:1px solid #c5c5c5; border-radius: 20px; margin: 0 25px; line-height: 38px; font-size: 18px;}
.newtab a.on{ background-color: #f42929; color: #fff; border-color: #f42929;}
.newtab a:hover{ text-decoration: none;}
.newmain{ overflow: hidden; padding-top: 56px; height: 318px;}
.newmain ul{ width: 1300px; display: none;}
.newmain li{ float: left; width: 292px; margin-right: 86px; height: 318px;}
.date{ height: 79px; font-size: 16px; color: #939393; left: 0; right: 0; position: absolute; top: 0;}
.date i{ width: 41px; height: 41px; background-position: -622px 0; position: absolute; right: 39px; top: 32px; display: none;}
.date b{ display: block; font-family: arial; font-size: 30px; font-weight: normal; line-height: 30px; color: #545454;}
.newnr{ border-top: 1px solid #acacac; padding-top: 43px;}
.newnr strong{ display: block; font-size: 16px; font-weight: normal; color: #545454; white-space: nowrap;}
.newtext{ padding-top: 8px; color: #9d9d9d; height:96px; overflow:hidden}
.newmain li a:hover{ text-decoration: none;}
.newmain li a{ display: block; padding-top:79px; position: relative; height: 239px;}
.newmain li a:hover{ padding-top: 0; padding-bottom: 109px; height: 209px;}
.newmain li a:hover .date{ top: auto; bottom: 0; background-color: #f42929; color: #fff; padding-left: 34px; height: 109px;}
.newmain li a:hover .date b{ color: #fff; padding-top: 35px;}
.newmain li a:hover .date i{ display: block;}
.newmain li a:hover .newnr{ border-top-color: #f42929;}

.link{  padding:50px 0 13px; background-color:#333333}
.link strong{ display:block; float: left; width: 70px; background: url(../images/icon.png) no-repeat -432px 1px transparent; padding-top: 10px; line-height: 17px; font-size: 16px; color: #fff; font-weight: normal;
 margin-right: 70px;}
 .link a{ display: inline-block; white-space: nowrap; line-height: 27px; color: #bfbfbf;  font-size: 14px;}
  .link span{ padding: 0 32px; color: #8d8d8d;}
.link a:hover{ color: #fff; text-decoration: none;}


/*在线客服*/
.zxkf{
	position: fixed;
 _position: absolute;
 right: -154px;
 top: 100px;
 _top: "auto"; -webkit-transition: all .3s; transition: all .3s;
 _margin-top:100px;z-index: 99999;
 _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
width: 152px; padding-bottom: 19px; background-color: #f63b3c; border: 1px solid #f7595a;
}
.zxkfleft{ position: absolute; cursor: pointer; width: 16px; padding: 0 5px; height: 159px; background-color: #f5292a;  text-align: center; color: #fff; line-height: 15px; font-size: 14px; border-top-left-radius: 6px; border-bottom-left-radius: 6px; left: -27px; top: 50%; margin-top: -79px;}
.zxkfleft i{ display: block; width: 16px; height: 16px; background-position: -843px 0; margin-bottom: 10px; margin-top: 3px;}
.zxkf h3{ height: 46px; line-height: 46px; padding-top: 2px; text-align: center; color: #fff; font-size: 20px;}
.zxkfclose{ position: absolute; right:7px; cursor: pointer; top: 9px; background: url(../images/icon.png) no-repeat -865px -27px transparent; width: 22px; height: 22px;}
.zxkf img{ display: block; margin: 0 auto;}
.zxkf ul{padding-top: 16px;}
.zxkf ul li{ width: 129px; height: 28px; margin: 0 auto;  margin-bottom: 11px;}
.zxkf ul li a{ display: block; width: 129px; height: 28px; line-height: 28px; background: url(../images/icon.png) no-repeat -764px -89px transparent; position: relative;}
.zxkf ul li a:hover{ text-decoration: none; color: #fff; background-position:-764px -58px ;}
.zxkf ul li i{ display: block; float: left; width: 23px; height: 23px;}
.zxkf ul li.no1 i{ background-position: -765px -27px; margin: 3px 10px 0 10px;}
.zxkf ul li.no2 i{ background-position: -765px -27px; margin: 3px 10px 0 10px;}
.zxkf ul li.no3 i{ background-position: -790px -27px; margin: 3px 10px 0 10px;}
.zxkf ul li.no4 i{ background-position: -816px -27px; margin: 3px 10px 0 10px;}
.zxkf ul li.no5 i{ background-position: -841px -27px; margin: 3px 10px 0 10px;}

.zxkf ul li.no1 a:hover i{ background-position: -897px -27px; margin: 3px 10px 0 10px;}
.zxkf ul li.no2 a:hover i{ background-position: -897px -27px; margin: 3px 10px 0 10px;}
.zxkf ul li.no3 a:hover i{ background-position: -923px -27px; margin: 3px 10px 0 10px;}
.zxkf ul li.no4 a:hover i{ background-position: -949px -27px; margin: 3px 10px 0 10px;}
.zxkf ul li.no5 a:hover i{ background-position: -973px -27px; margin: 3px 10px 0 10px;}
.wxpt{ position: absolute; display: none; width: 125px; height: 125px; padding: 20px; background-color: #fff; border:1px solid #ccc; left: -176px; top: 50%; margin-top: -75px; border-radius: 10px;}
.wxpt em{ display: block; width: 0; height: 0; border: 10px solid transparent; border-left: 10px solid #fff; position: absolute; right:-20px; top: 50%; margin-top: -19px;}
.zxkf.on{ right: 0;}
.wxpt img{ display: block; width: 125px; height: 125px;}

/*main css end*/



/*foot css*/
.foot{ border-top: 1px solid #616161; padding-top: 48px; padding-bottom: 55px; overflow: hidden; background-color:#333333}
.foot .fr{ width: 125px; height: 125px; color: #bfbfbf; text-align: center; font-size: 14px;}
.foot .fr img{ display: block; margin-bottom: 10px; width: 125px; height: 125px;}
.foot .fl{ width: 922px;}
.foot dl{ overflow: hidden; padding-left: 116px; position: relative; height:88px;}
.foot dt{ float: left; width: 88px; height: 88px; background-color: #e70012; position: absolute; left: 0; top: 0;}
.foot dt img{ display: block; margin: 0 auto 0;}
.footnav{ overflow: hidden; line-height: 44px; height: 44px;}
.footnav a{ float: left; font-size: 16px; color: #fff;}
.footnav span{ padding: 0 27px; float: left; color: #fff;}
.footnav a:hover{ color: #e70012; text-decoration: none;}
.foot dd ul{ overflow: hidden; padding-top: 17px;}
.foot dd ul li{ float: left; padding-right: 60px; color:#ff9600}
.foot dd ul li i{ display: inline-block; float: left; width: 14px; height: 14px; background: url(../images/icon.png) no-repeat left top transparent; margin-right: 8px; margin-top: 4px;}
.foot dd ul li.no1 i{ background-position: -600px -3px;}
.foot dd ul li.no2 i{ background-position: -586px -3px;}
.foot dd ul li.no3 i{ background-position: -570px -3px;}
.copyright{ padding-top: 45px; color: #bfbfbf; width: 790px; overflow: hidden;}
.foot dd ul li.no4{ padding-right:0}
.copyright a{ color: #bfbfbf;}
.copyright a:hover{ text-decoration: none; color: #e70012;}


/*foot css end*/

/* 内页 css */

.nyvideo{ width: 800px; height: 500px; margin: 0 auto;}
.nymain{ overflow: hidden; width: 1080px; margin: 0 auto; padding-bottom:50px;}

/* main css */



/* left public css */
.prolist{ height: auto; background-color: #f7f7f7;  overflow: hidden;}
.prolist h3{ height:60px; line-height: 60px; padding: 0 20px; background-color: #f42929; color: #fff; font-size: 18px; font-weight: normal;}
.prolist ul{ padding:10px 20px 20px;}
.prolist ul li{  line-height: 46px; }
.prolist ul li a{ display: block; font-size: 16px; border-bottom: 2px solid #fff;}
.prolist ul li a:hover{ text-decoration: none;}
.prolist ul li a.on, .prolist ul li a.hover{ color: #f42929;}
.prolist ul ul{ background-color: #eee; display: none; padding: 10px 20px;}
.prolist ul ul li a{ line-height: 40px; font-size: 14px; color: #555; border-bottom: 1px solid #f7f7f7;}
.prolist ul ul li a:hover{ color: #f42929;}



.left { width: 250px; float: left;}
.contact{ margin-top: 25px;}
.contacttitle{border-bottom: 8px solid #f7f7f7;
height: 28px;
line-height: 22px;
position: relative; padding-bottom: 10px;}
.contacttitle h3 {
  color: #f42929;
  float: left;
  font-size: 18px;
  transition: all 0.3s ease 0s; font-weight: normal;
}
.contacttitle .more{ float: right;}
.contacttitle .more a{ color: #999;}
.contacttitle .more a:hover{ color: #f42929;}
.contactmain{ padding-top: 10px; line-height: 26px; background-color: #f7f7f7; padding: 20px 13px;}

/* right public css */
.right{ float: right; width:800px;}
.site{ float: right;}
.site a:hover{ color: #f42929; text-decoration: none;}
.righttitle{ border-bottom: 8px solid #f7f7f7;
height: 50px;
line-height: 50px;}
.righttitle h3{border-left: 3px solid #f42929;
color: #f42929;
cursor: pointer;
float: left;
font-size: 18px;
font-weight: normal;
height: 22px;
line-height: 22px;
margin-top: 10px;
padding: 0 12px 0 15px;}
.nycenter{ overflow: hidden; padding: 30px 0;}



/*新闻列表 css */
.ArticleCategory li{ height: 52px; line-height: 52px; border-bottom: 1px solid #f4f4f4; overflow: hidden;}
.ArticleCategory li em{ float: right; font-style: normal; font-size: 12px; color: #999;}
.ArticleCategory li a{ display: block;}
.ArticleCategory li a:hover{ text-decoration: none; color: #f42929;}
.ArticleCategory li a:hover em{ color: #f42929;}
.page{ text-align: center; padding-top: 20px;}

/*新闻详细 css */
.nycenter h1{ font-size: 22px; text-align: center; padding-top: 10px; font-weight: normal; color: #000;}
.fbtime{ line-height: 32px; text-align: center; padding: 10px 0 0; border-bottom: 1px dashed #ccc; margin-bottom: 20px;}

/*产品列表 css */
.ProductCategory li{ width:249px; float: left; padding-right: 26px; text-align: center; line-height: 32px; padding-bottom:20px;}
.ProductCategory { width: 950px;}
.ProductCategory li a{ display: block; -webkit-transition: all .3s;  -ms-transition: all .3s; transition: all .3s;}
.ProductCategory li a img{ display: block;  -webkit-transition: all .3s;  -ms-transition: all .3s; transition: all .3s;}
.ProductCategory li a:hover{ text-decoration: none; color: #f42929;}
.ProductCategory li a:hover img{  -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.nrproimg{ width: 249px; height:249px; overflow: hidden;-webkit-transition: all .3s;  -ms-transition: all .3s; transition: all .3s;}
.ProductCategory li a:hover .nrproimg{ border-color: #f42929;}

.gbookbg input[type="text"]{ border: 1px solid #ccc; width: 350px; height: 32px; line-height: 32px; padding: 0 5px; margin-left: 10px; outline: none;}
.gbookbg td{ padding-bottom: 5px;}
.gbookbg td em{ color: red; font-style: normal;}
.gbookbg textarea{ padding: 5px; font-size: 13px; outline: none; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; border: 1px solid #ccc; height: 88px; line-height: 22px; width: 350px; margin-left: 10px;}
.gbookbg td input[type="submit"], .gbookbg td input[type="reset"]{ height: 32px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; line-height: 32px; width: 100px; text-align: center; border: 0; background-color: #555; color: #fff; cursor: pointer; margin-top: 5px;}
.gbookbg td input[type="submit"]{ background-color: #f42929;}



.gbooklist { overflow: hidden; padding-top: 40px;}
.gbooklist ul li{ padding-bottom: 15px;}
.lytitle{ overflow: hidden;}
.lytitle .time{ float: right; color: #999;}
.lytitle  span{ padding: 0 20px;}
.lynr{ padding: 20px; margin: 10px 0 0; background-color: #f4f4f4;}
.lyhf{ padding-bottom: 10px; border: 1px solid #f4f4f4; padding: 20px; border-top: 0;}

.downlist{ overflow: hidden; position: relative; border-bottom: 1px dashed #ccc; padding: 20px 150px 20px 0;}
.downlist dt{ position: absolute; right: 0; height: 38px; width: 100px; text-align: center; color: #fff; line-height: 38px;   top:50%; margin-top: -19px;}
.downlist dt a{ display: block;  color: #fff; background-color: #f42929; border-radius:10px;}
.downlist dt a:hover{ background-color: #ff872c; text-decoration: none;}
.downlist dd a{ display: block; font-size: 16px; font-weight: bold; color: #333;}
.downlist dd a:hover{ text-decoration: none; color: #f42929;}
.downlist dd span{ display: block; color: #999; font-size: 12px;}
.downlist dd p{ height: 48px; overflow: hidden; padding-top: 5px; color: #666;}

.tabledown{ margin: 0 auto;}
.tabledown td{ line-height: 36px; border-bottom: 1px solid #ccc;}
.tabledown th{ border-left: 1px solid #f4f4f4; background-color: #f4f4f4; height: 46px; line-height: 46px;}
.tabledown td span{ color: #999; display: inline-block; width: 73px;}
#Count{ color: red; width:auto}
.tabledown td.last{ line-height:22px; padding: 20px 0;}


.khjzlist{ overflow: hidden; background-color:#f4f4f4; padding: 10px; margin-bottom: 15px; width: 420px; margin-right:15px; float: left;}
.khjzlist:hover{ background-color:#eee;}
.khjzlist dt{ float: left; width: 120px; height: 120px; overflow: hidden; border-radius: 50%;}
.khjzlist dt img{ display: block;  -webkit-transition: all 0.3s; transition: all 0.3s; border-radius: 50%;}
.khjzlist:hover dt img{-webkit-transform:rotateY(180deg); -ms-transform:rotateY(180deg); transform:rotateY(180deg);} 
.khjzlist dd{ width:285px; float: right;}
.khjzlist dd a.khjzmore{ display: inline-block; line-height:24px; width: 92px; text-align: center; background-color: #999; color: #fff; position: relative; overflow: hidden;}
.khjzlist dd a.khjzmore span{ position: relative; z-index: 3;}
.khjzlist dd a.khjzmore:before{ position: absolute;-webkit-transition: all 0.3s; transition: all 0.3s; height:0; top:0; left:0; width: 0; border:0px solid transparent; border-top-color: #f42929;  content: ""; z-index: 2;}
.khjzlist:hover dd a.khjzmore:before{border-width: 120px 120px 0 0;}
.khjzlist dd p{ height: 44px; overflow: hidden; padding-top:5px; margin-bottom: 15px;}
.khjzlist dd h3{ line-height: 28px;}
.khjzlist dd h3 a{ display: block;}


/* 内页 css END*/
.nysearch {
    position: static;
    width: 1080px;
    margin: 0 auto;
    padding:20px 0 30px;
    height: auto; overflow: hidden;
}
.nysearch form{ float: right; margin: 0;}
.nysearch .searchgjc{ float: left; width: 800px; text-align: left; white-space:nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 40px;}

.nyvideo{ width: 600px; height: 450px; margin: 0 auto;}
.zxkfewm img{ display:block; width:129px !important; height:129px !important}