@charset "utf-8";
* {margin:0px;padding:0px;-webkit-box-sizing:border-box;box-sizing:border-box;}
html {font-size:62.5%;}
body {font-size:1.4rem;color:#222;line-height:180%;background:#f5f5f5;font-family:"Microsoft YaHei","微软雅黑";}
ul,ol,dl{list-style:none;margin:0;padding:0;}
h1,h2,h3,h4,h5 { }
img {border:0;vertical-align:middle;}
.red { color:#ff3a1b;}
.bg_gray { background:#f5f5f5;}
/*gotop*/
.cbbfixed {position: fixed;right:40px;transition: bottom ease 1s;bottom: -85px;z-index: 3;cursor:pointer;}
.cbbfixed .cbbtn {width: 48px;height: 48px;display: block;border-radius:50%;background-color: #ebebeb;}
.cbbfixed .gotop {transition: background-color ease .3s;margin-top: 1px;}
.cbbfixed .gotop .up-icon{ display:block;text-align: center;line-height:48px;height:48px;background:url(/images/jiantou1.png);}
.cbbfixed .gotop:hover {background-color:#fff;}
.cbbfixed .cweixin { display:none; }


a:link,a:visited,a:active {color:#222;text-decoration:none;transition: all .3s;}
a:hover {color:#c4a60d;text-decoration:none;}
::selection {background: #ddd;}
a:focus { outline: none; }

@font-face {/*------字符型的图标------*/
font-family: 'iconfont';
  src: url('/images/iconfont.eot?t=1638416851106'); /* IE9 */
  src: url('/images/iconfont.eot?t=1638416851106#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/images/iconfont.woff2?t=1638416851106') format('woff2'),
       url('/images/iconfont.woff?t=1638416851106') format('woff'),
       url('/images/iconfont.ttf?t=1638416851106') format('truetype');
}
.iconfont {  font-family:"iconfont" !important; font-style:normal; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}


@media screen and (max-width:767px) {/*------手机版------*/
	
.cbbfixed {display: none}

.indexlogo {  text-align:center;margin:4rem auto;font-size:70px; }
.indexlogo img { height:60px;}
.indexBanner {  width:90%; margin:0 auto}
.indexBanner img {width:100%;}
.indexnav { margin:70px auto 40px auto; width:65%; overflow:hidden;}
.indexnav li { float:left; width:33.3%; text-align:center; font-size:2.0rem; font-weight:700;}
	
#homepage { background: #fff; }
.pageBox { width:100%;overflow:hidden;background: #fff; }
.t1 { font-size:2.6rem; line-height:9rem; color:#666;font-weight:400; float:left; width:100%; text-align:center;}
.t2 { font-size:2.4rem; text-align:center;margin:3rem 0; color:#666;font-weight:400; float:left; width:100%; }

.topbox { margin:0 auto;width:100%;  background:#fff; position:fixed; top:0; left:0; z-index:100;}
.top {   overflow:hidden;height:60px;border-bottom: 1px solid #ededed;}
.logo { text-align:center;}
.logo a {  display: block; font-size: 4rem; padding-top: 12px;/*background: url(/images/logo2.png) no-repeat; text-indent: -999px;width:120px;height:30px; margin: 0 auto;  background-size:contain;*/}
.logo a img { height: 38px;  }

.navlist_pc { display:none;}
#navbox {  display:none;float:right;}
.navbtn { outline:none; cursor:pointer;font-size:3.4rem; margin: 20px 20px 0 0; color:#000;}
.navbtn_open {  display:block; }
.navbtn_close {  display:none; }
.dn{ display:none;}
.dy{ display:block;}
.navlist { display: none;background:#fff; position:absolute; top:49px; right:0;width:100%;padding:100px 50px 0 50px; height:1000px;}
.navlist li { width:50%; float:left;}
.navlist li a { text-transform:uppercase;padding-top:2rem;border-radius:50%;display: block;text-align:center; font-size:1.8rem; margin:2rem auto; width:100px;height:100px; text-decoration:none;line-height:180%; /*border:1px solid #eee; */background:#f1f1f1;}
.navlist li a span { display:block; font-size:4.0rem;}
.navlist li a:hover {background:#eee; color:#fff;text-decoration: none;background:#222;}

.aboutmeBox { padding:7rem 0; text-align:center;background:#f5f5f5;}
.aboutme_photo { margin:0 auto; width:100px; height:100px; }
.aboutme_photo img { width:100%; border-radius:50%;}
.aboutme_text { font-size:1.4rem; color:#222; margin: 0 30px;}
.aboutme_text img { width:45%; max-width:100%; padding-bottom: 6px; }
.aboutme_text strong { display: block;line-height:200%; font-size:2.1rem; font-weight:700; color:#222;  }
.back { display:none;}

.footer { font-size:1.4rem; text-align:center; color:#666; height:80px; line-height:80px; margin: 0 20px; }
.footer a { color:#666;}


.worksList { float:left; width:100%;margin-bottom:2rem;padding:0 20px; }
.worksList li { width:100%; float:left;}
.worksList li a { display:block;text-decoration:none;margin-bottom:4.2rem;}
.worksList li a img { width:100%;}
.worksList li a span {display:block; width:100%; padding:0.5rem 0 0 0; font-size:1.4rem;color:#bbb;line-height:150%;}
.worksList li a span strong { font-size:1.8rem;color:#222; font-weight:400;line-height:180%;}

.works_top { width:100%;padding:5rem 20px; overflow:hidden;}
.works_title { font-size:2.4rem;line-height:140%;font-weight:700;text-align:center;}
.works_info { font-size:1.6rem;padding:40px 0;}
.works_link { text-align:center; font-size:1.6rem;}
.works_link a { color:#c4a60d;text-decoration:underline;}
.works_link a:hover { color:#c4a60d;text-decoration:underline;}
.works_c { font-size:1.6rem; padding:0 20px;overflow:hidden;}
.works_c p { text-align:center;margin:0 0 2rem 0;font-size:1.6rem;}
.works_c p img { width:100%;}

.ge { margin-top:60px;}/*在手机端里下沉，防止导航挡住内容*/

.indexfooter { padding:4rem 0;color:#666; font-size:1.4rem; text-align:center; background:#f5f5f5;}
.indexfooter a { color:#666;}

}


@media screen and (min-width:768px) and (max-width: 1600px)  {/*------PC版--少于1600px----*/

.indexlogo { text-align:center;margin:60px auto;font-size: 80px; }
.indexlogo img { height:80px;}
.indexBanner { margin:0 auto; width:750px;}
.indexBanner img { width:100%;}
.indexnav { margin:70px auto 30px auto; width:300px; overflow:hidden;}
.indexnav li { float:left; width:33.3%; text-align:center;}
.indexnav li a { text-decoration:none; font-weight:700; font-size:20px;}

.pageBox { margin:0 auto; width:1200px; overflow:hidden; background: #fff; padding: 0 100px; }
#homepage { background: #fff; }
#homepage .pageBox { margin:0 auto; width:1200px; overflow:hidden;  hidden;background: #fff; padding: 0 0;}
	
.t1 { font-size:26px; padding:5rem 0; color:#666;font-weight:400; float:left; width:100%; }
.t2 { font-size:18px; line-height:4rem; color:#666;font-weight:700; float:left; width:650px; margin:25px 25px;}

.topbox { float:left;position: fixed;padding:50px 50px; }
.top { margin:0 auto;max-width:200px; }
.logo { width:100%; margin-bottom:60px; }
.logo a {  display: block;font-size: 60px;text-align: center;}
.logo a img { width:100px;}

#navbox { display:none;}
.navlist_pc { margin:0 auto;width:100px;}
.navlist_pc { }
.navlist_pc li { }
.navlist_pc li a {display: block; width:100%;  font-size:16px;letter-spacing: 5px; font-weight: 700; text-align: center; margin:20px 0;}
.navlist_pc li a:hover { text-decoration:none;}

.aboutmeBox { margin-top:60px;overflow:hidden; background:#f5f5f5;}
.aboutme_photo { margin:80px auto 0 auto;width:120px; height:120px;}
.photoaction {width:120px;margin:0 auto;-webkit-transition: 0.5s;transition: 0.5s;-webkit-transform-style: preserve-3d;	transform-style: preserve-3d;position: relative;}
.photoaction:hover, .photoaction.hover { -webkit-transform: rotateY(180deg);transform: rotateY(180deg);}
.photoaction img { width:100%; border-radius:50%; }
.front, .back {width:100%;-webkit-backface-visibility: hidden;backface-visibility: hidden;position: absolute;	top: 0;left: 0;}
.front {z-index: 2;}
.back {-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}
.aboutme_text { width:100%;line-height:200%; text-align:center;font-size:14px; }
.aboutme_text strong { line-height:300%; font-size:22px; font-weight:700;}
.aboutme_text img { width:150px; }

.footer { float:left; position: fixed; padding:50px 50px; text-align:center; bottom:0px; left:0px; font-size:14px; color:#666;line-height:150%;}
.footer a { color:#666;}
.footer a:hover { color:#222;}


.worksList {  width:100%; /*max-width:1200px;*/}
.worksList li { width:25%; height:260px; float:left; position:relative; }
a.imglink { display:block; padding:10px; margin:10px; transition: all .3s;border-radius: 4px; position:absolute;top:0px;background: #fff; }
a.imglink img { width:100%; }
a.imglink span { display:block; margin-top:6px;font-size:12px;color: #aaa;}
a.imglink span strong {line-height:26px;font-size:14px;color: #222; font-weight:400;}
a.imglink:hover { top:-4px;text-decoration:none; -moz-box-shadow:0px 4px 8px #eee; -webkit-box-shadow:0px 4px 8px #eee; box-shadow:0px 4px 8px #ddd;}

.works_top {  overflow:hidden; margin:50px auto;}
.works_title { font-size:30px;line-height:180%;font-weight:700;}
.works_info { font-size:14px;padding:40px 0 20px 0; }
.works_link { font-size:14px;padding:0 0 20px 0; }
.works_link a { color:#c4a60d;}
.works_link a:hover { color:#fff;background: #c4a60d;}
.works_c { font-size:14px; line-height:180%; overflow:hidden;}
.works_c p { text-align:center;margin:0 0 50px 0; }
.works_c p img { max-width:100%;}

.indexfooter {background:#f5f5f5; padding:60px 0;text-align:center;color:#666; font-size:14px;   }
.indexfooter a { color:#666;}
.indexfooter a:hover { color:#222;}

.ge { }

}

@media screen and (min-width:1601px) {/*------PC版--大于1600px----*/

.indexlogo { text-align:center;margin:60px auto;font-size: 80px; }
.indexlogo img { height:90px;}
.indexBanner { margin:0 auto; width:750px;}
.indexBanner img { width:100%;}
.indexnav { margin:70px auto 30px auto; width:300px; overflow:hidden;}
.indexnav li { float:left; width:33.3%; text-align:center;}
.indexnav li a { text-decoration:none; font-weight:700; font-size:20px;}

.pageBox { margin:0 auto; width:1400px; overflow:hidden;background: #fff; padding: 0 100px; }
#homepage { background: #fff; }
#homepage .pageBox { margin:0 auto; width:1400px; overflow:hidden; hidden;background: #fff; padding: 0 0;}

.t1 { font-size:26px; padding:5rem 0; color:#666;font-weight:400; float:left; width:100%; }
.t2 { font-size:18px; line-height:4rem; color:#666;font-weight:700; float:left; width:650px; margin:25px 25px;}

.topbox { float:left;position: fixed;padding:50px 50px; }
.top { margin:0 auto;max-width:200px; }
.logo { width:100%;margin-bottom:60px; }
.logo a {  display: block;font-size: 60px;text-align: center;}
.logo a img { width:130px;}

#navbox { display:none;}
.navlist_pc { margin:0 auto;width:100px;}
.navlist_pc { }
.navlist_pc li { }
.navlist_pc li a {display: block; width:100%;  font-size:16px;letter-spacing: 5px; font-weight: 700; text-align: center; margin:20px 0;}
.navlist_pc li a:hover { text-decoration:none;}

.aboutmeBox { margin-top:60px;overflow:hidden;background:#f5f5f5;}
.aboutme_photo { margin:80px auto 0 auto;width:120px; height:120px;}
.photoaction {width:120px;margin:0 auto;-webkit-transition: 0.5s;transition: 0.5s;-webkit-transform-style: preserve-3d;	transform-style: preserve-3d;position: relative;}
.photoaction:hover, .photoaction.hover { -webkit-transform: rotateY(180deg);transform: rotateY(180deg);}
.photoaction img { width:100%; border-radius:50%; }
.front, .back {width:100%;-webkit-backface-visibility: hidden;backface-visibility: hidden;position: absolute;	top: 0;left: 0;}
.front {z-index: 2;}
.back {-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}
.aboutme_text { width:100%;line-height:200%; text-align:center;font-size:16px; }
.aboutme_text strong { line-height:300%; font-size:24px; font-weight:700;}
.aboutme_text img { width:150px; }

.footer { float:left; position: fixed; padding:50px 50px; text-align:center; bottom:0px; left:0px; font-size:14px; color:#666;line-height:150%;}
.footer a { color:#666;}
.footer a:hover { color:#222;}


.worksList {  width:100%; /*max-width:1200px;*/}
.worksList li { width:25%; height:325px; float:left; position:relative; }
a.imglink { display:block; padding:10px; margin:10px; transition: all .3s;border-radius: 4px; position:absolute;top:0px;background: #fff; }
a.imglink img { width:100%; }
a.imglink span { display:block; margin-top:6px;font-size:14px;color: #aaa;}
a.imglink span strong {line-height:26px;font-size:16px;color: #222; font-weight:400;}
a.imglink:hover { top:-4px;text-decoration:none; -moz-box-shadow:0px 4px 8px #eee; -webkit-box-shadow:0px 4px 8px #eee; box-shadow:0px 4px 8px #ddd;}

.works_top { overflow:hidden; margin:50px auto;}
.works_title { font-size:32px;line-height:180%;font-weight:700;}
.works_info { font-size:16px;padding:40px 0 20px 0; }
.works_link { font-size:16px;padding:0 0 20px 0; }
.works_link a { color:#c4a60d;}
.works_link a:hover { color:#fff;background: #c4a60d;}
.works_c { font-size:16px; line-height:180%; overflow:hidden;}
.works_c p { text-align:center;margin:0 0 50px 0; }
.works_c p img { max-width:100%;}

.indexfooter { padding:60px 0;text-align:center;color:#666; font-size:16px; background:#f5f5f5;  }
.indexfooter a { color:#666;}
.indexfooter a:hover { color:#222;}

.ge { }


}


a.a2:link,a.a2:visited,a.a2:active {}/* 文章列表用到 */
a.a2:hover {text-decoration:none;}
a.link_btn { padding:1rem 1.5rem;color:#003e7e;background:#fff; border:1px solid #003e7e;text-decoration:none;border-radius:5px; }/* 按钮 */
a.link_btn:hover { padding:1rem 1.5rem;border:1px solid #c8a000; color:#c8a000;background:#fff;text-decoration:none;}