@charset "utf-8";
/* CSS Document */

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; font-family:"微软雅黑";outline:0;}
.clearfix{clear:both; height:0;}
body{overflow-x:hidden}
::-webkit-scrollbar{width:14px;height:14px}
::-webkit-scrollbar-track,::-webkit-scrollbar-thumb{border-radius:999px;border:5px solid transparent}
::-webkit-scrollbar-track{box-shadow:1px 1px 5px rgba(0,0,0,.2) inset}
::-webkit-scrollbar-thumb{min-height:20px;background-clip:content-box;box-shadow:0 0 0 5px rgba(0,0,0,.2) inset}
::-webkit-scrollbar-corner{background:transparent;}
a{ color:#000}a:hover{ color:#cd3333}
scrollbar-3d-light-color{}
scrollbar-arrow-color{}
scrollbar-base-color{}
scrollbar-dark-shadow-color{}
scrollbar-face-color{}
scrollbar-highlight-color{}
scrollbar-shadow-color{}

.header .title a { color:#fff}
/*头部*/
.header{ background:rgba(0,105,192,0.8); padding:22px 0; padding-bottom:12px; position:fixed; top:0; left:0; width:100%; z-index:999999;}
.header .logo{}
.header .container{ padding:0;}
.header .nav-pc{ margin-top:10px}
.header .nav-pc .topNav{}
.header .nav-pc .search{ padding-left:30px; width:300px; height:40px; overflow:hidden; padding-right:20px; position:absolute; bottom:-40px; background:rgba(0,105,192,0.6); 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:#ababac;}
.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;}
.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 20px; width:140px; text-align:center;padding-bottom:15px;  /*padding-bottom:25px;*/ z-index:999999;}
.header .nav-pc .downNav li .title a{ font-size:18px; line-height:22px; color:#fff;}
.header .nav-pc .downNav li:hover .title a,.header .nav-pc .downNav li.hover .title a{ color:#ccc;}

.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 .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;}

.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;}

.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;}
.fcr{padding:5px 0;line-height:30px;text-align:center;font-size:14px; border-top:#0e97ff solid 1px;color:#a9a9a9;background:#00508d;}
.container-footer{padding:43px 0 20px;background-color:rgba(0,105,192,0.9);background-image: url(../images/footer.jpg);} 
.Footer-wrapper a{ color:#ccc; font-size:14px }
.fnav{width:64.21428571428571%;float:left;}
.fnav dl{width:17%;float:left;border-right:1px solid #0e97ff; 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:20.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{width:13.6%;float:left;margin:6px 0 0 0;}
.fewm img{width:100%;height:auto;}

.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:100%; color:#fff; padding:15px 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:#0567b2 solid 3px; width:80px; display:inline-block}
.name h4 {   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:40px}
.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;
}


.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;
}

.imglist LI DIV img{ border:#ddd solid 1px;}
.side_nav{width:100%;position:relative;z-index:2; background:#fafafa}
.side_title{display:block; background:#0567b2;height:85px; margin-bottom:5px;color:#fff;font-size:16px;text-align:center;}
.side_title b{display:block;padding:18px 0 0px 0;}.side_title  p{ color:#e1a9aa}
.side_nav ul{display:block;padding:0;margin:0;border-top:0px;}
.side_nav ul li{ position:relative;height:40px;line-height:40px; 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:#0567b2}
.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:20px}
.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}
 .col-xs-6 h5 {padding-top:15px}
.imglist{ width:100%}
.page { margin:50px 0}
.po{ background:url(../images/home.png) no-repeat 0 2px; padding-left:18px; }
.page a,.page span { 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:#0567b2 solid 1px; background:#0567b2; color:#fff}
.page span{border:#0567b2 solid 1px; background:#0567b2; 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:#0567b2 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:#0567b2; display:inline-block; padding:5px 20px; font-size:16px; color:#fff}
.bar span.bar2{ border-bottom:#0567b2 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(graphics/controlbar.png) no-repeat 0 0;outline:none;position:absolute;left:0px;top:0px}
.MagicThumb-loading{border:1px solid #000;background:#fff url(graphics/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;}

.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:30px 0; border-bottom:#eee solid 1px;}
.xw_list li b{ position:absolute; left:20px}
.xw_list li span{ display:inline-block; margin-left:240px; margin-right:140px}
.xw_list li p{ line-height:24px; min-height:70px}
.xw_list li h4{ margin-top:7px; padding-bottom:7px}
.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 0px; padding-right:35px; display:inline-block;  background:url(../images/ico_ss.png) no-repeat;  width:20px; position:relative; top:1px; height:20px;}
.ssi{ margin-right:14px; position:relative; top:3px}

.newstitle{ position:relative; border-bottom:#eee dashed 1px; padding-bottom:10px; margin-bottom:20px}
.newstitle h1{ margin:40px 0 15px 0px}
.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}

.xltit{ margin-bottom:20px; border-bottom:#ddd solid 1px;}
.xltit h4{ border-left:#0567b2 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
}

.izl-rmenu{
	       margin-right: 0;
	       width: 82px;
	       position: fixed;
	       right: 2px;
	       top: 65%;
	       -webkit-box-shadow: #DDD 0px 1px 5px;
	       -moz-box-shadow: #DDD 0px 1px 5px;
	       box-shadow: #DDD 0px 1px 5px;
	       z-index:999;
}
.izl-rmenu .consult{    
	background-image: url(../images/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center -77px;
    display: block;
    height: 76px;
    width: 82px;
}
.izl-rmenu .consult .phone {
    background-color: rgb(247,247,255);
    position: absolute;
    width: 160px;
    left: -160px;
    top: 0px;
    line-height: 73px;
    color: #000;
    font-size: 18px;
    text-align: center;
    display: none;
    box-shadow: #DDD -1px 1px 4px;
}
.izl-rmenu a.consult:hover .phone{display:inline !important;}
.izl-rmenu .cart {
    background-image: url(../images/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center bottom;
    display: block;
    height: 16px;
    width: 16px;
    font-size: 12px;
    line-height: 16px;
    color: #45BDFF;
    text-align: center;
    padding-top: 15px;
    padding-right: 34px;
    padding-bottom: 47px;
    padding-left: 48px;
}
.izl-rmenu a.cart:hover .pic{display:block;}
.izl-rmenu .btn_top {
    background-image: url(../images/float_top.gif);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 39px;
    width: 82px;
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
}
.izl-rmenu .btn_top:hover {
	background-image: url(../images/float_top.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.izl-rmenu .cart .pic {
	display:none;
    position: absolute;
    left: -160px;
    top: 65px;
    width: 160px;
    height: 160px;
    background:url(../images/weixin.jpg);
}
#udesk-feedback-tab {
    position: fixed;
    right: 2px;
    top: 65%;
    margin-top: -76px;
    -webkit-box-shadow: #DDD 0px -1px 5px;
    -moz-box-shadow: #DDD 0px -1px 5px;
    box-shadow: #DDD 0px -1px 5px;
    z-index: 10000;
    cursor: pointer;
    background-image: url(../images/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 76px;
    width: 82px;
    background-color: #FFF!important;
    z-index:999;
}

.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: #0567b2;
    color: #fff; background:#0567b2;
}

.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
}
.nav-pc{ position:static !important}
.ejnav{ position:absolute; left:0; top:99px; border-top:#069 solid 1px; height:280px; width:100%;background: rgba(0,105,192,0.8); padding:30px 0}
.hover_infor{ color:#fff; line-height:24px}
.hover_r{ width:250px;}
.hover_r a{ border:#fff solid 1px; width:110px; float:left; color:#fff; margin:5px; display:inline-block; padding:2px 0px; text-align:center}
.hover_r a:hover{ background:#fff; color:#069}

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

@font-face {
 font-family: 'nicedesign';
 src: url('../font/nicedesign.otf');
 src: url('../font/nicedesign.eot') format('embedded-opentype'),
 url('../font/nicedesign') format('woff'),
 url('../font/nicedesign.woff') format('truetype'),
 url('../font/nicedesign') format('svg');
 font-weight: normal;
 font-style: normal;
}
.side-pannel {position:fixed; width:50px; bottom:5%; right:40px; z-index:1000; }
.side-bar>a {width:50px;height:50px;  position: relative; text-align: center; margin-bottom:10px;  display:block; cursor:pointer; float:left; border-radius:50%; background:rgba(51,51,51,.9);  box-shadow:0 0 8px 0 rgba(0,0,0,.2); transition:all .3s ease-out; }
.side-bar>a:hover{ background: rgba(0,105,192,1);}
.side-bar a.gotop:hover{ background:#222;}

/*.side-bar a.qq i{ background:url(http://7xtfvp.com1.z0.glb.clouddn.com/side_03.png) no-repeat; width:24px; height:26px; display:block; margin:10px auto;}
 */
.side-bar .dh{ width:50px;height:50px; position: relative; text-align: center; margin-bottom:10px;  display:block; cursor:pointer; float:left; display:block; border-radius:50%; background:rgba(51,51,51,.9);  box-shadow:0 0 8px 0 rgba(0,0,0,.2); transition:all .3s ease-out; }
.side-bar .dh:hover{ background: rgba(0,105,192,1);}
/*.side-bar .dh i{ background:url(http://7xtfvp.com1.z0.glb.clouddn.com/side_06.png) no-repeat; width:23px; height:23px; display:block; margin:14px auto;}
.side-bar a.wx i{ background:url(http://7xtfvp.com1.z0.glb.clouddn.com/side_10.png) no-repeat; width:26px; height:22px; display:block; margin:14px auto;}
.side-bar a.gotop i{ background:url(http://7xtfvp.com1.z0.glb.clouddn.com/side_14.png) no-repeat; width:23px; height:13px; display:block; margin:17px auto;}*/

.side-bar .dh .hidec{  width:166px;  position:absolute; left:-166px; top:-35px;}
.side-bar .dh .hied_con{ width:150px; background:#222; border-radius:4px; color:#fff;  padding:5px 0 15px 0;box-shadow:0 0 8px 0 rgba(0,0,0,.2); transition:width .3s ease-in-out; display:none;}
.side-bar .dh:hover .hied_con{ display:block !important }
.side-bar .dh .hied_con:after{ content:""; width:10px; height:10px; background:#222; position:absolute; right:11px; top:58px; transform:rotate(45deg);}

 
.side-bar .dh .hidec dl{ width:120px; margin:0 auto; overflow:hidden; text-align:left; line-height:22px; font-size:12px; margin-top:10px;}
.side-bar .dh .hidec dl dt a{ color:#fff; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:16px; font-weight:bold; }

.side-bar .zj{ width:50px;height:50px; position: relative; text-align: center; margin-bottom:10px;  display:block; cursor:pointer; float:left; display:block; border-radius:50%; background:#f21c2b;  box-shadow:0 0 8px 0 rgba(0,0,0,.2); transition:all .3s ease-out; }
.side-bar .zj:hover{ background: rgba(0,105,192,1);}
.side-bar .zj i{ display:block; overflow:hidden; border-radius:50%; width:100%; height:100%; margin:0;}
.side-bar .zj i img{ width:100%;}

.side-bar .zj .hidec{  width:176px;  position:absolute; left:-176px; top:-72px;}
.side-bar .zj .hied_con{ width:160px; background:#fff; border-radius:4px; color:#fff;  padding:8px;box-shadow:0 0 8px 0 rgba(0,0,0,.2); transition:width .3s ease-in-out; display:none; box-sizing:border-box;}
.side-bar .zj:hover .hied_con{ display:block !important }
.side-bar .zj .hied_con:after{ content:""; width:10px; height:10px; background:#fff; position:absolute; right:11px; top:88px; transform:rotate(45deg); box-shadow:6px 0 5px 0 rgba(0,0,0,.1)}

.theme-mask{z-index:10000;position:fixed; _position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.5;filter:alpha(opacity=50);-moz-opacity:0.5; display:none; }
.popover1{ width:360px; height:400px; z-index:100001; position:fixed; top:50%;left:50%; background:#fff; margin:-200px 0 0 -180px;   box-shadow:1px 1px 6px 3px rgba(0,0,0,.2); display:none; text-align:center;}
.popover1 dl{ margin-top:60px; font-size:14px; color:#333; line-height:40px;}
.popover1 dl a{ width:110px; height:40px; background: rgba(0,105,192,1); color:#fff; display:inline-block; line-height:40px; border-radius:2px; font-size:14px;}

.f_top{display: block;font-size: 24px;font-family:"nicedesign";color:#fff;line-height: 50px;}
.side-bar a i{ font-family: 'nicedesign';}
.up_qq:before{content: "\e807"}
.up_tel{font-size: 26px;}
.up_tel:before{content: "\e806"}
.up_wx:before{content: "\e801"}
.up_up{font-size: 20px;}
.up_up:before{content: "\e808"}
#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;}
.newslist>div{  padding:0px;}
.newslist i{ font-size:12px; font-style:normal; color:#999}
.newslist p{ color:#999; padding-top:0 ; margin-top:0; font-size:12px; line-height:18px}
.newslist strong{ overflow:hidden; height:26px; font-size:18px; display:inline-block; width:100%; padding-bottom:10px}
.newslist a{ font-size:12px; font-weight:bold}.org{ color:#F90; }
.newslist>div div{ background:#f7f7f7; margin:10px; padding:20px;}
.newslist>div:hover div{ background:#ddd}
.newsbar div{ background:#2a7fc0; border-right:#579ace solid 1px; padding:10px 0; text-align:center; font-size:18px; color:#fff}
.newsbar a{ color:#fff; font-weight:bold}
.newsbar{ margin:30px 10px}
.newsbar div.on{ background:#1269b0}
.newslist{ display:none}
.newslist.on{ display:block}

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

.carousel-indicators .active{ width:30px; height:8px; background:#0567b2}
.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{}
.swiper-container {
        width: 100%; background:#000;
        height:766px
    }
    .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;
    }.swiper-pagination-bullet{ border:none !important; background:#fff !important; width:30px;opacity:1; height:6px !important;  border-radius:4px !important; background:none}
	.swiper-pagination-bullet-active{ border:#0567b2 solid 1px !important; background:#0567b2 !important}
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:30px}








@media only screen and (min-width:1440px){
	.pad10{ padding:10px
	
	}
.Footer-wrapper .container{ width:1440px}
.myleft{ width:17.4%;margin-top:-115px}
.myleft2{ width:17.4%;margin-top:60px}
#myleft{ width:17.4%;margin-top:0}
.myright{ width:81%; float:right;}
}
@media only screen and (min-width:1280px){
.name h4{ line-height:30px}
}
@media only screen and (max-width:1440px){
	#div1{ height: 200px;}#showArea img{ width:80px;height:80px;}
			#div1 ul {  height: 200px; }
			#div1 ul li { height: 200px; }
			#div1 ul li img { width:300px; height: 200px; }

.header .nav-pc .downNav li{ width:100px; }
.header .nav-pc .downNav li .title  a{ font-size:14px}
.contactus div{ font-size:14px}
}
@media only screen and (min-width:1040px) and (max-width:1440px){
	.proinfo>.col-lg-5.col-md-8,.proinfo>.col-xs-12.col-lg-7{ width:50%}

}
@media only screen and (max-width:1280px){
	.wz{top:50%; margin-top:-60px; width:100%; color:#fff;vertical-align: middle;}
.bigimg p{ margin:40px 10%; line-height:30px}
.wz img{ width:50px}
.fontsize1{ font-size:36px}
.fontsize2{ font-size:30px}
.fontsize3{ font-size:20px}
.fontsize4{ font-size:16px}
.fontsize5{ font-size:14px}
.header .nav-pc .downNav li{ width:100px; }
}
@media (max-width: 990px){
	.hei30{ display:block; height:0px;}

	.address_img{ height:300px}

.header .nav-mobile-menu {
	
    display: inline-block;
}.header .nav-pc .downNav li{ padding:0 }
}
@media (max-width: 1200px){.header .nav-pc .search{ top:49px}
	.ejnav{ top:84px !important;}
.hei30{ display:block; height:0px;}
	.header .nav-pc .downNav li{  padding:0 0px; width:90px }
}

@media only screen and (max-width:768px){.header{ padding-top:13px; background:rgba(0,0,0,0.85)}
.hei30{ display:block; height:0px;}
.closeMenu div a{ color:#fff !important; border: solid #bbb 1px; padding:0 14px; border-radius:15px}
.closeMenu div a.on{ background:#cd3333 ; border:#cd3333 solid 1px}
	#showArea img{ width:60px;height:60px;}
.left-pro .t2 img{ max-width:100% !important ; height:auto !important}
	.xw_list li span{ margin:0; margin-top:15px;}
.fct,.fewm,.fnav{width:100%; margin:0px; padding:9px }
.xw_list li b,.xw_list li div{ position:relative; left:0px; top:0; display:inline-block; width:100%}
.xw_list li b img{ width:100%}
.scrollbox{ width:calc(100% - 80px)}
.fan span{ width:100%}
.gg{ padding:6px 10px;}.gg div a{ margin:0 }
.xw_list img { height:auto}
.gg .pull-left{ width:860%; overflow:hidden}
.name { margin-left:10px; margin-right:10px}
.name h4{ line-height:24px}
.container-footer{ padding-top:0px; padding-bottom:0px}
/*Footer*/
.lh25{ line-height:25px}
.fct .tel{ margin-top:10px}
	.fnav{width:100%;border:0px;float:none;}
	.fnav dl{width:100%;float:none;margin:0 0 2%; border:none; min-height:1px}
	.fnav dl dt{padding:0 1%;height:35px;line-height:35px;background:#4e4e4e url(../images/icon-dd1.png) no-repeat 96% center / auto 65%;margin:0px;}
	.fnav dl dt.cur{background:#4e4e4e url(../images/icon-dd1-2.png) no-repeat 96% center / auto 65%;}
	.fnav dl dd{display:none;padding:5px 2%;}
	.fewm{width:36%;margin:0px;float:none; padding-bottom:0; padding-top:0}
	.fct{width:100%;margin:10px 0 0;}
	.fct .con{width:100%;}
	.contact{ display:none}
	.xw_list li p{ min-height:0; height:48px;text-overflow:ellipsis; overflow:hidden}
	.xw_list li  h4{ width:100%;text-overflow:ellipsis; height:18px; overflow:hidden}
	.xw_list li  h4 a{
	text-overflow:ellipsis
	}
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 50px;
}
.contactus div{ padding:20px 0}
.swiper-text .fontsize1{ font-size:22px; margin:10px 40px; margin-top:40px; line-height:30px}
.bigimg .wz{ margin-top:-70px}
.bigimg p{ padding-top:0; margin-bottom:10px}
.page{ margin-bottom:0; margin-top:20px}
.ban{ width:100%; overflow:hidden}
.ban img{ width:800px ; max-width:1000px; margin-left:-200px}
}
@media (min-width: 1440px){
.container {
    width: 1440px;
}
}