/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px;font-family:''; color:#666;}
a{color:#666;}
a:hover{ color:#f60; text-decoration:underline;}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1200px; margin:0 auto;}
.fl{float: left;}
.fr{float: right;}

.menu ul li{display: inline-block;width: 120px;text-align: center;line-height: 80px;}
.menu ul li a{color: #000;font-size: 14px;}
.menu ul li a:hover{color: #198EFD;}


.pad{padding: 80px 0;}
.tit{color: #12151a;text-align: center;}
.tit h3{font-size: 34px;font-weight: bold;}
.tit span{margin-top: 5px;display: block;font-size: 18px;}
.web-modular-line {width: 60px; height: 2px; background-color: #00AFED; margin: 35px auto 0;}
.con ul{padding-top: 50px;}
.con ul li{width: 31.3%;margin: 2% 0;margin-right: 3%;float: left;text-align: center;}
.con ul li .imgsize{overflow: hidden;}
.con ul li img{transition: all 1.5s;max-width: 100%;}
.con ul li img:hover{transform: scale(1.1);}
.con ul li h3{margin-top: 15px;    font-size: 28px;color: #333;font-weight: normal;}
.con ul li:hover .web-modular-line2{width: 100px;transition: all 1.5s;}
.web-modular-line2 {width: 60px; height: 2px; background-color: #00AFED; margin: 15px auto;}
.con ul li span{display: block;    color: #666666;margin-top: 15px;    font-size: 18px;height: 126px;line-height: 36px;}
.li{padding-bottom: 30px;}
.li:hover{box-shadow: 0px 0px 12px 0px rgba(163, 163, 163, 0.75);}


.con11 ul li{width: 44%;margin: 3%;float: left;text-align: center;}
.con11 ul .li2{width: 44%;margin: 3%;float: left;text-align: center;}
/*.con11 ul li img{border-radius: 50%;}*/
.con11 ul li h3{line-height: 34px;font-size: 16px;color: #000;font-weight: normal;}
.con11 .left{width: 48%;}
.con11 .left img{margin-top: 30px;}
.con11 .left h3{color: #666666;font-size: 16px;line-height: 40px;font-weight: normal;}
.con11 .right{width: 48%;}
.con11 .ul2{margin-left: -10%;}

.con2{background:;}

    .con2 img {
        max-width: 99%;
        /*border: 1px solid #ddd;*/
    }
.swiper-container2{padding: 50px 0 !important;}

.con22 .left{width: 48%;font-size: 16px;line-height: 32px;color: #000;}
.con22 .left span{display: block;text-indent: 2em;}
.con22 .left a{display: inline-block;width: 120px;height: 40px;text-align: center;line-height: 40px;border: 1px solid  #ccc;color: #000;margin-top: 20px;}
.con22 .left a:hover{background:#ccc;color: #fff;border: 1px solid  #ccc;}
.con22 .right{width: 30%;padding: 0%;/*background: #fff;*/}
.more1{ margin-top:10px;}
.more1 a{ display:inline-block; text-align:center; background:#00AFED; color:#fff; padding:0 20px; height:40px; line-height:40px; font-size:16px;}
.more1 a:hover{ background:#198EFD;}
.con22 .right ul li {line-height: 32px;font-size: 14px;color: #000;}
.tit2 h3{font-size: 20px;font-weight: normal;color: #000;}
.tit2 span{margin-top: 5px;display: block;font-size: 16px;color: #000;}
.web-modular-line22 {width: 60px; height: 2px; background-color: #00AFED; margin: 10px 0;}

/*.con33 ul{padding-top: 50px;}
.con33 ul li{width: 16.6%;float: left;text-align: center;position: relative;}
.con33 ul li h3{font-size: 20px;line-height: 40px;font-weight: normal;color: red;}
.con33 ul li span{display: block;line-height: 36px;font-size: 14px;color: #000;}
.slopingside{height:0px;border: 4px solid red;width:100%;
		    	transform:rotate(170deg);
		    	-o-transform:rotate(170deg);
		    	-moz-transform:rotate(170deg);
		    	-webkit-transform:rotate(170deg);
		    	margin-bottom: 40px;
		    }
		   
.dian{width: 20px;height: 20px;border: 1px solid red;text-align: center;line-height: 20px;border-radius: 50%;position: absolute;background: #fff;z-index: 9;left: 0px;right: 0;margin: 0 auto;top: -9px}
.dian2{width: 6px;height: 6px;background: red;border-radius: 50%;margin: 7px auto ;}

.con33 ul li:nth-child(1){margin-top: 175px;} 
.con33 ul li:nth-child(2){margin-top: 140px;} 
.con33 ul li:nth-child(3){margin-top: 105px;} 
.con33 ul li:nth-child(4){margin-top: 70px;} 
.con33 ul li:nth-child(5){margin-top: 35px;} */
.con44 ul{text-align: center;}
.con44 ul li{display: inline-block;/*float: left;*/}
.con44 ul li h3{font-size: 16px;text-align: center;color: #000;font-weight: normal;}
.con44 ul .li img{padding-bottom:24px;}


.con3{/*background: #F0F0F0;*/}
.con3 .left{width: 49%;}
.con3 .left img{max-width: 100%;}
.con3 .right{width: 49%;font-size: 14px;line-height: 28px;color:#000;text-align: left;}

.foot{background: #2E2E2E;}
.foot .left{width: 30%;text-align: left;}
.foot .left ul{text-align: left;margin-top: 20px;}
.foot .left ul li{display: inline-block;}
.foot .left ul li img{width: 120px;}
.foot .left ul li span{display: block;font-size: 16px;text-align: center;color: #fff;}
.foot .center{width: 40%;}
.foot .center dl{width: 25%;float: left;text-align: left;}
.foot .center dl dt{color: #fff;font-size: 16px;margin-bottom: 20px;}
.foot .center dl dd a{color: #fff;line-height: 32px;font-size: 14px;}
.foot .right{width: 30%;text-align: left;}
.foot .right ul li {line-height: 32px;font-size: 14px;color: #fff;}
.copy{display: block;font-size: 16px;text-align: center;line-height: 32px;color: #fff;text-align: center;background: #2E2E2E;}

.padtop{padding-top: 50px;}

.about .main{font-size: 14px;line-height: 28px;color: #000;text-indent: 2em;}
img{max-width: 100%;}

.about2{/*background: #F0F0F0;*/}
.about2 ul li{width: 23%;margin: 1%;text-align: center;float: left;}
.about2 ul li span{color: #000;font-size: 16px;line-height: 32px;display: block;}

.about3 ul li{width: 23%;margin: 1%;text-align: center;float: left;}
.about3 ul li span{color: #000;font-size: 16px;line-height: 32px;}
.about3 .main{font-size: 14px;line-height: 28px;color: #000;}

.about4{text-align: center;background: #F0F0F0;}

.team ul li{width: 23%;margin: 1%;text-align: center;float: left;}
.team ul li span{color: #000;font-size: 16px;line-height: 32px;display: block;}
.team ul li .spa{font-size: 18px;margin-bottom: 10px;}

.about11 ul li{margin: 25px 0;font-size: 18px;line-height: 40px;color: #000;}
.about11 ul li img{transition: all 1.5s;}
.about11 ul li img:hover{transform: scale(1.1);}
.about11 .lileft{width: 48%;overflow: hidden;}
.about11 .liright{width: 48%;overflow: hidden;}


.about22 .left{width: 48%;}
.about22 .left span{display: block;font-size: 30px;line-height: 60px;color: #000;}

.about22 .right{width: 48%}
.about22 ul li{width: 44%;margin: 3%;text-align: center;float: left;}
.about22 ul li span{color: #000;font-size: 16px;line-height: 32px;display: block;}

.about33 ul li{width: 31.3%;margin-right: 3%;position: relative;float: left;}
.about33 ul li .wenzi{position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 999;/*background: rgba(0, 0, 0, 0.5);*/padding: 3%;text-align: center;}
.about33 ul li .wenzi h3{color: #000;font-size: 18px;font-weight: normal;}
.about33 ul li .wenzi span{display: block;color: #000;font-size: 14px;line-height: 30px;}

.team22 h3{font-size: 30px;line-height: 60px;text-align: center;color: #000;font-weight: normal;}


.phone{display: none;}

.menuicon img{margin-top: 20px;}
.menulist{position: fixed;left: 0;right: 0;top: 0;bottom: 0;z-index: 99;display: none;}
.menulist .left{width: 60%;background: #fff;height: 100%;padding: 0 5%;position: fixed;}
.menulist ul{height: 100%;}
.menulist .right{width: 30%;height: 100%;}
.menulist ul li{line-height: 40px;border-bottom: 1px solid #ccc;}
.menulist ul li a{color: #000;}
.close{text-align: right;margin-top: 20px;margin-right: 15px;}

.newadd ul{width: 1100px;margin: 0 auto;}
.newadd ul li{width:29.3%;margin: 2% 0;margin-right: 3%;float: left;text-align: left;/*background: #fff;*/padding: 1%;}
.newadd ul li .bgwenzi{position: absolute;left: 0;right: 0;top: 0;background: rgba(0, 0, 0, 0.5);bottom: 0;}
.newadd ul li .bgwenzi h3{color: #fff;text-align: center;padding-top: 80px;font-size: 24px;}
/*.newadd ul li .bgwenzi h3{font-size: 18px; color: #000;padding-top: 15px;font-weight: normal;border-bottom: 2px solid #929292;padding-bottom: 15px;}*/
    .newadd ul li .imgsize {
        overflow: hidden;
        position: relative;
        border-radius: 10px;
        width: 100%;
        height: 242px;
    }
    .newadd ul li img {
        width: 360px;
        transition: all 1.5s;
        height: 242px;
    }
.newadd ul li:hover img{transform: scale(1.1);}
.newadd ul li span{display: block;    color: #666666;margin-top: 15px;    font-size: 15px;line-height: 30px;border-bottom: 2px solid #929292;height: 96px;}
.newadd ul li h4{color: #fff;position: absolute;font-size: 14px;left: 10px;top: 10px;}

.newadd2 .left{width: 48%;}

.newadd2 .left h3{color: #000;text-align: center;}
.swiper-container121 {padding-bottom: 20px !important;}

.newadd2 .right{width: 48%;}
.txtScroll-top{ width:100%;  overflow:hidden; position:relative;height: 350px;}
.txtScroll-top .bd{ padding:15px;  }
.txtScroll-top .infoList li{ line-height:40px;   }
.txtScroll-top .infoList li h3{color: #000;font-size: 16px;margin-bottom: 0px;}
.txtScroll-top .infoList li span{display: block;font-size: 14px;}


.newadd3 ul li{width: 48%;margin: 1%;text-align: center;float: left;}
.newadd3 ul li .imgsize{position: relative;overflow: hidden;}
.newadd3 ul li  .bgwenzi2{position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 999;background: rgba(0, 0, 0, 0.5);padding: 5%;}
.newadd3 ul li  .bgwenzi2 h3{color: #fff;font-size: 20px;padding-top: 85px;}
.newadd3 ul li  .bgwenzi2:hover h3{padding-top: 20px;transition: all 1.5s;}
.newadd3 ul li  .bgwenzi2:hover span{display: block;transition: all 1.5s;}
.newadd3 ul li  .bgwenzi2 span{display: none;font-size: 14px;line-height: 40px;color: #fff;}
.newadd3 ul li .bor{padding: 3%;margin:3%;height: 84%;}
.lvj_gy {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
   
}
.lvj_gy div {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transition: 1s;
    -webkit-transition: 1s;
    box-sizing: border-box;
    -webkit-transform: scale(0);
}


.kk_nei1 {
    width: 80%;
    height: 80%;
    border-top: 1px solid #fff;
    -webkit-transform-origin: 0 0;
}
.kk_nei2 {
    width: 80%;
    height: 80%;
    border-right: 1px solid #fff;
    -webkit-transform-origin: 100% 0;
}

.kk_nei3 {
    width: 80%;
    height: 80%;
    border-bottom: 1px solid #fff;
    -webkit-transform-origin: 100% 100%;
}
.kk_nei4 {
    width: 80%;
    height: 80%;
    border-left: 1px solid #fff;
    -webkit-transform-origin: 0 100%;
}
.newadd3 ul li:hover .lvj_gy div {
    -webkit-transform: scale(1.000000001);
}

.newadd4 .swiper-slide{text-align: center;}
.newadd4 .swiper-slide .img{ height:240px; line-height:24px; position:relative;}
.newadd4 .swiper-slide .img img{ display:inline-block; max-width:100%; max-height:100%;}
.newadd4 .swiper-slide h3{font-size: 18px;color: #000;margin: 30px 0;}
.newadd4 .swiper-slide span{display: block;font-size: 14px;line-height: 30px;color: #000;}

.phonemenu {position: fixed;left: 0;right: 0;top: 0;z-index: 99;background: #fff;}






.nadd .left{width: 35%;}
.nadd ul li{width: 48%;margin: 0 1%;float: left;text-align: center;padding: 15px 0;margin-bottom: 1%;}
.nadd ul li h3{color: #fff;font-weight: normal;font-size: 14px;}
.nadd ul .li1 {
    background: #5d5e72;
}
.nadd ul .li2 {
    background: #5d5e72;
}
.nadd ul .li3 {
    background: #c26f05;
}
.nadd ul .li4 {
    background: #c26f05;
}
.nadd ul .li5 {
    background: #5d5e72;
}
.nadd ul .li6 {
    background: #5d5e72;
}
.nadd ul .li7 {
    background: #c26f05;
}
.nadd ul .li8 {
    background: #c26f05;
}

.nadd .center{width: 30%;}
.nadd .right{width: 35%;}

.nadd2 ul{padding-top: 60px;}
.nadd2 ul li{width: 23%;margin: 1%;float: left;text-align: center;/*background: #198EFD;*/position: relative;margin-bottom: 70px;border-radius: 15px;height: 150px;}
    .nadd2 ul li .limain {
        box-shadow: 0px 0px 12px 0px rgba(163, 163, 163, 0.75);
        padding: 15px;
        border-radius: 15px;
        background: #cce1fc;
    }
    .nadd2 ul li h3 {
        border-radius: 10px;
        ;
        position: absolute;
        top: -5px;
        left: 0;
        right: 0;
        color: #fff;
        width: 80%;
        line-height: 40px;
        margin: 0 10%;
        background: #5187b5;
        display: inline-block;
        margin-top: -15px;
    }
.nadd2 ul li span{display: block;font-size: 14px;margin: 20px 40px;}
    .nadd2 ul li a {
        border: 1px solid #5187b5;
        color: #fff;
        margin: 0 10%;
        display: block;
        width: 80%;
        line-height: 40px;
        border-radius: 20px;
        background: #5187b5;
        color: #fff;
    }
.nadd2 ul li a:hover{background: #fff;color: #198EFD;}


.nadd2 .tit h3 {
    color: #12364d;
}
.nadd2 .tit span {
    color: #12364d;
}


.nadd3 .left{width: 40%;padding: 5%;}
.nadd3  ul li{font-size: 16px;line-height: 40px;}
.nadd3 .right{width: 40%;padding: 5%;}
.nadd3 .right ul li{color: #fff;}




@media screen and (max-width: 760px){




    .nadd3 .left{width: 90%;padding: 5%;/*background-size: 100% 100% !important;*/}
.nadd3 .right{width: 90%;padding: 5%; /*background-size: 100% 100% !important;*/}
    .nadd .left{width: 100%;}
    .nadd .center{width:98%;margin: 1%;}
.nadd .right{width: 100%;}
.nadd2 ul li{width: 98%;margin-bottom: 30px;height: auto;}





	.wapper{width:94%;padding: 0 3%;}
	.pc{display: none;}
	.phone{display: block;}

.banner{margin-top: 0px;}
.insidebanner{margin-top: 68px;}

	.tit h3{font-size:24px;font-weight: normal;}
.tit span{margin-top: 5px;display: block;font-size: 14px;}

.con11 .left{width: 100%;}
.con11 .right{width: 100%;}
.con11 .ul2{margin-left: 0;}
.pad{padding: 0px 0;}

.con ul li{width: 100%;margin-right: 0;}
.con ul li h3{font-size: 18px;}
.con ul li span{font-size: 14px;}

.about2 ul li{width: 48%;}

.con22 .left{width: 100%;}
.con22 .right{width: 100%;padding: 0;}
.foot .left{width: 100%;}
.foot .center{display: none;}
.foot .right{width: 100%;}

.about11 .lileft{width: 100%;}
.about11 .liright{width: 100%;}
.about11 ul li{font-size: 14px;}
.about22 .left span{font-size: 20px;}
.about22 .left{width: 100%;}
.about22 .right{width: 100%;}

.team22 h3{font-size: 20px;line-height: 40px;}

.swiper-container1 {text-align: center;}
.swiper-container1 p{font-size: 16px;color: #000;}
.swiper-container1 span{color: #000;font-size: 14px;}

.swiper-container2 {text-align: center;}
.swiper-container2 p{font-size: 16px;color: #000;}
.swiper-container2 span{color: #000;font-size: 14px;}

.newadd ul{width: 90%;padding: 0 5%;}
.newadd ul li{width:98%;margin: 2% 0;margin-right: 0%;float: left;text-align: left;background: #fff;padding: 1%;}


.newadd2 .left{width: 100%;}
.newadd2 .right{width: 100%;}

.newadd3 ul li{width: 98%;margin: 1%;text-align: center;float: left;}

.newadd3 ul li  .bgwenzi2 h3{color: #fff;font-size: 20px;padding-top: 10px;}
.newadd3 ul li  .bgwenzi2 span{display: block;font-size: 14px;line-height: 27px;color: #fff;}

}





.newadd{ background:#f5f5f5;}
.newadd3{ background:#f5f5f5;}
.con22{ background:#f5f5f5;}