/*
	#author		lut000
	#date 		2018/01/26
	#porpuse 	全局样式-布局
*/
body{background-color:#f9f9f9;}
iframe{border:none;}
.view{min-width: 100%}
/*1200*/
.w1200{width: 1200px;margin: auto;}
.section{width: 1200px;margin: auto;}



/*登录注册*/
.nav-right-list>li.login-item{margin-right:0;cursor:pointer;}
.nav-right-list>li.white-line{margin-right:0;background:#fff;}
/*申请试用*/
.nav-right-list>li.apply-try>a{height:28px;line-height:28px;padding: 0px 18px;margin-top:6px;color:#fff;background-color: #FF9300;font-size:14px;overflow: hidden;border-radius: 3px;}
.nav-right-list>li.apply-try>a:hover{background-color: #FFC262}
.apply-try>a>i{width: 20px;height: 20px;background-position: -125px -192px;}

/*全部导航按钮*/
.nav-right-list>li.nav-item{margin-right:0;padding:0;width:40px;height:40px;background:#FF9300;cursor:pointer;}
.nav-right-list>li.nav-item>span{background:url(/skin/images/rotate1.png) no-repeat;display:inline-block;width:20px;height:16px;margin:12px 0 0 10px;transition:transform 0.4s;}
.nav-right-list>li.nav-item.fs>span{background:url(/skin/images/rotate2.png) no-repeat;width:20px;height:20px;transform:rotate(-180deg);}
/*我的工作室*/
.nav-right-list>li.myworks-item i{background-position:-47px -22px;width:19px;height:19px;margin-right:5px;margin-top:-2px;}
.nav-right-list>li.myworks-item:hover i{background-position:-105px -45px;}

/*我的收藏*/
.nav-right-list>li.collection-item i{background-position:-419px -222px;width:20px;height:20px;margin-right:5px;margin-top:-2px;}
.nav-right-list>li.collection-item:hover i{background-position:-421px -254px;}

.nav_svg{
  background: url(/skin/images/nav_svg.svg) no-repeat;
  display: inline-block;
  background-position: -420px -60px;
    width: 17px;
    height: 17px;
}

/*搜索*/
.nav-right-list>li.search-item{width:80px;}
.search-box{z-index: 10;position:absolute;right: 10px;height:40px;background:#1c232b;}
.search-item:hover .search-box{background:#13181e;}
.search-box .search-btn{background-position:-7px -191px;width:27px;height:16px;position:absolute;right:0;top:12px;cursor:pointer; border:none;}
.search-box .search-area{width:60px;height:20px;border:0 none;border-bottom:1px solid #878a8d;background:none;color:#fff;font-size:14px;margin-top:10px;padding-right:25px;}
.search-box .now-focus::-webkit-input-placeholder{color: #fff;}
.search-box .now-focus:-moz-placeholder{color: #fff;}
.search-box .now-focus::-moz-placeholder{color: #fff;}
.search-box .now-focus::-ms-placeholder{color: #fff;}

.view-more-div{background:#13181e;width:320px;border-radius:0 0 3px 3px;}
.view-more-div>a{width:297px;height:36px;display:inline-block;background:#fff;color:#FF9300;font-size:14px;text-align:center;line-height:36px;margin:15px 10px;border-radius:3px;cursor:pointer;}
.view-more-div>a>i{background-position:-87px -168px;width:14px;height:8px;margin-left:5px;}

.search-div{z-index: 10;display: none;position:absolute;top:40px;left:0px;padding: 10px 0;background-color:#13181e;}
.search-div .menu{width:310px;z-index:12;height:180px;overflow:hidden;position:relative;left:0;top:0;}
.search-div .menu>ul{}
.search-div .menu>ul>li{color:#fff;font-size:12px;height:30px;line-height:30px;padding-left:10px;overflow:hidden;cursor:pointer;}
.search-div .menu>ul>li>a{display: block;color:#fff;}
.search-div .menu>ul>li>a:hover{color:#FF9300;}
.search-div .menu>ul>li.now-choice>a{color: #FF9300;}

.search-item:hover .search-btn{background-color:#13181e;}
.search-item:hover .search-box{background:#13181e;}
.view-more-div>a:hover{background:#FF9300;color:#fff;}
.view-more-div>a:hover i{background-position:-87px -180px;}
/* 以图搜图icon */
.search-pic {cursor: pointer;}

.find-camera>i{background: url(/skin/images/picmatch.svg) no-repeat -20px -22px; width: 22px;height: 22px;display: inline-block;  margin-right: 5px;margin-top: 11px;}
.find-camera p{float: right;font-size: 14px;color: #fff;}
.find-camera>i:hover{background-color:#FF9300;}
.find-camera p:hover{color: #FF9300;}
.find-camera:hover i{background: url(/skin/images/picmatch.svg) no-repeat -62px -22px;}
.find-camera:hover p{color: #FF9300;}

/*------------------------页面主导航------------------------*/
.nav-header{padding-top: 40px;margin-bottom: 20px;box-shadow: 0px 2px 10px #d9d9d9;background: #fff;}


.main-nav-list{text-align: center;}
.main-nav-list>li{display: inline-block;position:relative;margin:0px;vertical-align: middle;}
.main-nav-list>li.hide{display: none;}
.main-nav-list>li>a{position: relative;height:76px;line-height:76px;width: 85px;width: 85px\0;display: block;font-size:14px;color:#333;text-align:center;overflow: hidden;}
.main-nav-list>li>a .label2{display: none;color: #FF9300;word-break:break-all;}
.main-nav-list>li>a>i{width:17px;height:16px;margin-right:5px;margin-top:-2px;}
.main-nav-list>li>a.current{color: #FF9300;}

.main-nav-list>li>div{display: none;z-index: 100;position: absolute;left: 0px;top: 40px;left:50%;margin-left:-65px;top: 61px;width: 130px;background:#fff;border-radius:2px 2px 0 0;border:1px solid #eee;}
.main-nav-list>li>div>ul{padding:10px 0;text-align:center;}
.main-nav-list>li>div>ul>li{line-height:35px;height:35px;cursor:pointer;position:relative;}
.main-nav-list>li>div>ul>li>a,.main-nav-list>li>div>ul>li>form>a{font-size:12px;color:#000;display:block;}
.main-nav-list>li>div>ul>li>form{width:100%;height:35px;}
.main-nav-list>li>div>ul>li>form input{width:100%;height:35px;position:absolute;top:0;left:0;cursor:pointer;opacity:0;filter:alpha(opacity=0);}
.main-nav-list>li>div>ul>li.current a{color:#FF9300;}
.main-nav-list>li>div>ul>li:hover a{color:#FF9300;}

.main-nav-list .hover-bar{width:100%;height:4px;display:inline-block;background:#FF9300;position:absolute;left:0;bottom:0;display:none;}
.main-nav-list>li.fg-line{width:1px;height:16px;background:#ccc;position:relative;padding:0;margin:0;}
.main-nav-list>li.switch-area>a>i{background-position:0 -146px;}
.main-nav-list>li.pop-special>a>i{background-position:-23px -146px;}
.main-nav-list>li.development-resources>a>label{cursor: default;}
.main-nav-list>li.development-resources>a{cursor:default;}
.main-nav-list>li.development-resources>a>i{background-position:-525px -7px;}
.main-nav-list>li.development-resources:hover a>i{background-position:-525px -31px;}

.main-nav-list>li.switch-area>a:hover{color: #FF9300}
.main-nav-list>li.switch-area>a:hover i{background-position:0 -195px;}
.main-nav-list>li.pop-special.selected>a{color:#FF9300;}
.main-nav-list>li.pop-special.selected>a>i{background-position:-23px -195px;}

.main-nav-list>li:hover .hover-bar{display:block;}
.main-nav-list>li:hover .label1{display:none;}
.main-nav-list>li:hover .label2{display:inline-block;}
.main-nav-list>li.selected>a{color:#FF9300;}
.main-nav-list>li.selected .hover-bar{display:block;}

.list-line{z-index: 10;position:absolute;width:60px;height:4px;background:#FF9300;bottom:-1px;left:35px;display:inline-block;}

.main-nav-list>li .switch-div>ul>li{}
.main-nav-list>li .switch-div>ul>li.fenge-area-line{border-bottom:1px solid #eee;}
.main-nav-list>li .switch-div>ul>li>a{}
.main-nav-list>li .switch-div>ul>li>a:hover{color:#FF9300;}

.back-home-page{width:120px;height:35px;display:block;background:#FF9300;font-size:14px;color:#fff;line-height:35px;text-align:center;position:relative;left:-1px;top:1px;cursor:pointer;}
.back-home-page>i{background-position:-118px -146px;width:16px;height:16px;margin-right:5px;}
.back-home-page:hover{background:#f4cb69;}


.v-top-right .v-slide-bar{margin-left: 16px;width: 16px;height: 14px;background-position: -265px -85px;cursor: pointer;}





@media screen and (max-width:2559px) {
  .new-header-layout-fixed .v-fixed-left .fg-line{display: none;}
  .new-header-layout-fixed .v-fixed-left .announcement-new{display: none;}
  .new-header-layout-fixed .v-fixed-right .new-camera-big{display: none;}
  .new-header-layout-fixed .v-fixed-right .new-camera-small{display: block;}
  /* .new-header-layout-fixed .v-fixed-right .new-search-big{display: none;} */
  .new-header-layout-fixed .v-fixed-right .new-search-small{display: block;}
}

@media screen and (max-width:1919px) {
  .new-header-layout .v-top-middle .new-search-box{width: 540px;}
  .new-header-layout .new-header-bottom .main-nav-box{width: 1254px;}
  /* .new-header-layout .new-header-bottom .main-nav-box>ul>li.fg-line{margin-top: -2px;} */
  .new-header-layout .new-header-bottom .main-nav-box>ul>li>a{font-size: 14px;line-height: 14px;}
  .new-header-layout .new-header-bottom .main-nav-box>ul>li.design-tools>a{margin-top: 1px;}
  .new-dropdown-nav{position: fixed;right: 0;top: 0;width: 1070px;}
  .new-header-layout-fixed{padding: 0 20px;}
  .new-header-layout-fixed .v-fixed-middle>ul>li>a{font-size: 14px;}
}
@media screen and (max-width:1550px){
  .new-header-layout-fixed .v-fixed-middle>ul>li.design-tools-up{display: none;}
  /* .new-header-layout-fixed .v-fixed-right .new-search-big {width: 95px;transition: all .2s linear;position: absolute;margin: 0}
  .new-header-layout-fixed .v-fixed-right .new-search-big>input[type='text']{width: 66%;text-overflow: ellipsis;}
  .new-header-layout-fixed .v-fixed-right .new-search-big-new{width: 200px;} */
  /* .v-top-right .login-user>#info-content>span{display: none;} */
  .v-top-right{margin-left: 80px;}
  .v-top-right .login-user>#info-content .user_option{left: -100px;}
}

@media screen and (max-width:1500px){
  .new-header-layout .new-header-top .fg-line{
    display: none;
  }
  .new-header-layout .new-header-top .announcement-new {
    display: none;
  }

}

@media screen and (max-width:1439px) {
  /* .new-header-layout-fixed{padding: 0 56px;} */
  .new-header-layout .new-header-top{padding: 0 12px;}
  .new-header-layout .new-header-bottom .main-nav-box {width: 1135px;}
  .nav_down_ul{max-width: 1200px;}
}



@media only screen and (min-width: 1630px){
  .secretary-item{display: block;}
}
@media only screen and (min-width: 1500px){      
	.qx_y_box{width: 1500px;}
  .qx_g_box{background: url(/skin/images/g_box.png) no-repeat;}
  .new-qx-box.qx_g_box{background: url(/skin/images/g_box_15.png) no-repeat;}
  .new-qx-box{background:url(/skin/images/y_box_15.png) no-repeat;width: 1500px;}
	
	
	.view{min-width: 1500px}
	.section{width: 1500px;}

    .logo-nav-list>li{padding: 0 10px}
    .logo-nav-list>li.banquan-item{padding: 0 20px;}
    .logo-nav-list>li.banquan-item>a{width: 78px;}
	.nav-right-list>li{padding: 0 10px}

	.main-nav-list>li{margin:0px;}
	.main-nav-list>li.switch-area{margin-left:85px;}

    .main-nav-list>li>a{width: 110px;display: block;font-size:16px;}

	.nav-category>li{margin-left:3.7%;}
	.nav-category a{font-size:14px;}
	.nav-category>li>div{font-size: 20px;}
	.nav-category>li>div>a{font-size:20px;}
	.dropdown-contact>ul>li.product-tel{margin-right:80px;}
	/*底部*/
	.footer>.map .f-contact-box{margin-right: 30px;}
	.footer>.map .cat-list{width:69%;}
	.footer .cat-list>.first-list{margin-left:0;}
	.footer .cat-list>li{margin-left:5%;}
    .footer .about-pop{padding:40px 0;text-align: center;height:45px;}
    .common-foot-top .foot-top-left>div>a{margin-right: 20px;}
	
	.site-list{margin-left: -9%;}
	.site-list>li{float: left;margin-left: 9%}

	.nav-category-div{min-width:1420px;}
}

@media screen and (max-width:1800px) and (min-width:1200px) {
	.nav-category>li{margin-left:3.2%;}
}


@media screen and (max-width:1880px) and (min-width:1500px) {
	.footer .cat-list>li{margin-left:5%;}
}





@media screen and (max-width: 1366px){
  .sidenav_fixed .freeread_box{ margin-top: 4px; }
  .sidenav_fixed > ul > li { width: 100%; position: relative; margin-top: 2px; margin-bottom: 2px; }
  .sidenav_fixed .go-back-box{ margin-top: 2px; height: 25px; line-height: 25px; }
  .sidenav_fixed .go-back-box > i{ height: 25px; }
  .sidenav_fixed .online-box { margin-bottom: 2px; }
}

@keyframes fade-in
{
0%   {opacity: 0;}
25%  {opacity: 0;}
50%  {opacity: 0;}
80%  {opacity: 0.;}
100%  {opacity: 1;}
}







@media screen and (min-width:1440px) {
	.advisory_center {
	  width: 670px;
	}
  .advisory_bar .info{
    width: 830px;
  }
}

/* 图片懒加载 */
img.lazyload {
  background: #f5f5f5 url('/skin/images/loading.gif') center no-repeat;  /* 加载动画 */
  background-size: 40px 40px;
}

img.lazyload.loaded {
  background: none;
}

.pic-box img {
  display: block;
  object-fit: cover;  
}