/* CSS Document */

/*½²Ê¦*/
.same-back{ width:100%; height:auto; margin:0 auto; background-color:#f5f8fa; min-width:1200px; padding-bottom:66px;}
.same-banner{ width:100%; height:auto; margin:0 auto; background:url(../images/same01.jpg) top no-repeat;}
.same-plate{ width:1080px; height:310px; margin:0 auto; position:relative; text-align:left; background:#fff; margin-top:42px; box-shadow:0 10px 20px rgba(0,0,0,0.17);}
.s-artcle01{ font-size:42px; color:#444; font-weight:bold; display:block; line-height:62px; margin-left:74px; padding-top:60px; padding-bottom: 22px;}
.same-plate p{ font-size:16px; color:#999; line-height:29px; margin-left:88px;}
.same-plate p img{ width:16px; height:16px; margin-right:20px; float:left; margin-top:7px;}
.s-img01{ position:absolute; bottom:0px; right:26px; z-index:2;}
.same-link{ width:402px; height:65px; background:#1c1717; margin-top: 50px;}
.same-link i{ width:68px; height:65px; background: url(../images/bofang01.png) center no-repeat; display:inline-block;}
.same-link span{ color:#fff; background:#ff6960; line-height:65px; display:inline-block; width:334px; text-align:center; float:right; font-size:20px;}

.g-content{ width:100%; height:auto; margin:0 auto; text-align:center; margin-top:100px; margin-bottom:56px;}
.g-content li{ height:auto; width:auto; margin: 0 34px; display: inline-block;}
.g-content li img{ float:left;}
.g-c-nate{ float:left; width:auto; height:auto; text-align:left; margin-left:16px;}
.g-c-nate b{ font-size:18px; color:#444; display:block; margin-bottom:8px;}
.g-c-nate span{ font-size:14px; color:#999; line-height:18px;}
.g-c-line{ display:block; margin:0 auto; width:1100px; height:5px; background:#f5f8fa;}

.g-c-title{ width:100%; height:auto; margin:0 auto; padding-top:84px; margin-bottom:60px;}
.g-c-title b{ font-size:32px; color:#444; display:block; margin-bottom:10px;}
.g-c-title span{ font-size:16px; color:#999;}

.g-c-after{ float:left; text-align:center; margin-left:110px; margin-top: 32px;}
.g-c-after b{ font-size:24px; color:#444;}
.g-c-after p{ background:url(../images/line01.png) center no-repeat; height:175px; margin:6px 0;}
.g-c-after p span{ font-size:14px; display:inline-block; width:46px; height:46px; background:#ff5950; line-height:46px; border-radius:100%; margin-top:64px; color:#fff;}
.g-c-brfore{ float:left; width:auto; height:auto; background:url(../images/line02.png) 88px 41px no-repeat; margin-bottom:48px; margin-left:66px;}
.g-c-brfore li{ float:left; text-align:center; margin-right: 64px;}
.g-c-back{ display:block; background:url(../images/content05.png) center no-repeat; font-size:24px; font-weight:bold; color:#666; width:118px; height:109px; line-height:96px; -webkit-transition:.4s;}
.g-c-brfore b{ font-size:18px; color:#444; display:block; margin-top:6px; margin-bottom:10px; -webkit-transition:.4s;}
.g-c-brfore li:hover .g-c-back{ background:url(../images/content06.png) center no-repeat; color:#fff; -webkit-transition:.4s;}
.g-c-brfore li:hover b{ color:#ff6960; -webkit-transition:.4s;}
.g-c-bottom{ margin-bottom:100px;}

.g-t-nate{ width:1200px; height:auto; margin:0 auto; background:#fff; display:table; margin-bottom: 20px;}
.g-t-nate li{ float:left; margin: 34px 84px;}
.g-t-back01{ display:block; background:url(../images/fenbi01.png) center no-repeat; font-size:18px; color:#ff6960; font-weight:bold; width:76px; height:76px; line-height:76px; margin:0 auto;}
.g-t-back02{ display:block; background:url(../images/fenbi02.png) center no-repeat; font-size:18px; color:#ff6960; font-weight:bold; width:76px; height:76px; line-height:76px; margin:0 auto;}

.g-t-back03{ display:block; background:url(../images/fenbi03.png) center no-repeat; font-size:18px; color:#ff6960; font-weight:bold; width:76px; height:76px; line-height:76px; margin:0 auto;}

.g-t-back04{ display:block; background:url(../images/fenbi04.png) center no-repeat; font-size:18px; color:#ff6960; font-weight:bold; width:76px; height:76px; line-height:76px; margin:0 auto;}

.g-t-nate b{ font-size:18px; color:#444444; display:block; margin-top:10px; margin-bottom:6px;}

.g-t-list{ width:1200px; height:auto; margin:0 auto;position:relative;  z-index:1; display:table; display:-webkit-flex;display:flex; -webkit-flex-direction: row;flex-direction: row; -webkit-justify-content:flex-start;justify-content:flex-start;flex-wrap:wrap; -webkit-flex-wrap:wrap;}
.g-t-tea{ width:223px; height:265px; background:#fff; position:relative;top:0px;margin:0px 8px;margin-top:30px;  -webkit-transition:.8s;}
.g-t-img01{ margin-top:22px;border-radius: 50%;border: 1px solid #dddddd;}
.g-t-list p{ font-size:16px; color:#444; line-height:24px; margin-top:18px; margin-bottom:16px;}
.g-t-img02{ margin-left:18px; margin-right:4px; position: relative;top: 1px;}
.g-t-img03{ position:absolute; left:1px; bottom:-30px; z-index:-1; display:none;}
.g-t-text{ width:100%; height:0; background:rgba(63,68,72,0.7); position:absolute; bottom:0; left:0; z-index:2; overflow:hidden;}
.g-t-link01{ font-size:14px; color:#fff; display:block; width:122px; height:38px; line-height:38px; background:#4abcfa; border-radius:2px; margin:0 auto; margin-top:20px; margin-bottom:10px; -webkit-transition:.4s;}
.g-t-link02{ font-size:14px; color:#999; display:block; width:122px; height:38px; line-height:38px; background:#fff; border-radius:2px; margin:0 auto; -webkit-transition:.4s;margin-top:22px;}
.g-t-link01:hover{ background:#74cbfa; -webkit-transition:.4s;}
.g-t-link02:hover{  background:#e9e8e8; -webkit-transition:.4s;}
.g-t-tea:hover{ top:-18px; -webkit-transition:.8s; }
.g-t-tea:hover .g-t-img03{ display:block;}
.g-t-link03{ display:block; width:1200px; height:50px; line-height:50px; font-size:14px; color:#666; margin-top:56px; background:#fff; border-radius:2px;  -webkit-transition:.8s;}
.g-t-link03:hover{ background:#ff5950; color:#fff; -webkit-transition:.8s;}

.g-distance{ background:#181d28;}
.g-d-title b{ color:#ff6960;}
.g-d-dialogue{ width:549px; height:auto; float:left; position:relative;  background:#fff; margin:0 5px;}
.g-d-date{ width:100%; height:auto; text-align:left;}
.g-d-date span{ font-size:16px; color:#444; margin-left:22px; display:block; padding-top:24px; margin-bottom:16px;}
.g-d-date em{ font-size:14px; color:#999; margin-left:22px; display:block; padding-bottom:28px;}
.g-d-text{ width:100%; height:284px; position:absolute; top:0; left:0; z-index:2; background:rgba(24,29,40,0.6); display:none;}
.g-d-text img{ margin-top:106px;}
.g-d-width{ width:263px;}
.g-d-swi { width: 1106px;}

.g-d-swi02{ width:1200px; }
.g-d-evaluation{ width:587px; height:397px; float:left; border:1px #e8ebee solid; border-radius:2px 2px 0 0; overflow:hidden;}
.g-d-etop{ width:100%; height:142px; background:#8b93af; border-radius:2px 2px 0 0; margin-bottom:18px;}
.g-d-etop b{ font-size:26px; color:#fff; float:left; margin-left:22px; width:123px; margin-top:36px;}
.g-d-nate{ float:left; font-size:17px; color:#fff; text-align:left; margin-left:50px; margin-top:43px;}
.g-d-nate em{ display:block; font-size:12px; color:#caced9; margin-top:10px;}
.g-d-tale{ font-size:14px; color:#fff; background:#fab400; width:112px; height:50px; line-height:50px; float:right; border-radius:30px; margin-top:46px; margin-right:-21px;}
.g-d-evaluation p{ font-size:14px; color:#999; text-indent:2em; line-height:24px; width:552px; margin:0 auto; text-align:left;}
.g-d-color{ background:#ff6960;}
.g-d-color .g-d-nate{ margin-left:38px}
.g-d-color .g-d-nate em{ color:#ffbebb;}
.g-d-margin{ margin-left:22px;}

.g-detailed{ width:100%; height:auto; margin:0 auto; background:#f5f8fa; padding: 28px 0; min-width:1200px;}
.g-d-tail{ width:100%; height:auto; margin:0 auto;}
.g-d-tail li{ float:left; width:200px; height:auto; text-align:left;}
.g-d-tail li img{ margin-left:8px; margin-right:14px; float:left; margin-top: 5px;}

/*ʵѵ*/