
/*ͷ��*/
.header{background-color: #fbfcfc;}
.headerLogo{width: 760px;height: 166px;}
.headerLogo img{display: block;height: 166px;}
.headerTel{font-size: 18px;color: #299cca;line-height: 30px;margin-top: 60px;}
/*����*/
.headerMain{position: relative;}
.headerNav{background:url(../bgimg/hnav-bg.png);height: 60px;position:absolute;z-index:10;left: 0;right: 0;}
.headerNav .menu1>li{width: 130px;float: left;position: relative;}
.headerNav .menu1>li>a{display: block;width: 100%;line-height: 60px;color: #fff;font-size: 20px;text-align: center;position: relative;z-index: 0}
.headerNav .menu1>li>a:after{content: "";position: absolute;width:150px;left: 50%;right: 0;bottom: 0;top:0;background: #fff;transition: all .4s;z-index: -1;width: 0;opacity: 1}
.headerNav .menu1>li>a:hover:after,.headerNav .menu1>li>.current:after,.headerNav .menu1>.on>a:after{width: 100%;left: 0;opacity: 1;}
.headerNav .menu1>li>a:hover,.headerNav .menu1>li>.current,.headerNav .menu1>.on>a{color: #20a6d9;}
.headerNav .menu2{position: absolute;left: 0;right: 0;display: none;z-index: 99;}
.headerNav .menu2>li{background:url(../bgimg/hnav-bg2.png);}
.headerNav .menu2>li>a{display: block;height: 48px;text-align: center;font-size: 16px;color: #7d7d7d;line-height: 48px;transition: all .5s;}
.headerNav .menu2>li>a:hover{background-color: #fff;color: #20a6d9;}
.navFix{ position: relative;content wrap
    top:0px;
    left:0px;
    width:100%;
    z-index:100000;
    _position:absolute;
    _top:expression(eval(document.documentElement.scrollTop));}
.headerNav .wrap{position: relative;}
.navLogo{position: absolute;left: -170px;top: 50%;margin-top:-20px;display: none;}
.navLogo img{display: block;height: 100%;}
.navFix  .navLogo{display: block;}

/*���*/
.banner{width: 100%;height: 700px;margin:0 auto;overflow:hidden;position: relative;}
.banner .bd{height:700px;overflow: hidden;position: relative;left: 50%;margin-left: -960px;width: 1920px;}
.banner .hd{width:100%;position: absolute;z-index:999;left: 0;height:16px;bottom:40px;}
.banner .hd ul{text-align: center;}
.banner .hd ul li{display:inline-block;width: 20px;height: 20px;margin: 0 5px;cursor: pointer;overflow: hidden;transition: all .5s;background-color: #aaaaaa;border-radius: 50%;}
.banner .hd ul li.on,.banner .hd ul li:hover{background: #299cca;}
.banner .prev,.banner .next{display:block;width: 56px;height:56px;position: absolute;z-index:2;top:45%;margin-top: -28px;}
.banner .prev{background: url(../bgimg/prevarrow.png) no-repeat left bottom;left: 5%;}
.banner .next{background: url(../bgimg/nextarrow.png) no-repeat right bottom;right: 5%;}

/*��Ŀ����*/
.homeItem-desc{overflow: hidden;}
.homeItem-desc h3{font-weight: normal;font-size:28px;color: #7d7d7d;text-align: center;position: relative;width: 30px;float: right;line-height: 30px;margin-left: 20px;}
.homeItem-desc h3:before{content: "";position: absolute;width: 36px;height: 4px;background-color: #299cca;left: 50%;margin-left: -16px;top: -20px;}
.homeItem-desc p{float: right;font-size: 16px;line-height: 36px;color: #7d7d7d;width: 20px;text-align: center;line-height: 20px;margin: 0 10px;}
.homeItem-list li{width: 293px;height: 370px;overflow: hidden;position: relative;}
.homeItem-list li img{display: block;width: 105%;height: 103%;transition: all .5s;}
.homeItem-list li h4{position: absolute;bottom: 0;left: 0;right: 0;height: 54px;line-height: 54px;color:#545454;font-size: 20px;padding-left: 20px;font-weight: normal;background: rgba(255,255,255,0.6);transition: all .5s;}
.homeItem-list li h4 i{background:url(../bgimg/hjt-ico1.png) no-repeat center center rgba(255,255,255,0.6);width: 54px;height: 54px;position: absolute;right: 0;bottom: 0;transition: all .5s;}
.homeItem-list li:hover h4 i{background:url(../bgimg/hjt-ico2.png) no-repeat center center #47a6cf;}
.homeItem-list li:hover h4{color: #47a6cf;}
.homeItem-list li:hover img{margin-left: -5px;}

/*��Ŀһ*/
.homeItemone .wrap{position: relative;padding-top: 80px;}
.homeItemone-desc{width: 330px;padding-right: 10px;padding-top: 20px;margin-bottom: 30px;height: 340px;position: absolute;left: -30px;top: 80px;opacity: 1;}
.homeItemone-list{height: 780px;position: relative;}
.homeItemone-list li{float: left;}
.homeItemone-list .li3{position: absolute;top: 20px;right:-30px;width: 586px;height: 740px;opacity: 1}
.homeItemone-list .li3 img{animation: slowBig 8s linear infinite alternate; animation-play-state: paused;transform:scale(1,1)}
.homeItemone-list .li1,.homeItemone-list .li2{bottom: 20px;position: absolute;opacity: 1;}
.homeItemone-list .li2{left:316px; }
.homeItemone-list .li3:hover img{animation-play-state: running;transform: none;margin-left: 0}

/*��Ŀ��*/
.homeItemtwo{;background-color: #dcedf5;}
.homeItemtwo .wrap{position: relative;padding-top: 80px;}
.homeItemtwo-desc{width: 280px;padding-top: 20px;margin-bottom: 30px;float: right;position: relative;right: 30px;opacity: 1;}
.homeItemtwo-list .li1{width: 586px;height:740px;float: left;margin-bottom: 20px;position: relative;opacity: 1;}
.homeItemtwo-list .li1 img{animation: slowBig 8s linear infinite alternate; animation-play-state: paused;transform:scale(1,1)}
.homeItemtwo-list .li2{margin-top: 0px;margin-left: 26px;float: left;}
.homeItemtwo .more{display: block;width: 386px;background-color: #c1e2ef;line-height: 320px;font-size: 44px;color: #299cca;position: absolute;right: 0;bottom: 20px;opacity: 1;padding-left: 200px;}
.homeItemtwo .more:after{content: "";position: absolute;width: 22px;height: 36px;background: url(../bgimg/hjt-ico3.png) no-repeat center center;top: 50%;margin-top: -18px;right: 200px;opacity: 1;transition: all .5s;}
.homeItemtwo .more:before{content: "";position: absolute;width: 22px;height: 36px;background: url(../bgimg/hjt-ico4.png) no-repeat center center;top: 50%;margin-top: -18px;right: 180px;transition: all .5s;opacity: 1;}
.homeItemtwo .more:hover{background-color: #299cca;color: #fff;}
.homeItemtwo .more:hover:after{opacity: 1;right: 180px;}
.homeItemtwo .more:hover:before{right: 200px;opacity: 1}
.homeItemtwo-list .li1:hover img{animation-play-state: running;transform: none;margin-left: 0}

/*��Ŀ��*/
.homeItemthree{background: url(../bgimg/hitem3-bg.jpg) no-repeat center center ;}
.homeItemthree .wrap{position: relative;padding-top: 80px;}
.homeItemthree-desc{width: 270px;padding-right: 10px;padding-top: 20px;margin-bottom: 30px;height: 340px;position: relative;right: 30px;opacity: 1}
.homeItemthree-list li{float: left;}
.homeItemthree-list .li3{position: absolute;top: 90px;right: 0px;width: 586px;height: 740px;opacity: 1}
.homeItemthree-list .li3 img{animation: slowBig 8s linear infinite alternate; animation-play-state: paused;transform:scale(1,1)}
.homeItemthree-list .li1{position: absolute;opacity: 1;left: 305px;top: 90px;opacity: 1;height: 350px;}
.homeItemthree-list .li2{margin-right: 26px;position: relative;top:-40px;opacity: 1;margin-left: 305px;height: 370px;}
.homeItemthree .more{position: absolute;width: 200px;height: 370px;background-color: #c1e2ef;line-height: 350px;font-size: 30px;color: #299cca;left: -30px;bottom: 40px;padding-left: 80px;opacity: 1}
.homeItemthree .more:after{content: "";position: absolute;width: 14px;height: 24px;background: url(../bgimg/hjt-ico7.png) no-repeat center center;top: 50%;margin-top: -12px;right: 80px;opacity: 1;transition: all .5s;}
.homeItemthree .more:before{content: "";position: absolute;width: 14px;height: 24px;background: url(../bgimg/hjt-ico2.png) no-repeat center center;top: 50%;margin-top: -12px;right: 60px;transition: all .5s;opacity: 1;}
.homeItemthree .more:hover{background-color: #299cca;color: #fff;}
.homeItemthree .more:hover:after{opacity: 1;right: 60px;}
.homeItemthree .more:hover:before{right: 80px;opacity: 1}
.homeItemthree-list .li3:hover img{animation-play-state: running;transform: none;margin-left: 0}
@keyframes slowBig {
  to {transform:scale(1.2,1.2);}
}


/* ������鼰����*/
.homePlacefour .wrap{position: relative;padding-top: 60px;}
.homePartner .homeItem-desc{right: 0;top: 180px;width: 140px;position: absolute;padding-top: 20px;}
.homePartner-list{width: 900px;padding: 50px 25px;background-color: #c1e1ef;margin-bottom: 80px;margin-top: 20px;float: left;position: relative;right: 30px;opacity: 1;}
.homePartner-list .bd{overflow: hidden;height: 440px;}
.homePartner-list .bd ul{width: 1000px;}
.homePartner-list .bd li{width: 210px;height: 210px;float: left;margin-right: 20px;margin-bottom: 20px;overflow: hidden;}
.homePartner-list .bd li img{display: block;width: 100%;height: 100%;transition: all 1s;}
.homePartner-list .prev,.homePartner-list .next{position: absolute;width: 76px;height: 76px;background-color: #299cca;background-repeat: no-repeat;background-position: center center;top: 50%;margin-top:-38px;}
.homePartner-list .prev{left:-100px;background-image: url(../bgimg/hjt-ico5.png);}
.homePartner-list .next{right:-100px;background-image: url(../bgimg/hjt-ico6.png);}
.homePartner-list .bd li:hover img{transform: scale(1.1);}

.homePlacefive  .wrap{padding-top: 180px;}
.homeNews h3{color: #7d7d7d;font-size: 28px;font-weight: normal;position: relative;clear: both;margin-bottom: 40px;left: 30px;opacity: 1;}
.homeNews h3 span{font-size: 15px;margin-bottom: 40px;margin-left: 10px;}
.homeNews h3:before{position: absolute;content: "";width: 36px;height: 4px;background-color: #299cca;left: 0;top: -25px;}
.homeNews-list{padding-left:50px;width: 330px;margin-right: 20px;float: left;background-repeat: no-repeat;background-position: left top;opacity: 1}
.homeNews .list1{background-image: url(../bgimg/hnews-ico1.png);}
.homeNews .list2{background-image: url(../bgimg/hnews-ico2.png);}
.homeNews .list3{margin-right: 0;background-image: url(../bgimg/hnews-ico3.png);}
.homeNews-list h5{font-size: 20px;color: #545454;font-weight: normal;margin-bottom: 25px;padding-top: 8px;}
.homeNews-list li{margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.homeNews-list li a{font-size: 14px;color: #545454;background: url(../bgimg/hnews-ico.png) no-repeat left center;padding-left: 15px;transition: all .5s;}
.homeNews-list li:hover a{padding-left:20px;}

/*�������*/
.homeAd{padding: 5px 0;}


/*��������*/
.homeLink{padding: 60px 0 80px;}
.homeLink .homeLink-desc{float: left;position: relative;padding-top: 20px;left: 30px;opacity: 1;width: 30px; }
.homeLink .homeLink-desc h3{padding-right: 10px;font-size: 28px;font-weight: normal;line-height: 30px;}
.homeLink .homeLink-desc h3:before{content: "";position: absolute;width: 36px;height: 4px;background-color: #299cca;left: 50%;margin-left: -16px;top: 0px;}
.homeLink .links{background-color: #ddeef5;padding: 20px 25px;line-height: 26px;float: right;width: 1000px;min-height: 130px;margin-top: 20px;position: relative;top: 30px;opacity: 1;}
.homeLink .links a{font-size: 14px;margin: 0 10px;display: inline-block;float: left;}
/*�ײ�*/
.footer{background-color: #dbeff7;padding: 50px 0;}
.footerNav{text-align: center;margin-bottom: 60px;}
.footerNav a{display: inline-block;font-size: 18px;color: #737373;padding: 0 35px;border-right: 1px solid #a1abaf;transition: all .5s;}
.footerNav a:hover{color: #2e9dcb}
.footerNav a:last-child{border-right: 0;}
.footerMain{background: url(../bgimg/footer-bg.png) no-repeat center center;height: 310px;margin-bottom: 30px;}
.footerLeft img{display: block;margin-bottom: 35px;}
.footerLeft li{font-size: 16px;color:#7c7c7d;margin-bottom: 20px;}
.footerLeft li span{font-size: 18px;color: #7c7c7d;font-weight: 600;}
.footerRight .tel {color: #717070;font-size: 24px;font-weight: 600;}
.footerRight .tel span{font-size: 18px; color: #2e9dcb;font-weight: 600;letter-spacing: 5px;display: block;margin-bottom: 10px;}
.footerRight .adrr{font-size: 14px;color: #717070;}
.footerRight .ewm{width: 157px;height: 157px;}
.footerRight .ewm img{display: block;width: 100%;height: 1005;}
.footerBot{font-size: 14px;color: #9f9fa0;text-align: center;}


/*��ҳ����*/
.pageBanner{ width:100%; position: relative; left:50%; margin-left:-960px; height:770px;}
.pageBanner img{display: block;height: 770px;}
.listWraper{padding: 70px 0;}

/*��ҳ����*/
.pageMenu ul{text-align: center;}
.pageMenu li{display: inline-block;margin: 0 30px;}
.pageMenu li a{font-size: 18px;color: #7d7d7d;position: relative;}
.pageMenu li a:after{content: "";position: absolute;width: 0;left: 50%;height:1px;background-color: #20a6d9;bottom:-5px;transition: all .5s;}
.pageMenu li:hover a{color: #20a6d9}
.pageMenu li:hover a:after{left: 0%;width: 100%;}


/*��ҳ��ʽ*/
.pagination-wrapper{ margin: 20px 0; } 
.pagination{ height: 34px;text-align: center;} 
.pagination li { display: inline-block; height: 34px; margin-right: 5px; } 
.pagination li a{ float: left; display: block; height: 32px; line-height: 32px; padding: 0 12px; font-size: 16px; border: 1px solid #dddddd; color: #555555; text-decoration: none; } 
.pagination li a:hover{ background:#f5f5f5; color:#0099ff; } 
.pagination li.thisclass { background: #09f; color: #fff; } 
.pagination li.thisclass a:hover{ background: transparent; border-color: #09f; color: #fff; cursor: default; }


/*԰�����ҳ���ҳ��ʽ*/
.pagination-wrapper{ margin: 20px 0; } 
.pagination1{
	height:200px;
	width:580px;
	text-align: center;
	float:right;
	margin-top:10px;
	display: block;
} 
.pagination1 li { display: inline-block; height: 34px; margin-right: 5px; } 
.pagination1 li a{ float: left; display: block; height: 32px; line-height: 32px; padding: 0 12px; font-size: 16px; border: 1px solid #dddddd; color: #555555; text-decoration: none; } 
.pagination1 li a:hover{ background:#f5f5f5; color:#0099ff; } 
.pagination1 li.thisclass { background: #09f; color: #fff; } 
.pagination1 li.thisclass a:hover{ background: transparent; border-color: #09f; color: #fff; cursor: default; }

/*���м���� */
.breadCrumb{padding: 30px 0 30px 0;}
.breadCrumb p{font-size:18px;color: #20a6d9; }
.breadCrumb p a{color: #20a6d9;}
.breadCrumb p span{color: #20a6d9;margin: 0 10px;}

/*��˾���*/
.pageAbout{min-width: 1200px;margin: 0 auto;}
.pageAbout li{width: 33.33%;float: left;}
.pageAbout li .txt,.pageAbout li .pic{height: 50%;box-sizing: border-box;display: block;}
.pageAbout li img{width: 100%;display: block;}
.pageAbout .li1{overflow: hidden;position: relative;background-color: #e8f6fb;}
.pageAbout .li1 h3{width: 40%;border: 2px solid #20a6d9;font-size: 50px;color: #20a6d9;border-radius: 4px;text-align: center;;position: absolute;left: 28%;top: 8%;padding: 6% 0 3%;}
.pageAbout .li1 h3 span{display: block;font-size: 16px;color: #20a6d9;font-weight: normal;margin-top: 20px;}
.pageAbout .li2 .topBg,.pageAbout .li3 .bottBg{position: relative;overflow: hidden;}
.pageAbout .li2 .txt,.pageAbout .li3 .txt{position: absolute;}
.pageAbout .li2 .txt{top: 20%;left: 10%;right: 10%;}
.pageAbout .li2 .txt:before{content: "";position: absolute;width: 40px;height: 3px;background-color: #20a6d9;left: 0;top: -15px;}
.pageAbout .li2 .txt p{font-size: 18px;color: #666060;line-height: 23px;margin-bottom: 12px;}
.pageAbout .li2 .pic,.pageAbout .li3 .pic{width: 100%;overflow: hidden;}
.pageAbout .li3 .txt{font-size: 18px;color: #666060;line-height: 24px;left: 24%;right: 24%;top: 40%;}
.pageAbout .li3 .txt span{display: block;text-align: right;}
@media screen and (max-width: 1450px){
.pageAbout .li1 h3{font-size: 40px;}
.pageAbout .li2 .txt{top: 20%;}
}
@media screen and (max-width: 1300px){
 .pageAbout .li2 .txt{top: 15%;}
.pageAbout .li3 .txt{top: 30%;left: 20%;right: 20%;}
}

/*����Ը��*/
.pageAbitem{background-color: #e8f6fb;height: 500px;}
.pageAbitem-main{width: 1000px;margin: 0 auto;position: relative;}
.pageAbitem-wrap{width: 700px;margin: 0 auto;}
.pageAbitem-box{width: 700px;margin: 0 auto;overflow: hidden;height:300px;}
.pageAbitem-tab{margin-bottom: 90px;}
.pageAbitem-tab ul{text-align: center;}
.pageAbitem-tab li{display: inline-block;font-size: 18px;color: #9da7aa;margin: 0 60px;cursor: pointer;transition: all .5s;}
.pageAbitem-tab li i{display: block;width: 70px;height: 70px;margin-bottom: 25px;background-repeat: no-repeat;background-position: center center;}
.pageAbitem-tab .li1 i{background-image: url(../bgimg/pab-ico1-1.png);}
.pageAbitem-tab .li2 i{background-image: url(../bgimg/pab-ico2-1.png);}
.pageAbitem-tab .li3 i{background-image: url(../bgimg/pab-ico3-1.png);}
.pageAbitem-tab .li4 i{background-image: url(../bgimg/pab-ico4-1.png);}
.pageAbitem-txt{font-size: 16px;color: #333333;line-height: 24px;height: 300px;}
.pageAbitem-txt p{margin-bottom: 20px;}
.pageAbitem-main .prev,.pageAbitem-main .next{position: absolute;width: 40px;height: 70px;top: 20px;}
.pageAbitem-main .prev{background: url(../bgimg/pab-prev.png) no-repeat center center;left: 0;}
.pageAbitem-main .next{background: url(../bgimg/pab-next.png) no-repeat center center;right: 0;}
.pageAbitem-tab li:hover,.pageAbitem-tab .on{color: #2e3233;transform: scale(1.2);}
.pageAbitem-tab .li1:hover i,.pageAbitem-tab .li1.on i{background-image: url(../bgimg/pab-ico1-2.png);}
.pageAbitem-tab .li2:hover i,.pageAbitem-tab .li2.on i{background-image: url(../bgimg/pab-ico2-2.png);}
.pageAbitem-tab .li3:hover i,.pageAbitem-tab .li3.on i{background-image: url(../bgimg/pab-ico3-2.png);}
.pageAbitem-tab .li4:hover i,.pageAbitem-tab .li4.on i{background-image: url(../bgimg/pab-ico4-2.png);}

/*��ҵ�Ļ�*/
.pageCult ul{overflow: hidden;}
.pageCult li{width: 33.33%;float: left;position: relative;overflow: hidden;}
.pageCult li img{display: block;width:100%;transition: all .8s;}
.pageCult li .cover{position: absolute;left: 0;right:0;bottom: -40%;background: rgba(255,255,255,0.5);text-align: center;font-size: 18px;color: #454545;padding: 5% 0;transition: all .8s;opacity: 1;}
.pageCult li .cover h5{font-size: 26px;color: #454545;margin-bottom: 10px;}
.pageCult .li1 h3{position: absolute;left: 0;top: 15%;width: 40%;border: 2px solid #fff;border-radius: 4px;color: #fff;font-size: 50px;text-align: center;padding:5% 0 4%;left: 28%;}
.pageCult .li1 h3 span{display: block;font-size: 16px;text-transform: uppercase;margin-top: 20px;}
@media screen and (max-width: 1300px){
.pageCult li .cover{font-size: 16px;}
.pageCult li .cover h5{font-size: 22px;}
}
.pageCult li:hover img{transform: scale(1.1);}
.pageCult li:hover .cover{bottom: 0;opacity: 1;}
.pageCult li:first-child:hover img{transform:none;}

/*��������*/
.pageProcess{padding: 50px 0;}
.pageTopic{font-size: 36px;text-align: center;color: #595959;position: relative;margin-bottom: 50px;}
.pageTopic span{display: block;font-size: 16px;color: #959595;margin-top: 5px;font-weight: normal;margin-top: 20px;}
.pageTopic span:after{content: "";position: absolute;width: 30px;height: 2px;background-color: #20a6d9;left: 50%;margin-left: -15px;top:40px;}
.pageProcess-main{background: url(../bgimg/pprocess-bg.jpg) no-repeat center top;min-height: 1170px;position: relative;}
.pageProcess-main li{width: 360px;font-size: 14px;color: #545454;position: absolute;}
.pageProcess-main li span{display: block;font-size: 30px;color: #20a6d9;display: block;font-weight: 600;margin-bottom: 20px;height: 32px;line-height: 32px;}
.pageProcess-main .li1{left: 220px;top: 100px;}
.pageProcess-main .li2{left: 775px;top: 100px;}
.pageProcess-main .li3{left: 775px;top: 400px;}
.pageProcess-main .li4{left: 220px;top: 400px;}
.pageProcess-main .li5{left: 220px;top: 700px;}
.pageProcess-main .li6{left: 775px;top: 700px;}
.pageProcess-main .li7{left: 775px;top: 1000px;}
.pageProcess-main .li8{left: 220px;top: 1000px;}

/*��Ŀ�����Ŷ�*/
.pageTeam{padding: 50px 0;background-color: #def2f9;}
.pageTeam #box{position:relative;width:1280px;height:600px;margin:0 auto;}
.pageTeam #box ul{position:relative;width:1280px;height:600px;}
.pageTeam #box li{position:absolute;list-style:none;width:0;height:0;top:100px;left:650px;z-index:0;cursor:pointer;}
.pageTeam #box li a{display: block;overflow: hidden;background-color: #fff;}
.pageTeam #box li img{width:100%;height:100%;vertical-align:top;}

/*���ְ���*/
.pageCase{padding: 50px 0;}
.pageCase-main{overflow: hidden;}
.pageCase ul{width: 1260px;}
.pageCase li{width: 260px;height: 260px;overflow: hidden;float: left;margin-right: 50px;margin-bottom: 50px;}
.pageCase li img{display: block;width: 100%;height: 100%;transition: all .5s;}
.pageCase li:hover img{transform: scale(1.2);}


/*��Ŀ�б����*/
.pageItem-desc{position: absolute;left: 0;top: 0px;}
.pageItem-desc h3{font-weight: normal;font-size:28px;color: #7d7d7d;width: 30px;text-align: center;writing-mode: vertical-rl;writing-mode: tb-rl;-webkit-writing-mode: vertical-rl;writing-mode: vertical-rl;float: right;*display: inline;*writing-mode: tb-rl;letter-spacing: 5px;margin-left: 10px;position: relative;}
.pageItem-desc h3:before{content: "";position: absolute;width: 36px;height: 4px;background-color: #299cca;left: 50%;margin-left: -16px;top: -20px;}
.pageItem-desc p{float: right;font-size: 16px;line-height: 36px;writing-mode: tb-rl;-webkit-writing-mode: vertical-rl;writing-mode: vertical-rl;*display: inline;*writing-mode: tb-rl;color: #7d7d7d;}
.pageItem-main{height: 3070px;overflow: hidden;position: relative;}
.pageItem-list{height: 3070px;}
.pageItem-list li{width: 293px;height: 370px;overflow: hidden;position: relative;}
.pageItem-list li img{display: block;width: 100%;height: 100%;transition: all .5s;}
.pageItem-list li h4{position: absolute;bottom: 0;left: 0;right: 0;height: 54px;line-height: 54px;color:#545454;font-size: 20px;padding-left: 20px;font-weight: bold;background: rgba(255,255,255,0.6);transition: all .5s;}
.pageItem-list li h4 i{background:url(../bgimg/hjt-ico1.png) no-repeat center center rgba(255,255,255,0.6);width: 54px;height: 54px;position: absolute;right: 0;bottom: 0;transition: all .5s;}
.pageItem-list li:hover h4 i{background:url(../bgimg/hjt-ico2.png) no-repeat center center #47a6cf;}
.pageItem-list li:hover h4{color: #47a6cf;}
.pageItem-list li:hover img{transform: scale(1.1);}

/*��Ŀ�б�1*/
.pageItemone .wrap{position: relative;}
.pageItemone-list{position: relative;}
.pageItemone-desc{width: 330px;padding-right: 10px;padding-top: 20px;margin-bottom: 30px;height: 340px;}
.pageItemone1-desc{width: 330px;padding-right: 10px;padding-top: 20px;margin-bottom: 30px;height: 340px;margin-top:1560px;}
.pageItemone-list li{float: left;}
.pageItemone-list .li3{position: absolute;top: 20px;right: 0;width: 586px;height: 740px;}
.pageItemone-list .li3 img,.pageItemone-list .li5 img{animation: slowBig 8s linear infinite alternate; animation-play-state: paused;transform:scale(1,1)}
.pageItemone-list .li1,.pageItemone-list .li2{margin-right: 15px;margin-top: 390px;}
.pageItemone-list .li4{position: absolute;left: 0;top: 790px;}
.pageItemone-list .li5{position: absolute;top: 790px;left: 310px;width: 586px;height: 740px;}
.pageItemone-list .li6{position: absolute;right: 0;top: 790px;}
.pageItemone-list .li7{position: absolute;right: 0;width: 586px;height: 740px;float:right;top: 1560px;}
.pageItemone-list .li8 {margin-right: 12px;margin-top: 390px;float:right;top: 1540px;right:590px}
.pageItemone-list .li9 {margin-right: 0px;margin-top: 390px;float:left;top: 1190px;left:908px}

.pageItemone-list .li10{position: absolute;left: 0;top: 2340px;width: 586px;height: 740px;}
.pageItemone-list .li11{position: absolute;top: 1930px;left: 0px;}
.pageItemone-list .li12{position: absolute;right: 308px;top: 2340px;}
.pageItemone .prev,.pageItemone .next{width: 80px;height: 36px;line-height: 36px;text-align: center;font-size: 16px;color: #f5fafd;border-radius: 4px;background-color: #20a6d9;position: absolute;right: 0;bottom: 0;transition: all .5s;}
.pageItemone .prev{right: 140px;}
.pageItemone .prev:hover,.pageItemone .next:hover{background-color: #0486b7;}




/*��Ŀ����*/
.prodPagies{text-align: center;padding:50px 0; }
.itemPlace-one{padding: 50px 200px;background-color: #def2f9;}
.itemPlace-one h1{text-align: center;color: rgba(115,115,115,0.95)}
.itemPlace-two{padding: 30px 0;}
.itemPlace-two{padding: 30px 0;}
.prodPagies .wrap{text-align: center;overflow: hidden;}
.prodPagies .prev,.prodPagies .next{display:block;text-align: center;width: 50%;float: left;font-size: 16px;}
.prodPagies .butt{width: 100px;height: 36px;line-height: 36px;text-align: center;font-size: 16px;color: #fff;background-color: #20a6d9;display: block;border-radius: 4px;margin: 0 auto 20px;transition: all .5s;}
.prodPagies .butt:hover{background-color: #0287ba}

/*�Ŷ��б�*/
.listTeam{padding: 50px 0;}
.teamList ul{position: relative;}
.teamList li{width: 400px;transition: all .5s;float: left;}
.teamList li .pic{height: 460px;overflow: hidden;position: relative;transition: all .5s;}
.teamList li .pic img{display: block;width: 100%;height: 100%;transition: all .5s;}
.teamList li .pic h5{position: absolute;bottom: 20px;left: 0;right: 0;text-align: center;font-size: 14px;color: #fff;}
.teamList li .pic h5 span{display: block;margin-top: -2px;}
.teamList li .hoverOn{opacity: 1;height: 460px;transition: all .5s;width: 400px;transition: all .5s;}
.teamList li .hoverOn img{display: block;width: 100%;height: 100%;}
.teamList li:hover .pic{box-shadow: 0 0 18px 5px rgba(32,166,217,0.5)}
.teamList li:hover .hoverOn{opacity: 1;}
.teamList .li2{padding-top: 460px;}
.teamList .li5{position: absolute;top:920px;left: 0; }

/*��������б�*/
.listPartner{padding: 50px 0;}
.partnerList ul{width: 1240px;}
.partnerList li{width: 380px;margin-right: 25px;margin-bottom: 25px;float: left;}
.partnerList li .pic{display: block;width: 100%;height: 380px;overflow: hidden;border: 1px solid #d5d5d5;transition: all .5s;}
.partnerList li .pic img{display: block;width: 100%;height: 100%;}
.partnerList li .tit{display: block;font-size: 16px;color: #666060;text-align: center;height: 60px;line-height: 60px;transition: all .5s;}
.partnerList li:hover .pic{border-color: #20a6d9;}
.partnerList li:hover .tit{color: #20a6d9;}

/*�����б�*/
.listNews{padding: 50px 0;}
.newsList li{overflow: hidden;margin-bottom: 30px;}
.newsList li .time{display: block;font-size: 18px;color: #20a6d9;float: left;padding-top: 80px;text-align: left;margin-right: 30px;}
.newsList li .time b{display: block;font-size: 62px;font-weight: normal;margin-bottom: 15px;}
.newsList li .pic{display: block;width: 218px;height: 218px;overflow: hidden;float: left;}
.newsList li .pic img{display: block;width: 100%;height: 100%;transition: all .5s;}
.newsList li .txt{float: right;width: 820px;font-size: 12px;color: #333333;line-height: 28px;}
.newsList li .txt h5{font-size: 30px;color: #333333;padding: 15px 0 25px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all .5s;}
.newsList li .txt .p1{margin-bottom: 35px;}
.newsList li .txt .p1 span{display: inline-block;font-size: 12px;color: #868686;padding-left: 30px;}
.newsList li .txt .date{background: url(../bgimg/pnews-ico1.png) no-repeat left center;margin-right: 30px;}
.newsList li .txt .view{background: url(../bgimg/pnews-ico2.png) no-repeat left center;}
.newsList li:hover .pic img{transform: scale(1.2);}
.newsList li:hover h5{color: #20a6d9;}

/*��������*/
.newsShow{border-bottom: 1px solid #f1f9fd;margin-bottom: 50px;position: relative;}
.newsShow .title{font-size: 30px;color: #595959;text-align: center;margin-bottom: 35px;}
.newsShow .p1{text-align: center;}
.newsShow .p1 span{display: inline-block;font-size: 12px;color: #868686;padding-left: 30px;}
.newsShow .p1 .date{background: url(../bgimg/pnews-ico1.png) no-repeat left center;margin-right: 30px;}
.newsShow .p1 .view{background: url(../bgimg/pnews-ico2.png) no-repeat left center;}
.newsShow .content{padding: 60px 0;font-size: 14px;color: #333333;line-height: 28px;}
.articlePagies .prev{margin-bottom: 30px;}
.articlePagies .prev span,.articlePagies .next span{width: 100px;height: 36px;line-height: 36px;border-radius: 4px;display: inline-block;color: #fff;font-size: 16px;text-align: center;background-color: #20a6d9;margin-right: 25px;}
.articlePagies .prev a,.articlePagies .next a{font-size: 16px;color: #999999;transition: all .5s;}
.articlePagies .prev a:hover,.articlePagies .next a:hover{color: #20a6d9;}
.articleShare{font-size: 16px;color: #999999;margin-right: 20px;vertical-align: middle;margin-top: 70px;}
.articleShare a{display: inline-block;width: 34px;height: 32px;background-position: center center;background-repeat: no-repeat;vertical-align: middle;margin: 0 15px;}
.articleShare .a1{background-image: url(../bgimg/share-ico1-1.png);}
.articleShare .a2{background-image: url(../bgimg/share-ico2-1.png);}
.articleShare .a3{background-image: url(../bgimg/share-ico3-1.png);}
.articleShare .a1:hover{background-image: url(../bgimg/share-ico1-2.png);}
.articleShare .a2:hover{background-image: url(../bgimg/share-ico2-2.png);}
.articleShare .a3:hover{background-image: url(../bgimg/share-ico3-2.png);}

/*��ϵ����*/
.officeLocation{padding: 50px 0;}
.mapContent{ width:1202px; position: relative; height:619px;margin: 0 auto;}
.mapContent .mapPic{display: block;height: 619px;}
.mapContent .mapWidth{width: 1200px;position: absolute;left: 50%;margin-left: -600px;top: 0;}
.mapContent .mapCover{position: absolute;width: 380px;height: 360px;background: url(../bgimg/pmap-bg.png);top: 230px;right: 0;padding:70px 60px;border-radius: 4px;}
.mapContent .mapCover:before{content: "";position: absolute;width: 49px;height: 62px;background: url(../bgimg/pmap-ico.png) no-repeat center center;left:-48px;top: 50%;margin-top: -31px;}
.mapContent .mapCover .txt{font-size: 16px;color: #fff; line-height: 30px;}
.mapContent .mapCover .txt1{margin-bottom: 50px;}
.mapContent .mapCover .txt span{display: block;font-size: 24px;margin-bottom: 10px;}
/* �ͻ�����*/
.pageSearve{padding-bottom: 100px;}
.pageSearve-main {overflow: hidden;}
.pageSearve ul{width: 1250px;}
.pageSearve li{width:370px;background-color: #20a6d9;height: 520px;border-radius: 4px;float: left;margin-right: 44px;}
.pageSearve li h5{height: 60px;line-height: 60px;text-align: center;font-size: 24px;color: #fff;}
.pageSearve li h5 .pic{display: block;width: 100%;height: 270px;}
.pageSearve li h5 .pic img{display: block;width: 100%;height: 100%;}
.pageSearve li p{color: #fff;font-size: 14px;color: #fff;line-height: 28px;padding: 20px 0 0 80px;}

/* �Ƽ��ͻ�*/
.hostAdviser{padding-bottom: 30px;}
.hostAdviser h3{font-size: 24px;text-align: center;margin-bottom: 60px;position: relative;}
.hostAdviser h3:after{content: "";position: absolute;width: 30px;height: 2px;background-color: #20a6d9;left: 50%;margin-left: -15px;bottom: -15px;}
.hostAdviser li{width: 410px;float: left;overflow: hidden;margin-bottom: 40px;}
.hostAdviser li .mess{width: 130px;height: 150px;margin-top: 30px;}
.hostAdviser li .mess span{display: block;font-size: 16px;color: #777777;}
.hostAdviser li .mess .s1{color: #333333;font-size: 20px;margin: 2px 0 15px;}
.hostAdviser li .mess .s2{margin-bottom:20px; }
.hostAdviser li .mess .s3{margin-bottom:15px; }
.hostAdviser li .pic{width: 230px;background: url(../bgimg/padviser-ico2.png) no-repeat center bottom;padding-bottom: 30px;}
.hostAdviser li .imgPic{display: block;width: 230px;height: 230px;border-radius: 50%;overflow: hidden;position: relative;}
.hostAdviser li .imgPic img{display: block;width: 230px;}
.hostAdviser li .imgPic .consult{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: url(../bgimg/pmap-bg.png);color: #fff;font-size: 20px;text-align: center;line-height: 230px;opacity: 0;transition: all .5s;}
.hostAdviser .li1,.hostAdviser .li3{margin-right: 200px;}
.hostAdviser .li1 .mess,.hostAdviser .li3 .mess{float: left;text-align: right;background: url(../bgimg/padviser-ico1.png) no-repeat right  center;padding-right: 30px;}
.hostAdviser .li1 .pic,.hostAdviser .li3 .pic{float: right;}
.hostAdviser .li2 .mess,.hostAdviser .li4 .mess{float: left;text-align: right;background: url(../bgimg/padviser-ico1.png) no-repeat right  center;padding-right: 30px;}
.hostAdviser .li2 .pic,.hostAdviser .li4 .pic{float:right;}
.hostAdviser li .imgPic:hover .consult{opacity: 1;}
.wrap01,.grWidth{width:1100px; margin:0 auto;}

/*����Χ*/
.pageArea{padding: 30px 0;}
.pageArea-map{background: url(../bgimg/fw2.png) no-repeat center center;height: 880px;position: relative;}


/*ְλ����*/
.joinPost{background-color: #def2f9;padding: 50px 0;}
.joinPost h3,.joinWelfare h3,.joinStyle h3{position: relative;}
.joinPost h3:after,.joinWelfare h3:after,.joinStyle h3:after{position: absolute;width: 30px;height: 2px;background-color: #20a6d9;bottom: -20px;left: 50%;margin-left: -15px;content: "";}
.joinPost-main{width: 1000px;margin: 0 auto;overflow: hidden;}
.joinPost-main .joinPost-list{width: 290px;float: left;}
.joinPost-main .joinPost-list span{display: block;height: 64px;line-height: 64px;font-size: 24px;color: #7d7d7d;text-align: center;transition: all .5s;cursor: pointer;}
.joinPost-main .joinPost-list span:hover,.joinPost-main .joinPost-list span.on{background-color: #c2e7f4;color: #20a6d9;}
.joinPost-form{background-color: #c2e7f4;width: 710px;height: 670px;float: right;}
.joinPost-form form{width: 500px;margin: 0 auto;padding-top: 50px;}
.joinPost-form span{display: block;overflow: hidden;margin-bottom: 40px;}
.joinPost-form span input{display: block;float: left;width: 280px;height: 40px;line-height: 40px;padding: 0 10px;font-size: 16px;}
.joinPost-form span label{display: block;width: 180px;float: left;height: 40px;line-height: 40px;font-size: 24px;color: #7d7d7d;text-align: center;}
.joinPost-form .formButt{overflow: hidden;}
.joinPost-form .formButt input{display: block;width: 210px;height: 46px;line-height: 46px;text-align: center;font-size: 26px;color: #20a6d9;background-color: #fff;border-radius: 4px;float: left;cursor: pointer;}
.joinPost-form .formButt .sub{margin-right: 70px;transition: all .5s;}
.joinPost-form .formButt input:hover{background-color: #20a6d9;transition: all .5s;color: #fff;}

/* ��Ƹ����*/
.joinWelfare{padding: 50px 0;}
.joinWelfare li{width: 25%;text-align: center;float: left;font-size: 16px;color: #545454;margin-bottom: 50px;}
.joinWelfare li i{display: block;width: 100px;height: 100px;background-position: center center;background-repeat: no-repeat;margin: 10px auto;}
.joinWelfare .li1 i{background-image: url(../bgimg/pjoin-ico1.png);}
.joinWelfare .li2 i{background-image: url(../bgimg/pjoin-ico2.png);}
.joinWelfare .li3 i{background-image: url(../bgimg/pjoin-ico3.png);}
.joinWelfare .li4 i{background-image: url(../bgimg/pjoin-ico4.png);}
.joinWelfare .li5 i{background-image: url(../bgimg/pjoin-ico5.png);}
.joinWelfare .li6 i{background-image: url(../bgimg/pjoin-ico6.png);}
.joinWelfare .li7 i{background-image: url(../bgimg/pjoin-ico7.png);}
.joinWelfare .li8 i{background-image: url(../bgimg/pjoin-ico8.png);}

/*��Ƹ���*/
.joinStyle{background: url(../bgimg/join-bg1.jpg) no-repeat center center;height: 500px;padding: 75px 0;}
.joinStyle .txt{text-align: center;font-size: 20px;line-height: 50px;color: #545454;padding-top: 30px;}
.joinBottbg{background: url(../bgimg/join-bg2.jpg) no-repeat center center;height: 750px;}












