.pageTitle{ padding:5vh 0 0;  display:none;}
.pageTitle h1{ display:none;}
.myBox{padding:8vh 0 0;}


.myBox .item{margin:2vw 0 4vw 0; position:relative}

.firstItem{}
.firstItem ul.leftImg{margin:-2vh 0; padding:0 1.6vw 0 0;text-align:left; -webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; width:50%; float:left;  }

.firstItem ul.leftImg li{ padding:2vh 0; }
.firstItem ul.leftImg li .conItem{border-radius:5px; overflow:hidden;display: flex;align-items: center;position:relative;}

.firstItem ul.leftImg li .imgBox{ display: block;width:100%; height:auto; max-height:180px; overflow:hidden;}

.firstItem ul.leftImg li .imgBox img{ width:100%; height:auto}

.firstItem ul.leftImg li .imgBox img{display:block;-webkit-transform:translateZ(0) scale(1);-moz-transform:translateZ(0) scale(1);-ms-transform:translateZ(0) scale(1);-o-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1);-webkit-transition:all .8s;-moz-transition:all .8s;transition:all .8s; }

.firstItem ul.leftImg li:hover .imgBox img{display:block;-webkit-transform:translateZ(0) scale(1.3);-moz-transform:translateZ(0) scale(1.3);-ms-transform:translateZ(0) scale(1.3);-o-transform:translateZ(0) scale(1.3);transform:translateZ(0) scale(1.3);-webkit-transition:all .8s;-moz-transition:all .8s;transition:all .8s}

.firstItem ul.leftImg  .txtBox{text-align:left; position:absolute; padding:0 2vw;}
.firstItem ul.leftImg  .txtBg{ width:100%; height:100%; position:absolute;}
.firstItem ul.leftImg  .txtBox p { font-weight:500; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin:1vh 0; line-height:150%;font-size:1.3vw; transition: all .3s; }
.firstItem ul.leftImg li .txtBg{background-color: rgba(0,0, 0, 0.1); transition: all .3s}
.firstItem ul.leftImg li:hover .txtBg{background-color: rgba(0,0, 0, 0.3); transition: all .3s}

.firstItem ul.leftImg li a,.firstItem ul.leftImg li span{color:#FFF; transition: all .3s}

.firstItem ul.leftImg li span { line-height:150%; transition: all .3s;}

.firstItem ul.leftImg li span:nth-child(2){ padding:0 .4vw;} 
.firstItem ul.leftImg li .txtBox p a {text-decoration:underline; color:#FFF; transition: all .3s}
.firstItem ul.leftImg li .txtBox p a:hover { text-decoration:underline; color:#FFF; transition: all .3s; }

.firstItem ul.leftImg li .txtBox span i{ padding:0 0.4vw;}
.firstItem ul.leftImg li .txtBox .moreBtn{}

.firstItem ul.rightText{ padding:0 0 0 1.6vw; text-align:left; -webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; width:50%; float:left;}
.firstItem ul.rightText .titleItem{ margin-bottom:2vh; font-size:0;height:2.6vw;  display: flex;align-items: center; }
.firstItem ul.rightText .titleItem img{display:inline-block;width:auto; height:2.6vw; padding:0; margin:0;vertical-align:top;}
.firstItem ul.rightText .titleItem h2{color: #fff;line-height:2.6vw;  font-weight:500; padding:0 .6vw 0 1.2vw; height:2.6vw;display:inline-block;background:#d10412; }

.firstItem ul.rightText li{border-bottom:#e8e8e8 solid 1px;  margin:1vh 0; padding:1vh 0; text-align:left; display:block; overflow:hidden;transition: all .3s;}

.firstItem ul.rightText li:hover{border-bottom:#cf1a20 solid 1px; cursor:pointer;transition: all .3s;}
.firstItem ul.rightText li:hover p{color: #cf1a20;transition: all .3s;}
.firstItem ul.rightText li:first-child{margin-top:0; padding-top:0; }
.firstItem ul.rightText li a p {font-size:.9vw; margin:.5vh 0; line-height:150%;display: -webkit-box;　-webkit-box-orient: vertical;　-webkit-line-clamp: 2;
　　overflow: hidden;transition: all .3s; }

.firstItem ul.rightText li:nth-child(2){border-bottom:#cf1a20 solid 1px;}

.firstItem ul.rightText li:nth-child(2) p {font-size:1.2vw;color: #cf1a20;}

.firstItem ul.rightText li a span { line-height:150%; color: #686868 ;transition: all .3s;}

.firstItem ul.rightText li a span:nth-child(2){ padding:0 .4vw;} 
.firstItem ul.rightText .moreBtn{ padding:3vh 0;}
.firstItem ul.rightText .moreBtn i{ padding:0 .3vw;}

.aboutItem .leftImg{ float:left; width:50%; height:auto;box-shadow: 1px 1px 20px #cacaca; border-radius:5px; overflow:hidden}
.aboutItem .leftImg img{ width:100%; height:auto}
.aboutItem .rightText{ float:left; width:50%;text-align:left; padding:3vw 2vw;box-shadow: 1px 1px 20px #cacaca;position:absolute; left:50%; top:50%; transform: translate(0, -50%);}

.aboutItem .rightText span{ line-height:220%; font-size:0.9vw;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;}

.menuList ul{margin:0 -1.2vw; text-align:center }
.menuList ul li{ -webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%; width:25%; float:left;  padding:2vw 1.2vw; }
.menuList ul li .conItem{border-radius:5px; overflow:hidden;position:relative;display: flex;align-items: center;justify-content: center;-webkit-box-shadow: 0px 0px 10px #cacaca;	-moz-box-shadow: 0px 0px 10px #cacaca;	box-shadow: 0px 0px 10px #cacaca; transition: all .3s;}

.menuList ul li:hover .conItem{ margin-top:-1vh ;-webkit-box-shadow: 0px 0px 30px #cacaca;	-moz-box-shadow: 0px 0px 30px #cacaca;	box-shadow: 0px 0px 30px #cacaca; transition: all .3s;}

.textCon{ display:inline; padding:3vh 0;}
.menuList ul li .imgBox{ width:40%; height:auto; overflow:hidden; text-align:center; margin:0 auto; }

.menuList ul li .imgBox img{ width:100%; height:auto}

.menuList .txtBox{text-align:center; }
.menuList ul li a .txtBox span{color: #2b2b2b; font-size:1vw;padding:0 2vw 0 2vw; line-height:200%; display:block;transition: all .3s;}


.thirdBox ul{margin:0 -1.2vw; margin-bottom:5vh; }

.thirdBox ul li{ -webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; width:50%; height:auto; float:left; padding:0 1.2vw;}
.thirdBox ul li .conItem{border-radius:5px; overflow:hidden;-webkit-box-shadow: 0px 0px 20px #cacaca;	-moz-box-shadow: 0px 0px 20px #cacaca;	box-shadow: 0px 0px 20px #cacaca;}

.thirdBox ul li .imgBox{display: block;overflow:hidden; position:relative; }

.thirdBox ul li .imgBox img{ width:100%; height:auto}

.thirdBox ul li a .imgBox img{display:block;-webkit-transform:translateZ(0) scale(1);-moz-transform:translateZ(0) scale(1);-ms-transform:translateZ(0) scale(1);-o-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1);-webkit-transition:all .8s;-moz-transition:all .8s;transition:all .8s;}
.thirdBox ul li a:hover .imgBox img{display:block;-webkit-transform:translateZ(0) scale(1.1);-moz-transform:translateZ(0) scale(1.1);-ms-transform:translateZ(0) scale(1.1);-o-transform:translateZ(0) scale(1.1);transform:translateZ(0) scale(1.1);-webkit-transition:all .8s;-moz-transition:all .8s;transition:all .8s}

.thirdBox .txtBox{text-align:left;padding:0 1vw 0 1vw; position:absolute; left:0; bottom:1vh;  width:100%;z-index:2;  }

.thirdBox .txtBox span {line-height:150%; font-size:1.3vw; font-weight:500;transition: all .3s;}

.thirdBox ul li a .txtBox span,.thirdBox ul li a .txtBox p{ color:#FFF;}

.thirdBox .txtBox span:nth-child(2){ padding:0 .4vw;} 

.thirdBox .txtBox span.txt{overflow:hidden; }

.thirdBox .txtBox p { display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin:.5vh 0; line-height:150%;transition: all .3s; }

.thirdBox a:hover p{ text-decoration:underline; transition: all .3s; }

.thirdBox .txtMask { display:block;position:absolute; left:0; bottom:0;width:100%; height:80%; background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.6));  z-index:1; }


.mapItem{ width:100%; height:50vh; min-height:300px;border-radius:5px; overflow:hidden; border:#FFF 3px solid; margin:4vh 0; }

.mapItem #container{ width:100%; height:100%; border-radius:5px; overflow:hidden;}

.amap-icon img,.amap-marker-content img{
            width: 2vw;
            height:auto;
        }

.marker {
            position: absolute;
            top: -20px;
            right: -118px;
            color: #fff;
            padding: 4px 10px;
            box-shadow: 1px 1px 1px rgba(10, 10, 10, .2);
            white-space: nowrap;
            font-size: 12px;
            font-family: "";
            background-color: #25A5F7;
            border-radius: 3px;
}


@media (max-width: 768px) {
.aboutBox{padding:20px 0;}
.pageTitle{ padding:20px 0 0;}
.pageTitle h1{ display:none;}
.myBox{padding:20px 0 0;}
.myBox .item{margin:20px 0 40px 0; position:relative}
.firstItem ul.leftImg{margin:-10px 0; padding:0 0 0 0;text-align:left; -webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; width:100%; float:none;  }

.firstItem ul.leftImg li{ padding:10px 0; }
.firstItem ul.leftImg li .conItem{border-radius:5px; overflow:hidden;display: flex;align-items: center;position:relative;}

.firstItem ul.leftImg li .imgBox{ display: block;width:100%; height:auto; max-height:none; overflow:hidden;}

.firstItem ul.leftImg li .imgBox img{ width:100%; height:auto}

.firstItem ul.leftImg li .imgBox img{display:block;-webkit-transform:translateZ(0) scale(1);-moz-transform:translateZ(0) scale(1);-ms-transform:translateZ(0) scale(1);-o-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1);-webkit-transition:all .8s;-moz-transition:all .8s;transition:all .8s; }

.firstItem ul.leftImg li:hover .imgBox img{display:block;-webkit-transform:translateZ(0) scale(1.3);-moz-transform:translateZ(0) scale(1.3);-ms-transform:translateZ(0) scale(1.3);-o-transform:translateZ(0) scale(1.3);transform:translateZ(0) scale(1.3);-webkit-transition:all .8s;-moz-transition:all .8s;transition:all .8s}

.firstItem ul.leftImg  .txtBox{text-align:left; position:absolute; padding:0 20px;}
.firstItem ul.leftImg  .txtBg{ width:100%; height:100%; position:absolute;}
.firstItem ul.leftImg  .txtBox p { font-weight:500; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;margin:10px 0; line-height:150%;font-size:18px; transition: all .3s; }
.firstItem ul.leftImg li .txtBg{background-color: rgba(0,0, 0, 0.1); transition: all .3s}
.firstItem ul.leftImg li:hover .txtBg{background-color: rgba(0,0, 0, 0.3); transition: all .3s}

.firstItem ul.leftImg li a,.firstItem ul.leftImg li span{color:#FFF; transition: all .3s}

.firstItem ul.leftImg li span { line-height:150%; transition: all .3s;}

.firstItem ul.leftImg li span:nth-child(2){ padding:0 5px;} 
.firstItem ul.leftImg li .txtBox p a {text-decoration:underline; color:#FFF; transition: all .3s}
.firstItem ul.leftImg li .txtBox p a:hover { text-decoration:underline; color:#FFF; transition: all .3s; }

.firstItem ul.leftImg li .txtBox span i{ padding:0 5px;}
.firstItem ul.leftImg li .txtBox .moreBtn{}

.firstItem ul.rightText{ padding:40px 0 0; text-align:left;  -webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; width:100%; float:none; }
.firstItem ul.rightText .titleItem{ display:block;margin-bottom:30px; }
.firstItem ul.rightText .titleItem img{display:none;}
.firstItem ul.rightText .titleItem h2{ font-size:30px;color: #cf1a20;line-height:100%;  font-weight:500; padding:0 0; height:auto;display:block;background:none; }
.firstItem ul.rightText li{border-bottom:#e8e8e8 solid 1px;  margin:10px 0; padding:5px 0; text-align:left; display:block; overflow:hidden;transition: all .3s;}

.firstItem ul.rightText li:hover{border-bottom:#cf1a20 solid 1px; cursor:pointer;transition: all .3s;}
.firstItem ul.rightText li:hover p{color: #cf1a20;transition: all .3s;}
.firstItem ul.rightText li:first-child{margin-top:0; padding-top:0; }
.firstItem ul.rightText li a p {font-size:16px; margin:5px 0; line-height:150%;display: -webkit-box;　-webkit-box-orient: vertical;　-webkit-line-clamp: 5;
　　overflow: hidden;transition: all .3s; }

.firstItem ul.rightText li:nth-child(2){border-bottom:#cf1a20 solid 1px;}

.firstItem ul.rightText li:nth-child(2) p {font-size:18px;color: #cf1a20;}

.firstItem ul.rightText li a span { line-height:150%; color: #686868 ;transition: all .3s;}

.firstItem ul.rightText li a span:nth-child(2){ padding:0 5px;} 
.firstItem ul.rightText .moreBtn{ width:40%;   margin:30px auto 0 auto; text-align:center;display:table;}
.firstItem ul.rightText .moreBtn a{ width:100%;padding:10px 0;display:block; border:#e8e8e8 solid 1px;border-radius:3px; overflow:hidden;}
.firstItem ul.rightText .moreBtn a:hover{ width:100%;padding:10px 0;display:block; border:#cf1a20 solid 1px;}

.firstItem ul.rightText .moreBtn i{ padding:0 5px;}


.menuList ul{margin:0 -10px; text-align:center }
.menuList ul li{ -webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; width:50%; float:left;  padding:10px 10px; }
.menuList ul li .conItem{ background:#fdfdfd;border-radius:5px; overflow:hidden;position:relative;display: flex;align-items: center;justify-content: center;-webkit-box-shadow:none;	-moz-box-shadow: none;	box-shadow:none; transition: all .3s;}

.menuList ul li:hover .conItem{ margin-top:0 ;-webkit-box-shadow:none;	-moz-box-shadow:none;	box-shadow:none; transition: all .3s;}

.textCon{ display:inline; padding:10px 0;}
.menuList ul li .imgBox{ width:40%; height:auto; overflow:hidden; text-align:center; margin:0 auto; }

.menuList ul li .imgBox img{ width:100%; height:auto}

.menuList .txtBox{text-align:center; }
.menuList ul li a .txtBox span{color: #2b2b2b; font-size:16px;padding:0; line-height:200%; display:block;transition: all .3s;}


.thirdBox ul{margin:0 0; margin-bottom:20px; }

.thirdBox ul li{ -webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; width:100%; height:auto; float:none; padding:15px 0;}
.thirdBox ul li .conItem{border-radius:5px; overflow:hidden;-webkit-box-shadow:none;	-moz-box-shadow:none;	box-shadow:none;}

.thirdBox ul li .imgBox{display: block;overflow:hidden; position:relative; }

.thirdBox ul li .imgBox img{ width:100%; height:auto}

.thirdBox ul li a .imgBox img{display:block;-webkit-transform:translateZ(0) scale(1);-moz-transform:translateZ(0) scale(1);-ms-transform:translateZ(0) scale(1);-o-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1);-webkit-transition:all .8s;-moz-transition:all .8s;transition:all .8s;}

.thirdBox ul li a:hover .imgBox img{display:block;-webkit-transform:translateZ(0) scale(1.1);-moz-transform:translateZ(0) scale(1.1);-ms-transform:translateZ(0) scale(1.1);-o-transform:translateZ(0) scale(1.1);transform:translateZ(0) scale(1.1);-webkit-transition:all .8s;-moz-transition:all .8s;transition:all .8s}

.thirdBox .txtBox{text-align:left;padding:0 10px 0 10px; position:absolute; left:0; bottom:10px;  width:100%;z-index:2;  }

.thirdBox .txtBox span {line-height:150%; font-size:18px; font-weight:500;transition: all .3s;}

.thirdBox ul li a .txtBox span,.thirdBox ul li a .txtBox p{ color:#FFF;}

.thirdBox .txtBox span:nth-child(2){ padding:0 5px;} 

.thirdBox .txtBox span.txt{overflow:hidden; }

.thirdBox .txtBox p { display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;margin:10px 0; line-height:150%;transition: all .3s; }

.thirdBox a:hover p{ text-decoration:underline; transition: all .3s; }

.thirdBox .txtMask { display:block;position:absolute; left:0; bottom:0;width:100%; height:80%; background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.6));  z-index:1; }


.mapItem{ width:100%; height:300px; min-height:300px;border-radius:5px; overflow:hidden; border:#FFF 3px solid; margin:20px 0; }

.amap-icon img,.amap-marker-content img{
            width: 30px;
            height:auto;
        }
}