#gywm .profile {margin-top:50px;background:url(../images/about_bg.jpg) no-repeat center 0;}
#gywm .profile > div {display:flex;}
#gywm .profile .text {flex:1 1 auto;padding:50px 100px 40px 0;}
#gywm .profile .text h1 {color:#fff;font-size:32px;line-height:1.4;}
#gywm .profile .text h1:after {display:block;margin-top:30px;width:94px;height:3px;background:linear-gradient(to top right, #0cabeb, #34c4b3);content:"";}
#gywm .profile .text .editorc {margin-top:30px;color:#4c4c4c;font-size:14px;line-height:1.8;}
#gywm .profile .imgs {flex:0 0 auto;position:relative;width:47.25%;height:510px;font-size:0;}
#gywm .profile .imgs img {position:absolute;top:0;left:0;}

#gywm .fzlc {display:flex;flex-flow:row wrap;margin-top:50px;}
#gywm .fzlc dd {padding:20px 30px;width:25%;box-sizing:border-box;border:1px solid #f5f5f5;}
#gywm .fzlc dd:nth-child(2), #gywm .fzlc dd:nth-child(4), #gywm .fzlc dd:nth-child(5), #gywm .fzlc dd:nth-child(7), #gywm .fzlc dd:nth-child(10), #gywm .fzlc dd:nth-child(12) {border-color:#f2f2f2;background-color:#f2f2f2;}
#gywm .fzlc dd h4 {color:#000;font-size:24px;}
#gywm .fzlc dd p {margin-top:15px;color:#333;font-size:16px;line-height:1.8;}

#gywm .video {margin-bottom:50px;width:100%;font-size:0;background-color:#000;overflow:hidden;}

#gywm .intro .tis {padding-top:50px;padding-bottom:20px;color:#333;text-align:center;border-bottom: 1px solid #d9d9d9;}
#gywm .intro .tis h2 {font-size:32px;line-height:1;}
#gywm .intro .tis p {margin-top:12px;font-size:20px;line-height:1;letter-spacing:1px;}
#gywm .intro .editorc {margin-top:15px;}

#gywm .szys {position:relative;z-index:2;margin-top:50px;box-shadow:0 0 15px #dedede;}
#gywm .szys dd {position:relative;display:inline-block;padding:30px 20px 40px 20px;width:20%;color:#333;font-size:16px;text-align:center;vertical-align:top;box-sizing:border-box;}
#gywm .szys dd:after {position:absolute;top:50px;right:0;display:block;width:1px;height:72px;background-color:#ccc;content:"";}
#gywm .szys dd:last-child:after {display:none;}
#gywm .szys dd .wys {font-size:54px;font-weight:bold;}
#gywm .szys dd .wz {position:relative;top:-3px;margin-left:8px;}

#gywm .hbss {padding-bottom:80px;background-color:#f2f4f7;}
#gywm .hbss dl {display:flex;flex-flow:row wrap;}
#gywm .hbss dl dd {margin-top:4%;width:48%;font-size:0;background-color:#fff;transition:all linear 200ms;}
#gywm .hbss dl dd:nth-child(even) { margin-left:4%;}
#gywm .hbss dl dd img {width:100%;}
#gywm .hbss dl dd p {padding:15px 20px;color:#888;font-size:18px;line-height:1.8;}
#gywm .hbss dl dd:hover {box-shadow:0 10px 20px rgba(0,0,0,0.1);transform:translate3d(0,-5px,0);}

#photos {padding-top:40px;font-size:0;}
#photos a {display:inline-block;margin-bottom:1.5%;margin-right:1.33333%;width:24%;font-size:0;text-align:center;vertical-align:top;}
#photos a:nth-child(4n) {margin-right:0;}
#photos a .imgs {padding:10px 9px;font-size:0;border:1px solid #f0f0f0;}
#photos a .imgs img {width:100%;}
#photos a .text {display:flex;align-items:center;height:50px;color:#4b4a4a;font-size:14px;background-color:#f0f0f0;overflow:hidden;}
#photos a .text p {width:100%;text-align:center;}

#hzkh {padding-top:40px;font-size:0;}
#hzkh a {display:inline-block;margin-bottom:1.5%;margin-right:1.33333%;padding:10px 9px;width:24%;font-size:0;text-align:center;vertical-align:top;box-sizing:border-box;border:1px solid #f0f0f0;}
#hzkh a:nth-child(4n) {margin-right:0;}
#hzkh a img {width:100%;}

/*===================================================================================*/

#contact > div {padding-top:70px;padding-bottom:70px;}
#contact .intro {display:flex;}
#contact .intro .imgs {flex:0 0 auto;width:440px;font-size:0;overflow:hidden;}
#contact .intro .imgs img {width:100%;}
#contact .intro .text {flex:1 1 auto;display:flex;align-items:center;padding:30px 30px 30px 50px;background-color:#f5f5f5;}
#contact .intro .text div {width:100%;}
#contact .intro .text span {color:#1f2d6a;font-size:18px;}
#contact .intro .text p {margin-top:20px;color:#666;font-size:16px;line-height:2;}

#contact .info {display:flex;justify-content:space-between;margin-top:40px;}
#contact .info dd {padding:20px;width:23.7%;color:#333;text-align:center;box-sizing:border-box;border:1px solid #eee;}
#contact .info dd i {display:block;font-size:40px;}
#contact .info dd p {margin-top:20px;margin-bottom:12px;font-size:14px;line-height:1;}
#contact .info dd h2 {font-size:15px;font-weight:normal;line-height:1.6;}

#contact .map {margin-top:40px;height:550px;font-size:0;border:1px solid #ddd;overflow:hidden;}

#contact .message {margin-top:40px;}
#contact .message .tis span {display:inline-block;padding:14px 38px;color:#fff;font-size:18px;font-weight:bold;line-height:1;vertical-align:top;}
#contact .message form {padding:40px 15%;border:1px solid #eee;background:url(../images/r1-orderform-1-bg.jpg) no-repeat center bottom #fff;}
#contact .message .items {display:flex;align-items:center;margin-bottom:15px;font-size:0;}
#contact .message .items p {flex:0 0 auto;width:120px;color:#666;font-size:14px;font-weight:bold;text-align:right;}
#contact .message .items p span {position:relative;top:2px;margin-right:5px;color:#ff0000;}
#contact .message .items input {flex:1 1 auto;padding-left:10px;padding-right:10px;width:100%;height:35px;border:1px solid #e0e0e0;}
#contact .message .items textarea {flex:1 1 auto;padding:8px 10px;width:100%;height:120px;line-height:1.7;border:1px solid #e0e0e0;}
#contact .message .yzm input {flex:0 0 auto;width:120px;}
#contact .message .yzm img {margin-left:10px;cursor:pointer;}
#contact .message .btns {margin-left:120px;font-size:0;}