@charset "utf-8";

body 
{   
    margin:0;
    padding:0;
	font-family:"微软雅黑";
	font-size:14px;
	cursor: default;
	background-color:#fff;
	/*overflow-x: hidden;*/
	  min-width:1264px;


}



/*table{border-collapse:collapse;border-spacing:0px;}*/
a{text-decoration:none;font-size:14px;outline:none;}
/* a:hover{text-decoration:underline} */
a:active{outline:none;}
a img{border:0;}
p{ margin:0; padding:0}
.clearfix{clear:both}
.overflow{ overflow:hidden}
 body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,textarea,b{padding:0;margin:0}
a:focus,input,select,textarea{outline:0}
b{ margin:0; padding:0}
textarea{resize:none;overflow:auto}
ul,ol,li{list-style-type:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal}
input{ outline:none; border:none; background-color:transparent}


.text-l{ text-align:left}
.text-c{ text-align:center}
.text-r{ text-align:right}
.float-l{ float:left}
.float-r{ float:right !important}
.width-100{ width:100%}
.width-1920{ width:1920px; margin:0 auto;}
.hang-1{white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.hang-2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow:hidden;}
.hang-3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; overflow:hidden;}
.text-am{display: block; -webkit-margin-before: 1em;-webkit-margin-after: 1em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;}
.text-m{ margin:16px 0}
.text-form{ text-transform:uppercase}
.mar-l3{ margin-left:3px;}
.mar-l4{ margin-left:4px;}
.mar-l5{ margin-left:5px;}
.mar-l10{ margin-left:10px;}

.mar-r3{ margin-right:3px;}
.mar-r4{ margin-right:4px;}
.mar-r5{ margin-right:5px;}
.mar-r10{margin-right:10px;}

.mar-t3{ margin-top:3px;}
.mar-t4{ margin-top:4px;}
.mar-t5{ margin-top:5px;}
.mar-t10{ margin-top:10px;}

.mar-b3{ margin-bottom:3px;}
.mar-b4{ margin-bottom:4px;}
.mar-b5{ margin-bottom:5px;}
.mar-b10{ margin-bottom:10px;}

.pad-l3{ padding-left:3px;}
.pad-l4{ padding-left:4px;}
.pad-l5{ padding-left:5px;}
.pad-l10{ padding-left:10px;}

.pad-r3{ padding-right:3px;}
.pad-r4{ padding-right:4px;}
.pad-r5{ padding-right:5px;}
.pad-r10{ padding-right:10px;}

.pad-t3{ padding-top:3px;}
.pad-t4{ padding-top:4px;}
.pad-t5{ padding-top:5px;}
.pad-t10{padding-top:10px;}

.pad-b3{ padding-bottom:3px;}
.pad-b4{ padding-bottom:4px;}
.pad-b5{ padding-bottom:5px;}
.pad-b10{padding-bottom:10px;}




.header-bj{ width: 100% ; height: 124px ; background: url(../images/top-bj.png) repeat ; position: fixed; left: 0; top: 0; z-index: 999; border-top: 2px solid #f0453e; border-bottom: 1px solid #d8cccd}
.header-box{ width: 1264px; height: 124px; margin: 0 auto;}
.head-l{ width: 260px;float: left; }
.head-r{ width: 900px; float: right; height: 124px ;animation:mymove3 2s 1; position: relative; }
.head-l .logo-box{ width: 260px; height: 100px; margin-top: 17px ; position: relative;}
.head-l .logo-box h1 .logo{ width: 106px; height: 95px; float: left; position: relative;
	animation:mymove 2s 1;

	}
.head-l .logo-box h1 .hc{ width: 123px; height: 56px; float: left; margin: 33px 0 0 14px; position: relative;animation:mymove2 1s 1;}


@keyframes mymove
{
	0%   {left: -200px;}
	25%  {left: 15px;}
	50%  { left: -15px;}
	75%  {left: 15px;}
	100% { left: 0px;}

}
@keyframes mymove2
{
	0%   {left: -200px; transform: rotate(360deg)}
	100% { left: 0px;}

}
@keyframes mymove3
{
	0%   {right: -200px;}
	100% { right: 0px;}

}



.hd1{ width: 100%; height: 45px; line-height: 45px; text-align: right; position: relative; z-index: 9999; }
.hd1 .spp{ font-size: 14px; color: #909090; margin-right: 110px;}
.hd1 .spp a{ font-size: 14px; color: #909090; padding: 0 3px}
.hd1 .spp a:hover{ color: #f0453e}
.nav2 {width:91px;height:27px; position: absolute; right: 0; top: 9px ;}
.nav2 p {width:77px;height:27px; line-height:27px;display:block; text-align: left;  padding-left:14px;font-size:14px; color:#4a4a4a;}
.nav2 .set {background:url(../images/san0.png) no-repeat ; background-position:69px 12px;}
.nav2 .select {background:url(../images/bb0.png) no-repeat ; }
.nav2 .new {width:91px;position:absolute; background: url(../images/bb2.png) no-repeat; border-top:none;display:none; height: 65px; overflow:auto}
.nav2 ul li { width:91px; text-align: left }
.nav2 ul li a{ width:78px; height:25px; line-height:25px;  padding-left:13px; display:block;  font-size:14px;  color:#4a4a4a; overflow:hidden}
.nav2 ul li:hover a{color:#f0453e}

.tel{ margin-right: 15px; position: relative; top: 3px;}


/* nav */
.fack{ width:900px;  height:67px; margin-top: 12px; position: relative; }
.fack ul{ width:100%; }
.fack ul li{ width:150px;  height:67px;  float: left;background: url(../images/nav-x.png) no-repeat right center;  position:relative; }
.fack li .link{ width:180px; height:67px; display:block; text-align:center;}
.fack li .link h4{ width:180px;  height:67px; line-height:67px; text-align:center; font-size:16px; color:#2b3831;cursor:pointer }
.fack ul li .mo{ height: 67px; background: url(../images/mox.jpg) no-repeat ; background-position: bottom center;}
.fack ul li .mo h4{ font-weight: bold ; color: #f00000 ;}
.fack ul li:hover .link{  height: 67px; background: url(../images/mox.jpg) no-repeat ; background-position: bottom center;}
.fack ul li:hover .link h4{ font-weight: bold ; color: #f00000 ;}


.fack ul li .nav_menu-bj{width:107px; margin-left: 37px; background:url(../images/menu-bj.png) repeat; padding-bottom:10px;display: none}
.fack ul li .nav_menu{width:107px;padding-top:6px; overflow:hidden }
.fack ul li .nav_menu h5{width:100%; height:35px; background: url(../images/nav-x.jpg) repeat-x; background-position:left bottom }
.fack ul li .nav_menu h5 a{ width:85px; background: url(../images/d.jpg) no-repeat; background-position:  18px center; height:35px; line-height:35px; display:block;font-size:14px; color:#fff;cursor:pointer ; padding-left: 27px; overflow:hidden;}
.fack ul li .nav_menu h5:hover a{  height: 33px; font-weight: bold; background-color: #f5703a}

.widtha{ width: 180px !important; margin-left: 0 !important; position: relative; top: -3px}
.fack ul li .widtha .nav_menu{width:180px;padding-top:6px;overflow:hidden }
.fack ul li .widtha .nav_menu a{width:180px;}
.fack ul li .tj{ position: absolute; right: 3px; top: 64px;}




.footer-bj{ width: 100%; height: 339px; padding-top: 85px; background: url(../images/foot-bj.jpg) no-repeat; background-position: center center;  overflow: hidden;}
.footer-box{ width: 1264px; margin: 0 auto; position: relative;}
.ft-l{ width: 370px; height: 150px;float: left; border-left: solid 3px #cd0000; padding-left: 12px;}
.ft-c{ width: 450px; height: 150px;float: left; margin-left: 62px;}
.ft-r{width: 304px; height: 150px;float: right;}
.copy{width: 1264px; height: 40px; line-height: 40px; background: url(../images/copy-bj.png) repeat-x ; margin-top: 45px; font-size: 14px; color: #282828; overflow: hidden;}
.copy h3{float: left; height: 40px; line-height: 40px;font-size: 14px; color: #282828; margin: 0 44px 0 12px}
.copy h4{float: left;height: 40px; line-height: 40px;font-size: 14px; color: #282828; margin: 0 52px 0 0}
.copy h5{float: left;height: 40px; line-height: 40px;font-size: 14px; color: #282828;}
.copy a{float: right;font-size: 14px; color: #282828; padding-right: 10px;}

.ft-l .ba1{ width: 100%; height: 20px; line-height: 20px; font-size: 16px; color: #3f3a3a ; margin: 5px 0 7px 0; overflow: hidden;}
.ft-l .ba2{ width: 100%; height: 34px; line-height: 34px; font-size: 32px; color: #cd0000 ; font-weight: bold; overflow: hidden; margin-bottom: 8px;}
.ft-l .ba3{ width: 100%; height: 20px; line-height: 20px; font-size: 14px; color: #3f3a3a ; margin: 6px 0 0 0; overflow: hidden;}

.ft-c .linak{ width: 120px;float: left;}
.ft-c .linak h3{width: 120px; height: 20px; line-height: 20px;font-size: 16px ; font-weight: bold; color: #202020 ; margin-top: 13px; margin-bottom: 13px; overflow: hidden;}
.ft-c .linak a{ width: 120px; height: 20px; line-height: 20px; display: block; font-size: 14px; color: #606060; margin-top: 8px; overflow: hidden;}
.mag{ margin: 0 25px 0 25px}
.ft-c .linak a:hover{ color: #f0453e;}

.ft-r .ewm{ width: 131px ; float: left;}
.ft-r .ewm img{ width: 129px ; height: 129px; border: solid 1px #b4b4b4}
.ft-r .ewm h4{ width: 129px; height: 28px; line-height: 28px; text-align: center; font-size: 14px; color: #6b6b6b; overflow: hidden;}
.ft-r .ewm h4 span{ color: #cd0000}



.Location-bj{ width: 100%; height: 105px; background: url(../images/fix-bj.png) repeat-x; position: fixed; left: 0; bottom: 0; z-index: 99999;}
.Location-box{ width: 1264px;height: 105px; margin: 0 auto; position: relative;}
.taw{ position: absolute; right: -131px; bottom: 0; cursor: pointer;}
.gban{ position: absolute; right: 0 ; top: -10px; cursor: pointer;}

.Location-box .tu{ position: absolute; left: -54px; bottom: 0}
.hu1{ width: 1136px; height: 22px; line-height: 22px; padding-left: 98px; position: relative; top: 19px}
.hu1 h4{ font-size: 20px; color: #ffd28c}
.hu1 h4 span{ font-size: 14px; color: #fff;}
.hu1 h4 i{ font-style: normal ; font-size: 14px; color: #656565}

.hu2{ width: 1150px; height: 34px;padding-left: 98px; position: relative; top: 32px}
.ipu1{width: 173px; height: 33px; background-color: #828282 ; position: relative; float: left; overflow: hidden;}
.ipu1 img{ position: absolute;left: 6px; top: 5px;}
.ipu1 .pt{ width: 140px; height: 33px; line-height: 33px; font-size: 14px; color: #3c3c3c; position: absolute; left: 32px; top: 0; font-family: "微软雅黑 Regular"}

.ipu2{width: 558px; height: 33px; background-color: #828282 ; position: relative; float: left; overflow: hidden;}
.ipu2 img{ position: absolute;left: 6px; top: 5px;}
.ipu2 .pt{ width: 520px; height: 33px; line-height: 33px; font-size: 14px; color: #3c3c3c; position: absolute; left: 32px; top: 0; font-family: "微软雅黑 Regular"}

.mg2{ margin: 0 20px 0 12px}
.btt{ width: 187px; height: 33px; background: url(../images/tj.jpg) no-repeat; float: left; margin-left: 11px; cursor: pointer;}

.mm{background-color: #fff ; }

input::-webkit-input-placeholder{ color:#b3b3b3; }
input::-moz-placeholder{color:#b3b3b3;}
input:-moz-placeholder{ color:#b3b3b3;}
input:-ms-input-placeholder{color:#b3b3b3;}



.up-bj{ width: 39px; height: 51px; background: url(../images/up1.png) no-repeat; position: fixed; right: 20px; bottom: 110px; z-index: 99999999; display: none}
.up-bj:hover{ background: url(../images/up2.png) no-repeat;}