@charset "utf-8";
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 { margin: 0; padding: 0; }
body, button, input, select, textarea { font: 12px/1.5 Arial,微软雅黑,sans-serif; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, i, var { font-style: normal; }
ul, ol { list-style: none; }
legend { color: #000; }
fieldset, img { border: 0; vertical-align: bottom;max-width: 100%; }
section, article, aside, header, footer, nav, dialog, figure { display: block; }
figure { margin: 0; }
button, input, select, textarea { font-size: 100%; border:0; background:none; outline:none; }
table { border-collapse: collapse; border-spacing: 0; }
.clear { display: block; height: 0; overflow: hidden; clear: both; }
.clearfix:after { content: '\20'; display: block; height: 0; clear: both; }
.clearfix { *zoom:1;}
a:link, a:visited, a:hover, a:active { text-decoration: none; }
/*a { blr:expression_r(this.onFocus=this.blur());}*/
a { text-decoration: none; outline: none; /*transition-duration: 0.3s, 0.3s;*/ }
.hidden { display: none; }
.invisible { visibility: hidden; }
.fl{ float:left; display:inline; }
.fr{ float:right; display:inline; }
.fn{ float:none; }
.tl{ text-align:left; }
.tr{ text-align:right; }
.tc{ text-align:center; }
.hide{ display:none; }
.show{ display:block; }
.noBg { background: none !important; }
.noBorder { border: none !important; }
.noMg { margin: 0!important; }
.mr0{ margin-right:0 !important; float:right !important;}
/*.info{text-align: justify; text-justify: inter-ideograph;}*/

/* 项目主体部分设置 */
body { background: #fff; color:#333;font-family: 'Arial'; }
a { color:#333;text-decoration:none; transition: all 0.5s ease 0s; }
a:hover { color: #be0500; }
.b-in{ width:1200px; margin:0 auto; }.b-in:after{content:'\20';display:block;height:0;clear:both}.b-in{*zoom:1}
.wrapper { position:relative; width:100%; height: 100%; margin:0 auto; overflow:hidden;}
.wrap { width: 1200px; margin:0 auto; }

.con-in{width: 1850px;margin: 0 auto;position: relative;}
.top{margin-top: 14px;}
.tpl{font-size: 18px;color: #7d7d7d;}
.logo{margin-top: 10px;}
.searchbox{width: 217px;border: 1px solid #d2d2d2;height: 30px;line-height: 30px;position: relative;border-radius: 30px;}
.searchbox .inp1{padding-left: 10px;margin-left: 10px;width: 176px;height: 30px;line-height: 30px;outline: none;appearance: none;-moz-appearance: none;-webkit-appearance: none;font-size: 14px;}

.searchbox .inp2{position: absolute;right: 12px;top: 50%;width: 15px;height: 16px;transform: translateY(-50%);background-image: url(searchicon.png);background-repeat: no-repeat;}

.lan{line-height: 30px;font-weight: bold;margin-left: 40px;}
.lan a{font-size: 14px;font-family: 'Arial';color: #7d7d7d;}
.lan a.on{color: #ff0000;}

.hcon{min-height: 75px;}
.nav>ul>li{float: left;line-height: 75px;margin-right: 44px;}
.nav>ul>li:last-child{margin-right: 0;}
.nav>ul>li>a{font-size: 20px;color: #7d7d7d;text-transform: uppercase;padding-right: 35px;position: relative;}
.nav>ul>li>a:after{position: absolute;width: 15px;height: 8px;top: 50%;margin-top: -4px;background: url(arow1.png) no-repeat center;content: '';right: 0;}
.nav>ul>li.current>a,.nav>ul>li:hover>a{color: #d93019;}
.nav>ul>li.current>a:after,.nav>ul>li:hover>a:after{background: url(arow2.png) no-repeat center;}

.nav>ul>li .snav{display: none;position: absolute;z-index: 60;left: 50%;top: 48px;width: 150px;margin-left: -75px;opacity: 0.9;}
.search{margin-top: 13px;}
.snav:before {content: '';border-top: 5px solid transparent;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid #333;position: absolute;top: -10px;left: 50%;transform: translateX(-50%);z-index: 999;}
.snav dl{opacity: 1;transition: all .2s ease-out;-webkit-transition: all .2s ease-out;border: 1px solid #ddd;background: #fff;border-radius: 2px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);}
.snav dl dt{height: 35px;float: none;margin: 0;border-bottom: 1px solid #dddddd;}
.snav dl dt a{font-size: 14px;color: #333;text-align: left;height: 18px;line-height: 18px;display: block;text-align: center;width: 100%;height: 100%;line-height: 35px;}
.snav dl dt a:hover{background: #be0500;color: #fff;}


#bannerSwiper{width: 100%;margin: 0 auto;}
#bannerSwiper .swiper-wrapper .swiper-slide a img{width: 100%;}
#bannerSwiper .swiper-pagination .swiper-pagination-bullet{background: #fff;}
#bannerSwiper .swiper-pagination .swiper-pagination-bullet-active{width: 9px !important;height: 9px !important;background: url(active.png) no-repeat center !important;}
#bannerSwiper .swiper-button-prev{width: 34px !important;height: 133px !important;background: url(prev.png) no-repeat center !important;background-size: contain !important;left: 0 !important;z-index: 99 !important;top: 42%;}
#bannerSwiper .swiper-button-next{width: 34px !important;height: 133px !important;background: url(next.png) no-repeat center !important;background-size: contain !important;right: 0 !important;z-index: 99 !important;top: 42%;}

.padnav{display: none;padding-top: 22px;float: right;position: relative;padding-right: 60px;}
.padnav .searchbox {width: 168px;}
.padnav .searchbox .inp1{width: 118px;}
.padnav .lan{margin-left: 10px;}

/* 菜单显示 */
.u-menu { position:absolute; right:6px; top:16px; display:block; width:50px; height:42px; transform:translateZ(0px) rotate(0deg); transition:transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99); z-index: 99; }
.u-menu div { position:absolute; left:13px; top:20px; width:25px; height:25px; transform:translateZ(0px) rotate(0deg); transition:transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s; }
.u-menu div i { position:absolute; left:0; top:0; display:block; width:25px; height:2px; background:#000; }
.u-menu .u-menu-top i {transform:translate3d(0px,-8px,0px);-webkit-transform:translate3d(0px,-8px,0px);}
.u-menu .u-menu-middle i {transform:translate3d(0px,0px,0px);-webkit-transform:translate3d(0px,0px,0px);}
.u-menu .u-menu-bottom i {transform:translate3d(0px,8px,0px);-webkit-transform:translate3d(0px,8px,0px);}
body.z-open .m-nav {transform:translate3d(-200px,0,0);-webkit-transform:translate3d(-200px,0,0);}
body.z-open .g-wp {transform:translate3d(-200px,0,0);-webkit-transform:translate3d(-200px,0,0);}
body.z-open .u-menu {transform:translateZ(0px) rotate(90deg);-webkit-transform:translateZ(0px) rotate(90deg);}
body.z-open .u-menu  div {transform:translateZ(0px) rotate(45deg);transition:transform 0.25s cubic-bezier(0.4,0.01,0.165,0.99) 0.2s;-webkit-transform:translateZ(0px) rotate(45deg);-webkit-transition:-webkit-transform 0.25s cubic-bezier(0.4,0.01,0.165,0.99) 0.2s;}
body.z-open .u-menu  div i {transition:transform 0.2s ease 0s;transform:translate3d(0px,11px,0px);-webkit-transition:-webkit-transform 0.2s ease 0s;-webkit-transform:translate3d(0px,11px,0px); width: 27px;}
body.z-open .u-menu .u-menu-bottom {transform:translateZ(0px) rotate(-45deg);-webkit-transform:translateZ(0px) rotate(-45deg);}
body.z-open .u-menu .u-menu-middle { display:none; }


.u-mask { position:fixed; left:0; top:0; width:100%; height:100%; background:#000; opacity:.5; z-index:9; }
.m-nav { width:200px; height:100%; right:-200px; top:0; background:#fff; position:fixed; transform:translateZ(0px) rotate(0deg); transition:transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99); z-index:999;}
.m-nav h2 { margin:0 0 10px; padding:10px 0; border-bottom:1px solid #ddd; font-weight:bold; font-size:16px; line-height:30px; text-align:center; }
.m-nav li { position:relative; padding:12px 12px 12px 22px; border-bottom:1px solid #eee; font-size:14px; line-height:24px; }
.m-nav li a { display:block; }
.m-nav li a:hover,.m-nav .current a { color:#f9b655; }
.m-nav .current:after { position:absolute; top:50%; left:0; width:5px; height:14px; margin-top:-7px; border-left:2px solid #f9b655; content:"";}

body.z-open .m-nav {transform:translate3d(-200px,0,0);-webkit-transform:translate3d(-200px,0,0);}
body.z-open .g-wp {transform:translate3d(-200px,0,0);-webkit-transform:translate3d(-200px,0,0);}
body.z-open .u-menu {transform:translateZ(0px) rotate(90deg);-webkit-transform:translateZ(0px) rotate(90deg);}
body.z-open .u-menu  div {transform:translateZ(0px) rotate(45deg);transition:transform 0.25s cubic-bezier(0.4,0.01,0.165,0.99) 0.2s;-webkit-transform:translateZ(0px) rotate(45deg);-webkit-transition:-webkit-transform 0.25s cubic-bezier(0.4,0.01,0.165,0.99) 0.2s;}
body.z-open .u-menu  div i {transition:transform 0.2s ease 0s;transform:translate3d(0px,11px,0px);-webkit-transition:-webkit-transform 0.2s ease 0s;-webkit-transform:translate3d(0px,11px,0px); }
body.z-open .u-menu .u-menu-bottom {transform:translateZ(0px) rotate(-45deg);-webkit-transform:translateZ(0px) rotate(-45deg);}
body.z-open .u-menu .u-menu-middle { display:none; }

#fot{position: relative;background: url(fbg.png) no-repeat center;background-size: cover;padding: 100px 0 60px;margin-top: 50px;}
.fmain{margin-top: 40px;}
.fmain .fml dl{float: left;color: #fff;text-align: center;margin-right: 80px;}
.fmain .fml dl:last-child{margin-right: 0;}
.fmain .fml dl dt {font-size: 18px;padding-bottom: 17px;text-transform: uppercase;}
.fmain .fml dl dt a{color: #fff;}
.fmain .fml dl dd a{font-size: 16px;color: #fff;line-height: 30px;}
.fmr {max-width: 517px;margin-right: 152px;}
.fmr .fmr1{padding-bottom: 5px;border-bottom: 1px solid #fff;}
.fmr .fmr1 p{color: #fff;}
.fmr .fmr1 p.fmp1{font-size: 24px;text-transform: uppercase;}
.fmr .fmr1 p.fmp2{font-size: 36px;}
.fmr .fmr2{margin-top: 15px;color: #fff;max-width: 387px;}
.fmr .fmr2 dl dt{font-size: 21px;margin-bottom: 10px;line-height: 31px;}
.fmr .fmr2 dl dt span,.fmr .fmr2 dl dt i{display:block;float: left;}
.fmr .fmr2 dl dt span{font-size: 24px;width: 80px;text-transform: uppercase;text-align: right;}
.fmr .fmr2 dl dt i{width: calc(100% - 90px);}

#end{background: #2a2829;color: #fff;font-size: 18px;height: 57px;line-height: 57px;}
#end a{color: #fff;font-size: 18px;}


.second-list{display: none;position: absolute;left: 50%;margin-left: -960px;top:76px;width: 1920px;background-color: #f9f9f9;z-index: 999;box-shadow: 0px 4px 10px rgba(0,0,0,0.2);height:262px;}
.second {width: 1200px;margin: 0 auto;position: relative;}

.sec1{position: relative;}
.second ul li{float: left;width: 33.3333%;border-right: 1px solid #dcd9d9;box-sizing: border-box;line-height: 30px;height: 262px;display: flex;justify-content: center;padding-top: 50px;}

.second ul li .secbox{width: 81%;margin: 0 auto;}
.second ul li .secbox .ses{font-size: 14px;}
.second ul li .secbox.secon{width: 90%;text-indent: 2em;margin-top: 30px;}
.second .secname{position: absolute;left:18px;top: 20px;text-transform: capitalize;line-height: 1;font-size: 20px;font-weight: bold;} 
.second ul li .secbox dl dt a{background: url(angle.png) no-repeat left center;padding-left: 18px;}
.second ul li .secbox .links{width: 70%;margin: 0 auto;}
.secbox p{font-size: 14px;color: #454545;line-height: 27px;}

.banner.swiper-container{z-index: -1}



@media(max-width:1850px){   
    .con-in{width: 96%;margin: 0 auto;}   
}

@media(max-width:1600px){   
    .fmr{margin-right: 0;}
}

@media(max-width:1366px){
    .nav>ul>li{margin-right: 16px;}
    .nav>ul>li>a{padding-right: 26px;}
    .flogo{text-align: center;}
    .fmr{text-align: center;display: none;}
    .fml{float: none;text-align: center;margin: 0 auto;display: flex;justify-content: center;}
    #fot{padding: 50px 0;}
}

@media(max-width:1200px){
    .padnav{display: block;}
    .nav{display: none;}
    .top {display: none;}
    #end,#end a{font-size: 16px;}
    .second-list{display: none !important;}
}

@media(max-width:960px){
    #fot {padding: 50px 0 10px;}
    .fmain .fml{text-align: center;}
    .fmain .fml dl{float: none;display: inline-block;margin-right: 0;}
    .fmain .fml dl dt{font-size: 16px;padding: 0 5px;}
    .fmain .fml dl dd{display: none;}
    #end{text-align: center;height: auto;padding: 10px 0;line-height: 30px;}
    .edl,.edr{float: none;}
}
@media(max-width:750px){
    .padnav .searchbox{display: none;}
    .pro{margin-top: 20px;}
    .ptl .ptl1{font-size: 24px;line-height: 30px;}
    .ptl .ptl2{font-size: 16px;margin-top: 10px;}
    .logo {width: 50%;margin-top: 0;}
    .u-menu{top: 0;}
    .logo a img{width: 100%;}
    .hcon{min-height: 60px;display: flex;align-items: center;}
    .padnav{padding-top: 5px;}
    #bannerSwiper .swiper-button-next,#bannerSwiper .swiper-button-prev{display: none;}
}