@charset "utf-8";

/* CSS Document */

/*header*/

.slideout-panel{width: 1005px;margin:0 auto;}

#header{position:relative;top: 0;left: 0;width: 100%; z-index: 999; /*border-bottom: 1px solid #333;*/}

#header > .container{max-width: 1390px;}



/*#header.sticky{position: fixed; background-color:#141300;}

#header.sticky .logo{max-width:140px; margin:-25px auto 0px;}

#header.resize .menu{margin-top:20px; webkit-transition: all .2s linear; -moz-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear;}

#header.resize .submenu{top:100px;}

#header.resize .menu > ul > li > a{ padding:12px 0px 12px;}

#header.sticky .menu ul li .submenu{top:123px;}*/

/*#main{padding-top: 156px;}*/



.nav-top{height: 35px;padding: 10px 0;overflow: hidden;}

.nav-top .search button{float: left;width:21px;height:21px;padding: 0;border: 0;background: url(../images/search1.png) no-repeat right 3px;background-size: 14px; border:1px solid #444; border-right:none; padding-left:10px; -moz-border-radius:3px 0px 0px 3px; -webkit-border-radius:3px 0px 0px 3px; border-radius:3px 0px 0px 3px;}

.nav-top .search button:hover{background-position: right bottom;}

.nav-top .search input{float: left;display: block;padding: 2px 10px;border: 0;width: 50%; border:1px solid #444; background-color:inherit; border-left:none; -moz-border-radius:0px 3px 3px 0px; -webkit-border-radius:0px 3px 3px 0px; border-radius:0px 3px 3px 0px;} 

.nav-top ul{float: right;}

.nav-top ul{margin: 0;list-style: none;}

.nav-top ul li{float: left;min-height: 14px;border-left: 1px solid #444; margin-top:3px;}

.nav-top ul li a{position: relative;display: block;padding: 0 14px;z-index: 2;}

.nav-top ul li:first-child{border: 0;}

.nav-top ul li:last-child a{padding-right: 0;}

    

.nav-top ul li.wishlist a{padding: 0;margin: 0 10px 0 14px;}

.nav-top ul li.wishlist a::before{content: '';float: left;display: block;width: 16px;height: 10px;margin-top: 1px;background: url(../images/wishlist.png) no-repeat left top;background-size: 15px auto;height: 12px;}

.nav-top ul li.wishlist a span{float: left;padding-left: 4px;}

.nav-top ul li.wishlist a:hover::before{background-position: left -12px;}

    

.nav-top ul li.cart a{padding: 0;margin: 0 11px 0 15px;}

.nav-top ul li.cart a::before{content: '';float: left;display: block;width: 14px;height: 14px;margin-top: -2px;background: url(../images/shopping-bag.png) no-repeat left top;background-size: 14px auto;}

.nav-top ul li.cart a span{float: left;padding-left: 4px;}

.nav-top ul li.cart a.disabled{cursor: default;}

.nav-top ul li.cart a:not(.disabled):hover::before{background-position: left bottom;}

    

    

.nav-top ul li.wedding a{padding: 0;margin: -2px 15px;}

.nav-top ul li.wedding a::before{content: '';float: left;display: block;width: 17px;height: 17px;background: url(../images/wedding.png) no-repeat left top;background-size: 17px auto;}

.nav-top ul li.wedding a:hover::before{background-position: left bottom;}

    

    

.logo{display: block;max-width:150px; margin: -25px auto 0;}

.logo img{display: block;max-width: 100%;}

.logo.logotxt{ max-width:100%; height:62px; line-height:62px; overflow:hidden; display:block; margin:10px auto 22px; text-align:right; color:#fff; border-bottom:2px solid #fff; padding-bottom:75px;}

.logo.logotxt h2{ width:100%; overflow:hidden; display:block; height:62px; line-height:62px; color:#fff; font-size:30px; font-family:"微软雅黑"; font-weight:bold; text-transform:uppercase;}



.menu{display: block;}

.menu > ul > li{float: left; /*padding: 0 3px;*/ margin:0px 15px;}

.menu > ul > li:first-child{ margin-left:0px;}

.menu > ul > li:last-child{ margin-right:0px;}

.menu > ul > li > a{display: block;height: 38px;line-height: 38px;padding: 0px 30px;color: #000;}

.menu > ul > li > a[href="#"]{/*cursor:default;*/}

.menu > ul > li:hover a,.menu > ul > li.sel a{border-color:#fff;}

.menu ul li:hover .submenu{visibility: visible;}

.submenu{position: absolute;/*top: 155px;*/ top:152px; left: 0;padding: 24px 0;visibility: hidden;width: 100%;background:rgba(20,19,0,1);border-top: 1px solid #333;border-bottom: 2px solid #333;}

.submenu .container{max-width:1000px;}

.submenu > .container > .row > .column-submenu ul li{padding-top: 14px;}    

.submenu > .container > .row > .column-submenu ul li:first-child{padding-top: 0;}   

.submenu .column-submenu{padding-bottom: 18px;}

.submenu .column-submenu > ul > li > ul{margin: 4px 0 0;}

.submenu .column-submenu ul li a{position: relative;/*display: inline-block;*/}

.submenu .column-submenu ul li a::after{display: none;content: '';position: absolute;left: 0;bottom: 0px;width: 100%;height: 1px;}

.submenu .column-submenu > ul > li > a::after{bottom: 0;}   

.submenu .column-submenu ul li a:hover::after{display: block;}

.submenu a{-webkit-transition: none !important;-moz-transition: none !important;-o-transition: none !important;-ms-transition: none !important;transition: none !important;}

.grid-submenu{/*margin-right: -109px;*/}

.right-header{float: right;padding: 14px 15px 0 0;}

.right-header .search{position: relative;float: left;width: 269px;}

.right-header .search input[type="search"]{width: 100%;padding: 10px 43px 10px 10px;}

.right-header .search button{position: absolute;top: 0;right: 0;width: 43px;height: 100%;padding: 0;border: 0;background: none;}

.right-header .search button::after{content: '';position: absolute;top: 50%;right: 50%;width: 15px;height: 15px;margin: -7px -7px 0 0;background: url(../images/search.png) no-repeat left top;background-size: 15px auto;}

.right-header .search button:hover::after{background-position: left bottom;}

.container-menu{position: absolute;bottom: 0;left: 0;width: 100%;}

.mobile-icons{display: none;}

.toggle-button{position: absolute;top:10px;left: 15px;width: 30px;height: 30px;text-decoration: none;background: url(../images/menu.png) no-repeat left top;background-size: 30px auto;}

.cart-button{position: absolute;top:10px;right: 15px;padding-left: 23px;height: 25px;text-decoration: none;}

.cart-button::before{content: '';position: absolute;top: 50%;left: 0;width: 25px;height: 25px;margin: -13px 0 0;background: url(../images/shopping-bag.png) no-repeat left top;background-size: 25px auto;}

.cart-button span{display: block;padding-left: 8px;}

    

#choose-country{display: none;width: 500px;padding: 27px;}

#choose-country .title-popup{max-width: 370px;margin: 0 auto;padding: 16px 0 30px;text-align: center;}

#choose-country .title-popup .h1{padding-bottom: 7px;}

#choose-country .wrapper-form{}

#choose-country input, #choose-country .select{width: 100%;}

#choose-country .bottom-form{padding-top: 30px;}

#choose-country .bottom-form p{float: left;line-height: 39px;}

#choose-country .bottom-form input{float: right;width: auto;}

#choose-country .container-message{display: none;}

#choose-country .container-message .text-pop{padding-bottom: 0;}



.submenu-2 .column-submenu {float: right;}

.submenu-2 .column-submenu li {float:none;display:block;}



.fancybox-title.fancybox-title-float-wrap, .seo-title, .seo-description{display: none;}



@media screen and (min-width: 769px) {

 .toggle-button,.cart-button{display: none;}

}





/*手机*/

.slideout-menu{position: fixed;left: 0;top: 0;bottom: 0;right: 0;z-index:99999;width: 256px;overflow-y: auto;-webkit-overflow-scrolling: touch;background: #F8F8F8;}

.slideout-panel{position:relative;z-index: 1; /*background: #FFF;*/}

.slideout-open,.slideout-open body,.slideout-open .slideout-panel{overflow: hidden;}

.slideout-open .slideout-menu{display: block !important;}

#menu{display: none;}

.search-mobile{position: relative;margin: 12px;}

.search-mobile input[type=search]{width: 100%;padding: 10px 39px 10px 10px;}

.search-mobile button{position: absolute;top: 0;right: 0;width: 43px;height: 100%;padding: 0;border: 0;background: none;}

.search-mobile button::after{content: '';position: absolute;top: 50%;right: 50%;width: 15px;height: 15px;margin: -7px -7px 0 0;background: url(../images/search.png) no-repeat left top;background-size: 15px auto;}

.search-mobile button:hover::after{background-position: left bottom;}

.menu-mobile{padding-bottom: 10px;}

.menu-mobile ul:not(.menu-inst){padding: 10px 0;background:rgba(204,204,204,0.2);} 

.menu-mobile ul li a{position: relative;display: block;border-top: 1px solid #CCC;padding: 8px 15px;}

.menu-mobile ul li:first-child a{border-top: 0;}

.menu-mobile ul li ul.sub-mobile{display: none;padding: 10px 0;}

.menu-mobile ul li ul.sub-mobile li a{border: 0;padding: 5px 30px;}

.menu-mobile ul li ul.sub-mobile .sub-mobile li a{padding: 5px 40px;}

.menu-mobile ul li.hasSub > a::before,.menu-mobile ul li.hasSub > a::after{content: '';position: absolute;top: 50%;right: 19px;width: 12px;height: 12px;margin-top: -6px;}

.menu-mobile ul li.hasSub > a::before{background: url(../images/plus.png) no-repeat left top;background-size: 12px auto;}

.menu-mobile ul li.hasSub > a::after{display: none;background: url(../images/minus.png) no-repeat left top;background-size: 12px auto;}

.menu-mobile ul li.active > a::before{display: none;}

.menu-mobile ul li.active > a::after{display: block;}

.menu-mobile ul.menu-inst{margin-top: 20px;}

.menu-mobile ul.menu-inst li a{position: relative;border: 0;padding: 7px 15px 7px 45px;}

.menu-mobile ul.menu-inst li a::before{content: '';position: absolute;top: 50%;left: 15px;margin: -10px 0 0;width: 20px;height: 20px;}

.menu-mobile ul.menu-inst li#user a::before{background: url(../images/user.png) no-repeat left top;background-size: 19px auto;}

.menu-mobile ul.menu-inst li#login a::before{background: url(../images/user.png) no-repeat left top;background-size: 19px auto;}

.menu-mobile ul.menu-inst li#logout a::before{background: url(../images/logout.png) no-repeat left top;background-size: 20px auto;}

.menu-mobile ul.menu-inst li#wishlist a::before{width: 18px;height: 15px;margin-top: -7px;background: url(../images/wishlist.png) no-repeat left top;background-size: 18px auto;}

.menu-mobile ul.menu-inst li#country2 a::before{width: 18px;height: 18px;margin-top: -10px;background: url(../images/world.png) no-repeat left top;background-size: 18px auto;}

.menu-mobile ul.menu-inst li#wedding a::before{content: '';float: left;display: block;width: 18px;height: 18px;background: url(../images/wedding.png) no-repeat left top;background-size: 18px auto;}



@media screen and (min-width: 767px) {#containerSite {transform: none !important;}#menu {display: none !important;}.slideout-open {overflow: auto !important;}}



/*@media screen and (max-width: 768px){#containerSite{-webkit-box-shadow: 0 0 5px 0 rgb(102,102,102);-moz-box-shadow: 0 0 5px 0 rgb(102,102,102);box-shadow: 0 0 5px 0 rgb(102,102,102);}}*/



/*main*/

/*轮播图*/

#main{ padding-top:0px; background-color:#141300; max-width:1005px; margin:0px auto;}

.container-slider{position: relative;margin-bottom:0px;}

.container-slider ul{margin: 0;list-style: none;}

.container-slider ul li{position: relative; /*max-height: 700px !important;*/}

.container-slider ul li a{display: block;}

.container-slider ul li img{display: block;width: 100%;}

.container-slider .bx-controls-direction a{position: absolute;top: 50%;width: 54px;height: 54px;margin: -27px 0 0;text-indent: -9999px;}

.container-slider .bx-controls-direction a.bx-prev{left: 47px;background: url(../images/slide-left.png) no-repeat left top;background-size: 54px;}

.container-slider .bx-controls-direction a.bx-next{right: 47px;background: url(../images/slide-right.png) no-repeat left top;background-size: 54px;}

.container-slider .bx-controls-direction a:hover{background-position: left bottom;}

.container-slider .bx-pager{position: absolute;bottom: 30px;left: 0;width: 100%;line-height: 0;text-align: center;}

.container-slider .bx-pager .bx-pager-item{display: inline-block;margin: 0 4px;}

.container-slider .bx-pager .bx-pager-item a{display: block;width: 12px;height: 12px;border-radius: 12px;border: 1px solid #FFF;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);text-indent: -9999px}

.container-slider .bx-pager .bx-pager-item a:hover,.container-slider .bx-pager .bx-pager-item a.active{background: #FFF;}

/*.container-banners{padding-bottom: 58px;}*/

.container-slider.main-sjner{ display:none;}

                

@media screen and (max-width: 769px) {

.container-slider .bx-controls-direction{display:none;}

.container-slider .bx-pager {bottom:15px;}

.container-slider {margin-bottom:0px;}

#main{ padding-top:0px;}

.container-slider.main-dlner{ display:none;}

.container-slider.main-sjner{ display:block; margin-top:18px;}

}



.header-ptxt{ max-width:1390px; height:auto; overflow:hidden; display:block; margin:0px auto;}

.header-ptxt p{ font-size:16px; color:#fff; width:100%; height:auto; overflow:hidden; display:block; margin-top:20px; line-height:32px;}



/*底部*/

/*#footer{position: relative;width: 100%; border-top:1px solid #333;}

.container-footer{position: relative;max-width: 1390px;margin: 0 auto;}

.footer-logo{ width:100%; height:auto; overflow:hidden; display:block; text-align:center; background-color:#efeeed; padding:30px 0px 20px;}

.footer-logo img{ width:300px;}

.footer-container{ background:#141300;}

.footer-menu{ width:100%; height:auto; overflow:hidden; display:block; margin:30px auto;}

.footer-column{ width:33.33%; height:auto; overflow:hidden; display:block; float:left;}

.footer-column.footer-column-e1{ width:25%; text-align:center;}

.footer-columne1-img{ width:80%; height:auto; overflow:hidden; display:block;}

.footer-columne1-img img{ width:150px;}

.footer-column-mint{ width:80%; height:auto; overflow:hidden; display:block; background-color:#222; border:1px solid #333; padding:5px 0px; margin-top:10px;}

.footer-column-mint h2{ font-weight:normal; font-size:15px; color:#fff;}

.footer-column-mint h2 a{ color:#999; text-transform:uppercase; text-decoration:none;}

.footer-column-mint:hover{ background-color:#333;}

.footer-column.footer-column-e2{ width:50%; border:1px solid #333; border-width:0px 1px; padding:15px 0px;}

.footer-column-txt{ width:80%; height:auto; overflow:hidden; display:block; text-align:center; margin:0px auto;}

.footer-column-txt a{ margin:0px 5%;text-decoration:none; color:#999; font-size:17px; font-family:'filosofiagrandcapsregular',Helvetica,'Segoe UI',sans-serif;}

.footer-column-txt a:hover{ text-decoration:underline;}

.footer-column-title{ width:80%; height:auto; overflow:hidden; display:block; margin:0px auto; text-align:center; padding-top:25px; line-height:24px; font-size:13px; color:#999; font-family:"Helvetica Neue",Helvetica,"Segoe UI";}



.footer-column.footer-column-e3{ width:25%; text-align:center;}

.footer-column-e3img{ width:80%; height:auto; overflow:hidden; display:block; float:right; margin-top:0px; margin-bottom:15px;}

.footer-column-e3img img{ width:120px;}

.footer-column-e3img p{ font-size:13px; color:#999; text-transform:uppercase; display:block; padding-top:8px;}

.footer-column-input{ width:80%; height:34px; line-height:34px; overflow:hidden; display:block; float:right;}

.footer-column-input form { position:relative;}

.footer-column-input input, .footer-column-input button { border: none; outline: none; background: transparent;}

.footer-column-input input { width: 100%; height: 34px; padding-left: 15px; border:1px solid #ccc;}

.footer-column-input button {height: 34px; width: 34px; position: absolute; top: 0; right: 0; cursor: pointer; background-color:#666; background:#666 url(../images/footer-search.png) no-repeat center; background-size:16px;}

.footer-column-input input:hover{ border:1px solid #666;}

.footer-column-input button:hover{ background-color:#999;}



.footer-ribbon{ border:1px solid #333; border-width:1px 0; border-bottom:0px; background-color:#222; padding:15px 0; text-align:center; line-height:14px; font-size:13px; color:#666; font-family:"Helvetica Neue",Helvetica,"Segoe UI"; text-transform:uppercase;}

.footer-ribbon a{ color:#666; text-decoration:none;}



.social-icons{ width:100%; height:52px; line-height:52px; display:block; background-color:#141300; border-top:1px solid #333; text-align:center; padding-top:10px;}

.social-icons a{ margin:0px 10px;}



@media screen and (max-width: 767px) {

.footer-column.footer-column-e1{ width:100%; margin-bottom:20px;}

.footer-columne1-img{ width:100%;}

.footer-column-mint{ width:100%;}

.footer-column.footer-column-e2{ width:100%; border:none; margin-bottom:10px;}

.footer-column-txt{ width:100%;}

.footer-column-title{ width:100%;}

.footer-column.footer-column-e3{ width:100%;}

.footer-column-e3img{ width:100%;}

.footer-column-input{ width:100%;}

.footer-menu{ margin-bottom:0px;}

.footer-column-txt a{ line-height:30px;}

.footer-column.footer-column-e2{ padding:0px;}

.footer-column-title{ padding-top:10px;}

}*/



.footer-bottom{ max-width:1005px; height:96px; line-height:62px; overflow:hidden; display:block; margin:0px auto 0px;background: url(../images/newimg/ex-foot.png) repeat;}

.footer-bottom p{ width:100%; height:60px; line-height:60px; overflow:hidden; display:block; display:block; color:#000; font-size:12px; text-align:center; text-transform:uppercase;}

                

@media screen and (max-width: 769px) {

.footer-bottom{ height:auto; line-height:inherit; margin:20px auto 0px;}	

.footer-bottom p{ height:auto; line-height:22px; padding:10px 0px; font-size:14px;}

}









/*====================内容页=====================*/

body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,img,div,dl,dt,dd{margin:0;padding:0;}

li{list-style:none;}

.m-main{ width:100%; height:auto; overflow:hidden; display:block; margin:0px auto 0px; padding-top:0px;}

.m-main .container{max-width:1390px;}

.m-banner{ width:100%; height:auto; overflow:hidden; display:block; text-align:center; display:none;}

.m-banner img{ width:100%;}

.main-clwz{ width:100%; /*height:46px; */line-height:52px; display:block; border-bottom:1px solid #333; font-size:14px; text-transform:uppercase; margin-bottom:30px; border-top:2px solid #fff; padding-top:15px;}

.main-clwz a{ color:#666;}

.main-clwz a:hover{ color:#999;}

.main-clwz span{ margin:0px 8px;}

@media screen and (max-width: 769px) {.m-main{ padding-top:0px;} .conter{ width:95%;} .main-clwz{ border-top:none; padding-top:10px;}}

/*关于我们*/

.main-about{ width:100%; height:auto; overflow:hidden; display:block; margin:5px auto 0px;}

.biaoti{ text-align:center; margin-bottom:20px;}

.biaoti h1{ font-weight:normal; font-size:28px;}

.navlist{ width:100%; height:auto; overflow:hidden; display:block; margin:0px auto;}

.navlist li{float: left; border: 0px solid #000; width: 100%;}

.navlist li span{ background:#141300; color:#fff; font-family:"微软雅黑";}

.navlist .list1{border-bottom: 1px solid #666;width: 100%;margin-bottom: -20px;}

.navlist h1{display: block;color: #999;text-decoration: none; /*padding: 6px 5px;*/width: 100%;text-align:left; line-height:42px;}

.biaoti p{ font-size:18px; font-family:Arial; font-weight:normal; padding-top:5px; color:#999;}

.about-cont{ width:100%; height:auto; overflow:hidden; display:block; float:left;}

@media screen and (max-width: 769px) {.navlist li span{ font-size:18px;} .biaoti{ border-top:none; padding:10px 0px;}}

/*图*/

.portfolio-content{ width:40%; height:auto; overflow:hidden; display:block; /*margin-top:15px;*/ float:right;}

.portfolio-categ{margin-bottom:30px;}

.portfolio-categ li{display:inline;margin-right:10px;}

.image-block{ display:block;position: relative;}

.image-block img{border: 1px solid #d5d5d5; border-radius: 4px 4px 4px 4px;background:#FFFFFF;padding:3px; width:100%;}

.image-block img:hover{border: 1px solid #A9CF54;box-shadow:0 0 5px #A9CF54;}

.portfolio-area li{float: left;/*margin: 0 12px 20px 0;*/ overflow: hidden;width:50%;padding:5px;}

.home-portfolio-text{margin-top:10px;}

li.active a{ text-decoration:underline;}



div.light_rounded .pp_top .pp_left{background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat;}

div.light_rounded .pp_top .pp_middle{background:#222;}

div.light_rounded .pp_top .pp_right{background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat;}

div.light_rounded .pp_content .ppt{color:#000;}

div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right{background:#222;}

div.light_rounded .pp_content{background-color:#222;}

div.light_rounded .pp_next:hover{background: url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor: pointer;}

div.light_rounded .pp_previous:hover{background: url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor: pointer;}

div.light_rounded .pp_expand{background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor: pointer;}

div.light_rounded .pp_expand:hover{background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor: pointer;}

div.light_rounded .pp_contract{background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor: pointer;}

div.light_rounded .pp_contract:hover{background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor: pointer;}

div.light_rounded .pp_close{width:75px;height:22px;background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor: pointer;}

div.light_rounded #pp_full_res .pp_inline{color:#000;}

div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next{margin-top:12px !important;}

div.light_rounded .pp_nav .pp_play{background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px;}

div.light_rounded .pp_nav .pp_pause{background: url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px;}

div.light_rounded .pp_arrow_previous{background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat;}

div.light_rounded .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default;}

div.light_rounded .pp_arrow_next{background: url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat;}

div.light_rounded .pp_arrow_next.disabled{background-position: -22px -87px;cursor:default;}

div.light_rounded .pp_bottom .pp_left{background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat;}

div.light_rounded .pp_bottom .pp_middle{background:#222;}

div.light_rounded .pp_bottom .pp_right{background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat;}

div.light_rounded .pp_loaderIcon{background: url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat;}

div.dark_rounded .pp_top .pp_left{background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat;}

div.dark_rounded .pp_top .pp_middle{background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;}

div.dark_rounded .pp_top .pp_right{background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat;}

div.dark_rounded .pp_content_container .pp_left{background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y;}

div.dark_rounded .pp_content_container .pp_right{background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y;}

div.dark_rounded .pp_content{background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;}

div.dark_rounded .pp_next:hover{background: url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor: pointer;}

div.dark_rounded .pp_previous:hover{background: url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor: pointer;}

div.dark_rounded .pp_expand{background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor: pointer;}

div.dark_rounded .pp_expand:hover{background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor: pointer;}

div.dark_rounded .pp_contract{background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor: pointer;}

div.dark_rounded .pp_contract:hover{background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor: pointer;}

div.dark_rounded .pp_close{width:75px;height:22px;background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor: pointer;}

div.dark_rounded .currentTextHolder{color:#c4c4c4;}

div.dark_rounded .pp_description{color:#fff;}

div.dark_rounded #pp_full_res .pp_inline{color:#fff;}

div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next{margin-top:12px !important;}

div.dark_rounded .pp_nav .pp_play{background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px;}

div.dark_rounded .pp_nav .pp_pause{background: url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px;}

div.dark_rounded .pp_arrow_previous{background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat;}

div.dark_rounded .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default;}

div.dark_rounded .pp_arrow_next{background: url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat;}

div.dark_rounded .pp_arrow_next.disabled{background-position: -22px -87px;cursor:default;}

div.dark_rounded .pp_bottom .pp_left{background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat;}

div.dark_rounded .pp_bottom .pp_middle{background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;}

div.dark_rounded .pp_bottom .pp_right{background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat;}

div.dark_rounded .pp_loaderIcon{background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat;}

div.dark_square .pp_left ,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background: url(../images/prettyPhoto/dark_square/contentPattern.png) top left repeat;}

div.dark_square .currentTextHolder{color:#c4c4c4;}div.dark_square .pp_description{color:#fff;}

div.dark_square .pp_loaderIcon{background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat;}

div.dark_square .pp_content_container .pp_left{background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y;}

div.dark_square .pp_content_container .pp_right{background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y;}

div.dark_square .pp_expand{background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor: pointer;}

div.dark_square .pp_expand:hover{background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor: pointer;}

div.dark_square .pp_contract{background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor: pointer;}

div.dark_square .pp_contract:hover{background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor: pointer;}

div.dark_square .pp_close{width:75px;height:22px;background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor: pointer;}

div.dark_square #pp_full_res .pp_inline{color:#fff;}div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next{margin-top:12px !important;}

div.dark_square .pp_nav .pp_play{background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px;}

div.dark_square .pp_nav .pp_pause{background: url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px;}

div.dark_square .pp_arrow_previous{background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat;}

div.dark_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default;}

div.dark_square .pp_arrow_next{background: url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat;}

div.dark_square .pp_arrow_next.disabled{background-position: -22px -87px;cursor:default;}

div.dark_square .pp_next:hover{background: url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor: pointer;}

div.dark_square .pp_previous:hover{background: url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor: pointer;}

div.light_square .pp_left ,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content{background:#fff;}

div.light_square .pp_content .ppt{color:#000;}div.light_square .pp_expand{background: url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor: pointer;}

div.light_square .pp_expand:hover{background: url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor: pointer;}

div.light_square .pp_contract{background: url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor: pointer;}

div.light_square .pp_contract:hover{background: url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor: pointer;}

div.light_square .pp_close{width:75px;height:22px;background: url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor: pointer;}

div.light_square #pp_full_res .pp_inline{color:#000;}

div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px !important;}

div.light_square .pp_nav .pp_play{background: url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px;}

div.light_square .pp_nav .pp_pause{background: url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px;}

div.light_square .pp_arrow_previous{background: url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat;}

div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default;}

div.light_square .pp_arrow_next{background: url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat;}

div.light_square .pp_arrow_next.disabled{background-position: -22px -87px;cursor:default;}

div.light_square .pp_next:hover{background: url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor: pointer;}

div.light_square .pp_previous:hover{background: url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor: pointer;}

div.facebook .pp_top .pp_left{background: url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat;}

div.facebook .pp_top .pp_middle{background: url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x;}

div.facebook .pp_top .pp_right{background: url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat;}

div.facebook .pp_content .ppt{color:#000;}

div.facebook .pp_content_container .pp_left{background: url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y;}

div.facebook .pp_content_container .pp_right{background: url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y;}

div.facebook .pp_content{background:#fff;}

div.facebook .pp_expand{background: url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor: pointer;}

div.facebook .pp_expand:hover{background: url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor: pointer;}

div.facebook .pp_contract{background: url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor: pointer;}

div.facebook .pp_contract:hover{background: url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor: pointer;}

div.facebook .pp_close{width:22px;height:22px;background: url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor: pointer;}

div.facebook #pp_full_res .pp_inline{color:#000;}

div.facebook .pp_loaderIcon{background: url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat;}

div.facebook .pp_arrow_previous{background: url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px;}

div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default;}

div.facebook .pp_arrow_next{background: url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px;}

div.facebook .pp_arrow_next.disabled{background-position: -32px -96px;cursor:default;}

div.facebook .pp_nav{margin-top:0;}

div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px;}

div.facebook .pp_nav .pp_play{background: url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px;}

div.facebook .pp_nav .pp_pause{background: url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px;}

div.facebook .pp_next:hover{background: url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor: pointer;}

div.facebook .pp_previous:hover{background: url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor: pointer;}

div.facebook .pp_bottom .pp_left{background: url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat;}

div.facebook .pp_bottom .pp_middle{background: url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x;}

div.facebook .pp_bottom .pp_right{background: url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat;}

div.pp_pic_holder a:focus{outline:none;}

div.pp_overlay{background:#000;display: none;left:0;position:absolute;top:0;width:100%;z-index:9500;}

div.pp_pic_holder{display: none;position:absolute;width:100px;z-index:10000;}

.pp_top{height:20px;position: relative;}

* html .pp_top{padding:0 20px;}

.pp_top .pp_left{height:20px;left:0;position:absolute;width:20px;}

.pp_top .pp_middle{height:20px;left:20px;position:absolute;right:20px;}

* html .pp_top .pp_middle{left:0;position: static;}

.pp_top .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px;}

.pp_content{height:40px;}.pp_fade{display: none;}

.pp_content_container{position: relative;text-align: left;width:100%;}

.pp_content_container .pp_left{padding-left:20px;}

.pp_content_container .pp_right{padding-right:20px;}

.pp_content_container .pp_details{float: left;margin:10px 0 2px 0;}

.pp_description{display: none;margin:5px 0 5px 0; color:#ccc; font-size:16px;}

.pp_nav{clear: left;float: left;margin:3px 0 0 0;}

.pp_nav p{float: left;margin:0px 5px; font-size:14px; color:#a9a9a9;}

.pp_nav .pp_play,.pp_nav .pp_pause{float: left;margin-right:4px;text-indent: -10000px;}

a.pp_arrow_previous,a.pp_arrow_next{display:block;float: left;height:15px;margin-top:3px;overflow: hidden;text-indent: -10000px;width:14px;}

.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000;}

.pp_gallery{left:50%;margin-top: -50px;position:absolute;z-index:10000;}

.pp_gallery ul{float: left;height:35px;margin:0 0 0 5px;overflow: hidden;padding:0;position: relative;}

.pp_gallery ul a{border:1px #000 solid;border:1px rgba(0,0,0,0.5) solid;display:block;float: left;height:33px;overflow: hidden;}

.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff;}

.pp_gallery ul a img{border:0;}.pp_gallery li{display:block;float: left;margin:0 5px 0 0;}

.pp_gallery li.default a{background: url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px;}

.pp_gallery li.default a img{display: none;}

.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px !important;}

a.pp_next{background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float: right;height:100%;text-indent: -10000px;width:49%;}

a.pp_previous{background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float: left;height:100%;text-indent: -10000px;width:49%;}

a.pp_expand,a.pp_contract{cursor: pointer;display: none;height:20px;position:absolute;right:30px;text-indent: -10000px;top:10px;width:20px;z-index:20000;}

a.pp_close{display:block;float: right;line-height:22px;text-indent: -10000px;}

.pp_bottom{height:20px;position: relative;}

* html .pp_bottom{padding:0 20px;}

.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px;}

.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px;}

* html .pp_bottom .pp_middle{left:0;position: static;}

.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px;}

.pp_loaderIcon{display:block;height:24px;left:50%;margin: -12px 0 0 -12px;position:absolute;top:50%;width:24px;}

#pp_full_res{line-height:1 !important;}

#pp_full_res .pp_inline{text-align: left;}

#pp_full_res .pp_inline p{margin:0 0 15px 0;}

div.ppt{color:#fff;display: none;font-size:17px;margin:0 0 5px 15px;z-index:9999;}

/*.clearfix:after{content: ".";display:block;height:0;clear:both;visibility: hidden;}*/

.clearfix {display: inline-block;}

* html .clearfix {height:1%;}

.clearfix {display:block;}

 

.pp_gallery a {background: none !important;border: none !important;display: none !important;height: 146px;padding: 2px !important;width: 235px;}





/*联系我们*/

.index4_text{ width:100%; height:auto; overflow:hidden; text-align:center; margin:30px auto;}

.index4_text p{ font-size:18px; letter-spacing:2px;}

.index4_text img{ width:100%;}



.message{ /*padding:50px 50px;*/ padding:30px 30px 60px; background:#fff; }

.message-info { width:195px; margin-right:70px; }

.message-info input { float:left; width:195px; height:22px; margin-bottom:16px; line-height:22px; display:block; border:none; font-size:12px; background-color:#000;}

.message-content { width:795px; }

.message-content textarea { width:795px; height:92px; border:none; }

.message-content input { width: 80px; height: 28px; margin-top:15px; border:none; line-height: 28px; font-size:12px; float:right;background-color: #000;color: #fff; padding:0px;}



/*新增表单*/

.xjp-add-width{width:200px; margin-right: 30px; float:left;}

.xjp-content-width {width:100%;}

.xjp-content-width textarea{width:100%; padding:10px; background-color:#000; font-size:14px;}

.xjp-add-width input{width:200px; padding:0px; padding-left:10px;}

.message-info-select { width:200px; margin-right: 30px; color: rgb(102, 102, 102); font-size: 12px; float:left;}

.message-info-select .selbtn{padding-left: 5px; line-height: 20px; cursor: pointer; display: block; margin-right: 10px; background:url(../images/icon_down.jpg) right center no-repeat; background-size: 8px; }

.message-info-select .message-sel-btn.on .selbtn{background:url(../images/icon_up.jpg) right center no-repeat;  background-size: 8px;}

.message-sel-btn {position: relative; background-color: #fff; margin-bottom: 16px;}

.message-city p,.message-industry p,.message-how p{display: none; position: absolute; width: 140px; left: 0px; top: 20px; background-color: #EEE; padding: 5px 10px; z-index: 1;}

.message-city p span{width: 46px; display: block; text-align: center; float: left; margin: 5px 0px; cursor: pointer;}

.message-industry p span,.message-how p span{display: block; margin: 5px 0px 5px 10px; cursor: pointer;}

.message-sel-btn p span:hover{color: #000;}

.message-sel-btn.on p{display: block;}





.select_nav{ margin-bottom:16px;}

.select_nav p{display:block;padding-left:10px;line-height:22px; height:22px; overflow:hidden; display:block;  background-color:#000; color:#fff;}

.set{background:url(../images/icon_down.png) 180px no-repeat;}

.select{background:url(../images/icon_up.png) 180px no-repeat;}

.select_new{width:200px;position:absolute;border:1px solid #CCC;display:none; background-color:#FFF; z-index:99999;}

.select_nav ul li{line-height:30px; padding:0px 10px; float:left;}

.select_nav ul li:hover{background:#CCC;color:#FFF;}



.select_nav1{ margin-bottom:16px;}

.select_nav1 p{display:block;padding-left:10px;line-height:22px; height:22px; overflow:hidden; display:block;  background-color:#000; color:#fff;}

.set1{background:url(../images/icon_down.png) 180px no-repeat;}

.select{background:url(../images/icon_up.png) 180px no-repeat;}

.select_new1{width:200px;position:absolute;border:1px solid #CCC;display:none; background-color:#FFF; z-index:99999;}

.select_nav1 ul li{line-height:30px;padding-left:10px;}

.select_nav1 ul li:hover{background:#CCC;color:#FFF;}



.select_nav2{ margin-bottom:16px;}

.select_nav2 p{display:block;padding-left:10px;line-height:22px; height:22px; overflow:hidden; display:block; background-color:#000; color:#fff;}

.set2{background:url(../images/icon_down.png) 180px no-repeat;}

.select{background:url(../images/icon_up.png) 180px no-repeat;}

.select_new2{width:200px;position:absolute;border:1px solid #CCC;display:none; background-color:#FFF; z-index:99999;}

.select_nav2 ul li{line-height:30px;padding-left:10px;}

.select_nav2 ul li:hover{background:#CCC;color:#FFF;}



/*制作方式*/

.way-main{ width:100%; height:auto; overflow:hidden; display:block;}

.way-main ul{ display:block; height:auto; overflow:hidden;}

.way-main ul li{ width:25%; height:auto; overflow:hidden; display:block; float:left; margin:10px auto;}

.way-main ul li .way-main-cont{ width:92%; background-color:#000; margin:0px auto; padding:10px; height:380px; overflow:hidden; display:block;}

.way-main-img{ width:100%; height:auto; overflow:hidden; display:block;}

.way-main-img img{ width:100%;transform: scale(1);transition: all 1s ease-in-out 0s;}

.way-main-txt{ width:100%; height:auto; overflow:hidden; display:block;}

.way-main-txt a{ color:#fff; font-size:16px; display:block; margin:22px 0px 15px; text-transform:uppercase; letter-spacing:2px;}

.way-main-txt p{ font-size:14px; color:#ccc; margin-bottom:10px; height:100px; overflow:hidden; display:block; line-height:22px;}

.way-main ul li:hover .way-main-cont{ background-color:#222;}

.way-main ul li:hover .way-main-cont img{-webkit-transform: scale(1.11);-moz-transform: scale(1.11);-ms-transform: scale(1.11);-o-transform: scale(1.11);transform: scale(1.11);}

.way-main-txt a:hover{ font-weight:bold;}

@media screen and (max-width: 767px) {

.way-main ul li{ width:100%;}

.way-main ul li .way-main-cont{ width:100%; height:auto;}

.way-main-txt p{ height:auto;}

.main-clwz{ height:auto; line-height:22px; padding-bottom:5px; font-size:12px; margin-bottom:20px;}

}

/*页码*/

.list_bmBtn{width:100%; height:40px; position:relative; text-align:center; font-size:14px; font-family:"微软雅黑";}

.list_bmBtn li{ width:auto; height:40px; line-height:40px; float:none; display:inline-block;}

.list_bmBtn li.c{ margin:0px 10px;}

.list_bmBtn a{min-width:20px; line-height:40px; display:inline-block; font-size:14px; color:#666; margin:0 10px;}

.list_bmBtn a:hover{color:#999; text-decoration:underline;}

.list_bmBtn span{min-width:20px; line-height:40px; display:inline-block; font-size:14px; color:#999;}

.list_bmBtn select{ width:42px; height:22px; line-height:22px; border:1px solid #333; background-color:#666; color:#ccc; padding:0px; margin:0px 5px 0px 10px; font-size:14px;}

@media screen and (max-width: 767px) {.list_bmBtn{ height:auto; margin-top:5px;}}



/*三级页面*/

.wayinfo-bt{ width:100%; height:auto; overflow:hidden; display:block; text-align:center; padding-top:30px; margin-bottom:20px;}

.wayinfo-bt h2{ font-size:42px; line-height:42px; padding-bottom:10px; color:#ccc;}

.wayinfo-bt p{ padding-bottom:10px; font-size:14px;}

.wayinfo-bt p span{ color:#8e8e8e;}

.wayinfo-main{ width:100%; height:auto; overflow:hidden; display:block; margin-top:10px;}

.wayinfo-bonr{ margin-bottom: 20px;width:100%; height:auto; overflow:hidden; display:block; margin-top:50px; border-top:1px solid #333;}

.wayinfo-bonr p{ font-size:16px; color:#777; margin-top:15px;} 

.wayinfo-bonr p a{ color:#777;}

.wayinfo-bonr p a:hover{ color:#000;}

.wayinfo-bonr .fl-ln{ float:left;}

.wayinfo-bonr .fr-ln{ float:right;}

@media screen and (max-width: 767px) {.wayinfo-bt h2{ font-size:22px; line-height:24px;} .wayinfo-bt p{ font-size:12px;} .wayinfo-bonr p{ display:block; width:100%;} .wayinfo-bonr .fl-ln{ float:left;} .wayinfo-bonr .fr-ln{ float:left;}}





.portfolio-content .onserns{ width:100%; height:auto; overflow:hidden; display:block; text-align:center; font-size:42px; color:#999; line-height:52px; margin-bottom:12px;}

.portfolio-content .onserns span{ margin:0px 10px;}



.introduce-cont{ width:100%; height:auto; overflow:hidden; display:block;}

@media screen and (max-width: 767px) {.introduce-cont img{ width:100%;}.portfolio-content .onserns{ font-size:22px; line-height:22px;}}



/*产品*/

.product-main{ width:100%; height:auto; overflow:hidden; display:block;}

.product-main ul{ width:100%; height:auto; overflow:hidden; display:block;}

.product-main ul li{ width:20%; height:auto; overflow:hidden; display:block; float:left;}

.product-main ul li .product-main-cont{ width:92%; height:auto; overflow:hidden; display:block; margin:10px auto 20px; padding:1px; background-color:#000;}

.product-main-img{ width:100%; height:auto; overflow:hidden; display:block;}

.product-main-img img{ width:100%;transform: scale(1);transition: all 1s ease-in-out 0s;}

.product-main-txt{ width:100%; height:auto; overflow:hidden; display:block; text-align:center; padding:10px 0px; border-top:1px solid #333;}

.product-main-txt h2{ font-size:16px; font-family:"微软雅黑"; text-transform:uppercase; color:#ccc;}

.product-main-txt p{ font-size:14px;}

.product-main ul li:hover .product-main-cont{ background-color:#eeeeee;}

.product-main ul li:hover .product-main-cont .product-main-txt h2{ color:#333;}

.product-main ul li:hover .product-main-img img{-webkit-transform: scale(1.11);-moz-transform: scale(1.11);-ms-transform: scale(1.11);-o-transform: scale(1.11);transform: scale(1.11);}

@media screen and (max-width: 767px) {

.product-main ul li{ width:100%;}	

.product-main ul li .product-main-cont{ width:100%;}

}

.image-block.image-block2{ overflow:hidden;}

.image-block.image-block2 img{ padding:0px; border-radius:0px; border:none; width:100%;transform: scale(1);transition: all 1s ease-in-out 0s;}

.image-block.image-block2 img:hover{ border:none; box-shadow:none;-webkit-transform: scale(1.11);-moz-transform: scale(1.11);-ms-transform: scale(1.11);-o-transform: scale(1.11);transform: scale(1.11);}

.product-main.portfolio-area li{ padding:0px;}



.image-block.image-block2{ overflow:hidden;}

.image-block.image-block2 img{ padding:0px; border-radius:0px; border:none; width:100%;transform: scale(1);transition: all 1s ease-in-out 0s;}

.image-block.image-block2 img:hover{ border:none; box-shadow:none;-webkit-transform: scale(1.11);-moz-transform: scale(1.11);-ms-transform: scale(1.11);-o-transform: scale(1.11);transform: scale(1.11);}

.way-main.portfolio-area li{ padding:0px;}





/* ===== retrie分类下来 ===== */

.job-module{ width:100%; margin-bottom:30px;}

.retrie {position: relative;z-index:102; height:32px;}

.retrie dt { overflow: hidden }

.retrie dt h2{ float:left; height:32px; line-height:32px; font-size:14px; font-family:"微软雅黑"; color:#777; margin-right:5px;text-transform: uppercase;}

.retrie dt a {position: relative;float:left;height:32px;line-height:32px;color: #777;font-size: 14px;font-size:14px;text-align: center; padding-right:20px;}

.retrie dt a#area{padding-right:40px;}

.retrie dt a#area:after {position: absolute;top: 50%;right:20px;margin-top: -6px;margin-left: 30px;width: 8px;height: 8px;border: #777 solid;border-width: 1px 1px 0 0;content: ' ';-webkit-transform: rotate(135deg);}

.retrie dt .up {color: #ccc;}

.retrie dt .up#area:after {margin-top: 0;border: #ccc solid;border-width: 1px 1px 0 0;-webkit-transform: rotate(-45deg);}

.retrie dd { position: relative; }

.retrie dt a:hover{ color:#ccc;}

/* ===== slide-area ===== */

.slide {position: absolute;top: 0px; left:118px; z-index: 104; display:none; overflow-y: auto;background-color: #fff;}

.slide li { display: block; height:42px; border-bottom: 1px solid #eee;}

.slide li a { display: block; padding: 0 15px; height:42px; background-color: transparent;line-height:42px;}

.slide li a:hover,.slide li a.selected { background-color: #f6f6f6; }

.slide li a.select { background-color: #fff; }

@media screen and (max-width: 767px) {.job-module{ display:none;}}



body{ min-width:1260px;}

@media screen and (max-width: 767px) { body{ min-width:inherit;}}



#fullscreenSlideshowContainer .ui{position:absolute;font-family:sans-serif;z-index:999; font-size:2em;}

#fs-loader,#fs-prev,#fs-next,#fs-close{background-color:black;color:white;font-weight:bold;cursor:pointer;line-height:1em;}

#fs-close{top:1em;right:1em; }

#fs-prev,#fs-next{top:50%;margin-top:-1em; }

#fs-prev{left:1em;}

#fs-next{right:1em;}

#fs-loader{top:50%;left:50%;height:1em;margin-top:-1em;margin-left:-75px;display:none;}

#fs-caption{bottom:20px;text-align:center;width:100%;left:0;line-height:1em;display:none;}

#fs-caption span{background-color:#fff; color:#333;}

#fs-loader,#fs-prev,#fs-next,#fs-close,#fs-caption span{padding:5px 15px;-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px;-ms-border-radius:3px;-khtml-border-radius:3px;border-radius:3px; }





/*20200309新增*/

.body_cor{background: linear-gradient(to bottom, #d6d6d6 0%,#ffffff 100%);}

.ex_inedx{width: 1004px;margin:0 auto;}

.ex_inedx_hd{background: url(../images/newimg/ex-top.png) no-repeat;width: 100%;height: 160px;}

.ex_index_fg{height: 6px;background:#f50d0b;}

.ex_inedx_mid{background: url(../images/newimg/ex-mid.png) no-repeat;width: 100%;height: 539px;}

.ex_nav{background: url(../images/newimg/ex-navbg2.png) no-repeat;width: 100%;height: 136px;}

.ex_nav:after{

	clear:both;content:'';display:block;width:0;height:0;visibility:hidden;

}

.ex_nav a{display:block;height: 136px;position: relative;float: left;}

.ex_nav a:nth-child(1){width: 307px;}

.ex_nav a:nth-child(2){width: 298px;}

.ex_nav a:nth-child(3){width: 399px;}

.ex_nav a span{color: #1a569e;font-size:16px;display: block;}

.ex_nav a:nth-child(1) span{position: absolute;top:23px;right: 65px;}

.ex_nav a:nth-child(2) span{position: absolute;top:23px;right: 66px;}

.ex_nav a:nth-child(3) span{position: absolute;top: 23px;right: 151px;}

.menu{background: url(../images/newimg/nav_up.png)repeat;margin-top: 8px;}

.menu ul li a:hover{background: url(../images/newimg/nav_down.png)repeat;}

.active a{background: url(../images/newimg/nav_down.png)repeat;}

.menu ul li:nth-child(1){margin-left: 70px;}

.container{padding: 0px;}

.who-contbgi{background: url(../images/newimg/text-bg.png)no-repeat;min-height: 503px;}

.text-cont-ex{background:rgba(255,255,255,0.6);}

.text-all-ex{width: 78%;padding-bottom: 50px;}

.who-contbgi2{background: url(../images/newimg/text-bg2.png)no-repeat;min-height: 503px;}

.text-cont-ex2{background:rgba(255,255,255,0.6);}

.text-all-ex2{width: 60%;padding-bottom: 50px;margin-left:40%;}

.ma5-allcont:after{

	clear:both;content:'';display:block;width:0;height:0;visibility:hidden;

}

.ma5-tableleft{box-shadow: 0px 3px 5px #b9b9b9;width: 291px;float: left;margin-left: 10px;min-height: 593px; background-image: url(../images/newimg/shop_top.png);background-color: #f7f7f7;background-repeat: no-repeat;}

.ma5-shoplistri{width: 673px;float: right;margin-right:10px;margin-top: 0px;}

.shopbgco{background:#e7e7e7;}

.h2-pos{text-transform:capitalize;position: relative;height: 24px;overflow: hidden; top: 22px;text-align: center;color: #ffffff;font-size: 22px;text-indent: 58px;}

.ma5-allcont{margin-bottom: 20px;}

.shop-submenu{position: relative;}

.tp-head-a{display: block;border-bottom: 1px solid #002d6e;font-weight: bold;font-size: 14px;line-height: 28px;text-indent: 18px;background-image: url(../images/newimg/icon_red.png);background-repeat: no-repeat;background-position-x: 5px;

background-position-y: 9px;margin-bottom:12px;}

.shop-list-tit{width: 260px;margin-left: 28px;position: relative;margin-top: 60px;margin-bottom:20px;}

.tp-head{position: relative;}

.more-a{position: absolute;top: 7px;right: 8px;color: #002d6e;}

.tp-headc-ul{width: 90%;margin-left: 7%;margin-right:3%;}

.tp-head-cont{border-bottom: 1px dotted #7a7a7a;line-height: 26.2px;background-image: url(../images/newimg/icon_000.png);background-repeat: no-repeat;background-position: right;}

.tp-head-cont a{display: block;width: 100%;transition: all 0s linear!important;}

.tp-head-cont a:hover{background-color:#002d6e;color: #fff;background-image: url(../images/newimg/icon_fff.png);background-repeat: no-repeat;background-position: right;}

.more-b{position: absolute;top: 10px;right: 15px;color: #002d6e;}

.ma5-address-l{position: relative;height: 42px;background: #f6f6f6;}

.ma5-address-l span{line-height: 39px;display: block;text-indent: 25px;}

#containerSite{box-shadow:0px 5px 14px #979696;}



@media screen and (max-width: 768px) {

 #header > .container{position: relative;padding:0px 15px;}

 .nav-top,.menu{display: none;}

 .logo{display: block;max-width:60px;margin:0 auto; float:none;}

 .logo.logotxt{ max-width:100%; height:48px; line-height:48px; display:block; padding-bottom:48px; margin:0px auto;}

 .logo.logotxt h2{ font-size:18px; text-align:center; height:48px; line-height:48px; display:block; width:80%; margin:0px auto;}

 .mobile-icons{display: block;}

 #choose-country{width: auto;padding: 15px;}

 .ex_inedx{width: 100%;}

 .slideout-panel{width: 100%;}

 .list_hd{width: 100%;overflow: hidden;}

 .text-all-ex{padding-bottom: 0px;}

 .ma5-tableleft{display: none;}

 .ma5-shoplistri{width: 100%;float: none;}

 .ma5-gallery figure{width: 33%!important;}

 .ma5-gallery{margin:0px!important;}

}