@charset "utf-8";
/* CSS Document */
body{ min-width:1200px !important;}
ul,li{list-style:none;}
del,ins,u,s,a,a:hover,a:active,a:link,a:visited{text-decoration:none !important;}
body,textarea,input,button,select,keygen,legend{font-size:14px;outline:0;}
.clearfix{clear:both; height:0;}
body{overflow-x:hidden}

a{ color:#000}a:hover{ color:#cd3333}
	header{ position:relative}

.menubg{ width:100%; padding:30px 0; position:absolute; z-index:55; top:83px; left:0; background:#2c2e34}
.header .title a { color:#bbb}
/*头部*/
.header{background:#fff;  padding:0 0px;top:0; left:0; width:100%; z-index:999999;}
.header .logo{ margin-left:20px}
.header .container{ padding:0;}
.cen::after,.des::after { clear:both; content:""; display:block}
.cen{ margin:0 auto; width:1200px}
.header .nav-pc .topNav{}
.header .nav-pc .search{ padding-left:20px;  padding-right:20px; position:absolute; bottom:-50px; background:rgba(0,0,0,.7); right:0}
.header .nav-pc .search .wbk{-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px; width:120px; height:20px; padding:0 10px; border:1px solid #E0E0E0; background:url(../images/white_10.png) repeat; line-height:20px; color:#fff; margin-top:9px;}
.header .nav-pc .search .bot{ width:45px; height:20px; margin-left:0px; border:0; background:#fff; border-radius:10px; line-height:20px; margin-left:2px;}
.header .nav-pc .topNav ul{ margin:0; padding:0; }
.header .nav-pc .topNav li{ padding:0 20px;position:relative;  z-index:999999;color:#ababac;font-size:14px; line-height:20px;}
.header .nav-pc .topNav li .title a{ font-size:16px; line-height:22px; color:#000;}
.header .nav-pc .topNav li .title a:hover/*,.header .nav-pc .topNav li.hover .title a*/{ color:#f25702;}
.header .nav-pc .topNav li .title a.hover{ color:#f25702;}

.header .nav-pc .topNav li .sec-nav{ position:fixed; top:100px; left:0; background:url(../images/second-nav-bg.png) repeat; width:100%; padding:15px 0; text-align:center; z-index:99999; display:none;}
.header .nav-pc .topNav li.hover .sec-nav,.header .nav-pc .topNav li:hover .sec-nav{ display:block;}
.header .nav-pc .topNav li .sec-nav .container{ position:relative;}
.header .nav-pc .topNav li .sec-nav p{ position:absolute; top:0px; left:30px; font-size:14px; line-height:20px; color:#fff;}
.header .nav-pc .topNav li .sec-nav a{ display:inline-block; font-size:14px; line-height:20px; color:#e6e6e7; margin:0 10px;}
.header .nav-pc .topNav li .sec-nav a{ *display:inline;}
.header .nav-pc .topNav li .sec-nav a:hover{ color:#fff;}
#mainNavTop .sec-nav{ display:none;}
#mainNav li { font-family: "微软雅黑";}
.search{-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s; background: #0e216e;height:83px; overflow:hidden; position: absolute; right:0px; }
.search form{padding: 25px;  height: 83px;  width: 330px; display:none}
.search.on{ right: 0;}
 .search.on form{ display:block}

.search .bot{ background: #f6662a; border: none; color: #fff;}.search input{ border: none;}
.header .nav-pc .topNav li.tnav9{ padding-left:20px;}
.header .nav-pc .topNav li.tnav8{ padding-left:20px;}
.header .nav-pc .downNav{/* margin-top:5px;*/ line-height:40px; display:block;}
.header .nav-pc .downNav ul{ margin:0; padding:0; margin-right:10px }
.header .nav-pc .downNav li{ padding:0 24px;  text-align:center;padding-bottom:15px;  position:relative; /*padding-bottom:25px;*/ z-index:999999;}
.header .nav-pc .downNav li .title a{ font-size:18px; line-height:22px; color:#000;}
.header .nav-pc .downNav li:hover .title a,.header .nav-pc .downNav li.hover .title a{ color:#f5642b;}
.header .nav-pc .downNav li .ej{ z-index:555; left:0; text-align:left;  position:absolute; padding-top:42px; min-width:1200px}
.header .nav-pc .downNav li .ej a{ color:#999da6; display:inline-block; margin-left:35px; font-family:Arial, Helvetica, sans-serif; margin-right:20px}
.header .nav-pc .downNav li .ej a:hover{ color:#fff}
.header .nav-pc .downNav li .sec-nav{ position:fixed; top:70px; left:0; background:url(../images/header_bg.png) repeat; width:100%; padding-top:15px; padding-bottom:20px; text-align:left; z-index:99999; display:none;}

.header .nav-pc .downNav li:hover span{ position:absolute; width:80px; left:50%; margin-left:-40px; top:50px; height:3px; background:#f5642b; display:inline-block}
.header .nav-pc .downNav li.hover .sec-nav,.header .nav-pc .downNav li:hover .sec-nav{ display:block;}
.header .nav-pc .downNav li .sec-nav .container{ position:relative; padding-right:0;}
.header .nav-pc .downNav li .sec-nav p{font-size:14px; line-height:20px; color:#fff;}
.header .nav-pc .downNav li .sec-nav p a{color:#fff;}
.header .nav-pc .downNav li .sec-nav p a:hover{color:#0769a9;}
.header .nav-pc .downNav li .sec-nav span{display:inline-block; width:160px;}
.header .nav-pc .downNav li .sec-nav span{*display:inline; margin:15px;}
.header .nav-pc .downNav li .sec-nav span img{ display:inline-block; width:65px; height:50px; margin-right:5px;}
.header .nav-pc .downNav li .sec-nav span a{ display:inline-block; font-size:14px; line-height:20px; color:#e6e6e7;}
.header .nav-pc .downNav li .sec-nav span:hover a{ color:#fff;}
.nav-pc{ margin:30px 0 0 70px}
.lngs{ margin:15px 10px 0 0}

.dmenu1{padding-left:331px;}
.dmenu3{padding-left:540px;}
.dmenu4{padding-left:695px;}
.dmenu2{padding-left:18px;}
.dmenu2 dl{font-size:14px;float:left;display:inline-block; overflow:hidden; margin-bottom:20px; line-height:30px;}
.dmenu2 dl dt{clear:both; color:#fff; font-size:15px; line-height:16px; padding-bottom:10px; display:block;}
.dmenu2 dl dd{min-width:200px; margin-top:20px;}
.dmenu2 dl a{color:#fff;}
.dmenu2 dl a:hover{color:#0769a9;}
.dmenu2 dl dd{line-height:50px; clear:both;}
.dmenu2 dl dd a{display:block;}
.dmenu2 dl dd a:hover .img{ background:#0d4d90;}
.dmenu2 dl dd .img{ float:left;width:50px; border-radius:5px; display:table-cell; vertical-align:middle; text-align:center; height:50px; background:#000; margin:0 auto; margin-right:5px;}
.dmenu2 dl dd strong{display:inline-block; font-weight:100; line-height:50px;}
.dmenu2 dl dd img{ max-width:80%; max-height:80%; display:inline-block; vertical-align:middle; text-align:center; margin:0 auto; }
.dmenu2 dl dd.no a{ color:rgba(106,106,106,1.00)}

.header .nav-mobile-menu{ background:url(../images/menu.png) no-repeat; width:36px; height:36px; display:none; cursor:pointer; margin-top:0px; margin-bottom:0 !important}

.header .nav-mobile{width:100%;display:none; margin-top:20px;}
.header .nav-mobile .container{ padding:0;}
.header .nav-mobile .closeMenu{ height:60px; background:url(../images/close_bg.png) repeat; width:100%;}
.header .nav-mobile .closeMenu #close-menu{ background:url(../images/bg_mobileico1.png) no-repeat; width:28px; height:28px; margin-right:15px; margin-top:16px;}
.header .nav-mobile .closeMenu .pull-left{margin-left:20px; margin-top:16px;font-size:20px; line-height:28px; color:#999;}
.header .nav-mobile .closeMenu .pull-left a{ font-size:20px; line-height:28px; color:#999; font-weight:100; font-style:normal;text-shadow:none;}
.header .nav-mobile .closeMenu .pull-left a:hover{ color:#fff;}
.header .nav-mobile ul{margin:0; padding:0;width:100%; display:block;}
.header .nav-mobile li{ width:100%; }
.header .nav-mobile li .core{ padding:0 30px;background:url(../images/li_bg.png) repeat;}
.header .nav-mobile li .core .title{ font-size:18px; line-height:50px; color:#BFBEBE;}
.header .nav-mobile li .core .sj{ background:url(../images/bg_mobileico2.png) no-repeat; width:20px; height:20px; margin-top:15px;}
.header .nav-mobile li .nav{ background:url(../images/dd_bg.png) repeat; display:none; padding:10px 0;}
.header .nav-mobile li .nav a{ height:30px; font-size:16px; line-height:30px; color:#adaeae; display:block; padding:0 50px;}
.header .nav-mobile li .core:hover,.header .nav-mobile li .core.hover{ background:url(../images/li_bg_hover.png) repeat; }
.header .nav-mobile li .core:hover .title,.header .nav-mobile li .core.hover .title{color:#fff;}
.header .nav-mobile li .core:hover .sj,.header .nav-mobile li .core.hover .sj{ background:url(../images/bg_mobileico3.png) no-repeat;}
.header .nav-mobile li .nav a:hover,.header .nav-mobile li .nav a.hover{ background:url(../images/dd_bg_hover.png) repeat; color:#fff;}

.header .nav-pc .downNav li .sec-nav0 .span0,.header .nav-pc .downNav li .sec-nav3 .span0,.header .nav-pc .downNav li .sec-nav1 .span0,.header .nav-pc .downNav li .sec-nav2 .span0{ display:none;}

.header.houseDown{ padding-top:10px;}
.header.houseDown .logo{ padding-top:0px;}
.header.houseDown .nav-mobile-menu{margin-top:0px;}
.header.houseDown .nav-pc .downNav{ margin-top:5px;}
.header.houseDown .nav-pc .downNav li{ padding-bottom:10px;}
.header.houseDown .nav-pc .downNav li .sec-nav{ top:65px;padding:10px 0;}
.header.houseDown .nav-mobile-menu{ margin-top:5px;}
.content{ font-size:16px; }.content p,.content  div{ margin-top:10px;text-indent:28px}
.content img {
    text-indent: 0; margin:auto !important;
    padding: 4px;
    vertical-align: middle;
  
    text-align: center;
    border: #ddd solid 1px;
    margin: 0 auto;
    text-indent: 0;
    max-width: 100%;
    margin-bottom: 20px;
}
.wz img{}
.thisimg{ position:relative; overflow:hidden}
.thisimg:after{ clear:both; content:""; display:block}
.wz{ top:50%; margin-top:-77px; width:100%; color:#fff;vertical-align: middle;}
/*.w1 img{transform: scale(1);
    transition: all 0.4s ease 0s; float:left}
.thisimg:hover .w1 img {
    transform: scale(1.2);
}*/.weizhi { color:#aaa}
.weizhi span{ color:#666;}
.weizhi a{ color:#616161}.weizhi a:hover{ color:#C00}
.cc2 span{ position:relative; top:3px}
.cc2{ font-family:Arial, Helvetica, sans-serif}
.pad0{ padding:0}
.wz{ position:absolute}
/*--- Footer ---*/
.Footer-wrapper{z-index:98; background:#3c3c3c}
.fcr{padding:5px 0;line-height:30px;text-align:center;font-size:14px; border-top:#333 solid 1px;color:#a9a9a9;background:#141414;}
.container-footer{padding:43px 0 20px; max-width:1440px; overflow:hidden; padding-left:10px; padding-right:10px; margin:0 auto;}
.Footer-wrapper a{ color:#ccc; font-size:14px }
.fnav{width:74.21428571428571%;float:left;}
.fnav dl{width:12%;float:left; margin-right:8%; min-height:205px; margin-bottom:0}
.fnav dl dt{display:block;line-height:22px;text-transform:uppercase; font-weight:normal;font-size:16px;color:#ffffff;margin:0 0 12px;}
.fnav dl dd{display:block;padding:5px 0; padding-top:10px; padding-bottom:0;line-height:23px;color:#c9c9c9;}
.fnav a:hover{color:#fff;}
.fnav.on dl dd{display:block !important;}

.fct{width:12.14285714285714%;float:right;}
.fct .top{line-height:24px;font-size:16px;color:#ffffff;text-transform:uppercase;}
.fct .con{display:block;line-height:24px;padding:5px 0 5px 27px;color:#c9c9c9;}
.fct .tel{background:url(../images/ico1.png) no-repeat left 10px / auto 16px;margin:29px 0 0;}
.fct .fax{background:url(../images/ico2.png) no-repeat left 10px / auto 16px;}
.fct .mail{background:url(../images/ico3.png) no-repeat left 10px / auto 16px;}
.fct .web{background:url(../images/ico4.png) no-repeat left 10px / auto 16px;}

.fewm{float:right; text-align:right;margin:6px 0 0 0;}
.fewm img{height:auto;}.fewm p{ color:#999}.fewm h2{ color:#f5662a; font-size:30px; margin-bottom:15px; margin-top:0}
.fewm p{ margin-bottom:0}
.fshare{width:100%;font-size:0px;float:left;margin:13px 0 0;}
.fshare a{margin:0 6px 0 0;}

.btn1{ border:#fff solid 1px; line-height:30px; font-size:12px; color:#999; border-radius:30px; background:#fff; padding:0px 30px; display:inline-block}
.btn1:hover{ background:rgba(255,255,255,0.2); color:#fff}

.btn2{ border:#fff solid 1px; line-height:100%; color:#fff; padding:11px 39px; margin:10px 0; display:inline-block}
.btn2:hover{ background:rgba(255,255,255,0.2); color:#fff}
.swiper-text h3{ margin:35px auto; line-height:45px; max-width:770px;}
.swiper-text h2{ margin-top:90px;}.swiper-text { padding:0}
.name{ padding:30px 0}
.name div{ margin:10px 0}
.name div span{ border-bottom:#f5642b solid 3px; width:80px; display:inline-block}.name h2{ font-family:"微软雅黑"; margin-bottom:0px}
.name h4 { max-width:740px; font-weight:normal; font-family: serif; color:#999; display:inline-block;}
.thisimg h3{ margin:0}
.bigimg .wz{ margin-top:-100px}
.bigimg p{ margin:40px 19%; line-height:40px }
.bigimg .wz p{ margin:10px 0}
.fontsize1{ font-size:48px}
.fontsize2{ font-size:36px}
.fontsize3{ font-size:30px}
.fontsize4{ font-size:24px}
.fontsize5{ font-size:20px}
.fontsize6{ font-size:16px}
.fontsize0{ font-size:60px}
body{ line-height:30px}
.ic_arr { z-index:6666; display:none;
    position: absolute;
    bottom: 20px;
    left: 50%;
    width: 18px;
    height: 12px; display:inline-block;
    background: url(../images/ic_spr24.png) no-repeat;
    background-size: contain;
    margin-left: -13px;
    -webkit-animation: page_arr 1.6s both linear infinite;
}
ul{ margin: 0; padding: 0;}

.xw_left .swiper-container{ height: 400px; }

.xw_left .swiper-wrapper{ height: 390px;}
.xw_left .swiper-wrapper div.txt{ font-size: 18px; position: absolute; bottom: 0; width: 100%; padding: 11px; background: rgba(0,0,0,0.3); color: #fff; text-align: left; text-indent: 10px;}
.xw_right { width: 590px;}
.xw_left { width: 590px;}.xw_right li:hover{ background: #f5662a;}.xw_right li:hover *{ color: #fff;}
.xw_right li{ padding: 15px 30px; margin-bottom: 10px; background: #fff; position: relative;}.xw_right li strong{ font-size: 18px; font-weight: normal;}
.xw_right li b{ width: 90px; text-align:center; line-height: 90px ; color: #fff; font-size: 18px; height: 90px; font-weight: normal;background: #f5662a;  position: absolute; right: 0; top: 0; display: inline-block;}
.xw_right li p{ font-size: 14px; color: #999; margin: 0;}
.news{background: url(../images/index_31.jpg) right top no-repeat #eee; padding-bottom: 50px; }
.hidebox{ position:absolute;    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s; background:rgba(0,0,0,0.6); height:100%; width:100%; left:100%; top:0}
.hidebox *{ color:#fff}
.hidebox div{ position:absolute; width:100%; left:0; top:50%; }
.thisimg:hover .wz{ display:none}
.hidebox p { margin:20px 10%}
.bigimg .hidebox div{margin-top: -110px;}
.thisimg:hover .hidebox{ left:0 }
i,em{ font-style:normal}

.midimg .hidebox div,.smimg .hidebox div  {
    margin-top: -90px;
}
.mid{ margin: 0 auto; width: 1440px;}
.imglist LI DIV img{ border:#ddd solid 1px;}
.side_nav{width:100%;position:relative;z-index:2; font-family:"微软雅黑"}
.side_title{display:block; background:url(../images/news_05.jpg);height:99px; margin-bottom:5px;color:#fff;font-size:16px;}
.side_title b{display:block;padding:22px 0 0px 40px; font-size:24px;}.side_title  p{ font-size:18px;color:#fff; font-family:"Times New Roman", Times, serif; padding-left:40px; padding-top:5px}
.side_nav ul{display:block;padding:0;margin:0;border-top:0px;}
.side_nav ul li{ position:relative;height:50px;line-height:50px; overflow:hidden}
.side_nav ul li a{display:block; font-size:14px; color:#000}
.side_nav>ul>li.cur,.side_nav>ul>li:hover{background:#f5642b}
.side_nav>ul>li.cur a,.side_nav>ul>li.cur,.side_nav>ul>li:hover, .side_nav>ul>li:hover a{ color:#fff}
.side_nav ul li i{ position:absolute; right:20px; top:1px; font-family:"宋体"}
.side_nav ul li a{ padding-left:40px}
.side_nav ul li ul li a{ padding-left:30px}
.side_nav ul li.cur{ height:auto}
.side_nav ul li li{}
.side_nav ul li.cur ul li a{ color:#333333}
.side_nav>ul{ padding-bottom:10px}
.side_nav ul li li.cur a{ background:#efefef}
.side_nav ul li.cur ul li a:hover{ background:#efefef}
.side_nav ul li ul{ background:#fafafa}
.hei30{ display:block; height:30px;}

.weizhi{ border-bottom:#ddd solid 1px; margin:10px 0; display:block; padding-bottom:5px}
.imglist LI { padding:10px}
.imglist{ width:100%}
.page { margin:50px 0}
.po{ background:url(../images/home.png) no-repeat 0 2px; padding-left:18px; }
.page a { display:inline-block; font-family:"宋体"; padding:2px 12px ; border:#ccc solid 1px; background:#f9f9f9; color:#333; font-size:18px}
.page a.cur,.page a:hover{border:#f5642b solid 1px; background:#f5642b; color:#fff}
.cpdes{ border-top:#ddd solid 1px; margin-top:5px;}
.cpdes p{ margin:0}
.contact{ width:100%; font-size:12px; border:#eee solid 1px; border-top:#f5642b solid 4px;}
.ct{ background:#fcfcfc;}.ct h4{ margin:0 ; margin-left:20px; padding:0;line-height:50px; border-bottom:#eee solid 1px; }
.cc{ padding:20px;display:table; }
.cc div{vertical-align:middle; margin:5px 0; margin-top:0; 
display:table-cell; height:47px; display:inline-block; width:100%; border-bottom:#eee solid 1px; line-height:15px;  padding:10px 0}
.cc div i{ float:left; height:24px; margin-right:10px}

.marlr10{ margin-left:10px  !important; margin-right:10px  !important}
.content{}
.bar{ margin:20px 0px; margin-top:40px; border-bottom:#ddd solid 1px;}
.bar span.bar1{ background:#f5642b; display:inline-block; padding:5px 20px; font-size:16px; color:#fff}
.bar span.bar2{ border-bottom:#f5642b solid 2px; display:inline-block; padding:5px 20px; font-size:16px;}

#gallerycontainer{ position:relative}
#left:hover,#right:hover{ background:#2388c0; border:#2388c0 solid 1px; color:#fff}

#mybtns{ position:absolute; bottom:0; width:360px;}

.MagicZoomBigImageCont{border:1px solid #dfdfdf;overflow:hidden}
.MagicZoomBigImageCont img{width:800px;height:800px}
.MagicZoomBigImageCont iframe{width:100px;height:100px}
.MagicZoomHeader{font:10px Tahoma, Verdana, Arial, sans-serif;color:#fff;background:#dfdfdf;text-align:center !important}
.MagicZoomPup{border:1px solid #aaa;background:#fff;cursor:hand;left:0}
.MagicZoomLoading{text-align:center;background:#fff;color:#444;opacity:0.8;padding:3px 3px 3px 3px !important;display:none}
.MagicZoomLoading img{padding-top:3px !important}
.MagicThumb{cursor:url(cursor/zoomin.cur), pointer;outline:none}
.MagicThumb-zoomed{cursor:default}
.MagicThumb span{display:none}
.MagicThumb-image{border:1px solid #ccc;outline:none}
.MagicThumb-image-zoomed{cursor:url(cursor/zoomout.cur), pointer}
.MagicThumb-caption{ color:#333333;background-color:#F0F0F0;border:1px solid #CCC;border-top:none;font-family:Verdana, Helvetica;font-size:11px;padding:8px 16px}
.MagicThumb-controlbar{display:block;height:18px}
.MagicThumb-controlbar a{display:block;width:180px;height:180px;margin:0px 1px;outline:none;float:left;overflow:hidden}
.MagicThumb-controlbar a span{display:block;width:1000px;height:1000px;background:transparent url(../images/controlbar.png) no-repeat 0 0;outline:none;position:absolute;left:0px;top:0px}
.MagicThumb-loading{border:1px solid #000;background:#fff url(../images/loader.gif) no-repeat 2px 50%;padding:2px 2px 2px 22px;margin:0;text-decoration:none;text-align:left;font-size:8pt;font-family:sans-serif;}

.imglist{ margin-left:-10px; margin-right:-10px}
.imglist>div{ float:left; width:48%; margin:1%; position:relative}
.imglist>div p{ background:rgba(0,0,0,.4); top:0; width:100%; position:absolute; height:100%;}
.imglist>div p span{ color:#fff; font-size:24px; position:absolute; top:50%; margin-top:-12px; width:100%; display:inline-block; text-align:center;}
.imglist>div a:hover p{ background:rgba(0,0,0,.1)}

/*main css*/
.izl-rmenu{position:fixed;right:0%; width:72px;bottom:10px;padding-bottom:73px;background:url(../images/r_b.png) 0px bottom no-repeat;z-index:999;}
.izl-rmenu .btn{width:72px;height:73px;margin-bottom:1px;cursor:pointer;position:relative;}
.izl-rmenu .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat;background-color:#6da9de;}
.izl-rmenu .btn-qq:hover{background-color:#488bc7;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qq.png) 0px 0px no-repeat;background-color:#6da9de;text-decoration:none;display:block;}
.izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat;background-color:#78c340;}
.izl-rmenu .btn-wx:hover{background-color:#58a81c;}
.izl-rmenu .btn-wx .pic{position:absolute;left:-160px;top:0px; max-width:none;display:none;width:160px;height:160px;}
.izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat;background-color:#fbb01f;}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b;position:absolute;width:160px;left:-160px;top:0px;line-height:73px;color:#FFF;font-size:18px;text-align:center;display:none;}
.izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat;background-color:#666666;display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}

.box{margin:20px auto;}
.left-pro{}
.left-pro .t1{width:100%;}
.left-pro .t2{ text-align:center; border:#ddd solid 1px;text-indent:0;width:100%;}
.MagicThumb{ display:inline-block !important}
.left-pro .t2 img{text-indent:0;}
.box img{ max-width:none}
#showArea img{ margin-right:14px;cursor:pointer;display:block;margin-bottom:5px;width:100px;border:1px solid #ccc;height:100px;float:left}
#main_img{cursor:pointer;display:block}
#gotop{cursor:pointer;display:block;margin-left:9px}
#gobottom{cursor:pointer;display:block;margin-left:9px}
#showArea{height:100px; margin-top:15px; width:104%;overflow:hidden}
.xw_list{ margin-top:-12px}
.xw_list li{ position:relative; min-height:156px; padding:20px 0; border-bottom:#eee solid 1px;}
.xw_list li b{ width:260px; float:left}
.xw_list li span{ }
.xw_list li p{ line-height:24px; color:#999; min-height:70px; font-size:12px;}
.xw_list li h4{ margin-top:7px; padding-bottom:7px; font-family:"微软雅黑"; font-weight:bold}
.xw_list li div{ position:absolute; top:40px; right:30px; width:70px; text-align:center;}
.xw_list li div strong{ font-weight:normal; color:#666; display:inline-block; width:100%; border-bottom:#666 solid 1px; line-height:70px }
.xw_list li div i{ font-size:18px;}

.lngs a{ color:#fff; font-size:18px; }

.ico40{ display:inline-block; background:url(../images/time.jpg) no-repeat; width:19px; position:relative; top:3px; height:19px;}
.ico41{ display:inline-block; background:url(../images/write.jpg) no-repeat; width:19px; position:relative; top:3px; height:19px;}
.ico51{ display:inline-block; margin-right:12px; background:url(../images/xl_14.png) no-repeat; width:19px; position:relative; top:1px; height:17px;}
.ico90{ display:inline-block;  background:url(../images/ico_dq.png) no-repeat; width:20px; position:relative; top:3px; height:20px;}
.ico91{border-right:#bbb solid 1px; padding-right:35px; display:inline-block;  background:url(../images/ico_ss.png) no-repeat;  width:20px; position:relative; top:1px; height:20px;}
.ssi{}
.infotit{ border:none !important; margin-bottom:10px !important}
.newstitle h2{font-family:"微软雅黑"; font-weight:bold; font-size:18px}
.newstitle p{ color:#999}.p{ color:#666;}
.des{ padding:15px 0;  background:#f4f4f6; font-size:12px; line-height:24px;}
.str{ font-size:18px; font-family:"微软雅黑";padding:20px 0}
.newstitle{ position:relative; border-bottom:#ccc solid 1px; padding-bottom:10px; margin-bottom:40px}
.newstitle h1{ margin:40px 0 15px 0px; font-family:"微软雅黑"; font-size:28px; font-weight:bold}
.bdsharebuttonbox{ width:140px; position:absolute; right:0; bottom:10px}
.bdshare-button-style0-32 a{ margin-right:3px !important}
.bds_weixin{ background:url(../images/share_03.jpg) no-repeat !important}
.bds_more{ background:url(../images/share_07.jpg) no-repeat !important}
.bds_tsina{ background:url(../images/share_01.jpg) no-repeat !important}
.bds_tqq{ background:url(../images/share_05.jpg) no-repeat !important}
.myleft,.myright{ float:left}
.myleft{ width:302px}
.myright{ width:850px; float:right}
.nbg{ background:url(../images/news_09.jpg) repeat-y; margin-bottom:40px; margin-top:40px; }

.xltit{ margin-bottom:20px; border-bottom:#ddd solid 1px;}
.xltit h4{ border-left:#f5642b solid 3px; display:inline-block; padding-left:10px}
.mar0{ margin:0}
.btn5{ margin:20px 0; display:inline-block; background:#cd3333; color:#fff; border-radius:5px; padding:5px 20px; font-size:16px}
.btn6{ margin:20px 0; display:inline-block; background:#cd3333; color:#fff;  padding:8px 35px; letter-spacing:5px; border:none; font-size:16px}
.btn5:hover{ background:#aa2929; color:#fff}
.tb{ position:relative; top:11px}
.xlinfo *{ line-height:30px}
.xlinfo h4{ margin:0}
.xlimg{ }
.mar30{ margin:30px 0}
.line{ border-bottom:#ddd solid 1px;}
.xlimg img{ -moz-box-shadow:0px 0px 10px #ccc; -webkit-box-shadow:0px 0px 10px #ccc; box-shadow:0px 0px 10px #ccc;}
.xltext { margin-top:5px}
.xltext i{ line-height:12px; position:relative; top:10px; color:#666}
.xllist{ margin:20px 0}
.red{ color:#C00}
.biaodan label{ font-weight:normal}
.biaodan li{ margin:10px 0}
.input{ width:100%; border:#ddd solid 1px; padding:8px}
img{ max-width:100%}
.fan{ padding:10px 0}
.fan i{ font-family:"宋体"; font-size:22px}
.contactus{ margin-bottom:40px; border:#ddd solid 1px; border-bottom:none; border-right:none}
.contactus div{ padding:50px 0; font-size:16px; border-bottom:#ddd solid 1px; border-right:#ddd solid 1px}
.contactus div i{ display:inline-block; margin-right:5px; margin-left:20px;}
.scrollbox ul{ padding:0}
.scrollbox{margin: 0 auto; overflow: hidden; position:relative; top:2px; display:inline-block}
#scrollDiv{height:24px; overflow:hidden;}/*这里的高度和超出隐藏是必须的*/
#scrollDiv li{height:24px; overflow:hidden; vertical-align:bottom; zoom:1;}
#scrollDiv li div{ height:24px;  color:#416A7F; line-height:20px !important; overflow:hidden}
#scrollDiv li div a{ color:#416A7F; text-decoration:none}

.scroltit{ height:26px; line-height:26px; padding-bottom:4px; margin-bottom:4px;}
.scroltit h3{ width:100px; float:left;}
.scroltit .updown{float:right; width:32px; height:22px; margin-left:4px}

.table_list {
    overflow: hidden; background:#fff;
    border: 1px solid #dfdfdf; border-top:none
}
.table_item{    background-color: #fafafa;}
.table_list.active {
    box-shadow: 0 0 3px 3px #eee
}



.table_list ul li {
    float: left;
    display: inline-block;
    width: 20%;
    padding: 22px 10px;
    text-align: center;
}

.table_list ul li:last-child {
    padding-top: 15px
}
.recruitmentBox ul{ padding:0}
.recruitment_list{ margin-top:25px}
.table_list ul li > span {
    display: inline-block;
    padding: 2px 12px;
    border: 1px solid #dfdfdf;
    background-color: #fafafa;
    cursor: pointer;
    vertical-align: middle
}

.table_list ul li > span.active {
    border-color: #f5642b;
    color: #fff; background:#f5642b;
}

.table_list_content {
 
    padding: 26px 32px; border: 1px solid #dfdfdf; 
    display: none
}

.table_list_content.show {
    display: block;
}

.table_list_content h3 {
    margin: 0;
    font-size: 14px;
    color: #555;
    margin: 16px 0;
}

.table_list_content h3 > span {
    color: #999;
    margin-right: 8px
}

.table_list_content p {
    font-size: 14px;
    color: #555;
    margin: 0
}
.table_option {
    overflow: hidden;
    background-color: #fafafa;
    border: 1px solid #dfdfdf
}

.table_option ul li {
    float: left;
    display: inline-block;
    width: 20%;
    padding: 15px 10px;
    text-align: center
}


.table_option ul li:last-child {
/*     text-align: right */
}

#div1{ width: 100%; height: 250px; position: relative; margin:30px auto;overflow: hidden;}
			#div1 ul { width: 100%; height: 250px; position: relative; }
			#div1 ul li { text-align:center; height: 250px; float: left; list-style: none; padding-right:20px;}
			#div1 ul li img { width:360px; height: 250px; display: inline-block;}

.hotpro #div1{height: 254px; margin:1%; width:98%  }
.hotpro #div1 ul { width: 100%; height: 254px; }
.hotpro #div1 ul li { height: 254px;}
.hotpro #div1 ul li img { border:#ddd solid 1px; width:262px; height: 224px;}



.carousel-indicators li{ width:30px; border:none !important; height:7px; background:#fff}

.carousel-indicators .active{ width:30px; height:8px; background:#f5642b}
.gg i{ background:url(../images/shouye_04.png); width:17px; height:15px; display:inline-block; margin-right:4px; position:relative; top:1px;}
.gg{ background:#323232; padding:6px 0; font-size:14px; color:#bababa}
.gg div a{ color:#ddd; display:inline-block; margin-right:20px; font-size:16px;}
.gg strong{ color:#fff; font-size:16px;}

.address_img{ height:500px}



.swiper-slide-1 *{ color:#fff}
.swiper-slide-1 span{}
#banner.swiper-container {
        width: 100%; background:#fff;
        height:556px
    }
   #banner  .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }#banner .swiper-pagination-bullet{ border:none !important; background:#fff !important; width:30px;opacity:1; height:6px !important;  border-radius:4px !important; background:none}
	#banner .swiper-pagination-bullet-active{ border:#f5642b solid 1px !important; background:#f5642b !important}
	#banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:30px}



.gray { 
    -webkit-filter: grayscale(20%);
    -moz-filter: grayscale(20%);
    -ms-filter: grayscale(20%);
    -o-filter: grayscale(20%);
    
    filter: grayscale(20%);
	
    filter: gray;
}

.chanpin>div:hover .gray{ -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    
    filter: grayscale(0);
	
    filter:auto}
.chanpin { text-align:center; width:964px; margin:0 auto}
.chanpin>div{ padding:6px;}.chanpin>div p{ font-size:12px; height:50px; margin:0 40px; line-height:20px; color:#666;}
.chanpin>div div h4{ font-family:"微软雅黑"; font-size:18px; padding:10px 0}
.chanpin>div div{-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s; overflow:hidden; height:400px; background:#ece4e3; border:#fff solid 1px;}
.chanpin>div div b{ display:inline-block; height:239px; overflow:hidden}
.chanpin>div img{ -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;}
.chanpin>div:hover img{transform: scale(1.15);}
.chanpin>div:hover div{-moz-box-shadow:0px 0px 10px #ccc; -webkit-box-shadow:0px 0px 10px #ccc; box-shadow:0px 0px 10px #ccc;}
.chanpin>div:nth-child(2) div{ background:#d9e3ec}
.chanpin>div:nth-child(3) div{ background:#d4d8d0}
.chanpin>div:nth-child(4) div{ background:#f7eee7}
.chanpin>div:nth-child(5) div{ background:#efded6}
.chanpin>div:nth-child(6) div{ background:#f3f0e8}

.chanpin>div div:hover .btn1{ background:#f6662a ; color:#fff;}
.chanpin>div:nth-child(1) div:hover{ border:#091a69 solid 1px}
.chanpin>div:nth-child(2) div:hover{ border:#091a69 solid 1px}
.chanpin>div:nth-child(3) div:hover{ border:#091a69 solid 1px}
.chanpin>div:nth-child(4) div:hover{ border:#091a69 solid 1px}
.chanpin>div:nth-child(5) div:hover{ border:#091a69 solid 1px}
.chanpin>div:nth-child(6) div:hover{ border:#091a69 solid 1px}


.float{ font-size:12px; position:fixed; top:30%; right:20px; z-index:5555;}.float i img{ margin-top:7px}
.float i{ width:50px; height:50px; border-radius:50px; background:#8e93a2; text-align:center; line-height:50px; display:inline-block}
.fuwu{ width:100%; background:#2c2e34}
.fuwu>div{ max-width:1440px; margin:0 auto; }
.float div{position:relative}.float div b{ display:none; position:absolute; width:120px; left:-140px; top:-20px; border:#ccc solid 1px; padding:5px}
.float div:hover b{ display:block}
.fw_list{ width:20%; overflow:hidden; float:left; max-height:412px; text-align:center; position:relative}.fw_list h2{ font-family:"微软雅黑"; font-size:24px; font-weight:bold}
.fw_list:hover .dis1{ top:0}
.fw_list .top1{    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s; position:absolute; top:150px; color:#fff; width:100%; left:0; text-align:center}
.fw_list .top1 span{ display:inline-block; width:40px; height:4px; background:#fff; margin-bottom:10px}
.fw_list .dis1 span{ display:inline-block; width:40px; height:4px; background:#fff; margin-top:15px; margin-bottom:20px}
.fw_list:hover .dis1 h2{ margin-top:100px}
.fw_list:hover .dis1 p{ padding:0 30px}
.fw_list:hover .top1{ top:250px;filter:alpha(opacity:30); opacity:0.3;  -moz-opacity:0.3;-khtml-opacity: 0.3}
.dis1{    -webkit-transition: all 0.5s; 
    -moz-transition: all 0.5s; background:rgba(245,102,42,0.9); position:absolute; color:#fff; width:100%; left:0; top:440px; height:100%; z-index:5;
    -o-transition: all 0.5s;
    transition: all 0.5s;}
.fw_list img{ -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;}
.fw_list:hover img{transform: scale(1.2);}
.pos{ width:100%; line-height:40px; background:#f4f4f5; font-family:"微软雅黑"; font-size:14px; color:#666;}
.pos a{ color:#666}
#newpage{ border-bottom:#ccc solid 1px; text-align: left; z-index:555; text-align:right}
#newpage .swiper-pagination-bullet{ opacity: 1; background:none; margin-right:1px; border-left:1px solid #ccc; width: 50px; text-align: center; height: 50px; line-height: 50px; color: #fff; margin: 0; border-radius:0 ;}
#newpage .swiper-pagination-bullet-active{ background: #f5662a !important; color: #fff;}
.innav{ text-align:center; padding-bottom:40px}
.in{ padding-bottom:20px}
.innav a{ display:inline-block; margin:7px;  background:#eee; border-radius:5px; padding:5px 50px;}.innav a.hover,.innav a:hover{ background:#f66500; color:#fff}
.imgs>div{ margin:2%; float:left; background:#EEE; text-align:center;padding:10px; WIDTH:29.33333% !important}
.imgs>div p{ padding-top:10px}
@media(max-width:1280px){
	.nav-pc{ margin-left:40px}
	.Footer-wrapper .mid{ max-width:1200px}
	}
@media(max-width:768px){
	body{ width:1200px}
	}

	.header::after{ clear:both; content:""; display:block}
	
	
	.video_bg {
		background:url(../sp/video_bg.png) no-repeat center;
		background-size:cover;
		height:675px;
	}
	.video_con {
		width:1200px;
		margin:0 auto;
		position:relative;
	}
	.video_con video {
		width:100%;
		height:675px;
		object-fit:cover;
	}
	.video_con .da {
    background: url(../sp/video_play.png) no-repeat center;
    background-size: cover;
    width: 80px;
    height: 80px;
    position: absolute;
    z-index: 9;
    position: absolute;
    top: 50%;
    left: 50%;
    border: none;
    margin-left: -40px;
    margin-top: -40px;
}