/* CSS Document */
body{margin:0;padding:0;font:14px/200% "Hiragino Sans GB",\5FAE\8F6F\96C5\9ED1,"lvetica Neue",Helvetica,Arial,sans-serif;color:#777;}
a,a:link{color:#777;text-decoration:none;}/*未访问*/
/*a:visited {color:#999}*//*已访问*/
a:focus,a:hover{color:#e60021;text-decoration:underline;outline:0;-moz-outline:none}/*鼠标悬停*/
a:active{color:red}/*被选择*/
input,textarea{outline:0;-moz-outline:none}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{color:#000;font-weight:500;line-height:150%}
.h1,.h2,.h3,.h4,.h5,.h6{margin:0;padding:0}
img{padding:0;margin:0;border:0;height:auto!important;max-width:100%!important;max-height:auto!important}
a{color:#323232; text-decoration: none}
header,main,footer{margin: 0; padding: 0; zoom:1; clear: both;}
.martop60{margin-top:60px;}
.top-box{margin: 0; padding: 0; clear: both; position: relative;}
.weblogobox{position:absolute; top: 0; left:30px; z-index: 99; width: 703px;}
.ad-triangle{position: absolute; top: 160px; left: -70px; z-index: 1; width: 900px; }
.weblogobox img,.ad-triangle img{width: 100%;}
.top-box .toplogobox{background-image: url(../images/topsearchbg.jpg); background-repeat: no-repeat; background-position: left top; height: 128px; z-index: 9}
.toplogobox .s1{overflow: hidden;float: left; width: 477px; margin-top: 35px; margin-left: 36%;}
.toplogobox .s1 img{width:100%;}
.toplogobox .s2{float:right; margin-top: 45px;}
.toplogobox .searchbox{width: 200px; border: solid 1px #949599;overflow: hidden; background-color: #fff; border-radius: 10px;}
.toplogobox .searchbox .key{border:0; background-color: #fff;padding-left: 5px; float: left; height: 34px;}
.toplogobox .searchbox .s-btn{background-color:#3D4144;border: 0;width:34px; height:34px; color: #fff; float: right}
.toplogobox .searchbox .s-btn:hover{background-color:#940000;}
.pagetit-group{
	display: none;
}
/*导航*/
.navbar-box{background-color: #940000; height: 38px; width:100%; line-height: 38px; position: relative; clear: both; z-index: 88;}
.navbar-default{background:none;float: right;}
.navbar-default .navbar-toggle:hover{background-color:#fff}
.navbar-default .navbar-toggle .icon-bar{background-color:#e60021
.navbar-default .navbar-nav {float: inherit !important}
.navbar-default .navbar-nav li {border-bottom:1px solid hsla(0,0%,100%,0.10)}
.navbar-default .navbar-nav li a{padding:8px 15px;font-weight:700;}
.nav>li>ul li a,.nav>li>ul li a:hover,.navbar-default .navbar-nav>li>a,.navbar-default .navbar-nav>li>a:hover{color:#fff;text-decoration:none}
.navbar-default .navbar-nav>li>ul{width:100%;padding:0;margin:0}
.navbar-default .navbar-nav>li>ul li{list-style:none;color:#fff;padding:8px 20px}
.navbar-default .navbar-nav > li > ul li a:before {padding: 0 10px 0 0;content: "\2192"}
.navbar-default .navbar-collapse{background-color:#C40000;border-width:0}}
@media (min-width:768px){.navbar-default .navbar-nav>li>a{border-radius:0}
.navbar-default .navbar-nav>li>a{position:relative;display:block;padding:0; line-height: 38px; width: 100px; text-align: center;margin:0;color:#fff;font-size:16px}
.navbar-default .navbar-nav>li:hover>a,.navbar-default .navbar-nav>li>a.hover,.navbar-default .navbar-nav>li>a:hover{color:#fff; background: #C40000;}
.navbar-default .navbar-nav>li.hover,.navbar-default .navbar-nav>li.hover a{color:#fff; background: #C40000;}
.navbar-default .navbar-nav>li>ul{position:absolute;width:200px; left:-50%; background-color:rgba(223,55,65,.9);display:none;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.1);box-shadow:0 6px 12px rgba(0,0,0,.1);}
.navbar-default .navbar-nav>li>ul li:first-child{}
.navbar-default .navbar-nav>li>ul li:last-child{}
.navbar-default .navbar-nav>li>ul li a{display:block;border-top:1px solid rgba(255,255,255,.2);text-align:center;color:#fff}
.navbar-default .navbar-nav>li>ul li:first-child a{border-top:0}
.navbar-default .navbar-nav>li>ul li a:hover{color:#e60021;background-color:#f5f5f5;text-decoration:none}
.navbar-default .navbar-nav>li:hover ul{display:block}}
/*banner*/
.owl-pagination{
	display: none;
}
.banner{overflow:hidden;background-color: #290203; height: 217px; position: relative;}
.banner-box{overflow: hidden; margin-left:180px;}
.apptitlebox{
	overflow: hidden; margin-top:20px;
}
.apply-box{overflow: hidden; padding: 0; width: 100%; z-index: 77; position:relative;}
.title-box{overflow: hidden; clear: both;padding: 0;width:100%;}
.apply-adbox{width: 87%; float: right;}
.lineboxbg{background-image: url(../images/line.gif); background-repeat: repeat-x; background-position: left 20px; overflow: hidden;}
.lineboxbg .pgtitle{width:211px; overflow: hidden; margin: 0 auto;}
.lineboxbg .pgtitle .s1{background:url(../images/quang.jpg)no-repeat left top; width:10px; height: 10px; float: left; margin-top: 16px;}
.lineboxbg .pgtitle .s2{float:left; background-color: #fff; padding:0 10px;}
.lineboxbg .pgtitle .s3{background:url(../images/quang.jpg)no-repeat left top; width:10px; height: 10px;  float: left; margin-top: 16px;}
.applygroup{padding-top:10px; overflow: hidden;}
#owl-apply{margin-left: auto; margin-right: auto;}
.applygroup .apply-item{position: relative; margin:0 auto; width:288px;}
.applygroup .apply-txt{position: absolute; bottom: 0; background:rgba(255,255,255,0.5); width:100%; padding:5px 0;}
.applygroup .apply-item h3{font-size: 18px; font-weight: 600; color: #000; margin: 0; text-align: center; text-shadow: 1px 1px 1px #fff; padding-top:1px;}
.applygroup .apply-item i{background-image: url(../images/yuandiang.png); background-repeat: no-repeat; background-position: left top; width:22px; height:22px; display: inline-block; margin-left: 6px; vertical-align: middle;}
.recommpro-box{clear: both; overflow: hidden;}
.recommpro-box .lineboxbg{background-image: url(../images/line.gif); background-repeat: repeat-x; background-position: left 20px; overflow: hidden; margin: 16px auto;}
.recommpro-box .lineboxbg .pgtitle{margin:0 auto; width:211px; overflow: hidden;}
.recommpro-box .lineboxbg .pgtitle .s1{background:url(../images/quang.jpg)no-repeat left top; width:10px; height: 10px; float: left; margin-top: 16px;}
.recommpro-box .lineboxbg .pgtitle .s2{float:left; background-color: #fff; padding:0 10px;}
.recommpro-box .lineboxbg .pgtitle .s3{background:url(../images/quang.jpg)no-repeat left top; width:10px; height: 10px;  float: left; margin-top: 16px;}
.recomm-pro-group{overflow: hidden; margin-top: 10px;}
.recomm-item{overflow: hidden; background: #fff; margin-bottom: 20px;}
.recomm-item .pro-img{ background: #fff; text-align: center; overflow: hidden; height: 100px;}
.recomm-item .pro-img img{overflow: hidden; width: 150px; height: 100px; margin: 0 auto; vertical-align:middle; text-align: center; max-height: 100px;}
.recomm-item .pro-txt{text-align: center; overflow: hidden; background: #BF0506; color: #fff; height: 56px; padding:0 5px}
.recomm-item a{text-decoration: none}
#reprobox .owl-item{padding:0 10px;}
footer{clear: both; margin:0 auto; width: 100%;}
.foot-navbar{background-color: #C80000; line-height: 40px; text-align: center;}
.footer-navbar{margin:0 auto;clear: both; overflow: hidden; font-size: 13px;}
.footer-navbar a{color: #fff; padding:0 10px; text-decoration: none;}
.footer-navbar a:hover{color: #000;}
.copyright-box{background-color:#3F3F3F; font-size: 13px;}
.copybox{margin: 0 auto; clear: both; overflow: hidden; position: relative;}
.web-sfot-box{text-align:center;width: 175px; height: 40px; position:absolute; right: 0; top: 6px;}
.web-sfot-box a,.web-sfot-box a:hover{text-indent: -9999999px; overflow: hidden; background-image: url(../images/websoft.png); background-repeat: no-repeat; width: 37px; height: 37px; display: inline-block; margin-left: 15px;webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}
.web-sfot-box a.webicon01{background-position: left top;}
.web-sfot-box a:hover.webicon01{background-position: left -67px;}
.web-sfot-box a.webicon02{background-position: -51px top;}
.web-sfot-box a:hover.webicon02{background-position: -51px -67px;}
.web-sfot-box a.webicon03{background-position: -104px top;}
.web-sfot-box a:hover.webicon03{background-position: -104px -67px;}
.copyright-cnt{text-align: center; color: #D4D4D4;}
.copyright-cnt p{
	padding: 0; margin: 0;
}
.websfot .modal-header .close{color: #fff; opacity: 1;}
.websfot .modal-header {background-color: #940000; color: #fff;}
.websfot .modal-title{color: #fff;}
#job-group .panel-default>.panel-heading span{
	width: 22%; text-align: left; display: inline-block;
}
/*page style*/
.pageogo{width:703px; height: 370px; position:absolute; top: 0; left:18px; z-index: 98}
.page-banner{border-bottom: solid 3px #CECECE; margin-bottom: 30px;background-color: #fff; background-position: center center; background-repeat: no-repeat;}
.page-banner .adpage-box{background-color: rgba(255,255,255,.1);padding: 6.6em 0;}
.local{width: 100%; line-height: 40px; border-radius: 10px; border:solid 1px #efefef; padding-left: 10px;}
.local i{font-weight: 600px; background-image:url(../images/localicon.png); vertical-align: middle; background-repeat: no-repeat;padding-left: 20px; background-position: left 2px;}
.local a{padding:0 5px;}
.page-tit-box{margin: 0 auto; text-align: center; overflow: hidden; display: table;}
.page-tit-box .tit-txt{display: table-cell; background-image: url(../images/pagetitbg.jpg); background-repeat: repeat-x; background-position: left bottom; clear:both;}
.tit-txt h3{font-weight: 600; font-size: 24px;}
.en-txt{font-size: 40px; text-align: center; text-transform: uppercase; font-weight: 800;font-family: 'Microsoft Yahei',Simsun; margin-top: 10px; color: #EFEFEF;}
.page-menu{text-align: center; overflow: hidden;}
.page-menu a{border:solid 1px #A1A1A1; padding: 3px 20px; text-align: center; margin:40px 12px; display: inline-block; text-decoration: none;}
.page-menu a:hover{text-decoration: none; color: #fff; background-color: #E40001; border:solid 1px #E40001;}
.page-menu a.active{text-decoration: none; color: #fff; background-color: #E40001; border:solid 1px #E40001;}
.pagecont{overflow: hidden; zoom:1;}
.pagecont .txtcnt{line-height: 35px; margin-bottom:40px;}
.pagecont img{webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;}
.pagecont img:hover{transform: scale(1.1);webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1);webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;}
.page-list-box{margin-top: 50px; overflow: hidden; clear: both; zoom:1;}
.promenu-group h3{text-align: center; display: block; line-height: 60px; background-color: #C74141; margin: 0; padding: 0; border-color: #ddd; color: #fff; font-size: 22px;}
.promenu-group .panel-group .panel{border-radius: 0;}
.promenu-group .panel-body{border-top: solid 1px #ddd;}
.pro-nav a .panel-heading{background-color: #f5f5f5;border-color: #ddd; color: #C74141; font-weight: 600;}
.pro-nav a:hover,.pro-nav a:visited,.pro-nav a:focus{text-decoration: none; color: #000;}
.pro-smenu a:visited{color:#777777;}
.pro-smenu a:hover{color: #C74141; text-decoration: underline}
.probox-show{margin: 0; padding: 0; overflow: hidden;}
.pronamebox{
border: solid 2px #E70012; width: 100%; border-radius: 5px; text-align: left; padding-left: 10px; font-size: 18px; font-weight: bolder; color: #E70012; vertical-align: middle; line-height: 40px;
}
.pronamebox img{
vertical-align: middle; margin-bottom: 4px; margin-right: 5px;
}
.procntbox{
	clear: both; padding: 20px; overflow: hidden;
}
.procntbox .img{
	overflow: hidden; webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear
}
.procntbox .img:hover{
	transform: scale(1.2);webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear
}
.procntbox .info{
	overflow: hidden; text-justify: auto; text-align: justify; color: #3e3e3e;
}
.procntbox .info h4{
	border-left:solid 10px #e60021; padding-left:10px; text-align: left; font-weight:600; background: #efefef;
}
.procntbox .listpicbox{
	float: left; margin: 10px 20px 10px 0;
}
.app-box-btn{
	overflow: hidden; margin: 0; padding: 0; position: 
}
.app-box-btn a{
	display: inline-block; background: #e60021; color: #fff; text-align: center; width: 100%; line-height: 40px; font-size: 18px; font-weight:bold; text-decoration: none;
}
.app-box-btn i,.pronamebox i{
	padding-right: 10px; font-size: 24px; vertical-align: middle;
}
.oline-btn{
	clear: both; overflow: hidden; text-align: center; margin: 50px 0;
}
.oline-btn a.serbtnicon,.oline-btn a:hover.serbtnicon{
	background-image:url(../images/online-ser.jpg); background-repeat: no-repeat; background-position: left top; width: 208px; height: 50px; overflow: hidden; display: block; text-indent: -9999px; margin: 0 auto; webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear
}
.oline-btn a:hover.serbtnicon{
	background-position: left bottom; 
}
.propdf-box{
	overflow: hidden; clear: both; zoom:1; margin-top: 30px;
}
.pdftitbox{
	border-bottom: solid 2px #E70012; line-height: 35px; text-align: left; padding-left:10px; font-size: 18px; font-weight: bolder; 
}
.pdftitbox img{
	margin-bottom: 3px; margin-right:6px;
}

.showpdfbox{
	overflow: hidden; margin:0; padding: 0; position:relative; clear: both;
}
.pdfdown{
	position: absolute; top:0; right: 0; background-color: #e60021; 
}
.pdfdown a,.pdfdown a:visited{
	display: block; width: 140px; height: 100px; text-align: center; vertical-align: middle; color: #fff; font-size:18px; font-weight: bolder; text-decoration: none;
}
.pdfdown a:hover{
	text-decoration: none;
}
.pdfdown a .downicon,.pdfdown a:hover .downicon{
	width: 29px; height: 60px; margin: 0 auto; background: url(../images/downloadicon.png) no-repeat left top; margin-top: 10px;
}
.pdfdown a:hover .downicon{
	animation: bounce 1s linear infinite; -webkit-animation: animation: bounce 1s linear infinite;
}
/*prolist pic*/


/*apply style*/
.app-menu-box{margin-top: 20px; overflow: hidden; margin-bottom: 30px; border-bottom: solid 1px #ddd;}
.app-menu{clear: both; overflow: hidden; margin-bottom: 10px; padding: 0;}
.app-menu-tit{overflow: hidden; height: 34px; line-height: 34px; float: left;}
.app-menu-tit h4{margin: 0; padding: 0; text-align: left; line-height: 34px; padding-left: 10px; color: #fff; font-size: 16px; float: left; background: #FE0000; width: 200px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.app-menu-tit span{background-image: url(../images/applytitr.jpg); background-repeat: no-repeat; background-position: left top; width: 14px; height: 34px; float: left}
.app-menu-items{margin: 0; padding: 0; overflow: hidden; float: left;}
.app-menu-items ul{list-style: none;overflow: hidden; padding: 0;}
.app-menu-items li{float: left;}
.app-menu-items li a{display: inline-block; padding: 3px 12px; border:solid 1px #fff; border-radius: 5px; text-decoration: none; margin: 0 5px;}
.app-menu-items li a:hover{border-color:#FE0000}
.app-menu-items li a.active{border-color:#FE0000}
.app-cnt-box{margin: 0 auto; width:100%; overflow: hidden;}
.app-cnt-txt{
	overflow: hidden;
}
.app-cnt-txt h3{
	color: #FE0000; font-weight: 800;
}
.app-cnt-pro{
	background: #efefef; padding: 20px; margin-top: 30px; overflow: hidden; clear: both;
}
.app-cnt-pro h3{color: #000; text-align: center; margin: 0; padding: 0;}
.apply-list-box{clear: both; margin: 0; padding: 0; overflow: hidden;}
.apply-ites{overflow: hidden; position: relative; margin-bottom: 30px; max-height: 141px; max-width: 262px; overflow: hidden;}
.apply-ites img{
	width: 100%;
}
.apply-list-box .info{position: absolute; bottom: 0; background-color: rgba(9,9,9,0.78); line-height: 40px; width: 100%; text-align: center; font-size: 16px; opacity: 1; transition: all .3s ease .1s; -webkit-transition: all .3s ease .1s; -o-transition: all .3s ease .1s; -moz-transition: all .3s ease .1s;}
.apply-list-box a,.apply-list-box a:hover{color: #fff; text-decoration: none;}
.app-remark-cnt{
	padding: 20px; overflow: hidden; background: #efefef; margin: 20px 0;
}
.app-remark-cnt h3{
	color: #000; text-align: center; margin: 0; padding: 0; vertical-align: middle;
}
.app-dl-box{
	text-align: center; border-top: solid 2px #FE0000; padding-top: 20px; padding-bottom: 50px;
}
.app-dl-box .btn{
	color:#fff; width: 180px;
}
/*contact us style*/
.quoteblank{height: 50px; width: 100%;}
.contact-mapbg{widows: 597px; height: 488px; display: block; background-image:url(../images/contactmap.jpg); background-repeat: no-repeat; background-position: left top; background-size: 100%;}
.contact-box{overflow: hidden; clear: both; margin: 0; padding: 0; border-bottom: solid 1px #ddd;}
.contact-box h4{text-align: center; font-size: 24px; font-weight: 600; color: #8A8A8A;}
.contact-box .s1{border-right: solid 1px #ddd; width: 50%; float: left; text-align: center;  padding: 10px 20px;}
.contact-box .text{font-size: 24px; font-weight: 600; line-height: 60px;}
.contact-box .teltxt{font-size: 30px; font-weight: bold; color:#DC0000;}
.contact-box .s2{width: 50%; float: left; text-align: center; padding: 0 20px;}
.contact-box .addtxt{font-size: 22px; font-weight: bold; padding-top: 20px; line-height: 40px}
.contact-box .s1 .icon,.contact-box .s2 .icon{background: url(../images/contacticon.jpg) no-repeat left top; position: relative;}
.contact-box .s1 .icon{background-position: left top; width: 55px; height: 55px; text-align: center; margin: 0 auto;}
.contact-box .s2 .icon{background-position: -60px top; width: 55px; height: 55px; text-align: center; margin: 0 auto;}
.contact-weixin{clear: both; overflow: hidden; text-align:center; width: 100%; margin-top: 30px;}
.contact-weixin .img img{border: solid 8px #F60201;}
.contact-weixin span{font-size: 20px; font-weight: bold; line-height: 50px;}

.zixun{overflow: hidden; clear: both; margin: 0; padding: 0;}
.zixun h4{border-left: solid 6px #F60201; line-height: 25px; padding-left: 10px;}
.zixun h4 small{color: #F60201; padding-left: 10px;}
.zixun .form-group{margin-top: 20px;}
.btn-sup-box{
	text-align: center; margin: 30px auto;
}
.form_inquiry{
	margin: 0; padding: 0; overflow: hidden;
}
.form_inquiry .form-group{
	margin-top: 10px; overflow: hidden;
}
.qq-box{
	padding: 40px; margin: 0; text-align: center; overflow: hidden;;
}
.qq-box ul{
	list-style: none; overflow: hidden;
}
.qq-box li{
	width: 25%; float: left; text-align: center;
}
.qq-box .qqicon{
	width: 60px; height:60px; border-radius: 50%; background-color: #4e4e4e;  text-align: center; vertical-align: middle; line-height: 55px; margin: 0 auto;
}
.qq-box span{
	text-align: center; display: 
}
.sear-list{
	overflow: hidden; margin: 0; padding: 0; list-style:none; margin-left: -5%
}
.sear-list li{
	width: 40%; float: left; margin-left: 5%; background: #efefef; padding: 0 10px; margin-top: 10px; border-radius: 10px; line-height: 35px;
}
.sear-list a:hover li{
	background: #555; color: #fff;
}
.sear-list time{
	color: #777777; font-size: 12px;
}
/*fanye*/
.list-page{text-align:center}
.pagination{margin:0;border-radius:0}
.pagination>li>a{margin-top:20px;padding:10px 16px;margin-left:12px;color:#777;background-color:#fff;border:1px solid #ddd}
.pagination>li>a:hover{color:#e60021}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover{z-index:2;color:#fff;cursor:default;background-color:#e60021;border-color:#e60021}
.pagination>li:first-child>a{margin-left:0;border-top-left-radius:0;border-bottom-left-radius:0}
.pagination>li:last-child>a{border-top-right-radius:0;border-bottom-right-radius:0}
.promenu-group{
	overflow: hidden; clear: both; margin: 0; padding: 0;
}
.promenu-group .panel-body{
	padding: 10px 5px;
}
.pro-smenu{
	list-style: none; margin: 0; padding-left:10px;
}
.pro-smenu li ul{
	padding-left: 20px;
}
.pro-smenu li .panel-title{
	font-size: 14px;
}
.prodesc-box{
	text-align: left; margin: 0 auto; text-align:justify;
}
.prodesc-box table{
	text-align: center; margin: 0 auto; border: solid 1px #000; margin-top:30px; overflow: hidden; width: 100%;
}
.prodesc-box .firstRow{
	color: #fff;
}

.prodesc-box h4{
	border-left:solid 10px #e60021; padding-left:10px; text-align: left; font-weight:600; background: #efefef;
}
.prodl-box{
	
}
.prodl-box h4{
	border-left:solid 10px #e60021; padding-left:10px; text-align: left; font-weight:600; background: #efefef;
}
.lightbox{
	display: inline-block; overflow: hidden; height: 150px; text-align: center;
}
.tz-apppic img{
	margin: 0 auto; text-align: center;
}
.pronamebox a.zixunbtn{
	float: right; display:inline-block; overflow: hidden; background: #e60021; color: #fff; text-align: center; width: 200px; text-decoration: none;
}
.pronamebox a:hover.zixunbtn{
	background: #555; color: #fff;
}

/*table-list-style*/

.default{border:0; width: 100%;}
.default th{background-color:#C74141; color:#fff; line-height:35px;}
.default th,.default th,.default td{border: 1px solid #ddd; border-width: 1px; }
.default tr { border: 1px solid #ddd; }
.default tr:nth-child(even){ background-color: #fff; }
.default tr:nth-child(odd){ background-color: #fff; }
.default,.default th,.default td { border-collapse: collapse; padding: 5px; text-align: center; }
.default td{color: #2b2b2b;}
.default .btn{padding:5px 12px; border:solid 1px #C74141; color:#000; border-radius:10px; background:#fff;}
.default .btn:hover{background:#C74141; color:#fff;}

.red{border:0; width: 100%;}
.red th{background-color:#C74141; color:#fff; line-height:35px;}
.red th,.red th,.red td{border: 1px solid #C74141; border-width: 1px; }
.red tr { border: 1px solid #ffffff; }
.red tr:nth-child(even){ background-color: #F4E1E0; }
.red tr:nth-child(odd){ background-color: #E0AAAB; }
.red,.red th,.red td { border-collapse: collapse; padding: 5px; text-align: center; }
.red td{color: #2b2b2b;}
.red .btn{padding:5px 12px; border:solid 1px #C74141; color:#000; border-radius:10px; background:#fff;}
.red .btn:hover{background:#C74141; color:#fff;}

.gray{border:0; width: 100%;}
.gray th{background-color:#5E5E5E; color:#fff; line-height:35px;}
.gray th,.gray th,.gray td{border: 1px solid #5E5E5E; border-width: 1px; }
.gray tr { border: 1px solid #ffffff; }
.gray tr:nth-child(even){ background-color: #DFDFDF; }
.gray tr:nth-child(odd){ background-color: #B9B9B9; }
.gray,.gray th,.gray td { border-collapse: collapse; padding: 5px; text-align: center; }
.gray td{color: #2b2b2b;}
.gray .btn{padding:5px 12px; border:solid 1px #5E5E5E; color:#000; border-radius:10px; background:#fff;}
.gray .btn:hover{background:#5E5E5E; color:#fff;}

.orange{border:0; width: 100%;}
.orange th{background-color:#FF9A1E; color:#fff; line-height:35px;}
.orange th,.orange th,.orange td{border: 1px solid #FF8C00; border-width: 1px; }
.orange tr { border: 1px solid #ffffff; }
.orange tr:nth-child(even){ background-color: #FFF9AC; }
.orange tr:nth-child(odd){ background-color: #FFF130; }
.orange,.orange th,.orange td { border-collapse: collapse; padding: 5px; text-align: center; }
.orange td{color: #2b2b2b;}
.orange .btn{padding:5px 12px; border:solid 1px #FF8C00; color:#000; border-radius:10px; background:#fff;}
.orange .btn:hover{background:#FF8C00; color:#fff;}


.green{border:0; width: 100%;}
.green th{background-color:#00A46E; color:#fff; line-height:35px;}
.green th,.green th,.green td{border: 1px solid #00A46E; border-width: 1px; }
.green tr { border: 1px solid #ffffff; }
.green tr:nth-child(even){ background-color: #B1E1D1; }
.green tr:nth-child(odd){ background-color: #5FD7AF; }
.green,.green th,.green td { border-collapse: collapse; padding: 5px; text-align: center; }
.green td{color: #2b2b2b;}
.green .btn{padding:5px 12px; border:solid 1px #00A46E; color:#000; border-radius:10px; background:#fff;}
.green .btn:hover{background:#00A46E; color:#fff;}

.blue{border:0; width: 100%;}
.blue th{background-color:#64AADE; color:#fff; line-height:35px;}
.blue th,.blue th,.blue td{border: 1px solid #64AADE; border-width: 1px; }
.blue tr { border: 1px solid #ffffff; }
.blue tr:nth-child(even){ background-color: #ECF2FA; }
.blue tr:nth-child(odd){ background-color: #CADDF2; }
.blue,.blue th,.blue td { border-collapse: collapse; padding: 5px; text-align: center; }
.blue td{color: #2b2b2b;}
.blue .btn{padding:5px 12px; border:solid 1px #64AADE; color:#000; border-radius:10px; background:#fff;}
.blue .btn:hover{background:#64AADE; color:#fff;}

.golden{border:0; width: 100%;}
.golden th{background-color:#948E28; color:#fff; line-height:35px;}
.golden th,.golden th,.golden td{border: 1px solid #767220; border-width: 1px; }
.golden tr { border: 1px solid #ffffff; }
.golden tr:nth-child(even){ background-color: #EFEDDE; }
.golden tr:nth-child(odd){ background-color: #D1C98F; }
.golden,.golden th,.golden td { border-collapse: collapse; padding: 5px; text-align: center; }
.golden td{color: #2b2b2b;}
.golden .btn{padding:5px 12px; border:solid 1px #948E28; color:#000; border-radius:10px; background:#fff;}
.golden .btn:hover{background:#948E28; color:#fff;}

@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}



@media(max-width:1800px){
	.weblogobox{width:507px;}
	.ad-triangle{width:925px; top:100px; left: -180px; overflow: hidden;}
}
@media screen and (max-width: 1700px){
	.pageogo{left: -1%;top: 0;width: 540px; height: 280px;}
}
@media(max-width:1500px){
	.banner-box{margin-left: 10%;}
	.top-box .toplogobox{background:#fff; height: auto; padding:10px 0;}
	.toplogobox .searchbox{width: 100%;}
	.toplogobox .s1{margin:0 auto 10px 400px; width: 430px;}
	.toplogobox .s2{overflow: hidden; margin:0 auto 10px auto; width: 300px;}
	.apply-box{width: 100%; margin:15px 0 0;}
	.weblogobox{width:407px; left:90px;}
	.ad-triangle{width:600px; left: -10px;}
	.pageogo{left: -1%;top: 0;width: 540px; height: 280px;}
	.app-menu{border:solid 1px #ddd; margin:0 auto 20px auto; width: 95%;}
	.app-menu-tit{clear: both; width: 100%;}
	.app-menu-tit h4{border: none; background: #efefef; color: #555; float: none; width: 100%; text-align: center; font-weight: bold}
	.app-menu-tit span{float: none; background:#fff;}
	.app-menu-items{float: none; clear: both; margin-top: 20px;}
	.app-menu-items ul{padding: 10px 10px 0 10px;}
	.apply-adbox{
		width: 100%; float: none;
	}
}
@media(max-width:1400px){
	.pageogo{left: -1%;top: 0;width: 500px; height: 280px;}
}

@media(max-width:1300px){
	.toplogobox .s1{
		float: left; margin-left: 40%;
	}
	.toplogobox .s2{
		float: right; width: auto; margin-top: 10px;
	}
	.pageogo{left: -1%;top: 0;width: 500px; height: 280px;}
}
@media(max-width:1200px){
	.applygroup{margin-top: 0;}
	.toplogobox{overflow: hidden;}
	.toplogobox .s1{ margin: 0;}
	.toplogobox .s2{overflow: hidden; margin:10px auto; width:auto; }
}
@media(max-width:650px){
	.toplogobox .s1{margin: 10px auto auto; float: none; width: 300px;}
	.toplogobox .s2{clear: both; overflow: hidden; float: none; margin: 20px auto;}
	.navbar-box{
		background: none; position: fixed; top: 50px;
	}
	.navbar-box .navbar-default .navbar-toggle{
		border-color: #af1717; background: #fff;
	}
	.navbar-box .navbar-default .navbar-toggle .icon-bar{
		background-color: #af1717;
	}
	.navbar-box .navbar-default .navbar-collapse, .navbar-box .navbar-default .navbar-form{
		background: #fff; border: solid 1px #ddd; width: 300px; padding-left: 50px;
	}
	.navbar-box .navbar-nav ul{
		margin: 0 auto; padding-left: 40px;
	}
	.apply-box .lineboxbg{
		margin-left: 0;
	}
	.lineboxbg .pgtitle{
		margin: 0 auto; width: 220px;
	}
	.recommpro-box .lineboxbg .pgtitle{
		width: 220px;
	}
	.copyright-box{
		position:fixed; bottom: 0; width: 100%;
	}
	.copyright-cnt{
		display: none;
	}
	.web-sfot-box{
		width: 175px; margin: 0 auto; position: relative;
	}
	.page-menu a{
		padding: 3px 10px; margin: 10px 3px 3px 3px;
	}
	.qq-box{
		padding: 0;
	}
}