/* CSS Document */

.cjylbox{padding: 90px 0 144px;}
.cjyl{width: 1200px;margin: 0 auto; position: relative;padding-right: 503px; box-sizing: border-box;}	
.titlelsq{position: relative;}
.titlelsq b{content: '';display: inline-block;width: 150px;height: 4px; background: #093CB1;position: absolute; left: 0; bottom:50px;}
.titlelsq span{content: '';display: inline-block;width: 79px;height: 79px; border-radius: 50%;position: absolute;z-index: 1; left: -39px; top: -35px;}
.titlelsq h2{color: #333;font-size:35px; line-height: 35px; margin-bottom: 30px;letter-spacing:5px;font-weight: bold; position: relative;z-index: 2;}
.titlelsq p{line-height: 24px;font-size: 16px; color: #333;font-weight: bold;}
.titler{position: relative;}
.titler b{content: '';display:block;width: 150px;height: 4px; background: #093CB1; margin:0 auto;}
.titler span{content: '';display: inline-block;width: 79px;height: 79px; border-radius: 50%;position: absolute;z-index: 1; right: -39px; top: -42px;}
.titler h2{color: #333;font-size:35px; line-height: 35px; margin-bottom: 20px;letter-spacing:5px;font-weight: bold; position: relative;z-index: 2; text-align:center;}
.titler p{line-height: 24px;font-size: 16px; color: #333;font-weight: bold;text-align: center;}
.cjyltxt{width: 585px;color: #333;font-size: 16px; line-height: 24px;padding: 55px 0 50px; position: relative;z-index: 2;}
.img3b{position: absolute;width: 493px;height: 100%;right: 0; top: 0; z-index: 10; background: url(10594700_themes_theme2_images_img3b.png) no-repeat center bottom;}
.cjyl img{position: relative;z-index: 2;}
.cjyl::after{content: ''; display: inline-block;width: 328px;height: 602px;background: #F3F3F3;position: absolute;z-index: 1;top: 0; left: 379px;}
.cybj{padding: 85px 0 60px; margin: 0;}
.yew::before{width: 100%;}
.yewm{margin: 50px 0 0;}
.shkf{background: #F7FEFF;padding: 25px 0;}
.shtxt{width: 580px;height: 578px; }
.shtxtm{color: #333;font-size: 16px; line-height: 24px;padding: 45px 0 0;}
.shtxtm h3{font-size: 18px; margin: 25px 0; line-height: 20px;font-weight: bold;	}




.yew{position: relative; z-index: 2;}
.yew .wrap{position: relative;z-index: 10;padding: 48px 0; width:86%; margin:0 auto; height:100%;  margin-top:20px; background:#e9f0ff ; width:95%;  overflow:hidden;}
.yew .wrap>div{position: relative;z-index: 2; margin-bottom:20px;}
.ywm{position: relative;width:18%; float:left; margin:0 1%; overflow: hidden;cursor: pointer; text-align:center; margin-bottom:15px;}
.ywm img{vertical-align: top;width: 191px;height: 191px; position: relative;z-index: 1;}
.ywm p{background: rgba(0,0,0,0.6);width: 100%;height: 50px; text-align: center; line-height: 50px; color: #fff;font-size: 16px;position: absolute;left: 0; bottom: -50px; z-index: 2; transition: all 0.3s;}
.ywm:hover p{bottom: 0;}
.title6{position: absolute;right: 0; top: -153px;}
.title6::before{content: '';display: inline-block;width: 170px;height: 4px; background: #093CB1;position: absolute; right: -90px; top:55px;}
.title6::after{content: '';display: inline-block;width: 79px;height: 79px; border-radius: 50%;background:linear-gradient(180deg,rgba(165,102,255,1) 0%,rgba(170,189,255,1) 100%);position: absolute;z-index: 1; right: -30px; top: -34px;}
.title6 h2{color: #333;font-size: 40px; line-height: 40px; margin-bottom: 30px;letter-spacing:6px;font-weight: bold; position: relative;z-index: 2; text-align: right;}
.title6 p{line-height: 20px;font-size: 16px; color: #333;text-align: right;font-weight: bold;}
.cybj{background: #F9FBFF;padding: 267px 0 23px;position: relative;z-index: 1;margin-top: -185px;}
.title7{position: relative;}
.title7::before{content: '';display: inline-block;width: 170px;height: 4px; background: #093CB1;position: absolute; left: -90px; top:65px;}
.title7::after{content: '';display: inline-block;width: 79px;height: 79px; border-radius: 50%;background:linear-gradient(180deg,rgba(97,255,225,1) 0%,rgba(154,163,247,1) 100%);position: absolute;z-index: 1; left: -44px; top: -21px;}
.title7 h2{color: #333;font-size: 40px; line-height: 50px; margin-bottom: 30px;letter-spacing:6px;font-weight: bold; position: relative;z-index: 2;}
.title7 p{line-height: 20px;font-size: 16px; color: #333;font-weight: bold;}
.map{background: url(10594700_themes_theme2_images_img5a.png) no-repeat center center; height: 592px; position: relative;}
.maptxtl{color: #093CB1;display: inline-block;position: absolute;font-size: 14px;background: url(10594700_themes_theme2_images_icon8.png) no-repeat right center;padding-right: 20px; line-height: 22px;}
.maptxtr{color: #093CB1;display: inline-block;position: absolute;font-size: 14px;background: url(10594700_themes_theme2_images_icon8.png) no-repeat left center;padding-left: 20px; line-height: 22px;}
.maptxtb{color: #093CB1;display: inline-block;position: absolute;font-size: 14px;background: url(10594700_themes_theme2_images_icon8.png) no-repeat top center;padding-top: 26px; line-height: 14px;}
.title8{ position: relative;}
.title8::before{content: '';display: inline-block;width: 170px;height: 4px; background: #093CB1;position: absolute; right: -90px; top:55px;}
.title8::after{content: '';display: inline-block;width: 79px;height: 79px; border-radius: 50%;background:linear-gradient(180deg,rgba(255,221,97,1) 0%,rgba(247,180,154,1) 100%);position: absolute;z-index: 1; right: -30px; top: -34px;}
.title8 h2{color: #333;font-size: 40px; line-height: 40px; margin-bottom: 30px;letter-spacing:6px;font-weight: bold; position: relative;z-index: 2; text-align: right;}
.title8 p{line-height: 20px;font-size: 16px; color: #333;text-align: right;font-weight: bold;}
.bghj{background: #F7FEFF;padding: 23px 0;}
.bghjm{position: relative;}
.bghjmr{width: 48%; height: 100%; position: absolute;right: 0;top: 0;}
.bghjml{width: 1200px;margin: 0 auto;padding: 60px 0 30px;}

@media screen and (max-width: 768px) {
.cjylbox {
    padding: 20px 0 44px;
}
.cjyl{width:100%; float:none; padding-right:0;}
.img3b{display:none;}
.cjyl::after{display:none;}
.cjyltxt{width:100%; padding:10px 0 10px;}
.titlelsq{text-align:center;}
.titlelsq h2{font-size:25px;}
.titlelsq span{margin:0 auto; display:none;}
.titlelsq b{left:50%; margin-left:-75px;}
.ywm{width:48%; margin:10px 1%;}

}