/*公共样式*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,
h4,h5,h6,form,input,button,textarea,p {margin: 0;padding: 0;}
html {min-width: 1280px;overflow-x: hidden;}
body {font-family: '微软雅黑'!important;overflow-x: hidden;}
li {list-style: none;}
a,a:hover,a:visited,a:active {text-decoration: none;}
input,select {border: none;outline: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;background: transparent;}
em,i {font-style: normal;}
img {max-width: 100%;border: none;}
.fl {float: left;}
.fr {float: right;}
.clb {height: 0;clear: both;}
.f0 {font-size: 0;}
.flex {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;}
.flex-1 {display: inline-block;-webkit-box-flex: 1;-webkit-flex: 1;-moz-box-flex: 1;-ms-flex: 1;flex: 1;}
.trans {-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.transy {position: absolute;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.container {width: 75%;margin: 0 auto;}
@media only screen and (max-width: 1600px) {.container{width: 80%;}}
@media only screen and (max-width: 1400px) {.container{width: 90%;}}
.container h3 {font-size: 22px;text-align: center;padding: 3% 0 3%;}
.container h3 p {font-family: arial;font-size: 16px;color: #f58635;font-weight: normal;padding-top: 5px;}
.w3 {display: inline-block;width: 23%;margin-right: 2%;vertical-align: top;}
.w3:nth-child(4n) {margin-right: 0 !important;}
.w4 {display: inline-block;width: 23.5%;margin-right: 2%;vertical-align: top;}
.w4:nth-child(4n) {margin-right: 0 !important;}
.w5 {display: inline-block;width: 18.4%;margin-right: 2%;vertical-align: top;}
.w5:nth-child(5n) {margin-right: 0 !important;}
.mr0 {margin-right: 0 !important;}
.mb0 {margin-bottom: 0 !important;}

/*面包屑导航*/
.breadcrumb_nav{font-size: 16px;color: #fff;height: 50px;line-height: 50px;background: rgba(31,31,31,.95);}
.breadcrumb_nav a{color: #fff;}

/*公共头部*/
.header {background:#ffffff; height:100px; padding:5px 0 5px; border-top:0px solid #F08519; border-bottom:5px solid #F08519;}
.header .logo {height:70px; width:322px; padding:15px 0 15px; float:left;}
.header .nav {display: inline-block; width:calc(100% - 322px); text-align:right; vertical-align:middle; float:left;}
.header .nav .nav_top{font-size:18px; line-height:30px; color:#F08519; font-weight:bold; padding:15px 15px 0px 15px;}
.header .nav li {position: relative;display: inline-block; height:60px; line-height:60px;}
.header .nav li a{display: inline-block;font-size: 18px;color: #8c8c8c; padding: 0 15px;}
.header .nav li a:hover{color:#fff;}
.header .nav li:hover{background:#F08519;}

.header .nav li.active>a,.header .nav li:hover>a,.header .nav li p a:hover {opacity: 1;filter: alpha(opacity=100);font-weight: bold;}
.header .nav li:hover>a {font-weight: normal;}
.header .nav li.active:hover>a {font-weight: bold;}
.header .nav li p {position: absolute;top: 100%;left: -30%;width: 160%;height: 0;line-height: 40px;background: #1f1f1f;text-align: center;overflow: hidden;z-index: 10;}
.header .nav li p a {display: block;font-size: 12px;padding: 0 5px;border-bottom: 1px dashed #6e6e6e;}
.header .nav .navMajor p{width: 300%;left: -50%;}
.header .nav .navMajor:hover p{height: 140px !important;}
.header .nav .navMajor p a{display: inline-block;width: 40%;padding-left: 5%;margin-right: 2%;text-align: left;}

.banner {min-height: 300px;}
.banner img {width: 100%;vertical-align: top;}
@media only screen and (max-width: 1200px) {.header .nav li a {padding: 0 5px;}}

/*底部*/
.footer {background: #36404b;}
.footer .con_l {width: 100%; text-align: center}
.footer .con_l span{padding:0 10px;}
.footer .first {padding: 1% 0 1%;text-align: center;}
.footer .first p.slogan {font-size: 24px;font-weight: bold;color: #fff;padding-bottom: 10px;}
.footer .first p.elogan {font-size: 36px;font-weight: bold;color: #fff;padding-bottom: 30px;}
.footer .first>img {width: 50%;margin-right: 10%;}
.footer .first .tel {display: inline-block;width: 40%;font-size: 25px;color: #fff;}
.footer .second {padding: 1% 0 1%;text-align: center;}
.footer .second>p {display: inline-block;width: 50%;opacity: 0.5;font-size: 12px;color: #fff;margin-right: 10%;line-height: 25px;}
.footer .second .lianjie {display: inline-block;width: 100%;line-height: 25px;vertical-align: top; font-size:15px;}
.footer .second .lianjie a{color:#8c8c8c;font-size:16px; padding: 0 20px;}
.footer .con_l a {opacity: 0.5;color: #fff;}
.footer .yq {margin-top: 3%;}
.footer .yq a {padding: 0 10px;line-height: 20px;display: inline-block;vertical-align: middle;}
.footer .yq p {display: inline-block;font-size: 12px;color: #fff;opacity: .8;padding-right: .5%;vertical-align: middle;}
.footer .second .lianjie a:first-child {padding-left: 0;}
.footer .con_r {text-align: center; position:absolute; top:-10px; right:50px}
.footer .con_r p {display: inline-block;font-size: 14px;color: #8c8c8c; margin: 1% 1% 0;text-align: center;}
.footer .con_r p.tousu{margin-top: 10%;margin-right: 0;}
.footer .con_r p img {width: 100px;}
.footer .con_r .icon {text-align: right;padding: 5% 0;margin: 0;}
.footer .con_r .icon a {margin: 0 5px;}
.footer .copyright {font-size: 15px;color: #8c8c8c; padding: 1% 0 2%;line-height: 28px; position: relative;}
.footer .third {padding: 1% 0 1%;text-align: center; font-size:14px; color: #8c8c8c; background: #2c343d;}
.footer .third a {color: #8c8c8c;}
/*返回顶部*/
.top {position: fixed;top: 30%;right: 0;width: 50px;height: 50px;z-index: 999;}

/*视频*/
.shipin {display: none;position: fixed !important;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.3);overflow: hidden;z-index: 999;}
.shipi.hide {width: 0 !important;height: 0 !important;background: none !important;}
.shipin video {position: absolute !important;left: 50% !important;top: 50% !important;width: 720px;height: 400px;margin-left: -360px;margin-top: -200px;}
.shipin .close {position: absolute;top: 50%;right: 50%;margin-top: -200px !important;margin-right: -400px !important;width: 20px !important;height: 20px !important;cursor: pointer;border: none !important;background: transparent !important;}
.container h3>a {display: block;color: #333; text-transform:uppercase; height:36px; line-height:36px; overflow:hidden;}

/*分页按钮*/
#page {width: 100%;text-align: center;}
.page_div {margin-top: 20px;margin-bottom: 20px;font-size: 15px;font-family: "microsoft yahei";color: #666666;margin-right: 10px;padding-left: 20px;box-sizing: border-box;}

/* 页数按钮样式 */
.page_div a {display: inline-block;width: 30px;height: 30px;text-align: center;margin: 0 4px;cursor: pointer;line-height: 30px;color: #fff;font-size: 14px;background: #ccc;vertical-align: top;}
#firstPage,#lastPage {display: none;}
#prePage,#nextPage {width: 30px;height: 30px;font-size: 0;background: url(../../global/images/prevPage.png) no-repeat center #999;background-size: 20px;}
#nextPage {background: url(../../global/images/nextPage.png) no-repeat center #999;background-size: 20px;}
#prePage:hover {background: url(../../global/images/prevPage.png) no-repeat center #f58635;background-size: 20px;}
#nextPage:hover {background: url(../../global/images/nextPage.png) no-repeat center #f58635;background-size: 20px;}
.page_div .current {background-color: #f58635;}
.totalPages {margin: 0 10px;}
.totalPages span,.totalSize span {color: #0073A9;margin: 0 5px;}
.abc {display: none;}

/*活动浮层*/
.hd_block{position: fixed;bottom: 0;left: 0;width: 100%;z-index: 999;}
.youHide,.youInfo{position: fixed;left: -200%;bottom: 0;width: 100%;}
.youHide{left: 0;}
.youHide img{cursor: pointer;}
.youInfo{background-color: rgba(0,0,0,.7);height: 40px;padding: 40px 15px 20px 50px;}
.youInfo .title{position: absolute;top: -40px;left: 45px;}
.youInfo form p{display: inline-block;font-size: 14px;width: 160px;height: 30px;line-height: 30px;background-color: #fff;margin-right: 10px;border-radius: 5px;text-indent: 10px;vertical-align: top;}
.youInfo form p input{font-size: 14px;color: #fff;width: 90px;height: 30px;line-height: 30px;vertical-align: top;}
.youInfo form p.tj{background-color: #2038f1;margin-right: 30px;text-indent: 0;text-align: center;}
.youInfo form p.tj input{color: #fff;}
.youInfo form a{display: block;color: #fff;background-color: #3d6bff;text-align: center;}
.youInfo form  .close{margin-left: 100px;}
.youInfo>p{font-size: 12px;color: #fff;padding-top: 10px;}
.youInfo>p span{color: #ff5fd2;}

.leftFix{position: fixed;top: 50%;left: 0;font-size: 0;z-index: 10;}
.leftFix p{width: 50px;font-size: 14px;height: 38px;line-height: 19px;color: #fff;background-color: #ff572a;border-radius: 0 5px 5px 0;padding-top: 8px;padding-bottom: 8px;text-align: center;border-bottom: 1px solid #fff;cursor: pointer;}
.leftFix p:first-of-type,.leftFix p:nth-of-type(2){padding-top: 30px;height: 15px;}
.leftFix p:first-of-type{background: url(../../global/images/leftFix1.png) no-repeat center 8px #ff572a;background-size: 28px;}
.leftFix p:nth-of-type(2){background: url(../../global/images/leftFix2.png) no-repeat center 8px #ff572a;background-size: 24px;}
.leftFix p:last-of-type{border: none;}
.leftFix p img{position: absolute;left: 51px;display: none;width: 130px;height: 130px;max-width: 130px;border: 5px solid #ff572a;border-radius: 5px;}
.leftFix p:first-of-type img{top: 0;}
.leftFix p:last-of-type img{bottom: 0;}
.leftFix p:hover img{display: block;}



.about_page{margin:5% 0;height: 50px; text-align:center; line-height:30px; color:#F08519; clear:both; font-size:15px; width:100%;}
.about_page a{color:#F08519;}
.about_page a ,.about_page span{padding:0 10px;}




/*red packet*/
.red_packet{
	position:fixed; right:3px; bottom:24% ;width:160px; z-index:999;
}
.red_packet .packet{
	display: block; width: 150px;  text-align: center; vertical-align:middle;
}
.red_packet .close{
	/*position:absolute; right:0; top:0; */
	border-radius:50%; color:#F90; border:1px solid #F90; width: 0.28rem; height: 0.28rem; line-height: 0.28rem; text-align: center;
	display: block;
    margin: auto;
}

/*.banner*/
.banner .swiper-pagination-bullet{opacity: 1;background: #fff;}
.banner .swiper-pagination-bullet-active{border-radius:5px;background: #F08519;}

.banner h4{
	transform: translate(-50%,-50%);
    font-size: 60px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
	z-index: 2;
}


.banner .yuanxiao{position: absolute;left: 50%;top: 50%;width: 580px;-webkit-transform: translate(-50%,-60%);-moz-transform: translate(-50%,-60%);-ms-transform: translate(-50%,-60%);-o-transform: translate(-50%,-60%);transform: translate(-50%,-60%);background: rgba(255,255,255,.95); z-index: 2;}
.banner .yuanxiao .introduce{display: inline-block;width: 510px;padding: 40px 30px 40px 40px;vertical-align: middle;}
.banner .yuanxiao .logo {display: inline-block;position: relative;width: 135px;margin-right: 25px;vertical-align: top;}
.banner .yuanxiao .logo p{width: 90px;height: 90px;border: 1px solid #d1d1d1;margin-top: 15px;}
.banner .yuanxiao .logo img{border: 1px solid #d1d1d1;}
.banner .yuanxiao .introduce .info{display: inline-block;width: 320px;font-size: 13px;line-height: 24px;vertical-align: middle;}
.banner .yuanxiao .introduce .info h5{font-size: 22px;padding-top: 50px;}
.banner .yuanxiao .introduce .info p.en{padding-top: 5px;padding-bottom: 10px;}
.banner .yuanxiao .introduce p span{opacity: 0.5;}