/**
 * 项目：世基置业
 * 时间：19.12.12
 * Author:CYH
 */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em{font-weight:normal;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend,li{font:13px/24px "微软雅黑","Microsoft YaHei",sans-serif;color:#333;outline:0;}
body{background:none;position:relative; min-width:1230px;margin:0 auto;}
a,a:hover{color:#333;-webkit-transition: all 400ms;transition: all 400ms;}
a:hover{color:#303860;}
a:focus{outline:none;} 
p{line-height:22px;}

/* ===== clearfix ===== */ 
 
.clearfix:after{content:"\200B"; display:block; height:0; clear:both;}
.clearfix{*zoom:1;}
.clearfix { clear:both; }/*IE/7/6*/ 
::-webkit-scrollbar{
    width: 8px;
    height: 8px;
    background-color:#292121;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 0;
}
::-webkit-scrollbar-thumb{
    background-color:#f90;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 0;
}
.fl{float:left;}
.fr{float:right;}
.pr{position:relative;}
.none{display:none;}
.ov{overflow: hidden;}


  
.product_list_wr .dl_wr dt:after,.i_it_wr .item,.i_it_wr .item *,.Product_list .filtrate_wr .ri,.community2_d .sub_hd li,.commonweal3 .hd li,.commonweal3_d .tab .hd .select_time li,.c3_d_list .ul h4
{-webkit-transition: all .3s;
   -moz-transition: all .3s;
    -ms-transition: all .3s;
     -o-transition: all .3s;
        transition: all .3s;}
/*header*/
#header{ position: fixed; z-index: 999;  left: 0;  right: 0;  top: 0;  width: 100%;  height: 80px;  max-width: 1920px;  margin: 0 auto;}
.header{width:100%;height:80px; background:#ffffff;position:relative;z-index:100;}
.header .logo{float:left;margin-left:70px; padding:5px 0 0;}
.header .logo .logo2{display:none;}
.header .head{float:right;height:80px; background:#fff; padding-right:70px;}
.header .head .head-nav{float:left;position:relative;height:80px;}
.header .head .nav{padding-right:14px;height:80px;position:relative;float:left;}
.header .head .nav li{float:left;height:80px;}
.header .head .nav li a{font-size:16px; color:#616161; line-height:80px;padding:0 36px;}
.header .head .nav span{height:5px;background:#ff9f00;position:absolute;top:0;left:0;}
.header .head .head-btn{height:80px;float:left; }
.header .head .head-btn .language{float:left;position:relative;z-index:100;}
.header .head .head-btn .language .language-top{width:78px;height:80px;line-height:80px;font-size:14px;color:#616161; padding-left: 16px; font-weight:bold; background:url("../images/drop.png") no-repeat 56px center;}
.header .head .head-btn .language .language-con{width:141px;height:75px;padding-left:16px;position:absolute;left:0px;top:80px;background:#ff9f00;display:none;}
.header .head .head-btn .language .language-con a{float:left;line-height:76px;margin-right:14px;font-size:14px;color:#4f4f4f;font-weight:bold;}
.header .head .head-btn .language:hover .language-top{background:#ff9f00 url("../images/drop2.png") no-repeat 56px center;color:#ffffff;}
.header .head .head-btn .update{width:30px;height:80px;position:relative;float:left;}
.header .head .head-btn .update-top{width:30px; padding-left:8px; white-space: nowrap; height:80px;font-size:14px;color:#616161;font-weight:bold; line-height:80px; }
.header .head .head-btn .update-bot{width:190px;padding:8px;background:#ff9f00;position:absolute;right:-1px; top:80px; display:none;z-index:100;}
.update-bot input{ width:140px; float:left; border:1px solid #eee; padding-left:10px; line-height:32px; height:32px; display:inline-block;}
.update-bot button{ border:1px solid #eee;float:left; width:30px; line-height:28px; padding:0; height:32px; text-align:center; background-color:#eee; }
.update-bot button i{line-height:28px; }
.header .head .head-btn .update-bot ul{padding-right:30px; padding-left: 16px;}
.header .head .head-btn .update-bot li{line-height: 30px;}
.header .head .head-btn .update-bot a{font-size:14px;color:#4f4f4f;font-weight:bold; text-align: right; padding-right: 18px;}
.header .head .head-btn .update-bot a:hover,.header .head .head-btn .language .language-con a:hover{color:#fff;}
.header .head .menu{width:65px;height:80px;background:#fff url("../images/menu.png") no-repeat center center;float:left;}
.header .head .menu:hover{background-color:#242424; background-image: url("../images/menu-on.png");}
.header .head .subNav{width:100%;height:75px;position:absolute;left:0;bottom:0;z-index:-1;/*overflow:hidden;*/}
.header .head .subNav .item{width:100%;height:75px; background:rgba(0,0,0,.6) !important;background:#000000;filter:alpha(opacity=60);position:absolute;bottom:0;-webkit-transition:all .3s;transition:all .3s;}
.header .head .subNav .item ul{}
.header .head .subNav .item li{float:left;margin:0 13px;}
.header .head .subNav .item li a{font-size:14px;color:#c5c6c8;line-height:75px;padding:0;}
.header .head .subNav .item li a:hover{color:#f90;}

.header .head .head-btn .aisle{width:158px;height:80px;position:relative;float:left; border-left:1px #ececec solid;}
.header .head .head-btn .aisle-top{width:100%;height:80px;font-size:14px;color:#616161;font-weight:bold;padding-left: 54px; line-height:80px;background:url("../images/aisle.png") no-repeat 25px center;}
.header .head .head-btn .aisle-bot{width:100%;background:#ff9f00;position:absolute;right:0;top:80px;text-align:right;display:none;z-index:100;}
.header .head .head-btn .aisle-bot li{line-height: 55px; padding:0 0 0 54px; background:no-repeat 25px center; -webkit-transition: all .3s;
   -moz-transition: all .3s;
    -ms-transition: all .3s;
     -o-transition: all .3s;
        transition: all .3s;}
.header .head .head-btn .aisle-bot .li1{background-image: url("../images/icon_mail.png");}
.header .head .head-btn .aisle-bot .li2{background-image: url("../images/icon_scrn.png");}
.header .head .head-btn .aisle-bot a{font-size:14px;color:#4f4f4f;font-weight:bold; text-align: left;}
.header .head .head-btn .aisle-bot a:hover{color:#fff;}
.header .head .head-btn .aisle-bot .li1:hover{background-image: url("../images/icon_mail-on.png");}
.header .head .head-btn .aisle-bot .li2:hover{background-image: url("../images/icon_scrn-on.png");}
.header .head .head-btn .aisle:hover .aisle-top{color:#ffffff;background:#ff9f00 url("../images/aisle2.png") no-repeat 25px center;}
.i_body{padding-top: 0;}
#header.i_head .header,#header.i_head .head{background:transparent;}
#header.i_head .head-nav .subNav{opacity:0; filter:alpha(opacity=0);}
#header.i_head .nav span{background:#fff;}
#header.i_head .header .logo .logo1{display:none;}
#header.i_head .header .logo .logo2{display:block;}
#header.i_head .language .language-top{color:#fff; background-image: url("../images/drop2.png");}
#header.i_head .nav li a{color:#fff;}
#header.i_head .head-btn .update-top{color:#fff; background-image: url("../images/update2.png");}


.possplit{background: url(../images/posslit.png) no-repeat center; width: 17px;}

.banner .owl-controls { position:absolute; left:0; bottom:38px; width:100%;}
.banner .owl-pagination{ width:1200px;text-align:right;}

.banner{ width:100%; margin:0; padding:0;}
.banner .item{ overflow:hidden; position:relative; height:732px; }
.banner .owl-carousel .owl-item img{position:absolute; left:50%; margin-left:-960px; width:1920px; max-width:none;}
.banner .owl-carousel .owl-item video{position:absolute; left:50%; margin-left:-960px; width:1920px; max-width:none;}
.banner .item a{ display:block; width:100%;}
.banner img{ max-width:100%;height: 280px;}
.banner .owl-theme .owl-dots .owl-dot span { width: 14px;height: 14px;background:transparent;border-radius: 14px;margin-left:5px;-webkit-transition: all .3s;transition: all .3s;font-size: 0;float: left;border: 2px solid #fff;cursor: pointer; }
.banner .owl-theme .owl-dots{ position:absolute; right:70px; bottom:40px;}
.banner .owl-theme .owl-dots .active span {background:#fff;width: 40px;}
.banner .owl-theme .owl-nav{ position:absolute; top:40%; width:94%; left:3%;}
.banner .owl-carousel .owl-nav button,.banner .owl-carousel .owl-nav button:hover{ background:none;}
.banner .owl-carousel .owl-nav button span{ font-size:0; display:block; width:50px; height:50px; position:relative;}
.banner .owl-carousel .owl-nav button.owl-prev{ float:left; background: url(../images/icon_le.png) no-repeat left center;}
.banner .owl-carousel .owl-nav button.owl-next{ float:right; background: url(../images/icon_ri.png) no-repeat right center;}
.banner .owl-carousel .owl-nav button.owl-prev span:after{content:"";display:block;position:absolute;left:2px;top:50%;height:2px;margin-top:-1px;width:0;background:0 0;-webkit-transition:all .8s;-moz-transition:all .8s;-ms-transition:all .8s;-o-transition:all .8s;transition:all .8s; background-color:#fff;}
.banner .owl-carousel .owl-nav button.owl-next span:after{content:"";display:block;position:absolute;right:2px;top:50%;height:2px;margin-top:-1px;width:0;background:0 0;-webkit-transition:all .8s;-moz-transition:all .8s;-ms-transition:all .8s;-o-transition:all .8s;transition:all .8s; background-color:#fff;}
.banner .owl-carousel .owl-nav button:hover span:after{ width:50px; }
@media screen and (max-width:1500px){
.header .head .nav li a{ padding:0 25px;}
}
@media screen and (max-width:1300px){
.header .head .nav li a{ padding:0 12px;}
}

.header-box { padding:0px 15px 0; height:56px; background: #fff; display:none; position: relative; z-index:999; }


.w1200{ width:100%; width:1200px; margin:0px auto;}
.ivideo{ width:33%; float:left; margin-top:40px;} 
.inew{ width:45%; float:left; margin-top:35px; padding-left:55px; padding-right:30px; box-sizing:border-box; position:relative;}
.inew:after{ content:''; display:block; width:3px; height:80%; background-color:#f9f9f9; position:absolute; left:27px; top:10%;}
.inew ul li a{ display:block;}
.inew ul li a h2{ font-size:20px; line-height:28px; color:#333; font-weight:bold; height:58px; overflow:hidden; margin-bottom:6px;} 
.inew ul li a p{ font-size:14px; line-height:25px; color:#888; height:50px; overflow:hidden;} 
.inew ul li:nth-child(1){ border-bottom:1px solid #bcbcbc; padding-bottom:15px; margin-bottom:10px;}
.inew ul li a:after{ clear:both; content:''; display:block; width:100%; height:0px; visibility:hidden;}
.inew ul li a h3{font-size:14px; line-height:36px; height:36px; overflow:hidden; width:70%; color:#555; white-space:nowrap; float:left; text-overflow:ellipsis;}
.inew ul li a span{font-size:14px; display:block; line-height:36px; overflow:hidden; height:36px; max-width:30%; color:#555; white-space:nowrap; float:right;  }
.inew ul li a:hover h2,.inew ul li a:hover h3{ color:#004ea2;}
.partner{ width:22%; float:left; box-sizing:border-box; padding-left:35px; position:relative; margin-top:35px;}
.partner:after{ content:''; display:block; width:3px; height:80%; background-color:#f9f9f9; position:absolute; left:0px; top:10%;}
.partner h2{font-size:16px; line-height:28px; color:#333; font-weight:bold; padding-left:15px; background:url(../images/yellow.png) no-repeat 0 center; margin-bottom:30px;}
.partner .imgbox{ display:block;  height:35px; margin-bottom:15px;}
.partner .owl-nav{ display:none;}
.partner .imgbox img{ max-width:100%; max-height:100%; vertical-align:middle;}
.partner .owl-theme .owl-dots{ margin:0 !important; text-align:left; position:absolute; left:0; bottom:-1px;}
.partner .owl-theme .owl-dots .owl-dot{ margin:0;}
.partner .owl-theme .owl-dots .owl-dot span { width:26px;height:2px;background:#e0e0e0;border-radius:0px; margin:0; margin-right:5px;-webkit-transition: all .3s;transition: all .3s;font-size: 0;float: left; border:none;cursor: pointer;}
.partner .owl-theme .owl-dots .active span {background:#a7a7a7; }
.industry{ background-color:#f2f2f2; margin-top:35px; }
.fbig li{ width:25%; float:left; box-sizing:border-box; position:relative; overflow:hidden;}
.fbig li a{ display:block;  height:130px;  padding:23px; }
.fbig li:after{ content:''; display:block; width:100%; height:0px; clear:both;}
.fbig li:nth-child(1) a{ background:#f3eddf url(../images/f1.png) no-repeat right bottom; color:#c59e5e;}
.fbig li:nth-child(2) a{ background:#9ac7ff url(../images/f2.png) no-repeat right bottom; color:#467bbd;}
.fbig li:nth-child(3) a{ background:#fdc8a5 url(../images/f3.png) no-repeat right bottom; color:#b77446;}
.fbig li:nth-child(4) a{ background:#bde2ba url(../images/f4.png) no-repeat right bottom; color:#80a77d;}
.fbig li h3{font-size:20px;transition:all 0.4s; line-height:20px; text-transform:uppercase;}
.fbig li h2{font-size:18px; transition:all 0.4s; line-height:40px; font-weight:600; float:left;}
.fbig li p{font-size:14px; line-height:30px; font-weight:600; position:absolute; right:-150%; bottom:30px;transition:all 0.5s;}
.fbig li:nth-child(1) h3{ color:#dbc5a0;}
.fbig li:nth-child(2) h3{ color:#78a0d2;}
.fbig li:nth-child(3) h3{ color:#e1b191;}
.fbig li:nth-child(4) h3{ color:#a9c8a7;}
.fbig li:hover p{ display:block; opacity:1;  right:20px;}
.copyright{ padding:15px 0; line-height:30px; font-size:14px; color:#888;} 
footer{ width:100%; } 
footer a, footer{font-size:14px; line-height:26px; color:#999999;}


 
.newmedia{ float:right;}
.newmedia li{ float:left;  width:40px; text-align:center; cursor:pointer; position:relative;}
.newmedia li:after{content:''; display:block; transform:scale(0); position:absolute;width:0;height:0;border:8px solid transparent;border-top-color:transparent;border-top-style:solid; border-top-width:8px; border-top:10px solid #999; top:-11px;left:12px; transition:all 0.5s; transition-delay:0.2s;}
.app-qrcode{position:absolute;margin-top:0px;margin-left:-45px;width:130px; overflow:hidden; height:0px;box-shadow:0 0 6px rgba(14,22,30,.3); background-color:#fff;  transform:scale(0); transition:all 0.5s;}
.app-qrcode img{ width:130px; height:130px;}
.newmedia li:hover:after {opacity:1; -webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1);} 
.newmedia li:hover .app-qrcode{ display:block; transform:scale(1);height:130px;margin-top:-141px; }
 
 
 
 
 
 
 
 
 
 
 /* 主页
-------------------------------------------------------------- */
header{ width:100%; background:url(../images/navbg.jpg) top center no-repeat;}
.headtop { background:url(../images/navbg.jpg) no-repeat;border-bottom:1px solid #DDDDDD; width:100%; color:#333333; line-height:45px;}
.w1200 { width:1200px; margin:0 auto;}
.headmid { overflow:hidden; padding-bottom: 16px;}
.logo { float:left; margin-top: 38px;}
.logowen{  float:left; border-left: 1px solid #fff; margin-left: 15px; padding-left: 15px; margin-top: 42px;}
.logowen h4{ font-size: 24px; color: #0c438f; font-weight: bold; margin-bottom: 10px;}
.logowen h4 span{ color: #025da5; font-weight: normal;}
.search { float:right; width:200px; margin-top: 44px;}
.search p{ text-align: right;line-height:26px;}
.search p i{ font-size: 14px; color: #025da5; font-style: normal; margin-left: 30px;}
.searleft { border:1px solid #D9D9D9; width:152px; height:36px; line-height:34px; overflow:hidden; margin:0; padding:0; padding-left:10px; float:left; color:#707672; outline:0;}
.searright { background:url(../images/searchbg.jpg) no-repeat; width:36px; height:36px; border:0;outline:0; cursor:pointer;}
.menubg { background:#016EC5; width:100%; height:51px; margin:0 auto; position: relative;
    z-index: 1000;}

/*---导航---*/

#nav{height:51px;text-align:center;clear:both;margin:0 auto;}
#nav ul{width:1200px;margin:0 auto;}
#nav li{float:left;height:51px;position:relative;width: 120px;background:url(../images/menuxian.jpg) no-repeat right;line-height:51px;}

#nav ul ul { display:none; width:110px; position:absolute; left:0; top:51px; z-index:99;}
#nav ul ul li { width:100%; background:#016EC5; line-height:25px;  height:auto;}
#nav ul ul li a {font-size:14px;display:block;padding:10px 5px;line-height:20px;width: 110px;}
#nav a{display:block;float:left;text-decoration:none;font-size:18px;color:#fff;text-align:center;width: 120px;outline:none;position:relative;}
#nav a:hover, #nav .active a, #nav .selected a, #nav .parent a,#nav .active ul li a:hover{color:#fff;text-decoration:none; background:#D71617;}
#nav li.sfhover a {color:#fff;font-weight:500;background: #016EC5; }
#nav li.sfhover a:hover {color:#fff;font-weight:500;background: #D71617; }
#nav .active ul li a { background:none;}
#nav a span{font-size:8px;-webkit-text-size-adjust:none;line-height:12px;padding-bottom:15px;display:block;font-weight:300;cursor:pointer;position:relative}

#nav li ul a:hover{ color:#D71617; font-weight:bold;}


 
 /* 尾部
-------------------------------------------------------------- */
.footer { margin:0 auto; width:100%;}

.footup { background:#F4F4F4; width:100%; }
 
.footbottom { background:#2465B7; font-size:14px; color:#fff; padding:14px 0; line-height:25px; width:100%;}
.footbottom a { color:#fff;}
.footbottom a:hover { color:#831519;}


.footerLinks span { color:#fff; padding-left:57px; display:inline-block;}

.wp_listalbumn .albumn_info {
    width: 100%;
    height: auto;
    text-align: center;
    width: 378px;
    margin-bottom: 34px;
    margin-right: 33px;
}
.wp_listalbumn .albumn_info .Article_Title {
    display: block;
    padding: 0;
    margin: 0 auto;
    font-size: 16px;
    text-align: center;
    height: 56px;
    line-height: 56px;
    background: #F5F5F5;
}
 .wp_listalbumn .albumn_info a {
    display: inline-block;
    position: relative;
    margin: 0 auto;
    color: #666;
    text-decoration: none;
    font-size: 16px;
    font-family: 'Microsoft YaHei', Tahoma, Geneva, sans-serif;
}
.nol  .wp_listalbumn .albumn_info { margin-right:0;}