* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

:after,:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

/*html,body { height: 100%; }*/

html { 
	overflow-x:hidden; 
	-webkit-text-size-adjust:none;
}

body {
	min-width: 320px; overflow:hidden;
	font-size: 14px;
	color: #666;
	background: #fff;
	font-family: 'GothamBook',PingFangSC,helvetica neue,hiragino sans gb,arial,microsoft yahei ui,microsoft yahei,simsun,sans-serif!important;
	-webkit-overflow-scrolling: touch;
}
@font-face {
  font-family: "iconfont";
  src:    url("../font/iconfont.eot");
  src: url("../font/iconfont.eot") format("embedded-opentype"), url("../font/iconfont.woff") format("woff"), url("../font/iconfont.ttf") format("truetype"), url("../font/iconfont.svg") format("svg");
}
.iconfont {
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, b, small, u, i, center, dl, dt, dd, ol, ul, li,  sub, sup, tt, var, del, dfn,  ins, kbd, q, s, samp,  strike, applet, object, iframe, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, blockquote, pre, a, abbr, acronym, address, big, cite, code, mark, audio, video, input, textarea, select { margin:0; padding:0;}

ul,ol,li,dl{
  list-style: none;
}

/*RESET A*/
* { text-decoration: none!important;}

a,
a:visited,
a:active,
a:hover,
a:focus { 
	text-decoration:none!important; 
	outline:none; 
	star: expression_r(this.onFocus=this.blur());
}

a {
  color: #666666;
}
a:hover {
  color: #9a1e2b ;-webkit-transition: all ease .4s;
	transition: all ease .4s;
}
/* HTML5 RESET THE OLD BROWERS*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
table { border-collapse: collapse; border-spacing: 0; }
 
/*CLEAR the FLOAT*/
.clear { clear:both}
.clearfix { *zoom:1;}
.clearfix:after{
	clear:both; 
	display:block; 
	height:0; 
	visibility:hidden; 
	line-height:0; 
	content:'\20';
}

/*RESET the FORM*/
fieldset { border: 0!important;}

input, button, textarea, select { font-size:100%; outline:none; resize:none}
input[type="button"]{cursor:pointer; border:0}
input[type="submit"]{cursor:pointer; border:0}
input[type="reset"]{cursor:pointer; border:0}
input, textarea{-webkit-appearance:none;} 

input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{ border:none; padding:0; }

/*RESET IMAGES*/
img { 

}

/*IMAGE CENTER*/
.vertical-center {
    display: block;
    max-width: 100%;
    max-height: 100%;
    position: absolute; 
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

/*THE SPECIAL FONTS*/
@font-face {
    font-family: 'PingFang-Heavy';
    src: url("http://www.niujidi.com/css/.../fonts/PingFang%20Heavy.eot");
    src: url("http://www.niujidi.com/fonts/PingFang%20Heavy.eot?") format("embedded-opentype"), url("http://www.niujidi.com/fonts/PingFang%20Heavy.woff") format("woff"), url("http://www.niujidi.com/fonts/PingFang%20Heavy.ttf") format("truetype"), url("http://www.niujidi.com/fonts/PingFang%20Heavy.svg") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'PingFang-Light';
    src: url("http://www.niujidi.com/css/.../fonts/PingFang%20Light.eot");
    src: url("http://www.niujidi.com/fonts/PingFang%20Light.eot?") format("embedded-opentype"), url("http://www.niujidi.com/fonts/PingFang%20Light.woff") format("woff"), url("http://www.niujidi.com/fonts/PingFang%20Light.ttf") format("truetype"), url("http://www.niujidi.com/fonts/PingFang%20Light.svg") format("svg");
    font-weight: normal;
    font-style: normal
}
.font30{ font-size:30px;}
.font22{ font-size:22px;}
.font18{ font-size:18px;}
.font16{ font-size:16px;}
.font14{ font-size:14px;}

/*RESET FONTS*/
.t2 { text-indent: 2em;}
em { font-style: normal;}

.text-center { text-align: center;}
.text-right { text-align: right;}

.overf {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/*MARGIN*/
.transition {
	-webkit-transition: all ease .4s;
	   -moz-transition: all ease .4s;
	    -ms-transition: all ease .4s;
	     -o-transition: all ease .4s;
	        transition: all ease .4s;
}
.w1200{ position:relative; z-index:22; width:94%; z-index:2;max-width:1200px;margin:0 auto;}
.w1200 img{ max-width:100%;}
.zixun_r{ position:fixed; top:50%; right:0; margin-top:-122px; z-index:100000}
/*网站头部样式*/
.header{ position: fixed; top:0; left:0; height:86px; z-index:1000; width:100%;background: rgba(255,255,255,0.95);-moz-box-shadow: 0px 0px 12px #ccc; /* 老的 Firefox */
box-shadow: 0px 0px 12px #ccc; }
.header-in {
	margin: 0 auto; width:1200px;
}
.mainMenu{ display:none;}
.logo { float: left;}
.logo  img{ margin-top:7px;  max-height:70px;}
.tianqi{float: right; width:250px;
color: #666666;
padding-top: 27px;
border-right: #dedede 1px solid;
height: 86px;
overflow: hidden;
margin-right: 20px;
display: inline;}
.tianqi .box strong{ font-size:18px; color:#333}
.tianqi .box .wtline{ color:#009944}
.phone_top{float: right;color:#333;font-size:16px; margin-top:26px;}
.phone_top .iconfont{ height:28px; line-height:28px; width:28px; text-align:center;color: #fff; border:#9a1e2b 1px solid;  font-size:14px;border-radius:50%; background-color:#9a1e2b;display: inline-block;}
.phone_top .phone_number { font-size:22px; font-family:DIN; color:#9a1e2b; font-weight:bold}
.nav {
	float: right; padding-top:0px;
	margin-right:30px; display:inline
	
}

.nav-list li {
	float: left; position: relative
}

.menu01 .nav-list li.menu_li01 a{ color:#9a1e2b}
.menu02 .nav-list li.menu_li02 a{ color:#9a1e2b}
.menu03 .nav-list li.menu_li03 a{ color:#9a1e2b}
.menu04 .nav-list li.menu_li04 a{ color:#9a1e2b}
.menu05 .nav-list li.menu_li05 a{ color:#9a1e2b}
.menu06 .nav-list li.menu_li06 a{ color:#9a1e2b}
.menu07 .nav-list li.menu_li07 a{ color:#9a1e2b}

.menu08 .nav-list li.menu_li08 a{ color:#9a1e2b}
.menu09 .nav-list li.menu_li09 a{ color:#9a1e2b}
.menu10 .nav-list li.menu_li10 a{ color:#9a1e2b}
.menu11 .nav-list li.menu_li11 a{ color:#9a1e2b}
.menu12 .nav-list li.menu_li12 a{ color:#9a1e2b}
.nav-list>li>a {
	position: relative;
	display: block;
	padding: 0 25px;
	height:86px;
	line-height:86px;
	color: #333333;
	font-size: 16px; font-weight:bold
}
.nav-list>li > a:before{
	position: absolute;
	left:-1px;
	top:50%;
	content:"";
	background: url(../image/line.png) 0 0 no-repeat;
	width: 1px;
	height: 13px; margin-top:-5px;
}
.nav-list li:first-child a:before{
	display: none;
}
@media (max-width:1200px) {
.nav-list>li>a {
	position: relative;
	display: block;
	padding: 0 8px;
	height:70px;
	line-height:70px;
	color: #666;
	font-size: 14px;
}
}
@media (max-width:1100px) {
.nav-list>li>a {
	position: relative;
	display: block;
	padding: 0 6px;
	height:70px;
	line-height:70px;
	color: #666;
	font-size: 14px;
}
}

.nav-list>li>a::after {
	content: '';
	position: absolute;
	-webkit-transition: all ease .4s;
	   -moz-transition: all ease .4s;
	    -ms-transition: all ease .4s;
	     -o-transition: all ease .4s;
	        transition: all ease .4s;
}



.nav-list>li>a::after {
	bottom:0px;
	left: 50%;
	width: 0;
	height: 2px;
	background: #9a1e2b;
	opacity: 0;
	transform: translate(-50%,0);
}

.menu01 .nav-list li.menu_li01>a::before,.menu02 .nav-list li.menu_li02>a::before,.menu03 .nav-list li.menu_li03>a::before,.menu04 .nav-list li.menu_li04>a::before,.menu05 .nav-list li.menu_li05>a::before,.menu06 .nav-list li.menu_li06>a::before,.menu07 .nav-list li.menu_li07>a::before,.menu08 .nav-list li.menu_li08>a::before,.menu09 .nav-list li.menu_li09>a::before,.menu10 .nav-list li.menu_li10>a::before,.menu11 .nav-list li.menu_li11>a::before,.menu12 .nav-list li.menu_li12>a::before,
.nav-list li:hover>a::before {
	opacity: 1;
	transform: scale(1);
}

.menu01 .nav-list li.menu_li01>a::after,.menu02 .nav-list li.menu_li02>a::after,.menu03 .nav-list li.menu_li03>a::after,.menu04 .nav-list li.menu_li04>a::after,.menu05 .nav-list li.menu_li05>a::after,.menu06 .nav-list li.menu_li06>a::after,.menu07 .nav-list li.menu_li07>a::after,.menu08 .nav-list li.menu_li08>a::after,.menu09 .nav-list li.menu_li09>a::after,.menu10 .nav-list li.menu_li10>a::after,.menu11 .nav-list li.menu_li11>a::after,.menu12 .nav-list li.menu_li12>a::after,
.nav-list li:hover>a::after {
	opacity: 1;
	width: 100%;
}

.nav>ul>li .subMenu{background-color:rgba(53,78,64,0.9);position: absolute; left: 0;top:86px;width: 100%;height:48px;display: none;z-index:999;}
.nav>ul>li .subMenu .level1{width:1100px;overflow:hidden; float:none; margin:0; padding:0; margin:0 auto; }
.nav>ul>li .subMenu .level1 span.space01 {display: none;height:30px; width:490px;}
.nav>ul>li .subMenu .level1 li a { background:none repeat scroll;border:none;color:#fff;display:block; font-size:12px; margin:0;padding:0 20px; line-height:48px; height:48px; font-weight:normal}
.nav>ul>li .subMenu .level1 li a i { background-color:#fff; display:inline-block; height:5px;margin-right:5px; width:5px;border-radius:50%;}
.nav>ul>li .subMenu .level1 li a:hover {color:#faf2e4;}
.nav>ul>li .subMenu .level1 li a:hover i {}
.nav>ul>li:hover .subMenu { display:block;}

.header  .nav ul li .nav_erji{ position: absolute; top:86px; left:50%; width:100%; background: rgba(154,30,43,0.72); height: auto; margin-left: -50%; line-height:160%; display: none;z-index:0}
.header  .nav ul li .nav_erji ul{ text-align: center}
.header  .nav ul li .nav_erji ul li{ display: block; padding:10px 10px; float: none}
.header  .nav ul li .nav_erji ul li a{color:#ffffff; font-size:14px;}
.header  .nav ul li .nav_erji ul li:hover{background-color: #9a1e2b}
.header  .nav ul li .nav_erji ul li a:hover{color:#ffffff;}



.logo_r{ text-align:center; padding-top:15px; padding-bottom:20px;}
/*网站头部样式*/

/*右边悬浮内容 样式*/
.suspend {
    position: fixed;
    right:0px;border-radius:10px; padding:15px;
    top:20%;
    text-align: center; background-color:#FFFFFF;
    z-index: 99999;-webkit-box-shadow: 1px 1px 9px rgba(0,0,0,.07);
	-moz-box-shadow: 1px 1px 9px rgba(0,0,0,.07);
	box-shadow: 1px 1px 9px rgba(0,0,0,.07);
}
.zixun{border-radius:10px; height:30px; line-height:30px;  font-size:14px;color:#FFFFFF; margin-top:12px; margin-bottom:12px;  text-align:left; text-indent:40px; width:110px;}
.zixun:hover{ background-color:#49be55;-webkit-transition: all ease .4s;
	transition: all ease .4s;}
.zixun a{ color:#FFFFFF; text-decoration:none}
.back001{ background:#3f8fce url(http://www.niujidi.com/images/icons_r01.png) 10px center no-repeat;}
.back002{ background:#3f8fce url(http://www.niujidi.com/images/QQ.png) 10px center no-repeat;}
.back003{ background:#3f8fce url(http://www.niujidi.com/images/phone.png) 10px center no-repeat;}
.sale_lists{}
.sale_lists ul li{ padding:10px 0px;}
.sale_lists ul li img{ width:26px; height:26px;border-radius:50%; }
/*右边悬浮内容 样式 END*/

/*内页公共调用样式内容 开始*/
.banner_in_show{ position:relative; z-index:1; margin-top:86px;  overflow:hidden;}
.banner_in_show  .back_img{ width: 100% }
.banner_in_show .banner_in_fonts{ position:absolute; left:50%; top:50%; width:1000px; margin-left:-500px; margin-top:-70px; text-align:center; color:#FFFFFF; font-size:30px; font-weight:bold; z-index:1;text-shadow: 0px 0px 10px #000; display: none}
.banner_in_show .banner_in_fonts h3 { padding-bottom:16px;}
.banner_in_show .banner_in_fonts img{ width:auto;}
.banner_in_show .banner_in_fonts  span{ position:relative; display:block}
.banner_in_show .banner_in_fonts  span::before {
                content: '';
                position: absolute;
                top:25px;
                left:50%; margin-left:-45px;
                background-color: #fff;
                width:90px;
                height:3px;
            }
.subnav ul{float:left;}
.subnav ul li{ float:left; width: auto; padding:0 40px; text-align:center; background:url(../image/line02.jpg) right center no-repeat;font-size:18px; height:65px; line-height:65px; position:relative;  }
.subnav ul li:last-child{ background:none}
.subnav ul li a{ color:#666; display:block;}
.subnav ul li a:hover{ color:#9a1e2b}
.subnav ul li.cur a{ color:#9a1e2b; font-weight:bold}
.subnav ul li.cur a span{ position:relative}
.subnav ul li.cur::before {
    position: absolute;
    left:0%;
    bottom:0px;
    margin-left:0;
    content: "";
    display: block;
    width:100%;
    height:2px; background-color:#9a1e2b;  
    transition: all .5s ease;
}


.positions_now{ position:relative; z-index:2; background:url(../image/underlines.jpg) left bottom repeat-x;}
.positions_now_font{ float:right; background:url(../image/home.png) left center no-repeat; padding-left:25px; color:#a3a3a3; font-size:12px; margin-top:24px;}
.font1e534d{ color:#9a1e2b}
.back_imgages{ min-height:700px; position:relative; background:#e8e7e8 url(../image/back_in.jpg) center center repeat; padding-top:40px; padding-bottom:100px;}
.back_imgages  .left_top{ position:absolute; left:0; top:0px; display: none}
.back_imgages  .right_top{ position:absolute; right:0; top:0px;display: none}
.back_imgages  .left_bottom{ position:absolute; left:0; bottom:0px;display: none}
.back_imgages  .right_bottom{ position:absolute; right:0; bottom:0px;display: none}
.page_titile{ text-align:left; font-size:16px; padding-top:40px; padding-bottom:30px; color:#999999; padding-bottom:10px; width:100%; max-width:1200px; margin:0px auto; line-height:140%;}
.page_titile h3{ color:#333; font-size:30px; margin-bottom:14px; font-weight:normal;}
.page_titile h3 span{ position:relative; padding-bottom:15px; /*border-bottom:#000000 1px dotted*/}
/*.page_titile h3 span::before {
                content: '';
                position: absolute;
                top: 0px;
                margin-top:37px;
                left:0%;
                background-color: #354e40;
                width:40px;
                height:2px;
            }*/
.pics_show{    box-shadow: 0px 0px 20px #ccc;}
.about_cons_fonts{padding-top:40px; padding-bottom:26px; font-size:16px; line-height:200%;}
.about_cons_fonts p{ }
.about_cons_fonts h3{ font-size:22px; font-weight:normal; color:#333333; padding-bottom:10px;}

.downBtn{ display:none;}
.fadeInDown_cycle{
-webkit-animation:fadeInDown 2s 2s infinite both;
-moz-animation:fadeInDown 2s 2s infinite both;}
@-webkit-keyframes fadeInDown{
0%{opacity:0;
-webkit-transform:translateY(-20px)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInDown{
0%{opacity:0;
-moz-transform:translateY(-20px)}
100%{opacity:1;
-moz-transform:translateY(0)}
}
.fadeInLeft{
-webkit-animation:fadeInLeft 1s 2s ease both;
-moz-animation:fadeInLeft 1s 2s ease both;}
@-webkit-keyframes fadeInLeft{
0%{opacity:0;
-webkit-transform:translateX(-20px)}
100%{opacity:1;
-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInLeft{
0%{opacity:0;
-moz-transform:translateX(-20px)}
100%{opacity:1;
-moz-transform:translateX(0)}
}
.banner_in_show .banner_back_imgs{ width:100%; height:auto; max-height:454px;}
.img_animation_in{
-webkit-animation:fadeIn 1s 1s ease both;
-moz-animation:fadeIn 1s 1s ease both;
}
{
0%{opacity:0}
100%{opacity:1}
}
{
0%{opacity:0}
100%{opacity:1}
}

.animation_down{
-webkit-animation:fadeInDown 1s .2s ease both;
-moz-animation:fadeInDown 1s .2s ease both;}
@-webkit-keyframes fadeInDown{
0%{opacity:0;
-webkit-transform:translateY(-20px)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInDown{
0%{opacity:0;
-moz-transform:translateY(-20px)}
100%{opacity:1;
-moz-transform:translateY(0)}
}
#wrapper{ background-color:#FFFFFF;}
.titles_name{ text-align:center; padding-top:40px; padding-bottom:10px; font-size:16px; color:#666666}
.titles_name h3{ font-weight:bold; font-size:30px; padding-bottom:10px;}
.category{ text-align:center; padding:30px 0px;}
.category ul li{ display:inline-block; margin-right:10px; margin-left:10px;}
.category ul li a{padding:8px 20px; background-color:#eeeeee; color:#666666;border-radius:4px;}
.category ul li.active_cate  a{background-color:#d40436; color:#fff;}
.category ul li:hover  a{background-color:#d40436; color:#fff;}
/*内页公共调用样式内容 END*/


/*底部公共调用样式内容 开始*/
.bottom {
    width: 100%;
    overflow: hidden;
    background: #353535 url(../image/bottom_back.jpg) center center repeat;
    padding:40px 0 55px 0; color:#979797
}
.span_con {
    position: relative;
}
.weixin_con {
    position: absolute;
    bottom:50px;
    left: 0;
    z-index: 22;
    display: none;
}
.weixin_con img{max-width:200px;}
.span_con:hover .weixin_con{ display:block}
.logo_bottom{ text-align:center; padding-bottom:35px;}
.logo_bottom img{ width:40%; max-width:129px;}
.bottom_nav{ border-top:#424242 1px solid; border-bottom:#424242 1px solid; padding:20px 0px; font-size:14px; color:#606060; text-align:center}
.bottom_nav a{ color:#979797; padding:0px 50px;}
@media (max-width:1150px) {
.bottom_nav a{ color:#979797; padding:0px 8px;}
.bottom_fonts .float_link002{ width:570px;}
}
.bottom_nav a:hover{ color:#FFFFFF}
.bottom_fonts{ padding-top:36px;}
.bottom_fonts .float_link{ position:relative; float:left; width:105px; text-align:left;}
.bottom_fonts .float_link .erweima_show{ position:absolute; left:10px; bottom:100px; background-color:#FFFFFF; padding:10px; width:150px; height:auto; display:none;}
.bottom_fonts .float_link .erweima_show img{ width:100%;}
.weixin_show:hover .bottom_fonts .float_link .erweima_show{ display:block}
.bottom_fonts .float_link002{ float:left; width:700px; line-height:21px; text-align:left; padding-top:0px; font-size:12px;}
.bottom_fonts .bottom_fonts_r{ float:right; width:247px; text-align:right;}
.bottom .linkRow {
    overflow: hidden;
    zoom: 1; width:100%;
    max-width: 1100px;
    margin: 0 auto;
    padding-bottom: 25px;
}
.bottom .linkRow .lLink {
width:100%;
    max-width:1000px;
    float: left;
    overflow: hidden;
    zoom: 1;
}
.bottom .linkRow .lLink .col {
    width: 20%;
    float: left;
    overflow: hidden;
}
.bottom .linkRow .lLink .t1 {
    display: block;
    font-size: 16px;
    line-height: 20px;
    padding: 0 0 15px 0;
    text-align: left; color:#FFFFFF;
}
.bottom .linkRow .lLink .lk {
    display: block;
    text-align: left; color:#b5b5b5; line-height:26px; font-size:14px;
}
.bottom .linkRow .lLink .lk a{color:#b5b5b5}
.bottom .linkRow .rEwm {
    width:166px;
    float: right;
    text-align: center; line-height:160%; color:#b5b5b5
}
.bottom .rprRow {
background-color:#2e2f34;
    padding: 20px 0 15px 0;
    width: 100%;
}


.bottom .rprRow .cpr {
text-align:center;
}
.bottom .rprRow .lpr {
    line-height: 26px;
    color: #848484;
    font-size: 12px;
}

.guest_in{ max-width: 600px; margin: 0px auto; padding-top: 50px;}

.input_order_002 { background-color:#FFF;
 border:0;
 color: #666666;
 font-size: 16px;
 line-height:46px; width:470px;border-radius:6px;
 display: block; margin:0px auto; margin-bottom:15px; text-align:left; text-indent:20px;font-family: 'GothamBook',PingFangSC,helvetica neue,hiragino sans gb,arial,microsoft yahei ui,microsoft yahei,simsun,sans-serif!important;
}
.form_button { background-color:#9a1e2b;
 border:0;
 color: #ffffff;
 font-size: 20px;
 line-height:46px; width:470px;border-radius:6px;
 display: block; margin:0px auto; margin-bottom:15px; text-align:center;
}


/*底部公共调用样式内容 END*/