.next_te{ border-top:solid 1px #eee; padding-top:20px; margin-top:20px;}

.next_te a:hover,.prev_te a:hover{ color:#3ca7fc;}





.row-box{ margin-top:30px;}



.wp {

    width: 100%;

    max-width: 1300px;

    margin: 0 auto;

}

.job-pic .thead {

    overflow: hidden;

    background-color: #2ca9e3;

    color: #fff;

}

.job-pic .td{float:left;text-align:left;line-height:58px;font-size:18px}

.job-pic .td.s1{width:70%; margin-left:2%;}

.job-pic .td.s4{float:right;width:17%}

.job-pic .td .btn{float:none;display:block;margin:8px auto;width:40px;height:40px;background:url(../images/icon-h1.png) center center no-repeat;-webkit-background-size:100% auto;background-size:100% auto;cursor:pointer}

.job-list .tit{overflow:hidden;background-color:#f5f5f5;color:#000}

.job-list.on .td .btn{background-image:url(../images/icon-h2.png)}

.job-list.on .tit{/*background-color:transparent;*/margin:10px 0}

.job-list{margin-top:10px;overflow:hidden}

.job-list .desc{display:none;font-size:14px;line-height:24px;color:#666;padding:35px 0 24px}

.job-pic h2{ color:#000; font-size:18px; font-weight:600;}

.job-list h4{color:#000;font-weight:400;font-size:18px;}

.desctxtcon{ padding-bottom:20px; width:96%; margin:0 auto;}

.job-list .link{display:block;width:220px;line-height:50px;background-color:#2ca9e3;border-radius:4px;text-align:center;font-size:20px;color:#fff;margin-top:40px}

.job-list .link:hover{background-color:#2696c9}



.jj_txtwz{ padding:30px 0;}

.jj_txtwz h4{ color:#000; padding-bottom:10px;}





.dlcpon{ width:90%; margin:0 auto; padding:30px 0;}

.dlcpon dl{ padding:2%; border: dashed 2px #ddd; width:48%; float:left; margin-right:2%; display:inline; overflow:hidden; position:relative;}

.dlcpon dl:hover{ border-color:#3ca7fc;}

.dlcpon dl h3{ color:#000; font-weight:600;}

.dlcpon dl:hover h3{ color:#3ca7fc;}

.dlcpon dl p{ font-size:16px;}

.dlcpon dl dt{ text-align:center;}

.dlcpon dl dt img{ max-width:100%; text-align:center;}

.dlcpon dl dd{ text-align:center;}



/*  案例  */

.container .s-nav {

    margin-top: 22px;

    font-size: 14px;

    line-height: 34px;

	

}

.f-cb:after {

    display: block;

    height: 0;

    clear: both;

    visibility: hidden;

    overflow: hidden;

    content: ".";

}

.container .s-nav ul{ text-align:center;}

.container .s-nav li {

    margin-right: 50px;

    border-bottom: 2px solid #fff; display:inline; padding-bottom:10px;

}

.container .s-nav li a{ position:relative;}

.container .s-nav li a:before{ 

	content: "";

    width: 0%;

    height: 2px;

    background-color: #3ca7fc;

    left: 50%;

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; position:absolute; left:0; bottom:-11px;}

.container .s-nav li a:hover:before{ width:100%;}



.container .s-nav li.hover{

    border-bottom: 2px solid #3ca7fc;

}

.container .s-nav li a {

    display: inline-block;

    color: #666;

}



.container .s-nav li.hover a {

    color: #3ca7fc;

}



.container .s-nav li a:hover{ color:#3ca7fc;}



.main-wrap {

    width: 93.4%;

    margin: 0 auto;

    position: relative;

}



.list-wrap {

    position: relative;

   

}

.main-wrap .list-wrap {

    margin-top: 54px;

    position: relative;

   

}

.list-wrap ul {

    width: 100%;

}

.main-wrap .list-wrap li {

    width: 32.2%;

    margin: 0 1.7% 1.7% 0;

    margin-bottom: 30px; float:left; position:relative;

}

.list-wrap li:nth-child(3n){ margin-right:0;}



.new-tjyd .list-wrap li{ width:23.6666666%;}

.new-tjyd li:nth-child(3n){ margin-right:1.7%;}

.new-tjyd li:nth-child(4n){ margin-right:0;}

.new-tjyd .list-wrap{ margin-top:20px;}

.new-tjyd h2{ padding-top:30px;}



.list-wrap .img-box:after {

    content: "";

    opacity:0;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0,0,0,.5);

    transition: all 0.5s ease-out 0s;

    z-index: 1;

}

.list-wrap .img-box:hover:after {

    content: "";

    opacity:1;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0,0,0,.8);

    transition: all 0.5s ease-out 0s;

    z-index: 1;

}

.list-wrap .img-box {

    display: block;

    width: 100%;

    position: relative;

    overflow: hidden; 

	transition: color 0.3s ease 0s;

}

.list-wrap .img-box p{ border:solid 1px #fff; padding:5px; position:absolute; z-index:99; left:50%; top:0%; text-align:center; margin-left:-38px; color:#fff; font-size:16px; opacity:0; transition: all 0.5s ease-out 0s;}

.list-wrap .img-box:hover p{ opacity:1; top:50%; margin-top:-18px;}

.list-wrap .img-box img {

    width: 100%;

    -webkit-transition: all 1s;

    -moz-transition: all 1s;

    -ms-transition: all 1s;

    transition: all 1s;

}

.list-wrap .img-box:hover img{ 

-webkit-transform: scale(1.1);

	-moz-transform: scale(1.1);

	-ms-transform: scale(1.1);

	transform: scale(1.1);

}



img.up-pic {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 2;

}









.list-wrap .cont-box {

    width:100%;

    padding: 22px 6.5%;

    border: 1px solid #f2f2f2;

}



.list-wrap .cont-box h2{ font-size:18px; line-height:30px; color:#333; margin:0; padding:0;}

.list-wrap .cont-box span{ font-size:12px; line-height:24px; color:#666;}



.list-wrap li:hover .cont-box h2{ color:#3ca7fc;}





/*@media screen and (min-width: 1400px){

	.js_news .newslist { width: 31.33333333%; float:left; margin:2.5% 1%;}

	.newslist ul li span{ display:block;}

	.fot_botcon span.fl{ float:left; display:block;}

	.fot_botcon span.fr{ display:block; float:right;}

	.ftcontL{ float:left; width:90%;}

	.ftcontR{ float:right; width:10%;}

	.seravlist ul li {width:50%; height:auto; min-height:100px; float:left; padding:10px 40px 10px 0;}

	.seravlist ul li div {width:auto; padding:10px 0 0 100px;}

	.list-wrap li {

    width: 31.6%;

    margin-right: 1.7%;

    margin-bottom: 30px;

	float:left;

}

}*/













.con-tit h1{ font-size:26px;}

/*.con-tit .h4{ font-size:12px;}*/









.alxq_banner{ width:100%; margin-bottom:10px;}

.alxq_banner img{ width:100%;}



.xmbj{

	background-color: #fff;

    width:50%;

    padding: 30px 3.5%;

	float:left;

	min-height:360px;

}

.xmbj h2,.sjsm h2{ font-size:30px; color:#000; margin:0;}

.xmbj .line,.sjsm .line{ display:block; width:10px; height:2px; background-color: #9a9a9a; margin:10px 0 0 0;}

.casebanner .line{ display:block; width:10px; height:2px; background-color:#fff; margin:20px auto;}

.casebanner p{ font-size:18px;}

.xmbj h3{ color:#333; font-size:24px;}

.new-date{ color:#999; margin-bottom:15px;}

.xmbj p,.sjsm p{display: block; line-height: 24px; color:#777;}



.sjsm{

	background-color:#f5f5f5;

    width:46%;

    padding: 30px 3.5%;

	float:left;

	min-height: 360px;

}





#works_ctrl{position:fixed; bottom:300px; left:20px; z-index:10; width:60px; text-align:center; -webkit-animation:grightIn 0.8s 1.5s both; -moz-animation:grightIn 0.8s 1.5s both; animation:grightIn 0.8s 1.5s both;}

#works_ctrl a{display:block; width:52px; height:50px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);}

#works_ctrl .works_prev{background:#fff url(../images/works_arr.png) no-repeat 0 0; border-radius:4px 4px 0 0;}

#works_ctrl .works_prev:hover{background:#3ca7fc url(../images/works_arr.png) no-repeat -52px 0;}

#works_ctrl .works_next{background:#fff url(../images/works_arr.png) no-repeat -52px -50px; border-radius:0 0 4px 4px;}

#works_ctrl .works_next:hover{background:#3ca7fc url(../images/works_arr.png) no-repeat 0 -50px;}

.works_more{background:#fff; color:#333; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; text-align:center; line-height:50px;}

.works_more:hover{background:#3ca7fc; color:#fff;}





.xmbjcon .links {

    position: relative;

    display: inline-block;

    width: 50px;

    height: 50px;

    margin:30px 0 0 0;

}



.xmbjcon .links b {

    border-radius: 50%;

    -webkit-transition: 0.5s cubic-bezier(0.18, 0.89, 0.40, 1.90);

    -moz-transition: 0.5s cubic-bezier(0.18, 0.89, 0.40, 1.90);

    transition: 0.5s cubic-bezier(0.18, 0.89, 0.40, 1.90);

    display: -webkit-box;

}



.xmbjcon .links b {

    width: 48px;

    height: 48px;

    border: 1px solid #666;

    background: #fff;

}

.xmbjcon i {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}

.xmbjcon .links i {

    background: url(../images/icon_link.png) no-repeat center center;

}



.xmbjcon a:hover b{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}









.main_wrap{ padding:50px 3.5%;}

.main_wrap img{ width:100%; margin-bottom:10px;}















 /* 关于 */

 .about {

    width: 100%;

    background: url(../images/service_web.jpg) no-repeat top center;

    background-size: cover;

    display: table;

    text-align: center;

	padding:200px 0; margin-bottom:10px;

}

 .fzlc {

    width: 100%;

    background: url(../images/1-1f206191332948.jpg) no-repeat top center;

    background-size: cover;

    display: table;

    text-align: center;

	padding:200px 0;

}



.about article {

    text-align: center;

    color: #fff;

    display: table-cell;

    vertical-align: middle;

}

.about article h2 {

    

    margin: 0;

    font-size: 36px;

}



.about article h3{ font-size:16px;}



.aboutcona{ padding:50px 3.5%; margin-top:10px; background:#fff;}

.about_wz{ text-align:center;}

.about_wz h2{ font-size:36px; color:#333;}

.about_wz h3{ font-size:18px; color:#333;}





.about_wz .line,.wsmxzwm .line,.kfqtfb .line{ display:block; width:40px; height:4px; background:#333;}

.about_sj{ width:80%; margin:50px auto 0 auto;}

.about_sj .stats1-info{ width:23%; float:left; border:solid 1px #ddd; padding:1.5%; text-align: center; margin:1%;} 

.about_sj .stats1-info:hover{ border-color:#3ca7fc;}

.about_sj .stats1-info h2{ font-size:50px; color:#333;} 

.about_sj .stats1-info:hover h2{ color:#3ca7fc;}

.about_sj .stats1-info p{ font-size:14px; color:#999;}

.about_sj .stats1-info:hover p{ color:#333;}





.wsmxzwm{ width:89%; margin:0 auto; padding:50px 0; text-align:center;}

.about-t{ font-size:36px; color:#333;}



.tbcon{ width:69%; margin:0 auto; padding:50px 0 0 0;}

.tbcon1{ width:25%; padding:4%; float:left;}

.tbcon1 img{ width:100%; margin-bottom:10px;-webkit-transition: all .5s linear;-moz-transition: all .5s linear;-ms-transition: all .5s linear;-o-transition: all .5s linear;transition: all .5s linear;}

.tbcon1 img:hover{

    -webkit-transform: rotate(360deg)  /*scale(1.2, 1.2) 这是放大*/;

       -moz-transform: rotate(360deg) ;

        -ms-transform: rotate(360deg);

         -o-transform: rotate(360deg);

            transform: rotate(360deg);

}

.data-so-inner{width: 924px;margin:0 auto;position: relative;padding-left: 50px;}















.newban{ width:100%; padding:200px 0; background:url(../images/wallpaper5.jpg) no-repeat; color:#fff; position: relative; overflow: hidden; background-position: center auto;  background-attachment: fixed;}

.lxbanner{ width:100%; padding:200px 0; background:url(../images/home-image-1.jpg) no-repeat center top; color:#fff; position: relative; overflow: hidden; background-position: center auto;  background-attachment: fixed;}



.newban article{ width:79%; margin:0 auto;}

.newban article h2{ font-size:36px; margin:0; text-align:center;}

.newban article .line{ display:block; width:10px; height:2px; background:#fff; padding:0;}

.newban article h3{ text-align:center;}





.newban1{ width:100%; padding:200px 0; background:url(../images/anli.jpg) no-repeat; color:#fff; position: relative; overflow: hidden; background-position: center auto;  background-attachment: fixed;}

.lxbanner{ width:100%; padding:200px 0; background:url(../images/home-image-1.jpg) no-repeat center top; color:#fff; position: relative; overflow: hidden; background-position: center auto;  background-attachment: fixed;}



.newban1 article{ width:79%; margin:0 auto;}

.newban1 article h2{ font-size:36px; margin:0; text-align:center;}

.newban1 article .line{ display:block; width:10px; height:2px; background:#fff; padding:0;}

.newban1 article h3{ text-align:center;}





.newban2{ width:100%; padding:200px 0; background:url(../images/anli2.jpg) no-repeat; color:#fff; position: relative; overflow: hidden; background-position: center auto;  background-attachment: fixed;}

.lxbanner{ width:100%; padding:200px 0; background:url(../images/home-image-1.jpg) no-repeat center top; color:#fff; position: relative; overflow: hidden; background-position: center auto;  background-attachment: fixed;}



.newban2 article{ width:79%; margin:0 auto;}

.newban2 article h2{ font-size:36px; margin:0; text-align:center;}

.newban2 article .line{ display:block; width:10px; height:2px; background:#fff; padding:0;}

.newban2 article h3{ text-align:center;}





.newban3{ width:100%; padding:200px 0; background:url(../images/anli3.jpg) no-repeat; color:#fff; position: relative; overflow: hidden; background-position: center auto;  background-attachment: fixed;}

.lxbanner{ width:100%; padding:200px 0; background:url(../images/home-image-1.jpg) no-repeat center top; color:#fff; position: relative; overflow: hidden; background-position: center auto;  background-attachment: fixed;}



.newban3 article{ width:79%; margin:0 auto;}

.newban3 article h2{ font-size:36px; margin:0; text-align:center;}

.newban3 article .line{ display:block; width:10px; height:2px; background:#fff; padding:0;}

.newban3 article h3{ text-align:center;}







.news{ margin-top:10px;}

.newsconn{ width:93.4%; margin:0 auto; padding:50px; background:#fff;}

.newsconn .tit-box{ text-align:center;}

.newsconn .tit-box h4{ font-size:26px; color:#333;}

.newsconn .tit-box p{ color:#999;}



.ulnewslist{ margin-top:20px;}

.ulnewslist ul li{ float: left; width:50%; padding:20px 5%;}



.ulnewslist ul li .img {

    height: 200px;

    line-height: 200px;

    overflow: hidden;

}



.ulnewslist ul li h4 {

    font-size: 18px;

    font-weight: 400;

    padding: 20px 0;

    color: #333;

	overflow:hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}



.ulnewslist ul li h4 small {

    display: inline-block;

    vertical-align: middle;

    width: 0;

    height: 0;

    border-top: 1px solid #3ca7fc;

    transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -webkit-transition: all .3s ease-in-out;

}



.ulnewslist ul li:hover h4 small {

                width: 40px;

            }

.ulnewslist ul li:hover h4{ color:#3ca7fc;}

.ulnewslist ul li p {

         

                line-height: 22px;

                color: #666;

				display: -webkit-box !important;

    overflow: hidden;

    text-overflow: ellipsis;

    word-break: break-all;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

}



.ulnewslist ul li span.data {

    font-size: 16px;

    font-family: CalibreLight;

    padding-top: 30px;

    display: block;

}







.news_info h1{ font-size:26px; color:#000;}

.subtitle{ border-bottom:solid 1px #eee; padding-bottom:20px; margin-bottom:20px;}



.ifoncon article p{ padding-bottom:20px;}



.pages{ text-align:center; padding:50px 0; border-top:solid 1px #eee; margin-top:20px;}

.pages a {

    width: 46px;

    height: 36px;

    background: #f5f5f5;

    display: inline-block;

    color: #a9a9a9;

    line-height: 36px;

    text-align: center;

    font-family: Arial;

    margin-right: 5px;

    transition: background-color 0.2s ease-out;

}







.pages .pageactive {width: 36px;

    height: 36px;

    background: #f5f5f5;

    display: inline-block;

    color: #a9a9a9;

    line-height: 36px;

    text-align: center;

    font-family: Arial;

    margin-right: 5px;

    transition: background-color 0.2s ease-out;

   

}



.pages .slh{ width:36px; height:36px; text-align:center; line-height:36px;}





.yy-icon {

    display: inline-block;

    overflow: hidden;

    background-repeat: no-repeat;

    background-image: url(../images/yy-icon.png);

    line-height: 28px;

	position: relative;

    top: 3px;

}

.yy-pp {

    width: 11px;

    height: 18px;

    background-position: -124px -656px;

}



.pages .pageactive {

    background: #333;

    color: #fff;

}



.yy-rotate, .yy-rotatem:hover {

    -webkit-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    transform: rotate(180deg);

}



.pages a:hover{ background:#333;}





.s26{ font-size:26px; color:#333; padding-bottom:10px;}

.Cooperationright ul li label{ width:100%; max-width:100%; margin-bottom:10px; font-weight:normal; font-size:14px;}

.Cooperationright ul li label input{ width:100%; padding:10px; border:solid 1px #ddd;}

.Cooperationright dl dd label{ font-weight:normal; font-size:13px; color:#333; padding:0 10px; width:33.33333%;}

.Cooperationright dl dd label input{ margin-right:5px;}



#dosubmit{ width:100%; padding:10px 0; background:#000; color:#999; transition: none ease-out .3s; border-radius:3px;}

#dosubmit:hover{ color:#fff; background:#3ca7fc;}









/* APP开发 */



#dowebok .section1{ background:url(../images/bg_1.jpg) no-repeat center top; width:100%; background-size:cover;}

#dowebok .section2{ background-color: rgb(242, 104, 76);}

#dowebok .section3{ background-color: rgb(84, 160, 213);}

#dowebok .section4{ background-color: rgb(62, 198, 174);}

#dowebok .section5{ background-color: rgb(255, 179, 41);}



#dowebok .section7{ background:url(../images/js1.jpg) no-repeat center top; width:100%; background-size:cover;}

#dowebok .section8{ background:url(../images/js2.jpg) no-repeat center top; width:100%; background-size:cover;}

#dowebok .section9{ background:url(../images/js7.jpg) no-repeat center top; width:100%; background-size:cover;}

#dowebok .section10{ background:url(../images/acb1.jpg) no-repeat center top; width:100%; background-size:cover;}

#dowebok .section11{ background:url(../images/fabg5.jpg) no-repeat center top; width:100%; background-size:cover;}





.wan{ position: absolute; width: 587px; height: 108px; background: url(../images/page1_3.png) no-repeat center;}

#dowebok .section6{ background:url(../images/bg_3.jpg) no-repeat center top; width:100%; background-size:cover;}







.qyjscon{ width:79%; margin:0 auto; position:relative; height:100%;}

.txat{ width:50%; padding:0 10%; float:left; color:#fff;}

.txat1{ position:absolute; top:35%;}

.txat3{ position: absolute; top:35%; right:5%; color:#000;}

.txat1 h2,.txat3 h2{ font-size:46px; opacity: 0; -webkit-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); transition: all 1s;}

.txat1 .line{ display:block; width:40px; height:4px; background:#fff; margin:30px 0;}

.txat3 .line{ display:block; width:40px; height:4px; background:#000; margin:30px 0;}

.txat1 h3,.txat3 h3{ font-size:24px; padding-top:30px;opacity:0;transition: all 2s;}

.txat1 p,.txat3 p{ font-size:13px; padding-top:30px;opacity:0;transition: all 3s;}

.txat1 a{ display:block; color:#333; background:#fff; text-align:center; height:35px; line-height:35px; width:100px; margin-top:50px; padding-top:30px;opacity:0;transition: all 3s;}

.txat3 a{ display:block; color:#fff; background:#333; text-align:center; height:35px; line-height:35px; width:100px; margin-top:50px; padding-top:30px;opacity:0;transition: all 3s;}

.txat2 .dypimg1{ position: absolute; z-index:1; right:20%; top:30%; opacity: 0; -webkit-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); transition: all 1s;}

.txat2 .dypimg2{ position: absolute; z-index:2; right:0; top:50%; opacity: 0; -webkit-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); transition: all 2s;}



.txat4 .dypimg3{ position: absolute; z-index:2; left:5%; top:22%; opacity: 0; -webkit-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); transition: all 2s;}

.txat4 .dypimg4{ position: absolute; z-index:2; left:0; top:28%; opacity: 0; -webkit-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); transition: all 2s;}





.section1 .app_txt h2{ font-size:60px; font-weight:bold; text-align:center; color:#724009; opacity: 0; -webkit-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); transition: all 1s; padding:200px 0 0 0;}

.section1 .app_txt p{ text-align:center; color:#724009; font-size:16px; opacity:0;transition: all 1s; padding-top:30px;}

.section1 .app_txt .app_bg1{ background:url(../images/page1_1.png) no-repeat; width:613px; height:170px; position:absolute; left:50%; margin-left:-306.5px; bottom:0%; opacity: 0; transition: all 1s;}

.section1 .app_txt .app_bg2{ background:url(../images/page1_2.png) no-repeat; width:888px; height:453px; position:absolute; left:50%; margin-left:-444px; bottom:20%; opacity: 0; -webkit-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); transition: all 1s;}



.section2 .app_txt2 .app_bg3{ background:url(../images/type01.png) no-repeat; width:424px; height:400px; position: absolute; top:50%; left:30%; margin-top:-200px; margin-left:-127px; opacity: 0; -webkit-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); transition: all 1s;}

.rithwz{ position:absolute; top:30%; left:70%; width:500px; margin-left:-350px;}

.rithwz h2{ font-size:36px; color:#fff;opacity: 0; -webkit-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); transition: all 1s;}

.rithwz h4{padding-top:60px; opacity:0;transition: all 1s; color:#fff;}

.rithwz p{ padding-top:60px; opacity:0;transition: all 1s; text-align:justify; color:#fff; font-size:14px;}

.rithwz .line{ display:block; width:40px; height:4px; background:#fff; margin:30px 0;}



.section3 .app_txt2 .app_bg3{ background:url(../images/type02.png) no-repeat; width:510px; height:455px; position: absolute; top:50%; left:30%; margin-top:-240px; margin-left:-227px; opacity: 0; -webkit-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); transition: all 1s;}







.section4 .app_txt2 .app_bg4{ background:url(../images/cyapp.jpg) no-repeat; width:566px; height:590px; position: absolute; top:50%; left:30%; margin-top:-240px; margin-left:-227px; opacity: 0; -webkit-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); transition: all 1s;}



.section5 .app_txt2 .app_bg5{ background:url(../images/jrapp.jpg) no-repeat; width:566px; height:590px; position: absolute; top:50%; left:30%; margin-top:-240px; margin-left:-227px; opacity: 0; -webkit-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); transition: all 1s;}





.section6 .app_txt h2{ font-size:60px; font-weight:bold; text-align:center; color:#fff; opacity: 0; -webkit-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); transition: all 1s; padding:200px 0 0 0;}

.section6 .app_txt p{ text-align:center; color:#fff; font-size:16px; opacity:0;transition: all 1s; padding-top:30px;}





.xqtx{ width:500px; margin:0 auto;opacity: 0; -webkit-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); transition: all 1s; }

.xqtx li{ margin-bottom:10px; color:#fff;}

.xqtx li input{ background:url(../images/ly-bg.png) repeat-x; height:50px; line-height:50px; width:100%; padding-left:10px;}

.xqtx li textarea{ background:url(../images/ly-bg.png) repeat; height:120px; line-height:24px; width:100%; padding:10px; border:0;}

.tjxq{ width:500px; margin:0 auto;}

.tjxq input{ width:100%; height:50px; line-height:50px; text-align:center; background:#009efe; border-radius:5px; font-size:16px; color:#fff; cursor:pointer;padding-top:60px; opacity:0;transition: all 1s;}



.tjxq:hover input{ opacity:.8;}

	

/* CSS3动画及过度效果 */

.active .app_txt h2,.active .app_txt2 .rithwz h2,.active .app_txt2 .app_bg3,.active .app_txt2 .app_bg4,.active .app_txt2 .app_bg5,.active .xqtx,.active .txat1 h2,.active .txat3 h2,.active .txat2 .dypimg1,.active .txat2 .dypimg2,.active .txat4 .dypimg3,.active .txat4 .dypimg4{ opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.3s;}

.active .app_txt p,.active .app_txt2 .rithwz p,.active .app_txt2 .rithwz h4,.active .tjxq input,.active .txat1 h3,.active .txat3 h3,.active .txat1 p,.active .txat3 p,.active .txat1 a,.active .txat3 a{ opacity: 1; transition-duration: 1s; transition-delay: 0.8s; padding-top:0;}

.active .app_txt .app_bg1{bottom:10%; transition-delay: 0.5s; opacity: 1;}

.active .app_txt .app_bg2{bottom:20%; transition-delay: 0.8s; opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1);}

















.kebak{ background:#fff;}

.kfimg{ width:60%; margin:50px auto 0 auto;}

.kfimg img{ width:100%;}





.aboutcona .about-t,.aboutcona .about-t2,.aboutcona .tit{ text-align:center;}







/* 历程 */

.history-wrap .tit-box {

    text-align: center;

	padding-top:30px;

}

.history-wrap .tit-box h4 {

    font-size:36px;

    line-height: 50px;

    color: #333;

}

.history-wrap .tit-box .st {

    font-size: 16px;

    line-height: 20px;

    color: #777;

}

.history-wrap .cent-wrap {

    width: 89.2%;

    margin: 42px auto 0;

    position: relative;

    padding-bottom: 100px;

}

.history-wrap .cent-wrap ul {

    position: relative;

    z-index: 2;

	width:100%;

}

.history-wrap .cent-wrap li {

    margin-top: 98px;

    position: relative;

    opacity: 0;

    transition: opacity 0.4s ease 0s;

	width:100%; float:left; display:block;

}

.history-wrap .cent-wrap li .img {

    display: block;

    width: 10.8%;

    border-radius: 50%;

    overflow: hidden;

    margin-top: 8px;

}

.history-wrap .cent-wrap li:nth-child(odd) .img {

    float: left;

}

.history-wrap .cent-wrap li:nth-child(even) .img {

    float: right;

}

.history-wrap .cent-wrap li .img img {

    width: 100%;

    height: auto;

}

.history-wrap .cent-wrap li .cont-box {

    width: 29%;

}

.history-wrap .cent-wrap li:nth-child(odd) .cont-box {

    float: left;

    margin-left: 6.8%;

    text-align: right;

}

.history-wrap .cent-wrap li:nth-child(even) .cont-box {

    float: right;

    margin-right: 9.7%;

    width: 26%;

    text-align: left;

}

.history-wrap .cent-wrap li .year {

    font-size: 40px;

    line-height: 50px;

    color: #333;

    font-weight: bold;

    font-family: "Arial";

}

.history-wrap .cent-wrap li .word {

    font-size: 14px;

    line-height: 24px;

    margin-top: 10px;

    color: #777;

}

.history-wrap .cent-wrap li .point {

    display: inline-block;

    width: 18px;

    height: 18px;

    border: 1px solid #ccc;

    background-color: #fff;

    position: absolute;

    left: 50%;

    margin-left: -10px;

    text-align: center;

    border-radius: 50%;

    top: 14px;

}

.history-wrap .cent-wrap li .point i {

    display: none;

    width: 10px;

    height: 10px;

    margin-top: 4px;

    vertical-align: top;

    background-color: #000;

    border-radius: 50%;

}

.history-wrap .cent-wrap li.show .point i {

    display: inline-block;

}

.history-wrap .cent-wrap li.show {

    opacity: 1;

}



.history-wrap .cent-line-box {

    width: 1px;

    height: 100%;

    position: absolute;

    left: 50%;

    top: 0;

    z-index: 1;

}

.history-wrap .cent-line-box .line {

    display: block;

    width: 1px;

    height: 100%;

    background-color: #ccc; margin:0;

}

.history-wrap .cent-line-box .point-t {

    display: inline-block;

    width: 15px;

    height: 15px;

    border: 1px solid #ccc;

    border-radius: 50%;

    background-color: #fff;

    margin-left: -8px;

    position: absolute;

    top: 0;

}









.ulist li{ width:23%; float:left; margin-right:2%;box-shadow: 0 0 3px 2px rgba(135, 135, 135, 0.15);}

.ulist li h2{ height:80px; line-height:80px; text-align:center; background:#999; color:#fff; margin:0;}

.ulist li .listcon{ padding:10px 0;}

.ulist li .listcon p{ height:40px; line-height:40px; border-bottom:dashed 1px #eee; margin:0;}

.ulist li .listcon p:last-child{ border:0;}

.ulist li a{ display:block; width:140px; height:40px; text-align:center; margin:0 auto; line-height:40px; background:#c5c5c5; color:#fff; margin-bottom:30px;}

.ulist li:hover h2,.ulist li:hover a{ background:#3ca7fc; color:#fff;}









.jjfalist li{ width:25%; text-align:center; margin-bottom:30px; float:left;}

.uuali li{ float:left; text-align:center; width:23%; margin:0 2% 2% 0;}

.uuali li a{ display:block;background:#f5f5f5; padding:10px 0; border-radius:5px;}

.uuali li a:hover,.uuali li a.cture{ display:block; background:#3ca7fc; color:#fff;}

 

 

 

.fy_nt{ padding: 50px 3.5%; border-top:solid 1px #eee;}

.fy_nt a{ display:block; float:left; width:50%;}

.fy_nt a:hover{ color:#3ca7fc;}





.new_2018news h2{ width:93.4%; padding:30px 50px 0 50px; margin:0 auto;}

.new_2018news .newsconn{ padding-top:20px;}

.new_2018news .newsconn li{ width:40%; float:left; height:40px; line-height:40px; border-bottom:dashed 1px #ddd; margin-right:5%; position:relative;}

.new_2018news .newsconn li a span{ float:right; color:#999;}

.new_2018news .newsconn li:before{ content:""; position:absolute; width:6px; height:6px; border-radius:50%; background:#ddd; left:0; top:50%; margin-top:-3px;}

.new_2018news .newsconn li a{ display:block; padding-left:15px; color:#333;}

.new_2018news .newsconn li a:hover,.new_2018news  .newsconn li a:hover span{ color:#3ca7fc;}

.new_2018news .newsconn li:hover:before{ content:""; background:#3ca7fc;}





.main-wrap .APPlist{ margin-top:2%;}

.main-wrap .APPlist li{ width:20%; margin:0; text-align:center;transition: all 0.3s ease-out 0s; float:left;}

.main-wrap .APPlist li img{ width:120px; height:120px; max-width:100%; margin:0 auto;-webkit-transition: -webkit-transform 0.6s;

    transition: -webkit-transform 0.6s;

    transition: transform 0.6s;

    transition: transform 0.6s, -webkit-transform 0.6s;}

.main-wrap .APPlist li p{ padding:15px 0;}

.main-wrap .APPlist li:hover img{  -webkit-transform: translate(0, -5px);

    transform: translate(0, -5px);}



.main-wrap .APPlist li .wx img{ border-radius:50%; border:solid 5px rgba(0,0,0,.1);}

.main-wrap .APPlist li:hover p{ color:#3ca7fc;}

@media (max-width: 1140px){





	.main-wrap .list-wrap li{ width:48%; margin:0 2% 2% 0;}

	.main-wrap .list-wrap li:nth-child(3n){ margin-right:2%;}

	.main-wrap .list-wrap li:nth-child(2n){ margin-right:0;}

}

@media (max-width: 1024px){



.xmbj{

	background-color: #fff;

    width:100%;

    padding: 50px 3.5%;

	float:left;}

	#header_top .logo{ left:15px;}

	.main-wrap .list-wrap li{ width:48%; margin:0 2% 2% 0;}

	.main-wrap .list-wrap li:nth-child(3n){ margin-right:2%;}

	.main-wrap .list-wrap li:nth-child(2n){ margin-right:0;}

}





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

	

	.main-wrap .list-wrap li{ width:48%; margin:0 2% 2% 0;}

	.main-wrap .list-wrap li:nth-child(3n){ margin-right:2%;}

	.main-wrap .list-wrap li:nth-child(2n){ margin-right:0;}

}



@media (max-width: 768px){

	.main-wrap .list-wrap li {

		width: 45%;

		margin-right: 5%;

	}

	.main-wrap .list-wrap li:nth-child(2n){ margin-right:0;}

	.main-wrap .list-wrap li:nth-child(3n) { margin-right: 5%;}

	

	.xmbj{

	background-color: #fff;

    width:100%;

    padding: 50px 3.5%;

	float:left;}

	.js_news{ width:93.4%; margin:0 auto; padding:50px 0;}



.sjsm{

	background-color:#f5f5f5;

    width:100%;

    padding: 50px 3.5%;

	float:left;

}

	.about article h2 {

    font-weight: bold;

    margin: 0;

    font-size: 24px;

	}

	.about article h3{ font-size:16px;}

	.about_sj .stats1-info{ width:48%;}

	.tbcon1{ width:46%; float:left; margin:2%;}

	.container .s-nav li{ margin:0; padding:0 10px 10px 10px;}

	.ulnewslist ul li{ float: left; width:100%; padding:20px 5%;}

	#header_top .logo h1{ font-size:15px;}



}



@media (max-width: 480px){

	.main-wrap .list-wrap li {

		width: 100%;

		margin-right: 0;

	}

	.xmbj{

	background-color: #fff;

    width:100%;

    padding: 50px 3.5%;

	float:left; min-height:300px

}

	.container .s-nav li{ margin:0; padding:0 10px 10px 10px; float:left; margin-bottom:15px; display:inline; overflow:hidden;}



.sjsm{

	background-color:#f5f5f5;

    width:100%;

    padding: 50px 3.5%;

	float:left;min-height:300px

}



	.about article h2 {

    font-weight: bold;

    margin: 0;

    font-size: 24px;

	}

	.about article h3{ font-size:14px;}

	.about_sj .stats1-info{ width:98%;}

	.tbcon1{ width:80%; margin:0 auto;}

	.ulnewslist ul li{ float: left; width:100%; padding:20px 5%;}

	#header_top{ height:70px;}

	#header_top .logo{ left:10px; width:320px;}

	.m-btn{ width:40px; height:40px;}

	.m-btn i{ margin-top:12px;}

	#header_top .logo a{ width:120px;}

	.box-hover-modal{ height:auto; background:#f5f5f5; margin-bottom:20px;}

	.box-hover-modal-con .t3{padding: 0 20px 35px 20px;}

	.box-hover-modal-con .t3 p{ margin:0; display:inline-block; padding:5px; color:#666;}

	#header_top .logo h1{ display:block;    float: left;font-size: 12px;

    width: 114px;

	margin-left:10px;

    line-height: 23px;

    font-weight: 500;}

	.course_nr2 li{ width:100%; }

	.main-wrap .list-wrap{ margin-top:20px;}

	.newsconn{ padding:0;}

	.container .s-nav li{ display:inline-block; float:none;}

	.ulnewslist ul li{ border:solid 1px #ddd; margin-bottom:20px;}

	.ulnewslist ul li .img{ width:100%;}

	.ulnewslist ul li .img img{ width:100%;}

	#page-content #flexslider-nav.small{ margin-top:80px;}

	.main-wrap .APPlist li{ width:32%; margin:0 2% 2% 0;}

	.main-wrap .APPlist li:nth-child(3n){ margin-right:0;}

	.main-wrap .APPlist li:nth-child(10){ display:none;}

}















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

	

		#flexslider-nav.small ul li .text h1{ font-size:24px; margin:0;}

		#page-content #flexslider-nav ul li .text{ padding:50px; top:26%;}

		#flexslider-nav.small ul li .text p{ font-size:14px;}

		.main_wrap img{ max-width:100%!important; height:auto!important;}

		.fy_nt{ padding-top:20px;}

		.main_wrap{ padding-bottom:20px;}

		.list-wrap .img-box p{ display:none;}

	}







/* 手机版样式 */

@media screen and (min-width:320px){

	.con-tit .h4{ padding:0 10px; line-height:24px;}

	.js_news .newslist { width:100%; float:left; margin:5% auto;}

	.newslist ul li span{ display:none;}

	.fot_botcon span{ display:block; float:none;}

	.ftcontL{ float:none; width:10.

	.

	

	.0%;}

	.ftcontR{ float:none; width:30%;}

	.seravlist ul li {width:100%; height:auto; min-height:100px; float:left; padding:10px 40px 10px 0;}

	.seravlist ul li div {width:auto; padding:10px 0 0 100px;}

	.fuwu_threebox div.btn1 span {left:160px;top:130px;}

	.fuwu_threebox div.btn1 em   {left:120px;top:130px;}

	.fuwu_threebox div.btn2 span {left:160px;top:180px;}

	.fuwu_threebox div.btn2 em   {left:120px;top:180px;}

	.fuwu_threebox div.btn3 span {left:160px;top:230px;}

	.fuwu_threebox div.btn3 em   {left:120px;top:230px;}

	.fuwu_threebox div.btn4 span {left:160px;top:280px;}

	.fuwu_threebox div.btn4 em   {left:120px;top:280px;background: #185ac9;}

	.fuwu_threebox div.btn5 span {left:160px;top:330px;}

	.fuwu_threebox div.btn5 em   {left:120px;top:330px;}

	.fuwu_threebox div.btn6 span {left:160px;top:380px;}

	.fuwu_threebox div.btn6 em   {left:120px;top:380px;background: #185ac9;}

	.fuwu_threebox div.btn7 span {left:160px;top:430px;}

	.fuwu_threebox div.btn7 em   {left:120px;top:430px;background: #185ac9;}

	.fuwu_threebox div.btn8 span {left:160px;top:480px;}

	.fuwu_threebox div.btn8 em   {left:120px;top:480px;}

	.fuwu_threebox div.btn9 span {left:160px;top:530px;}

	.fuwu_threebox div.btn9 em   {left:120px;top:530px;background: #185ac9;}

	.fuwu_threebox div.btn10 span{left:160px;top:580px;}

	.fuwu_threebox div.btn10 em  {left:120px;top:580px;}

	.fuwu_threebox { background:none;}

	.ulnewslist ul li{ float: left; width:100%; padding:20px 5%;}

	.Cooperationright dl dd label{ width:100%; max-width:100%;}

	.data-so-inner{width: 300px;}

	.ju-exp p{ padding-bottom:5px;}

	.data-so .so-ul li dl dd .ju-exp{ padding-top:15px;}

	.g_serv{ display:none;}

	.footlist li{ width:100%;}

	.ulist li{ width:100%; margin-bottom:3%;}

	.jjfalist li{ width:100%;}

	.job-pic .td,.job-list h4{ font-size:14px;}

	.job-pic .td.s4{ width:18%;}

	.dlcpon dl{ width:100%;}

	

}

@media screen and (min-width:480px) {

	.js_news .newslist { width: 100%; float:left; margin:5% 0%;}

	.newslist ul li span{ display:block;}

	.fot_botcon span.fl{ float:left; display:block;}

	.fot_botcon span.fr{ display:block; float:right;}

	.ftcontL{ float:left; width:100%;}

	.ftcontR{ float:right; width:40%;}

	.seravlist ul li {width:100%; height:auto; min-height:100px; float:left; padding:10px 40px 10px 0;}

	.seravlist ul li div {width:auto; padding:10px 0 0 100px;}

	.fuwu_threebox div.btn1 span {left:240px;top:130px;}

	.fuwu_threebox div.btn1 em   {left:200px;top:130px;}

	.fuwu_threebox div.btn2 span {left:240px;top:180px;}

	.fuwu_threebox div.btn2 em   {left:200px;top:180px;}

	.fuwu_threebox div.btn3 span {left:240px;top:230px;}

	.fuwu_threebox div.btn3 em   {left:200px;top:230px;}

	.fuwu_threebox div.btn4 span {left:240px;top:280px;}

	.fuwu_threebox div.btn4 em   {left:200px;top:280px;background: #185ac9;}

	.fuwu_threebox div.btn5 span {left:240px;top:330px;}

	.fuwu_threebox div.btn5 em   {left:200px;top:330px;}

	.fuwu_threebox div.btn6 span {left:240px;top:380px;}

	.fuwu_threebox div.btn6 em   {left:200px;top:380px;background: #185ac9;}

	.fuwu_threebox div.btn7 span {left:240px;top:430px;}

	.fuwu_threebox div.btn7 em   {left:200px;top:430px;background: #185ac9;}

	.fuwu_threebox div.btn8 span {left:240px;top:480px;}

	.fuwu_threebox div.btn8 em   {left:200px;top:480px;}

	.fuwu_threebox div.btn9 span {left:240px;top:530px;}

	.fuwu_threebox div.btn9 em   {left:200px;top:530px;background: #185ac9;}

	.fuwu_threebox div.btn10 span{left:240px;top:580px;}

	.fuwu_threebox div.btn10 em  {left:200px;top:580px;}

	.fuwu_threebox { background:none;}

	

	.con-tit{ padding:0 20px;}

	.data-so-inner{width: 300px;}

	.ulnewslist ul li{ float: left; width:100%; padding:20px 5%;}

	.Cooperationright dl dd label{ width:100%; max-width:100%;}

	.Cooperationright dl dd label{ width:49%; max-width:49%;}

	.ju-exp p{ padding-bottom:5px;}

	.data-so .so-ul li dl dd .ju-exp{ padding-top:15px;}

	.g_serv{ display:none;}

	.footlist li{ width:100%;}

	.ulist li{ width:100%; margin-bottom:3%;}

	

	.jjfalist li{ width:50%;}

	.job-pic .td,.job-list h4{ font-size:14px;}

	.job-pic .td.s4{ width:18%;}

	.dlcpon dl{ width:100%;}

}



@media screen and (min-width:640px) {

	.js_news .newslist { width: 100%; float:left; margin:5% 0%;}

	.newslist ul li span{ display:block;}

	.fot_botcon span.fl{ float:left; display:block;}

	.fot_botcon span.fr{ display:block; float:right;}

	.ftcontL{ float:left; width:70%;}

	.ftcontR{ float:right; width:30%;}

	.seravlist ul li {width:100%; height:auto; min-height:100px; float:left; padding:10px 40px 10px 0;}

	.seravlist ul li div {width:auto; padding:10px 0 0 100px;}

	.fuwu_threebox div.btn1 span {left:420px;top:140px;}

	.fuwu_threebox div.btn1 em   {left:380px;top:140px;}

	.fuwu_threebox div.btn2 span {left:220px;top: 190px;}

	.fuwu_threebox div.btn2 em   {left: 240px; top: 164px;}

	.fuwu_threebox div.btn3 span {left:60px;top: 180px;}

	.fuwu_threebox div.btn3 em   {left:80px;top: 145px;}

	.fuwu_threebox div.btn4 span {left:60px;top: 365px;}

	.fuwu_threebox div.btn4 em   {left:80px;top:335px;background: #185ac9;}

	.fuwu_threebox div.btn5 span {left:250px;top:340px;}

	.fuwu_threebox div.btn5 em   {left:250px;top:315px;}

	.fuwu_threebox div.btn6 span {left:380px;top: 320px;}

	.fuwu_threebox div.btn6 em   {left:400px;top: 292px;background: #185ac9;}

	.fuwu_threebox div.btn7 span {left:550px;top:320px;}

	.fuwu_threebox div.btn7 em   {left:570px; top: 290px;background: #185ac9;}

	.fuwu_threebox div.btn8 span {left:590px;top: 510px;}

	.fuwu_threebox div.btn8 em   {left:590px;top: 482px;}

	.fuwu_threebox div.btn9 span {left:400px;top: 500px;}

	.fuwu_threebox div.btn9 em   {left:400px;top:470px;background: #185ac9;}

	.fuwu_threebox div.btn10 span{left:320px;top:575px;}

	.fuwu_threebox div.btn10 em  {left:350px;top:545px;}

	.fuwu_threebox {

    margin: 50px auto;

    background-image: url(../images/a28.png);

    background-position: center top;

    background-repeat: no-repeat;

    position: relative;

    overflow: hidden;

    width: 100%;

    height: 100%;

    background-size: 100% 100%;

    max-width: 1200px;

	}

	.data-so-inner{width: 300px;}

	.ulnewslist ul li{ float: left; width:100%; padding:20px 5%;}

	.Cooperationright dl dd label{ width:33.3333%; max-width:33.3333%;}

	.ju-exp p{ padding-bottom:0px;}

	 .data-so .so-ul li dl dd .ju-exp{ padding-top:5px;}

	 .g_serv{ display:none;}

	 .footlist li{ width:50%;}

	 .ulist li{ width:48%; margin-bottom:3%;}

	 .ulist li:nth-child(2n){ margin-right:0; float:right;}

	 .course_nr2 li{ width:46%;}

	 .jjfalist li{ width:50%;}

	 .job-pic .td,.job-list h4{ font-size:14px;}

	 .job-pic .td.s4{ width:18%;}

	 .dlcpon dl{ width:100%;}

	 

}





@media screen and (min-width:768px) {

	

	.js_news .newslist { width: 100%; float:left; margin:5% 0%;}

	.newslist ul li span{ display:block;}

	.fot_botcon span.fl{ float:left; display:block;}

	.fot_botcon span.fr{ display:block; float:right;}

	.ftcontL{ float:left; width:70%;}

	.ftcontR{ float:right; width:30%;}

	.seravlist ul li {width:100%; height:auto; min-height:100px; float:left; padding:10px 40px 10px 0;}

	.seravlist ul li div {width:auto; padding:10px 0 0 100px;}

	.fuwu_threebox div.btn1 span {left:560px;top:140px;}

	.fuwu_threebox div.btn1 em   {left:525px;top:140px;}

	.fuwu_threebox div.btn2 span {left:280px;top: 180px;}

	.fuwu_threebox div.btn2 em   {left:300px;top: 148px;}

	.fuwu_threebox div.btn3 span {left:60px;top: 180px;}

	.fuwu_threebox div.btn3 em   {left:80px;top: 145px;}

	.fuwu_threebox div.btn4 span {left:60px;top: 360px;}

	.fuwu_threebox div.btn4 em   {left:80px;top:328px;background: #185ac9;}

	.fuwu_threebox div.btn5 span {left:390px;top: 350px;}

	.fuwu_threebox div.btn5 em   {left:390px;top:312px;}

	.fuwu_threebox div.btn6 span {left:650px;top: 320px;}

	.fuwu_threebox div.btn6 em   {left:670px;top: 290px;background: #185ac9;}

	.fuwu_threebox div.btn7 span {left:830px;top: 330px;}

	.fuwu_threebox div.btn7 em   {left:850px;top:294px;background: #185ac9;}

	.fuwu_threebox div.btn8 span {left:850px;top: 510px;}

	.fuwu_threebox div.btn8 em   {left:850px;top: 480px;}

	.fuwu_threebox div.btn9 span {left:700px;top: 510px;}

	.fuwu_threebox div.btn9 em   {left:700px;top: 482px;background: #185ac9;}

	.fuwu_threebox div.btn10 span{left:490px;top:495px;}

	.fuwu_threebox div.btn10 em  {left:510px;top: 466px;}

	.fuwu_threebox {

    margin: 50px auto;

    background-image: url(../images/a28.png);

    background-position: center top;

    background-repeat: no-repeat;

    position: relative;

    overflow: hidden;

    width: 100%;

    height: 100%;

    background-size: 100% 100%;

    max-width: 1200px;

	}

	.data-so-inner{width: 500px;}

	.ulnewslist ul li{ float: left; width:100%; padding:20px 5%;}

	.Cooperationright dl dd label{ width:49%; max-width:49%;}

	.ju-exp p{ padding-bottom:0px;}

	 .data-so .so-ul li dl dd .ju-exp{ padding-top:5px;}

	 .g_serv{ display:none;}

	 .footlist li{ width:50%;}

	 .ulist li{ width:48%; margin-bottom:3%;}

	 .ulist li:nth-child(2n){ margin-right:0; float:right;}

	 .course_nr2 li{ width:46%;}

	 .jjfalist li{ width:50%;}

	 .job-pic .td,.job-list h4{ font-size:18px;}

	 .job-pic .td.s4{ width:10%;}

	 .dlcpon dl{ width:48%;}

}



@media screen and (min-width:992px) {

	.news-left,.news-right,.pro-left,.pro-right{width:50%;}

	.news-left{padding-right:4px;}

    .news-right{padding-left:4px;}

	.pro-left{padding-right:35px;}

	.pro-right{padding-left:35px;}

	.js_news .newslist { width: 31.33333333%; float:left; margin:2.5% 1%;}

	.newslist ul li span{ display:none;}

	.fot_botcon span.fl{ float:left; display:block;}

	.fot_botcon span.fr{ display:block; float:right;}

	.ftcontL{ float:left; width:80%;}

	.ftcontR{ float:right; width:20%;}

	.seravlist ul li {width:50%; height:auto; min-height:100px; float:left; padding:10px 40px 10px 0;}

	.seravlist ul li div {width:auto; padding:10px 0 0 100px;}

	 .data-so-inner{width: 700px;}

	 .ulnewslist ul li{ float: left; width:50%; padding:20px 5%;}

	 .Cooperationright dl dd label{ width:49%; max-width:49%;}

	 .ju-exp p{ padding-bottom:0px;}

	 .data-so .so-ul li dl dd .ju-exp{ padding-top:5px;}

	 .g_serv{ display:block;}

	 .footlist li{ width:50%;}

	 .ulist li{ width:48%;}

	 .course_nr2 li{ width:23%;}

	 .jjfalist li{ width:33.333333%;}

	 .job-pic .td,.job-list h4{ font-size:18px;}

	 .job-pic .td.s4{ width:10%;}

	.dlcpon dl{ width:48%;}

}





@media screen and (min-width:1024px) {

	.js_news .newslist { width: 31.33333333%; float:left; margin:2.5% 1%;}

	.newslist ul li span{ display:none;}

	.fot_botcon span.fl{ float:left; display:block;}

	.fot_botcon span.fr{ display:block; float:right;}

	.ftcontL{ float:left; width:80%;}

	.ftcontR{ float:right; width:20%;}

	.seravlist ul li {width:50%; height:auto; min-height:100px; float:left; padding:10px 40px 10px 0;}

	.seravlist ul li div {width:auto; padding:10px 0 0 100px;}

	.fuwu_threebox div.btn1 span {left:560px;top:140px;}

	.fuwu_threebox div.btn1 em   {left:525px;top:140px;}

	.fuwu_threebox div.btn2 span {left:280px;top: 180px;}

	.fuwu_threebox div.btn2 em   {left:300px;top: 148px;}

	.fuwu_threebox div.btn3 span {left:60px;top: 180px;}

	.fuwu_threebox div.btn3 em   {left:80px;top: 145px;}

	.fuwu_threebox div.btn4 span {left:60px;top: 360px;}

	.fuwu_threebox div.btn4 em   {left:80px;top:328px;background: #185ac9;}

	.fuwu_threebox div.btn5 span {left:390px;top: 350px;}

	.fuwu_threebox div.btn5 em   {left:390px;top:312px;}

	.fuwu_threebox div.btn6 span {left:650px;top: 320px;}

	.fuwu_threebox div.btn6 em   {left:670px;top: 290px;background: #185ac9;}

	.fuwu_threebox div.btn7 span {left:830px;top: 330px;}

	.fuwu_threebox div.btn7 em   {left:850px;top:294px;background: #185ac9;}

	.fuwu_threebox div.btn8 span {left:850px;top: 510px;}

	.fuwu_threebox div.btn8 em   {left:850px;top: 480px;}

	.fuwu_threebox div.btn9 span {left:700px;top: 510px;}

	.fuwu_threebox div.btn9 em   {left:700px;top: 482px;background: #185ac9;}

	.fuwu_threebox div.btn10 span{left:490px;top:495px;}

	.fuwu_threebox div.btn10 em  {left:510px;top: 466px;}

	.fuwu_threebox {

    margin: 50px auto;

    background-image: url(../images/a28.png);

    background-position: center top;

    background-repeat: no-repeat;

    position: relative;

    overflow: hidden;

    width: 100%;

    height: 100%;

    background-size: 100% 100%;

    max-width: 1200px;

}

	.data-so-inner{width: 924px;margin:0 auto;position: relative;padding-left: 50px;}

	.ulnewslist ul li{ float: left; width:50%; padding:20px 5%;}



	.Cooperationright dl dd label{ width:49%; max-width:49%;}

	.ju-exp p{ padding-bottom:0px;}

	.data-so .so-ul li dl dd .ju-exp{ padding-top:5px;}

	.g_serv{ display:block;}

	.footlist li{ width:50%;}

	 .ulist li{ width:48%;}

	 .course_nr2 li{ width:23%;}

	  .jjfalist li{ width:25%;}

	  .job-pic .td,.job-list h4{ font-size:16px;}

	  .job-pic .td.s4{ width:10%;}

	  .dlcpon dl{ width:48%;}

	

}







@media screen and (min-width:1200px) {

	.js_news .newslist { width: 31.33333333%; float:left; margin:2.5% 2% 2.5% 0;}

	.newslist ul li span{ display:none;}

	.fot_botcon span.fl{ float:left; display:block;}

	.fot_botcon span.fr{ display:block; float:right;}

	.ftcontL{ float:left; width:90%;}

	.ftcontR{ float:right; width:10%;}

	.seravlist ul li {width:50%; height:auto; min-height:100px; float:left; padding:10px 40px 10px 0;}

	.seravlist ul li div {width:auto; padding:10px 0 0 100px;}

	.fuwu_threebox div.btn1 span {left:580px;top:140px;}

	.fuwu_threebox div.btn1 em   {left:600px;top:110px;}

	.fuwu_threebox div.btn2 span {left:380px;top: 190px;}

	.fuwu_threebox div.btn2 em   {left:400px;top: 160px;}

	.fuwu_threebox div.btn3 span {left:60px;top: 360px;}

	.fuwu_threebox div.btn3 em   {left:80px;top: 328px;}

	.fuwu_threebox div.btn4 span {left:380px;top: 350px;}

	.fuwu_threebox div.btn4 em   {left:400px;top:320px;background: #185ac9;}

	.fuwu_threebox div.btn5 span {left:770px;top: 320px;}

	.fuwu_threebox div.btn5 em   {left:770px;top: 290px;}

	.fuwu_threebox div.btn6 span {left:990px;top: 330px;}

	.fuwu_threebox div.btn6 em   {left:1009px;top: 294px;background: #185ac9;}

	.fuwu_threebox div.btn7 span {left:980px;top: 520px;}

	.fuwu_threebox div.btn7 em   {left:1000px;top:485px;background: #185ac9;}

	.fuwu_threebox div.btn8 span {left:800px;top: 510px;}

	.fuwu_threebox div.btn8 em   {left:800px;top:480px;}

	.fuwu_threebox div.btn9 span {left:560px;top:500px;}

	.fuwu_threebox div.btn9 em   {left:560px;top: 470px;background: #185ac9;}

	.fuwu_threebox div.btn10 span{left:517px;top:632px;}

	.fuwu_threebox div.btn10 em  {left:534px;top:602px;}

	.fuwu_threebox {

    margin: 50px auto;

    background-image: url(../images/a28.png);

    background-position: center top;

    background-repeat: no-repeat;

    position: relative;

    overflow: hidden;

    width: 100%;

    height: 100%;

    background-size: 100% 100%;

    max-width: 1200px;

	}

	.data-so-inner{width: 924px;margin:0 auto;position: relative;padding-left: 50px;}

	.ulnewslist ul li{ float: left; width:50%; padding:20px 5%;}

	.Cooperationright dl dd label{ width:49%; max-width:49%;}

	.ju-exp p{ padding-bottom:0px;}

	.data-so .so-ul li dl dd .ju-exp{ padding-top:5px;}

	.g_serv{ display:block;}

	.ulist li{ width:23.444444%;     margin-bottom: 0%;}

	.ulist li:nth-child(2n){ margin-right:2%; float:left;}

	.ulist li:last-child{ margin-right:0;}

	.course_nr2 li{ width:23%;}

	.jjfalist li{ width:25%;}

	.job-pic .td,.job-list h4{ font-size:16px;}

	.job-pic .td.s4{ width:10%;}

	.dlcpon dl{ width:48%;}

	

}



@media screen and (min-width:1360px) {

	

	.newslist ul li span{ display:block;}

	

}

@media screen and (min-width:1440px) {

	

	.newslist ul li span{ display:block;}

	

}

@media screen and (min-width:1560px) {

	

	.newslist ul li span{ display:block;}

	

}

@media screen and (min-width:1600px) {

	

	.newslist ul li span{ display:block;}

	

}







.control-round .carousel-control.left>span:nth-child(1) {

    left: 45%;

}

.indicators-line > .carousel-indicators li {

    padding: 0;

    width: 15px;

    height: 15px;

    border: 1px solid rgb(158, 158, 158);

    text-indent: 0;

    overflow: hidden;

    text-align: left;

    position: relative;

    letter-spacing: 1px;

    background: rgb(158, 158, 158);

    -webkit-font-smoothing: antialiased;

    -webkit-border-radius: 50%;

    border-radius: 50%;

    margin-right: 5px;

    -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);

    transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);

    z-index: 10;

    cursor: pointer;

}

.indicators-line > .carousel-indicators li {

    padding: 0;

    width: 15px;

    height: 15px;

    border: 1px solid rgb(158, 158, 158);

    text-indent: 0;

    overflow: hidden;

    text-align: left;

    position: relative;

    letter-spacing: 1px;

    background: rgb(158, 158, 158);

    -webkit-font-smoothing: antialiased;

    -webkit-border-radius: 50%;

    border-radius: 50%;

    margin-right: 5px;

    -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);

    transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);

    z-index: 10;

    cursor: pointer;

}

.carousel-indicators li {

    display: inline-block;

    width: 10px;

    height: 10px;

    margin: 1px;

    text-indent: -999px;

    cursor: pointer;

    background-color: #000\9;

    background-color: rgba(0,0,0,0);

    border: 1px solid #fff;

    border-radius: 10px;

}

.sr-only {

    position: absolute;

    width: 1px;

    height: 1px;

    padding: 0;

    margin: -1px;

    overflow: hidden;

    clip: rect(0, 0, 0, 0);

    border: 0;

}

.sr-only {

    position: absolute;

    width: 1px;

    height: 1px;

    padding: 0;

    margin: -1px;

    overflow: hidden;

    clip: rect(0,0,0,0);

    border: 0;

}

.slide-text {

    left: 0;

    top: 25%;

    right: 0;

    margin: auto;

    padding: 10px;

    position: absolute;

    text-align: left;

    padding: 10px 85px;

}



.slide_style_left {

    text-align: left !important;

}

.slide-text > h1 {

    padding: 0;

    color: #ffffff;

    font-size: 70px;

    font-style: normal;

    line-height: 84px;

    margin-bottom: 30px;

    letter-spacing: 1px;

    display: inline-block;

    -webkit-animation-delay: 0.7s;

    animation-delay: 0.7s;

}

.slide-text > p {

    padding: 0;

    color: #ffffff;

    font-size: 20px;

    line-height: 24px;

    font-weight: 300;

    margin-bottom: 40px;

    letter-spacing: 1px;

    -webkit-animation-delay: 1.1s;

    animation-delay: 1.1s;

}

.btn {

    display: inline-block;

    padding: 6px 12px;

    margin-bottom: 0;

    font-size: 14px;

    font-weight: 400;

    line-height: 1.42857143;

    text-align: center;

    white-space: nowrap;

    vertical-align: middle;

    -ms-touch-action: manipulation;

    touch-action: manipulation;

    cursor: pointer;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    background-image: none;

    border: 1px solid transparent;

    border-radius: 4px;

}

.btn-default {

    color: #333;

    background-color: #fff;

    border-color: #ccc;

}



.slide-text > a.btn-default {

    color: #000;

    font-weight: 400;

    font-size: 13px;

    line-height: 15px;

    margin-right: 10px;

    text-align: center;

    padding: 17px 30px;

    white-space: nowrap;

    letter-spacing: 1px;

    display: inline-block;

    border: none;

    text-transform: uppercase;

    -webkit-animation-delay: 2s;

    animation-delay: 2s;

    -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;

    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;

}



.slide_style_center {

    text-align: center !important;

}



.control-round .carousel-control{ text-align:center;}





#wave{

	position: absolute;

	width: 100%;

	height: 90%;

	left: 0;

	bottom: 0;

	z-index: 999;

}

#wave *{position: relative;z-index: 999;}

div.type {

	width: 100%;

	

	/*padding-bottom: 20px;*/

}









.new_sear_con .tile{ 

	height:215px;

	padding: 45px 0 0;

    position: relative;

	-webkit-transition: all 0.2s linear;

    transition: all 0.2s linear;

}

.new_sear_con .tile h2{ text-align:center;}



.new_sear_con .tile:hover{-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1);

    box-shadow: 0 15px 30px rgba(0,0,0,0.1);

    -webkit-transform: translate3d(0, -2px, 0);

    transform: translate3d(0, -2px, 0);}

.new_sear_con .tile:first-child {

    border-left: none;

}



.new_sear_con .tile .iconimg{ width:50px; height:50px; margin:0 auto;position: relative;

    top: 0;

    -webkit-transition: top 0.3s;

    transition: top 0.3s;}

	

.new_sear_con .tile .iconimg img{ max-width:100%;}



.new_sear_con .tile:hover .iconimg{ top:-10px;}

.new_sear_con .tile:hover h2{ color:#3ca7fc;}









.gy{ max-width:90%; margin:40px auto;}

.gy ul li{ width:23.5%; float:left; margin-right:2%; background-color: rgba(255,255,255,.2); text-align:center; padding-bottom:28px; position:relative; min-height:170px;}

.gy ul li:last-child{ margin-right:0;}

.gy ul li a{width: 94%;

    padding-left: 3%;

    padding-right: 3%;

    /*height: 100%;*/

    display: block;

    color: #fff;}

.gy ul li img{

	

	width: 44px;

    height: 43px;

    display: block;

    margin: 0 auto;

    margin-top: 28px;

    margin-bottom: 25px;

}



/*.gy ul li:hover{ background-color:rgba(205,105,0,1);}*/



.fot-box-hover{

	

	transition: all 0.3s ease-out 0s;/* background:#3ca7fc;*/ padding:0 8%;  background:#3ca7fc;

    position: absolute;

    width:100%;

	height:0;

    top:0;

    left:0px;

    opacity: 0; z-index:-1;

}

.gy ul li:hover .fot-box-hover{ opacity:1;top:0; height:100%;}



@media (max-width: 860px){

	

	.gy ul li{ width:49%; margin-right:2%; margin-bottom:2%;}

	.gy ul li:nth-child(2n){ margin-right:0;}

	.gy ul li:nth-child(3),.gy ul li:nth-child(4){ margin-bottom:0;}

	

		

}







.ny-foot{ padding:0;}

.ny-foot .gy{ margin:40px auto 20px auto;}



.about{ padding:0;}

.about .casebanner{ background:none;}



@media (max-width: 480px){

	

	.clients ul li{ width:49%; float:left; margin:0 2% 2% 0; border:solid 1px #ddd;}

	.clients ul li:nth-child(2n){ margin-right:0;}

		

}



@media (min-width: 1400px){

	#header_top .logo h1{margin: 0 0 0 20px;}

}