/*--------------------Reset-----------------*/
/** reset **/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, img{border:medium none;margin: 0;padding: 0;outline:none;border:none;}
body,button, input, select, textarea{font: 14px/1.5 "Microsoft Yahei",tahoma,Srial,helvetica,sans-serif;}
h1, h2, h3, h4, h5, h6{font-size: 100%;font-weight: normal;}
em{font-style:normal;}
ul, ol{list-style: none;}
a{
	text-decoration: none;color:#333;
	text-decoration: none;
	-moz-transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}
a:hover{
	text-decoration: none;
	-moz-transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}
/*火狐去掉按钮、连接的虚线*/
a:focus, a:active,
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {border: 0;outline : 0;} 
input,button,select,textarea{outline:none;-webkit-appearance:none;}
textarea{resize:none;}
a { text-decoration: none; color: #333; }
a{blr:expression(this.onFocus=this.blur());}
a:focus{outline:none;}
a.hidefocus{outline:none}
.button{ border-radius: 0; }
input{font-family: "微软雅黑";}
textarea{font-family: "微软雅黑";}
img{border:0px;  outline-width:0px;  vertical-align:top;}
.cleafix:after{clear:both;content:"\200B";display:block;height:0;}
.cleafix{*zoom:1;}
.fl { float:left;}
.fr { float:right;}

.wrap{max-width:1400px;margin:auto;}
.wrap-sj{margin: 0 15px;  overflow: hidden;}
.gray{color:#8a8989;}
.white_B{background-color:#FFF;}
a:hover{color:#b40202;}
img{max-width: 100%;height: auto;overflow: hidden;max-height:100%;}
body{margin: 0px auto;max-width:1920px;overflow-x: hidden;}
.trans{transition:all .5s}
.lin1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.line2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.line3{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
body{margin: 0px auto;max-width:1920px;overflow-x: hidden;}
.img-responsive{display: block;max-width: 100%; height: auto;width:100%;}
.container{margin: 0 auto;max-width: 1560px;}
.container1{margin: 0 auto;max-width: 1242px;}

/*头部*/
.head{background: linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0));padding:34px 0px;position:fixed;width:100%;z-index:5;*z-index:5;_z-index:5;}
.head.header-scrolled{ background:#ae0000; height:70px; opacity:0.9; z-index:99;}
.head-fl a{display:block;background: url(../images/logo.png) no-repeat; height:55px; width:auto; background-size: contain;}
.header-scrolled .head-fl a{background: url(../images/logo.png) no-repeat; background-size: contain;}


.head-fl{ margin-left:5%; width:30%;}
/*导航*/
/*.container{background-color:red;}*/
.mainnav{ padding-top: 5px;}
#nav li{float:left;font-size: 18px;position: relative;line-height: 46px;}
#nav li a{color: #fff; display: block;padding: 0 18px;}
#nav>li>a:hover,#nav>li>a.hover{color: #fff;background: #b61a1a;line-height: 46px;}
#nav li ul{background: #b61a1a;position: absolute;top: 46px;width: 220px;z-index: 2;padding: 5px 0;display: none;box-shadow: 0 8px 12px rgba(0, 0, 0, 0.1);}
#nav li ul.last{right:0;}
#nav li ul li{float: none;display: block; padding: 0;margin: 0;}
#nav li ul li a{line-height: 44px;font-size: 16px;color: #fff;padding: 0 0 0 25px;}
#nav li ul li a:hover{color:#333;}
#nav li ul li a:hover{background-color:#eee;}


/*升级浏览器代码*/
#browser-modal{width:100%;height:100%;top:0;left:0;text-align:center;color:#303233;position:fixed;z-index:9999999999;}
#browser-modal .browser-modal-cover{position:fixed;left:0;top:0;height:100%;width:100%;background-color:#111;opacity:.9;z-index:-1}
#browser-modal .browser-content{width:700px;margin-top:120px;margin-left:auto;margin-right:auto;padding-bottom:80px;padding-top:50px;background-color:#fff;border-radius:5px}
#browser-modal .browser-content .browser-dpc-logo img{height:42px;margin:45px auto 40px}
#browser-modal .browser-content .browser-text-title{text-transform:uppercase;font-size:24px}
#browser-modal .browser-content .browser-text-desc{margin-top:30px;margin-bottom:20px;font-size:14px}
#browser-modal .browser-content .browser-list{width:600px;margin:20px auto;height:130px}
#browser-modal .browser-content .browser-item{float:left;width:150px;padding-top:20px;padding-bottom:20px;margin-left:auto;margin-right:auto}
#browser-modal .browser-content .browser-item .iconfont{width:100px;height:100px;margin:0 auto;font-size:80px;line-height:80px;margin-bottom:10px;}
#browser-modal .browser-content .browser-item .iconchrome{background: url(../images/bro.png) no-repeat 0 0}
#browser-modal .browser-content .browser-item .iconfirefox{background: url(../images/bro.png) no-repeat 0 -100px}
#browser-modal .browser-content .browser-item .iconopera{background: url(../images/bro.png) no-repeat 0 -200px}
#browser-modal .browser-content .browser-item .iconEdge{background: url(../images/bro.png) no-repeat 0 -300px}
#browser-modal .browser-content .browser-item a{cursor:pointer;display:block}
#browser-modal .browser-content .browser-item a img{display:block;margin:0 auto;max-width:100px;width:100px;height:100px}
#browser-modal .browser-content .browser-item a h4{text-align:center;margin-top:20px;font-size:18px;font-weight:700}
.foot .info{text-align:center;margin-top:20px;color: rgb(72 80 90);}
.foot .info a{color:#fff;}
.foot .info span{margin: 0 20px;color: #fff;font-size: 14px;}


/*banner*/
.banner .swiper-button-prev{background:url(../images/icon1_03.png) no-repeat;left: 9%;}
.banner .swiper-button-next{background:url(../images/icon1_05.png) no-repeat;left:12.5%;}
.banner .swiper-button-next,.banner .swiper-button-prev{width:59px;height:36px; top: inherit;bottom:0;margin:0;}
.banner .text{position:absolute;z-index:5;*z-index:5;_z-index:5;left:10%;top:50%;color:#fff;width:45%;}
.banner .text h1{font-size:46px;font-weight:bold;line-height:70px;position:relative;padding-bottom:14px;}
.banner .text h1:after{content:'';display:inline-block;width:33px;height:1px;background:#8d9093;position:absolute;left:0;bottom:0;}
.banner .text p{font-size:16px;line-height:28px;margin-top:20px;margin-bottom:20px;}
.banner .text .more{display:inline-block;padding:6px 13px;background:#ffffff;color:#333;text-align:center;vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px transparent;
  position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
a.more:before,.btn a:before,a.btn:before {content: ""; position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background: #c60909;-webkit-transform: scaleX(0);
  transform: scaleX(0);-webkit-transform-origin: 0 50%;transform-origin: 0 50%;-webkit-transition-property: transform;transition-property: transform;
  -webkit-transition-duration: 0.3s; transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.banner .text .more:hover,.btn a:hover,a.btn:hover{ color:#fff;}
a.more:hover:before, a.more:focus:before, a.more:active:before,.btn a:hover:before,.btn a:focus:before,.btn a:active:before,a.btn:hover:before, a.btn:focus:before, a.btn:active:before { -webkit-transform: scaleX(1);transform: scaleX(1);}
.news .btn a:hover,.newsletter .btn a:hover{color:#fff;}