/* CSS Document */

/*********公共样式***********/
@font-face {
  font-family: "华文圆体 REGULAR";
  src: url("http://www.sunlitstationery.com/css/%E5%8D%8E%E6%96%87%E5%9C%86%E4%BD%93%20REGULAR.woff2") format("woff2"),
       url("http://www.sunlitstationery.com/css/%E5%8D%8E%E6%96%87%E5%9C%86%E4%BD%93%20REGULAR.woff") format("woff"),
       url("http://www.sunlitstationery.com/css/%E5%8D%8E%E6%96%87%E5%9C%86%E4%BD%93%20REGULAR.ttf") format("truetype"),
       url("http://www.sunlitstationery.com/css/%E5%8D%8E%E6%96%87%E5%9C%86%E4%BD%93%20REGULAR.eot") format("embedded-opentype"),
       url("http://www.sunlitstationery.com/css/%E5%8D%8E%E6%96%87%E5%9C%86%E4%BD%93%20REGULAR.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
	font-family: 'Conv_calibri';
	src: url('../font/calibri.eot');
	src: local('☺'), url('../font/calibri.woff') format('woff'), url('../font/calibri.ttf') format('truetype'), url('../font/calibri.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_Calibri Bold';
	src: url('../font/Calibri Bold.eot');
	src: local('☺'), url('../font/Calibri Bold.woff') format('woff'), url('../font/Calibri Bold.ttf') format('truetype'), url('../font/Calibri Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_calibril';
	src: url('../font/calibril.eot');
	src: local('☺'), url('../font/calibril.woff') format('woff'), url('../font/calibril.ttf') format('truetype'), url('http://www.sunlitstationery.com/css/fonts/calibril.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

*{ margin:0; padding:0; list-style:none;font-family: 'Conv_calibri';}
h1,h2,h3,h4,h5,h6{ font-weight:normal; margin:0; padding:0}
a{ text-decoration:none;}
p{ margin:0; padding:0}
img,input,button{ border:none}
.clearfix{ clear: both}
.left{ float:left}
.right{ float:right}
.container{ width:1360px; margin:0 auto; padding:0}
.main-title{font-size:32px; color:#000; line-height:24px;}


/**********头部样式**********/
.header{ height:100px; width:100%;}
.logo{ width:66px; margin-top:28px;}
.logo img{ width:100%; display:block;}
.logo img:last-child{ display:none}
.header-nav{ width:1280px;}
.header-nav>ul{ float:left; margin-top:60px; margin-left:142px;}
.header-nav-right{ float:right; margin-top:61px; width:320px; position:relative}
.header-nav>ul>li{ float:left;  margin-right:24px; position:relative; height:40px;}
.header-nav>ul>li>a{ display:block; line-height:14px; font-size:20px; color:#000;font-family: 'Conv_Calibri Bold'; position:relative ;border-right:2.5px solid #000; padding-right:24px;text-transform:uppercase }
.header-nav>ul>li:last-child a{ border-right:none}
.header-nav>ul>li>a img{ position:absolute; top:-10px; left:50%; width:16px; display:none; margin-left:-18px;}
.header-nav>ul>li>a:hover img{ display:block}
.header-nav>ul>li.current1>a img{ display:block}
.header-language{ font-size:20px; cursor:pointer; color:#000; position:relative}
.language-down{ position:absolute; width:112px; left:-39px; top:28px; overflow:hidden;  z-index:99999; text-align:center; background:#fff; display:none}

.language-down a{ display:block; height:41px; line-height:41px; font-size:22px; color:#3e3a39; width:100%;border:1px solid #F7B12A; border-bottom:none; border-top:none;font-family: "华文圆体 REGULAR"; }
.language-down a:first-child{border-top:1px solid #F7B12A}
.language-down a:last-child{border-bottom:1px solid #F7B12A;font-family:Calibri;}
.language-down a:hover{ background:#F7B12A; color:#fff; transition:0.5s; }
.header-language img{ width:15px; margin-left:7px;}


.sb-search img{ margin-left:15px; cursor:pointer; width:20px; }
.product-nav-down{ position:absolute; left:0; width:270px; z-index:999999; background:#dcdddd; padding:24px 0; top:40px; display:none }
.product-nav-down-list>a{ display:block; width:100%; padding-left:35px; color:#000; font-size:20px;font-family: 'Conv_Calibri Bold';height:88px; line-height:88px; text-transform:uppercase}
.product-nav-down-list>a:hover{ background:#f7b128; transition:0.5s;}
.product-nav-down .current>a{ background:#f7b128;}
.black-block{ position:fixed; width:100%; height:100%; z-index:9999; left:0; top:100px; background:rgba(0,0,0,0.60); display:none}
.product-nav-down-right{ position:absolute; left:270px; top:0px; background:#fff; width:690px; padding:48px 0 80px 25px;  z-index:9999999; overflow:hidden; display:none; height:100%; }
.product-active .product-nav-down-right{ display:block}
.product-nav-down-right h3{ font-size:18px; color:#F7B12A;font-family: 'Conv_Calibri Bold'; margin-bottom:15px; }
.product-nav-down-right li a{ line-height:40px; color:#000; font-size:17px;}
.product-nav-down-right li a:hover{text-decoration:underline; color:#f7b12a}
.product-nav-down-right ul{ float:left; width:330px;}
.product-nav-down-right ul h4{margin-top:48px;}
.product-nav-down-right ul h4 a{color:#f7b12a; font-size:17px;  }
.product-nav-down-right h4 a img{ margin-left:5px; width:13px;}
.header-active{ position:fixed; left:0; top:0; z-index:999999; background:#fff;  -webkit-box-shadow: 2px 5px 10px rgba(83,100,122,.1);box-shadow: 2px 5px 10px rgba(83,100,122,.1);}
.black-block-active{top:56px;}
.header-search-main{ position:absolute; right:0; top:-5px; width:100%;display:none}
.header-search-main input{ width:100%; padding-left:2%; font-size:12px; color:#666; line-height:27px; height:27px; border:1px solid #000; background:#fff;}
.header-search-main button{ position:absolute; width:20px; height:20px; background:url(../image/header_search.png) no-repeat center; background-size:20px; right:8px; top:4px; cursor:pointer; outline:none }

/**********底部**********/
.footer{ background:#000; padding:40px 0 13px 0; height:260px; margin-top:30px}
.footer1,.footer2,.footer3,.footer4,.footer5{ float:left}
.footer1{ width:300px;}
.footer2{ width:185px; margin-right:20px;}
.footer3{ width:210px;}
.footer4{ width:180px;}
.footer5{ width:470px; overflow:hidden; float:right; text-align:right}
.footer-content h3{ color:#fff; font-family: 'Conv_Calibri Bold';text-transform:uppercase; font-size:14px; line-height:14px; margin-bottom:26px;}
.footer-content h3 a{ color:#fff;font-family: 'Conv_Calibri Bold'; }
.footer-content p a{ font-size:14px; color:#fff; text-transform:uppercase; display:inline-block; line-height:14px; margin-bottom:18px;}
.footer-content a:hover{ color:#f7b12a}
.footer5 a img{ width:34px;   margin-left:20px;}
.footer5 a:first-child img{ margin-right:0}
.footer5 a img:last-child{ display:none}
.footer5 a:hover img:last-child{ display:inline-block}
.footer5 a:hover img:first-child{ display:none}
.footer5 p{line-height:24px; font-size:14px; color:#7a7a7a;}
.footer-content .footer5 p a{ margin-bottom:0}

/**********首页**********/
.index-main1{ background:#f7f8f8; padding:25px 0; text-align:center}
.index-main1 h3{  margin-bottom:8px; font-size:26px; text-transform:uppercase;font-family: 'Conv_Calibri Bold';}
.index-main1 p{ font-size:18px; color:rgba(35,24,21,0.80); line-height:20px; font-style:italic; margin-bottom:15px;}
.index-main1 img{ margin-right:10px; width:82px;}
.index-main1 img:last-child{ margin-right:0}
.index-main2{ padding:100px 0}
.index-main2-content{ width:1360px; margin:0 auto}
.index-main2-content h3,.index-video-content h3{ margin-bottom:45px; text-align:center; font-size:35px;text-transform:uppercase;font-family: 'Conv_Calibri Bold'; line-height:24px;}
.index-main2-product-list{ float:left; margin-right:33px; width:315px;}
.index-main2-product .index-main2-product-list:last-child{ margin-right:0}
.index-main2-product-image img{ display:block; width:100%;}
.index-main2-product-image{ overflow:hidden}
.index-main2-product-text{ padding:27px 15px; background:#f7f8f8; text-align:center}
.index-main2-product-text h4{ font-size:25px; color:#000; line-height:20px; margin-bottom:10px;;font-family: 'Conv_Calibri Bold'; }
.index-main2-product-text p{ font-size:17px; color:#000;  height:54px;    overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height:18px;}
.index-main2-product-text h5{ color:#9fa0a0; font-size:14px;}
.index-main2-product-text h5 img{ margin-left:5px; width:11px;}
.index-main2-product-list:hover .index-main2-product-image img{ transform:scale(1.1,1.1); transition:0.5s;}
.read-more{width:220px; height:38px; line-height:38px; color:#fff; background:#3d3a39; border-radius:3px; font-size:18px; display:block; text-align:center;font-family: 'Conv_Calibri Bold';  margin:60px auto 0; cursor:pointer}
.read-more:hover{background:#f7b12a; transition:0.5s}
.index-main3{ padding-bottom:82px;}
.index-main3 h3{ margin-bottom:45px; text-align:center;text-transform:uppercase;font-family: 'Conv_Calibri Bold';}

.index-diy-more{ width:1360px; margin:0 auto}

/**********DIY-PROJECT**********/
.road-line{ width:100%; height:1px; background:#e6e6e6; margin-top:24px; display:none}
.road{ width:100%; height:52px;}
.road-main{line-height:42px; font-size:14px; color:#ee806f;}
.road-main a{ color:#000}
.diy-project-menu{ width:100%; padding:65px 0 80px 0}
.diy-project-menu h3{text-align:center; font-size:45px; color:#000; margin-bottom:80px; text-transform:uppercase;font-family: 'Conv_Calibri Bold'; line-height:40px;}
.diy-project-menu-list{ margin-bottom:60px; position:relative}
.diy-project-menu-list img{ display:block; width:100%;}
.diy-project-text,.index-diy-text-main{ position:absolute; height:72px; top:50%; margin-top:-42px; width:87%; left:50%; margin-left:-43.5%;}
.index-diy-text-main{ width:1360px; margin-left:-680px;}
.diy-project-text{ width:46%; left:auto; right:0; margin-left:0; text-align:center}
.diy-project-text-content,.index-diy-text{ float:right;text-align:center; display:inline-block}
.diy-project-text-content{ float:none}
.diy-project-text-content h4,.index-diy-text-main h3{ font-size:47px; color:#fff; line-height:44px; margin-bottom:10px;}
.diy-project-text-content p,.index-diy-text-main p{ font-size:24px; color:#fff; line-height:24px;}

.diy-project-text a{display:inline-block;  width:120px; height:34px; line-height:34px; background:#fff; text-align:center; color:#000; font-size:18px; border-radius:3px; margin-top:60px}
.diy-project-text a:hover{background:#f7b12a; color:#fff; transition:0.5s;}
.index-main2-product-list1{ margin-right:0}
.diy-project-list-main .index-main2-product-list{ margin-bottom:60px;}
.diy-project-list{ width:100%; padding:45px 0 80px}
.diy-project-list-content-title{ margin-bottom:50px;}
.diy-project-page a{ color:#333; font-size:18px; display:inline-block;line-height:43px;}
.diy-project-page a:first-child{ margin-right:40px;}
.diy-project-page a:last-child{ margin-left:40px;}
.diy-project-page p{ color:#3e3a39; display:inline-block; font-size:18px;line-height:43px;}
.diy-project-category h3{ font-size:18px;color:#3e3a39;line-height:43px; margin-right:58px;}
.diy-project-select{ height:40px; line-height:40px; background-color:#efefef; font-size:18px;color:#3e3a39; width:287px; padding-left:20px; cursor:pointer; 
    background-image: url(../image/list-select.png); background-size:43px; background-repeat:no-repeat; background-position:right center; position:relative; border-radius:4px; }
.diy-project-select1{ height:43px; line-height:43px; background-color:#efefef; font-size:18px;color:#3e3a39; width:287px; padding-left:20px; cursor:pointer; 
     background-size:43px; background-repeat:no-repeat; background-position:right center; position:relative}
.diy-project-select p{ font-weight:bold}
.diy-project-select ul { position:absolute; top:40px; left:0; display:none; overflow:hidden; width:100%; z-index:999}
.diy-project-select ul li{width: 100%;height: 43px;line-height: 43px;padding-left:20px;color: #3e3a39; background-color:#f4f4f4; cursor:pointer}
.diy-project-select ul li.Selected{background: #c9caca;}
.diy-project-select ul li:hover{background: #c9caca;}
.open ul{ display:block}
.open{ background:#f4f4f4}
.diy-project-page-bottom{ text-align:right;/*top:-55px;*/ position:relative; width:calc(100% - 39% - 16px); float:right; }
.diy-project-list-content .diy-project-page-bottom{ margin-right:0}
.diy-project-page-bottom a{ color:#333; font-size:18px; display:inline-block;line-height:43px;}
.diy-project-page-bottom a.page-current{ color:#ee806f}
.diy-project-page-bottom a.page-number{ padding:0 6px;}
.diy-project-page-bottom a:first-child{ margin-right:54px;}
.diy-project-page-bottom a:last-child{ margin-left:54px;}
.diy-project-list-content .index-main2-product-text h5 img{ width:11px;}
/**********new products**********/

.new-product1{ color:#ffb359}
.new-product .diy-project-select{background-image: url(../image/list-select1.png); background-size:43px; background-repeat:no-repeat; background-position:right center; width:200px; }
.new-product .diy-project-page-bottom a.page-current{ color:#f7b12a}
.diy-project-list-content h1{ text-align:center; font-size:45px; color:#000; margin-bottom:50px; text-transform:uppercase;font-family: 'Conv_Calibri Bold'; line-height:40px}

/**********product class**********/
.product-banner img{ display:block; width:100%;}
.product-describle{ width:100%; position:relative }
.product-describle-left{ width:calc((100% - 1350px)/2 + 257px); background:#ee806f; text-align:center;height:83px;vertical-align:middle; line-height:83px; }
.product-describle-right{ width: calc(100% - (100% - 1350px)/2 - 257px); background:#f7f8f8;height:83px;line-height:83px;}
.product-describle-left img{ width:50px; display:inline-block;}
.product-describle-right p{ font-size:18px; font-style:italic; color:#000; line-height:23px;  margin-left:38px;   height:46px; margin-top:18.5px;}
.product-class-main{ padding:65px 0 20px 0;}
.product-class-content{ width:1360px; margin:0 auto;}
.product-class-left{ width:265px; padding-top:60px;} 
.product-class-left h3{ font-size:18px; color:rgba(0,0,0,0.30);font-family: 'Conv_Calibri Bold'; margin-bottom:25px; padding-left:14px;}
.product-class-left h4{ font-size:20px; color:#ee806f;font-family: 'Conv_Calibri Bold'; margin-bottom:12px; width:258px; border-top:1px solid #ee806f; border-bottom:1px solid #ee806f; line-height:60px; padding-left:14px;}
.product-class-left ul{ margin-left:30px;}
.product-class-left ul li a{ display:block; line-height:30px; font-size:18px; color:#3e3a39; background:url(../image/product_class_arrow.png) no-repeat left center; background-size:4px; padding-left:10px;}
.product-class-left ul li a:hover{ color:#ee806f;}
.product-class-right{ width:1060px;}
.product-class-right h3{font-size:29px; color:#ee806f;font-family: 'Conv_Calibri Bold'; margin:0 0 30px 0; width:39%; line-height:24px;}
.product-class-list{ width:240px; float:left; margin-right:33px; margin-bottom:50px;}
.product-class-list img{ display:block; width:100%; /*border:1px solid rgba(0,0,0,0.30);*/}
.product-class-list:nth-child(4n){ margin-right:0}
.product-class-list h4{font-size:22px; color:#000;font-family: 'Conv_Calibri Bold'; text-align:center; padding:18px 10px 12px 10px; line-height:26px; height:80px;}
.product-class-list:hover h4{color:#ee806f;}
/*.product-class-list:hover img{border:1px solid #ee806f;}*/
.office-class{ background:#f7b12a;}
.office-class img{ width:50px;}
.office-class-main .product-class-left h4{border-top:1px solid #f7b12a; border-bottom:1px solid #f7b12a;}
.office-class-main .product-class-left ul li a:hover,.office-class-main .product-class-list:hover h4,.office-class-main .product-class-right h3,.office-class-main .product-class-left h4{color:#f7b12a}
/*.office-class-main .product-class-list:hover img{border:1px solid #f7b12a;}*/
.new-product .open{ background:#efefef}
.office-class-main .product-class-left ul li.current2 a{ color:#ffb819;}
.craft-class-main .product-class-left ul li.current2 a{ color:#ee806f;}
.product-class-list p{ font-size:16px; color:#333; height:44px; width:80%; margin:0 auto; text-align:center}

.product-list-main .product-class-list h4{ font-size:20px; line-height:20px; height:auto;}
.product-list-main .product-class-list{ margin-bottom:35px;/*height: 284px;*/overflow: hidden;}

/***********product-detail***********/
.product-detail-main1{ padding:20px 0 0px; }
.product-detail-content3{ text-align: center;}

.product-detail-content1,.product-detail-content2,.product-detail-content3{ width:1360px; margin:0 auto;border-bottom:1px solid rgba(0,0,0,0.30); margin-bottom:70px; padding-bottom:20px;}
.product-detail-content1{ width:1360px}
.prodect-detail-content1-left{ width:460px; margin-left:100px}

.prodect-detail-content1-left img{ display:block; width:100%; cursor:pointer}

.product-detail-big-picture1 img{ Width:auto; max-width:100%;}
.product-detail-big-picture1 a img{ Width:auto; max-width:100%;}
.prodect-detail-content1-left ul{  width:460px; text-align:center}
.prodect-detail-content1-left li{ width:40px; border:1px solid rgba(0,0,0,0.30); margin-bottom:22px; display:inline-block; margin-right:10px; cursor:pointer; height:40px; overflow:hidden;line-height: 40px;}
.prodect-detail-content1-left li img{ display: inline-block;vertical-align: middle;}
.prodect-detail-content1-left li:nth-child(8n){ margin-right:0}
.prodect-detail-content1-left li:hover{ border:1px solid #ffb359}
.product-detail-content1-right{ width:570px; float:left; margin-left:152px; margin-top:35px;padding-bottom: 60px;}
.product-detail-content1-right h3{ font-size:35px; color:#3e3a39; line-height:32px; margin-bottom:20px;}
.product-detail-content1-right span{ display:block; font-size:17px; color:#9fa0a0; margin-bottom:35px;}
.product-detail-content1-list{ margin-bottom:22px;}
.product-detail-content1-list h4{ font-size:20px; color:#3e3a39; margin-bottom:12px;font-family: 'Conv_Calibri Bold';}
.product-detail-content1-list p{  font-size:17px; color:#3e3a39; line-height:22px;}
.product-detail-content1-list p br{ display:none}
.product-detail-content1-list p a{ color:#3e3a39}
.product-detail-content1-list p a:hover,.product-detail-content1-list p a:visited,.product-detail-content1-list p a:active{color:#ee806f}
.product-detail-content1-right ul{ margin-top:40px; margin-bottom:55px;}
.product-detail-content1-right ul li{ display:inline-block; margin-right:25px;}
.product-detail-content1-right ul li img{ width:73px;}
.buy-online a{ display:block; width:100px; height:20px; text-align:center; line-height:20px; background:#000; color:#fff; font-size:16px; margin-right:38px;}

.buy-online a:hover{ background:#ccc; transition:0.5s;}
.product-detail-social>a,.product-detail-social>div{ display:inline-block;  margin-right:20px; cursor:pointer}

.product-detail-social a img:hover,.product-detail-social>div img:hover{-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    opacity:0.7; transition:0.5s;}
.product-detail-social{ position:relative}
.product-detail-social-more{ position:absolute; right:2px; top:22px; background:#fff;-webkit-box-shadow: 2px 5px 10px rgba(83,100,122,.3);box-shadow: 2px 5px 10px rgba(83,100,122,.3); padding:0px 15px; display:none}
.product-detail-social-more a{ display:block; margin:15px auto; text-align:center}
.product-detail-social-more-add:hover .product-detail-social-more{ display:block}
	.product-detail-hide,.video-page-tanchuan{ position:fixed; width:100%; height:100%; left:0; top:0;  display:none;z-index:9999998;}
	.product-detail-hide-content{ width:92%; position:absolute; left:50%; margin-left:-46%; top:11.5%; background:#fff; padding:14px 18px; z-index:9999998;}
	.a-popover-lgtbox{ position:fixed; width:100%; height:100%;z-index:9999997;left:0; top:0; background:rgba(0,0,0,0.50); display:none }
	.prodect-detail-hide-left{ width:calc(100% - 280px); text-align:center; height:100%;}
	.product-detail-big-picture1,.product-detail-hide-main{ height:100%;}
	
	.product-detail-hide-right { width:240px; margin-right:40px}
	.product-detail-hide-right ul{ width:240px;}
	.product-detail-hide-right h3{font-size:17px; color:#3e3a39; line-height:20px; margin-top:30px}
	.product-detail-hide-right span{display:block; font-size:12px; color:#9fa0a0; margin:8px 0 20px; line-height:10px}
	.product-detail-hide-right li{width:48px; height:48px; border:1px solid rgba(0,0,0,0.30); margin-bottom:12px; float:left; margin-right:15px; cursor:pointer;overflow: hidden;position: relative; line-height:48px}
	.product-detail-hide-right li:nth-child(4n){ margin-right:0}
.product-detail-hide-right li:hover{ border:1px solid #ffb359}
.product-detail-hide-right img{ display:block; width:100%}
.product-detail-hide-right li img{display: inline-block;vertical-align: middle;}
.product-detail-hide-right li.current3,.prodect-detail-content1-left li.current3{border:1px solid #ffb359}

.related-list{ float:left; width:215px; margin-right:37px; margin-bottom:35px;}
.related-list-main{ margin-left:auto; margin-right:auto; width:972px;}
.related-list:nth-child(4n){ margin-right:0}
.related-list img{ display:block; width:100%}
.product-detail-main2 h3,.product-detail-content3 h3{ font-size:35px; color:#3e3a39; line-height:30px; text-align:center; margin-bottom:40px;}
.product-detail-main2 h4{ font-size:20px; color:#3e3a39; line-height:24px; text-align:center; font-family: 'Conv_Calibri Bold'; padding:15px 0 8px}
.product-detail-main2 p{ font-size: 16px;color: #333;height: 44px;width: 80%;margin: 0 auto;text-align: center;}
.related-product-img{ border:1px solid rgba(0,0,0,0.30);}
.related-list:hover .related-product-img{ border:1px solid #ffb359}
.related-list:hover h4{ color:#ffb359}
.product-detail-content3{ border-bottom:none}
.inspiration-img img{ /*display:block;*/ max-width:100%;}
.product-detail-content3 p{ text-align:center; font-size:22px; color:#3e3a39; line-height:28px;/* margin-top:35px; margin-bottom:45px;*/ }
.inspiration-img{ width:1200px; margin-left:auto; margin-right:auto;}
.diy-project-detail h5{ font-size:27px; color:#3e3a39; margin-bottom:20px;}

.diy-project-detail{ margin-bottom:50px;}

.diy-project-detail-list{ width: 50%;margin-right: 0px;}
.diy-project-detail-list h5 a{font-size:18px; line-height:28px;color:#3e3a39;}
.diy-project-detail-list h5 a:hover{    color: #ff8671;}
.diy-project-step{ margin-top:130px;}
.diy-project-step h3{font-size:27px; color:#3e3a39; margin-bottom:15px;}
.diy-project-step img{ display:block; width:100%;}
.diy-project-step p{ font-size:18px; line-height:24px; color:#3e3a39; margin:25px 0 28px;}
.diy-project-step p span{font-family: 'Conv_Calibri Bold';}
.diy-project-detail-main{ width:1360px;}
.diy-project-detail-main .prodect-detail-content1-left{ width:670px; margin-left:0}
.diy-project-detail-main .product-detail-content1-right{ width:580px; margin-left:0; float:right}
.tool-used-list{ width:120px; float:left; margin-right:14px; margin-bottom:25px;}
/*.tool-used-list:nth-child(3){ margin-right:0}*/
.tool-used-list a{display:inline-block}
.tool-used-list img{ width:110px; display:block;}
.tool-used-list div{    border: 1px solid rgba(0,0,0,0.30);}
.tool-used-list h6{ font-size:14px;font-family: 'Conv_Calibri Bold'; color:#3e3a39; height:15px; line-height:16px; margin:10px 0; text-align:center; width:110px;}
.tool-used-list p{ font-size:14px; color:#3e3a39; margin-top:8px;text-align:center; width:110px; height:60px; overflow:hidden;}
.tool-used-list:hover h6{ color:#ff8671;}
.tool-used-list:hover div{ border:1px solid #ff8671;}
.tool-used-list:last-child{ margin-right:0}
.product-close img{ display:block; width:16px; cursor:pointer; float:right; position:relative; top:-30px; right:-30px;}
.product-close img:last-child{ display:none}
.product-close:hover img:first-child{ display:none}
.product-close:hover img:last-child{ display:block}
.product-detail-big-picture{ margin-bottom:30px; position:relative; height:460px}

/**********about*******/
.about-main h3{ font-size:40px; color:#231815; line-height:40px; text-align:center; margin:35px 0;}
.about-menu-list{ background:#f6f7f7; margin-bottom:45px;}
.about-menu-list-content{ width:1430px; margin:0 auto}
.about-menu-list-left{ width:610px; margin-left:56px;}
.about-menu-list-left img{ display:block; width:100%;}
.about-menu-list-right{ width:715px; position:relative; height:405px;}
.about-menu-list-right h4{ font-size:27px; color:#231815; margin:50px 0 30px; line-height:27px;}
.about-menu-list-right p{ font-size:18px; line-height:22px;color:#231815; }
.about-menu-list-right a{display: block;width: 88px;height: 23px;line-height: 21px;border:1px solid #3e3a39;text-align: center;color: #3e3a39;font-size: 15px; position:absolute; right:10px; bottom:30px;}
.about-menu-list-right a:hover{ background:#ffb359; border:1px solid #ffb359; transition:0.5s; color:#fff;}
.about-main{ padding-bottom:45px;}
/*****contact*****/
.contact-main{ padding:90px 0 95px}
.contact-content{ width:1360px; margin:0 auto}
.contact-list{margin:0 70px; border-bottom:1px solid rgba(0,0,0,0.30); padding-bottom:20px; margin-bottom:80px; position:relative;}
.contact-list-left{ width:400px;}
.contact-list-left img{ width:347px;}
.contact-list:before{ position:absolute; left:-70px; top:-10px; content:''; width:30px; height:45px; background:url(../image/contact_add.png) no-repeat center; background-size:30px;}
.contact-list>a{position:absolute; left:-70px; top:-10px;width:30px; height:45px;}
.contact-list-left h3{ font-size:22px;font-family: 'Conv_Calibri Bold'; line-height:22px; color:#231815; margin-bottom:15px;}
.contact-list-left th{ width:110px; line-height:35px; font-size:18px; color:#231815; font-weight:normal; vertical-align:top}
.contact-list-left td{ width:380px; line-height:21px; font-size:18px; color:#231815; padding:8px 0}
.contact-list-left td a{color:#231815;}
.contact-list-right{ width:375px;}
.contact-list-right img{ display:block; width:100%;}

/**********公司简介******/
.corporate-profile-content,.group-history-main{ margin:70px auto 125px; width:1360px; }
.corporate-profile-content h3,.group-history-main h3{ font-size:32px;font-family: 'Conv_Calibri Bold'; line-height:32px; color:#231815; margin-bottom:30px;}
.corporate-profile-content p,.group-history-main p{ font-size:18px; line-height:32px; font-style:italic; color:#231815; margin-bottom:20px;}
.corporate-profile-img img{ width:296px; margin-right:18px;}
.corporate-profile-img{ margin-top:50px;}
.group-news-main{ width:1360px; margin:92px auto 210px;}
.group-news-list-left{ width:495px;}
.group-news-list-left img{ display:block; width:100%;}
.group-news-list-right{ width:820px;}
.group-news-list-right h4{ font-size:18px;font-family: 'Conv_Calibri Bold';color:#231815; }
.group-news-list-right h3{ font-size:27px;font-family: 'Conv_Calibri Bold';color:#231815; margin:12px 0 }
.group-news-list-right p{ font-size:16px; line-height:20px;color:#231815; }
.group-news-list{ margin-bottom:95px;}
.group-history-main img{ display:block; max-width:100%;}
.group-history-main p{ margin-bottom:55px;}
.group-history-main p.history-img{ margin-bottom:35px;}
.group-career-main{ width:1360px; margin:60px auto 110px;}
.company-culture{ margin-bottom:80px;}
.company-culture h3{ font-size:22px;font-family: "华文圆体 REGULAR"; color:#ffb819; margin-bottom:10px;}
.company-culture p{font-size:16px;font-family: "华文圆体 REGULAR"; color:#231815; margin-bottom:15px; line-height:24px;}
.about-main .group-career-list h3{ line-height:40px;background-color:#efefef; padding-left:25px; font-size:22px;font-family: "华文圆体 REGULAR";color:#231815; margin-bottom:10px; text-align:left}
.group-career-list h4,.group-career-list p{ font-size:16px; line-height:36px;font-family: "华文圆体 REGULAR"; color:#231815; padding-left:25px; }
.group-career-list p{ margin-bottom:25px;}


/*********修改************/
.all-projects-new a{ font-size:22px; color:#000; line-height:40px;}
.all-projects-new a:hover{ color:#ee806f}
.to-top >img{width: 43px;cursor: pointer;}
.to-top{position: fixed;right : 50px; bottom : 50px;}
.video-page-list{ width:662px; background:#dfeeef; margin-bottom:60px;}
.video-page-list-left{ width:428px; float:left;}
.video-page-list-right{ float:right; padding:45px 20px 0px 20px; width:234px;}
.video-page-list-right h3{ font-size:26px; color:#3e3a39; line-height:27px;}
.video-page-list-right h4{ font-size:26px; color:#3e3a39; line-height:27px; margin-bottom:15px;font-family: 'Conv_calibril';}
.video-page-list-right h5{ font-size:19px; color:#3e3a39; line-height:20px; margin-bottom:15px;font-family: 'Conv_calibril';margin-top: 10px;}
.video-page-list-right p{font-size:12px; color:#3e3a39; line-height:18px;}
.video-page-list-right button{ width:100px; height:30px; line-height:30px; color:#fff; background:#3d3a39; border-radius:3px; font-size:14px; display:block; text-align:center;font-family: 'Conv_Calibri Bold'; margin-top:20px;}
.video-page-list-right button:hover{  background:#f7b12a; transition:0.5s }
.video-load-more-btn a{width:125px; height:32px; line-height:32px; color:#fff; background:#3d3a39; border-radius:3px; font-size:14px; display:block; text-align:center;font-family: 'Conv_Calibri Bold'; margin-top:20px; margin:0 auto; cursor:pointer}
.video-load-more-btn a:hover{background:#f7b12a; transition:0.5s }
.index-video-detail-left{ width:710px;}
.index-video-detail-right{ width:650px; background:#dfeeef; padding:65px 85px 0 60px; height:452px;}
.index-video-detail-right h4{ font-size:46px; color:#3d3a39; font-family:Arial; text-transform:uppercase; line-height:48px;}
.index-video-detail-right h5{ font-size:32px; color:#3d3a39; font-family:Arial;line-height:42px; margin-bottom:25px;}
.index-video-detail-right p{font-size:18px; color:#3e3a39; line-height:28px;}
.index-video-detail-right a{ width:180px; height:36px; line-height:36px; color:#fff; background:#3d3a39; border-radius:3px; font-size:18px; display:block; text-align:center;font-family: 'Conv_Calibri Bold'; margin-top:40px;}
.index-video-detail-right a:hover{background:#f7b12a; transition:0.5s}
.index-video-main{ padding-bottom:100px;}
.about-nav-down{ padding:25px 40px; width:246px; position:absolute; left:0; top:40px; background:#fff; display:none;z-index: 999999;}
.about-nav-down div a{line-height: 40px;color: #000;font-size: 17px;}
.about-nav-down div a:hover {text-decoration: underline;color: #f7b12a;}
.video-page-tanchuan-main{ width:800px; height:450px; position:absolute; left:50%; margin-left:-400px; top:50%; z-index:9999999; margin-top:-262px;}
.product-close{ background: #fff;padding: 10px;width: 36px;height: 36px;float: right;position: relative;
top: 36px; z-index:-1}
.video-page-tanchuan-main .product-close img{ float:none; position:static}
.product-detail-content1-btn{ margin-top:50px;}
.office-class-main .diy-project-page-bottom a.page-current{ color:#f7b12a}

.product-class-img{
	
    width: 240px;
    height: 240px;
    position: relative;
    border: 1px solid rgba(0,0,0,0.30);
line-height: 220px;
	}
.product-class-img img{ border:none;display:  inline-block;
    vertical-align: middle;}
.product-class-list:hover .product-class-img{border:1px solid #f7b12a;}