@charset "utf-8";
/* CSS Document */

body,table,tr,td,input{ padding:0; margin:0; font-family:微软雅黑; color:#a6abaf; font-size:14px;}
p{ padding:0 ; margin:0; font-family:Arial, 微软雅黑; line-height:20px; color:#787878;}
.wrapper {min-height: 100%;position: relative;overflow: hidden;}
.box{ width:92%; margin:0 auto;}
.box-body{ width:100%; margin:0 auto; float:left;}
.fontstyle12 { font-size: 12px;}
.fontstyle13 { font-size: 13px;}
.fontstyle14{ font-size:14px;}
.fontstyle60{ font-size:60px; letter-spacing:10px;}
.fontstyle72{ font-size:72px; line-height:80px;}
.fontstyle25{ font-size:25px; line-height:40px;}
.fontstyle30{ font-size:30px; line-height:40px;}
.fontstyle20{ font-size:20px; line-height:28px; letter-spacing:2px;}
.fontstyle48{ font-size:48px; line-height:80px;}
.fontstyle16{ font-size:16px; }
.fontstyle18{ font-size:18px; }

.fontstyle36{ font-size:36px; }
.box-bottom{ border-bottom:1px solid #c6c6c6;}
.text-left{ text-align:left;}
.box-green{ background:#27abad;}
.text-green{ color:#27abad;}
.text-white{ color:#ffffff;}
.text-blue{ color:#009fff;}
.text-yellow{ color:#ffc445;}
.text-666{ color:#666666;}
.text-121{ color:#121212;}
.text-333{ color:#333333;}

.box-blue{ background:#009fff;}
.box-yellow{ background:#ffc445;}
.box-grey{ background:#efefef;}

.box-right{ margin-right:20px;}


.main-top {position: relative; background:#009fff; height:40px; }
.header-top{ float:right; line-height:40px;}

.main-header {position: relative; background:#ffffff; height:80px; }
.logo{ background:url(../../images1/logo.jpg) no-repeat; width:121px; height:80px; float:left;}

.nav{ float:right; height:80px; padding-right:16px; /*width:600px;*/ }
.nav ul{ padding:0; margin:0;}
.nav ul li {
	padding: 0px;
	float: left;
	list-style: none;
	line-height: 80px;
	width: 90px;
	text-align: center;
}
.nav ul li a {
	font-size: 15px;
	color: #333333;
	text-decoration: none;
	/*width: 110px;*/
	display: block;
}
.nav ul li a:hover {
	height: 80px;
	font-size: 15px;
	color: #ffffff;
	text-decoration: none;
	display: block;
	background: #fbb32a;
}
.navcopy{width:140px; margin:0 auto; text-align:left; position:absolute; z-index:1000;}
.navcopy ul{width:140px; margin:0 auto; text-align:left; padding:1px 0; }
.navcopy ul li{width:140px; margin:0 auto; text-align:left; padding:0; list-style:none; font-size:15px;margin-bottom:1px;background:rgba(233,233,233,0.9);}
.navcopy ul li a{width:140px; margin:0 auto; text-align:left; padding:0; list-style:none; display:block; font-size:16px; color:#666666; text-decoration:none; height:42px; line-height:42px; margin-bottom:1px;}
.navcopy ul li a:hover{width:140px; margin:0 auto; text-align:left; padding:0; list-style:none; display:block; font-size:16px; color:#333333; text-decoration:none; background:#ffffff;height:42px;}
.menu_hoverselect {
    background: #fbb32a;
}

    .menu_hoverselect .hover {
        color: #ffffff;
    }
.menu_hover div{display: none;}
.menu_hover:hover div{display: block;}


/*菜单栏 start*/

.menu_hover {
    position: relative;
}

    .menu_hover .navcat {
        display: none;
    }

    .menu_hover:hover .navcat {
        display: inline-table;
    }

        /*特定的div子元素设置 display: inline-table */
        .menu_hover:hover .navcat > div {
            display: inline-table;
        }


    .menu_hover .navcat_detail {
        display: inline-table;
    }

    .menu_hover .div_arrow {
        display: none;
    }

    .menu_hover:hover .div_arrow {
        display: inline-table;
    }

    .menu_hover .navcat_detail_in:hover {
        background-color: #009fff !important;
        color: #ffffff !important;
    }

/*向上三角箭头*/
.div_arrow {
	width: 0.8em;
	height: 0.8em;
	border-top: 1px solid #d6d6d6;
	border-left: 1px solid #d6d6d6;
	background-color: #ffffff;
	/* Rotate div */
	transform: rotate(45deg);
	-ms-transform: rotate(45deg); /* Internet Explorer */
	-moz-transform: rotate(45deg); /* Firefox */
	-webkit-transform: rotate(45deg); /* Safari 和 Chrome */
	-o-transform: rotate(45deg); /* Opera */
}
/*向上三角箭头 位置*/
.div_arrow_position {
	position: absolute;
	z-index: 1001;
	bottom: -0.46em;
	left: 44%;
	display: block;
}

.menu_cat {
	display: inline-table;
}

.navcat {
	width: 680px;
	line-height: 30px;
	display: inline-table;
	background-color: #fff;
	padding: 16px;
	/*margin-left: -300px;*/
	border: 1px solid #d6d6d6;
	border-radius: 6px;
	text-align: left;
	position: absolute;
	z-index: 1000;
	right: -16.8em;
}


.navcat_detail {
    display: inline-table;
    width: 208px;
    padding: 8px 7px;
}

    .navcat_detail div {
        display: block;
    }

.line_bottom {
    border-bottom: 1px solid #dddddd;
}



.navcat_detail_in {
    display: block;
    padding: 8px;
    border-radius: 5px;
    height: 68px;
    cursor: pointer;
}

    .navcat_detail_in .navcat-word-font-1 {
        display: block;
        color: #505050;
        font-size: 14px;
    }

        .navcat_detail_in .navcat-word-font-1 a {
            color: #505050;
            font-size: 14px;
            text-decoration: none;
            line-height: 32px;
        }

        .navcat_detail_in .navcat-word-font-1 > a:hover {
            height: auto !important;
            font-size: 14px !important;
            color: #ffffff !important;
            text-decoration: none;
            background-color: #009fff !important;
            line-height: 32px;
        }

    .navcat_detail_in .navcat-word-font-2 {
        display: block;
        color: #999999;
        font-size: 12px;
        line-height: 18px;
    }

        .navcat_detail_in .navcat-word-font-2 a {
            color: #999999;
            font-size: 12px;
            text-decoration: none;
            line-height: 18px;
        }

        .navcat_detail_in .navcat-word-font-2 > a:hover {
            height: auto !important;
            font-size: 12px !important;
            color: #ffffff !important;
            text-decoration: none;
            background-color: #009fff !important;
            line-height: 18px;
        }

.navcat_detail_in_d {
    display: block;
}

.navcat_detail_in:hover > .navcat-word-font-1 {
    color: #ffffff !important;
}

.navcat_detail_in:hover > .navcat-word-font-2 {
    color: #ffffff !important;
}

.navcat_detail_in:hover > .navcat-word-font-1 > a {
    color: #ffffff !important;
}

.navcat_detail_in:hover > .navcat-word-font-2 > a {
    color: #ffffff !important;
}


/*菜单栏 end*/



.btn {
	border-radius: 4px;
	box-shadow: none;
	border: 1px solid transparent;
}
.btn-login{
	background: #009fff;
	color: #ffffff;
	border-color: #009fff;
	padding:3px 12px 4px 12px;
	font-size:14px;
	text-decoration:none;
}
.btn-login:hover{
	background: #58c0ff;
	color: #ffffff;
	border-color: #58c0ff;
	padding:3px 12px 4px 12px;
	font-size:14px;
	text-decoration:none;
}
.logoline_apply{ float:right; margin-top:30px; }

/*-----------------------------------------------------*/
.per30{ width:26%; text-align:left; float:left;}
.place14{ width:11%;float:left;}
.circle-button{width:200px; height:200px; position:absolute; right: 12%; top:816px;}
.btn-circle{
	background: #fbb32a;
	color: #ffffff;
	border-color: #fbb32a;
	font-size:36px;
	text-decoration:none;
	letter-spacing:4px;
	text-align:center;
	line-height:200px;
	height:200px;
	display:block;
	border-radius:100px;
	
}
.btn-circle:hover{
	background: #ff8745;
	color: #ffffff;
	border-color: #ff8745;
	font-size:36px;
	text-decoration:none;
	letter-spacing:4px;
}
/*-----------------------------------------------------*/

@keyframes mar{
0%{background-position:0px bottom;}
100%{background-position:-10000px bottom;}
}
@-webkit-keyframes mar{
0%{background-position:0px bottom;}
100%{background-position:-10000px bottom;}
}
.bannerline{width:100%; height:390px; background:url(../../images/banner_15.jpg);}
.bannerline1{width:100%; height:390px; background:url(../../images1/index_02.jpg); text-align:center; overflow:hidden;}
.banner{width:100%; height:390px;}
.banner-font{ margin:0 auto; text-align:center;}
.banner-btn{ margin:50px auto 0 auto;}

.btn-free{
	background: #009fff;
	color: #ffffff;
	border-color: #009fff;
	padding:12px 32px 14px 32px;
	font-size:24px;
	text-decoration:none;
	letter-spacing:2px;
}
.btn-free:hover{
	background: #fbb32a;
	color: #ffffff;
	border-color: #fbb32a;
	padding:12px 32px 14px 32px;
	font-size:24px;
	text-decoration:none;
	letter-spacing:2px;
}
.btn-clib{
	background: #ff8745;
	color: #ffffff;
	border-color: #ff8745;
	padding:12px 50px 14px 50px;
	font-size:30px;
	text-decoration:none;
	letter-spacing:2px;
}
.btn-clib:hover{
	background: #fbb32a;
	color: #ffffff;
	border-color: #fbb32a;
	padding:12px 50px 14px 50px;
	font-size:30px;
	text-decoration:none;
	letter-spacing:2px;
}

.content{ width:100%; margin:0 auto;}
.con-title{ width:100%; margin:0 auto; text-align:center; margin:30px 0 50px 0; text-decoration:none}
.con-title2{ width:100%; margin:0 auto; text-align:left; margin:70px 0 50px 0; text-decoration:none}
.con-con{ width:100%; margin:0 auto; text-align:center; margin:20px 0;}
.index-service {
    width: 100%;
    margin: 0 auto 0px auto;
}

.index-service2 {
    display: flex;
    float: none;
}

	.index-service2 .index-service2-p {
		text-align: center;
		line-height: 26px;
		height: 100px;
		display: inline-block;
	}

.index-service-con {
    width: 25%;
    text-align: center;
    margin: 0 0 40px 0;
    padding: 0 1%;
}

.index-place {
    width: 5%;
    float: left;
}

.index-service-btn {
    width: 100%;
    margin: 60px 0;
}

.btn-ser{
	background: #ffffff;
	color: #009fff;
	border-color: #009fff;
	padding:8px 30px 9px 30px;
	font-size:14px;
	text-decoration:none;
	letter-spacing:1px;
}
.btn-ser:hover{
	background: #009fff;
	color: #ffffff;
	border-color: #009fff;
	padding:8px 30px 9px 30px;
	font-size:14px;
	text-decoration:none;
	letter-spacing:1px;

}

.btn-see{
	background: #009fff;
	color: #ffffff;
	padding:14px 100px 16px 100px;
	font-size:30px;
	text-decoration:none;
	letter-spacing:10px;
	border:2px solid #009fff;
}
.btn-see:hover{
	background: #efefef;
	color: #009fff;
	padding:14px 100px 16px 100px;
	font-size:30px;
	text-decoration:none;
	letter-spacing:10px;
border:2px solid #009fff;
}

.btn-more{
	background: #fbb32a;
	color: #ffffff;
	border:2px solid #fbb32a;
	padding:14px 40px 16px 52px;
	font-size:30px;
	text-decoration:none;
	letter-spacing:2px;
}
.btn-more:hover{
	background: #ffffff;
	color: #fbb32a;
	border:2px solid #fbb32a;
	padding:14px 40px 16px 52px;
	font-size:30px;
	text-decoration:none;
	letter-spacing:2px;

}

.btn-dy{
	background: #f0f0f0;
	color: #009fff;
	border:2px solid #f0f0f0;
	padding:8px 52px 9px 52px;
	font-size:20px;
	text-decoration:none;
	letter-spacing:2px;
}
.btn-dy:hover{
	background: #ffffff;
	color: #009fff;
	border:2px solid #ffffff;
	padding:8px 52px 9px 52px;
	font-size:20px;
	text-decoration:none;
	letter-spacing:2px;

}

.index-ball{ width:100%; margin:0 auto 0px auto; background:url(../../images1/index_yellowbg.jpg) center center; background-repeat:no-repeat; height:590px; background-position-y:-50px;}
.index-advantage{ width:92%; margin:0 auto;}
.index-advantage-con{ width:25%; float:left; text-align:center;}

.collegeline{width:100%; float:left; background-color:#f6f6f6}
.college_location{ width:100%; margin:0 auto; padding:30px 0 0px 0;}
.college_project{ width:100%; margin:0 auto; /*height:420px;*/ }
#hyzx{ width:33%; float: left; text-align:center; margin-bottom:30px;}
.college_project_con{margin:0 auto; width:76%;border-radius:10px; box-shadow:#cccccc 0 0 10px; background:#ffffff; padding:25px 7%;}



@media (max-width:1100px){
.index-ball{ display:none;}
	}
	
	
.index-ball-box{ width:1040px; margin:0 auto; height:420px;}
.index-ball-boxcon1{ width:240px; margin:130px auto 0 auto; float:left; text-align:center;}
.index-ball-boxcon2{ width:320px; margin:80px auto 0 auto; float:left; text-align:center;}
.index-ball-boxcon3{ width:240px; margin:170px auto 0 auto; float:left; text-align:center;}
.index-ball-boxcon4{ width:240px; margin:100px auto 0 auto; float:left; text-align:center;}
.ball{ width:140px; height:80px; margin:0 auto; background:#ffc445; border-radius:70px; padding:30px 0; box-shadow:#ffe3a6 0 0 5px;}
.ball2{ width:240px; height:240px;  margin:0 auto; background:#ff824b; border-radius:120px; box-shadow:#ffaa84 0 0 14px; color:#ffffff;}
.index-ball-font{  margin:0 auto; border-left:3px solid #ffc445; padding-left:20px; text-align:left; width:470px;}


.cantact{ width:45%; float:left; text-align:left; color:#ffffff; margin:50px 0;}
.subscribe{  width:30%; float:left; text-align:left; color:#ffffff;margin-top:50px;}
.foot-dingyue{  width:25%; float:left; text-align:left; color:#ffffff;margin-top:60px; height:100px;}

.statement{ width:100%; float:left; background-color:#6aafe6;border-top:1px solid #88c0ee; text-align:center; color:#d4d4d4; font-size:12px; padding:30px 0 30px 0; line-height:20px;}

.circle{ display:block; margin:-180px auto 0 auto; width:50%;}
.banner2{ width:100%; height:250px; margin:0 auto; text-align:center}

.mobile{ width:100%; margin:0 auto 40px auto; float:left}
.mobile-notice-con{ width:23%; float:left; text-align:left; margin:0 0 40px 0;}
.mobile-notice-31{ width:140px; float:right; text-align:left; padding:20px; margin:0 auto;}

.btn-31{
	background: #009fff;
	color: #ffffff;
	border:2px solid #f0f0f0;
	padding:6px 20px 7px 20px;
	font-size:16px;
	text-decoration:none;
	letter-spacing:2px;
	width:140px;
}
.btn-31:hover{
	background:#009fff;
	color: #c1e8ff;
	border:2px solid #c1e8ff;
	padding:6px 20px 7px 20px;
	font-size:16px;
	text-decoration:none;
	letter-spacing:2px;

}
.mobile-style1{margin:20px 0 30px 0; line-height:24px;}

.btn-ljsy{
	background: #009fff;
	color: #ffffff;
	padding:12px 80px 13px 80px;
	font-size:28px;
	text-decoration:none;
	letter-spacing:4px;
	border:2px solid #009fff;
}
.btn-ljsy:hover{
	background: #ffffff;
	color: #009fff;
	padding:12px 80px 12px 80px;
	font-size:28px;
	text-decoration:none;
	letter-spacing:4px;
border:2px solid #009fff;
}

.mobile-sale{ width:36%; float:left; padding-right:14%}
.mobile-sale-pic{ width:50%; float:left; text-align:center; overflow:hidden;}

.mobile-advantage{ width:40%; float:left; padding:0 5%}
.mobile-advantage-pic{ width:50%; float:left; text-align:left; overflow:hidden;}

.mobile-green{ width:33%; float:left; text-align:center}

@media (max-width:1100px){
.mobile-notice-31{ width:100%; text-align:center; padding:20px 0; 
	}
.mobile-notice-con{ width:30%; float:left; }
.mobile-dismiss{ display:none;}
.mobile-style1{margin:10px 0 20px 0; line-height:20px;}
.mobile-sale{ width:100%; padding:0; text-align:center}
.circle-button{ display:none;}
.per50{ width:100%; text-align:center;}
.mobile-dismiss2{ display:none;}
}

@media (min-width: 700px)and (max-width:960px){
.index-ball{ display:none;}
.cantact{ width:100%; float:left; text-align:left; color:#ffffff; margin:50px 0;}
.subscribe{  width:30%; float:left; text-align:left; color:#ffffff;margin-top:50px;}
.foot-dingyue{  width:70%; float:left; text-align:left; color:#ffffff;margin-top:60px;}
.mobile-notice-31{ width:100%; text-align:center; padding:20px 0; 
	}
.mobile-notice-con{ width:30%; float:left; }
.mobile-dismiss{ display:none;}
.mobile-style1{margin:10px 0 20px 0; line-height:20px;}
.mobile-sale{ width:100%; padding:0; text-align:center}
.circle-button{ display:none;}
.pic{ width:80%}
	}
	
@media (max-width:700px){
    .index-service2 {
        display: block;
        float: none;
    }
		.index-service2 .index-service2-p {
			text-align: center;
			line-height: 26px;
			height: auto;
			display: inline-block;
		}

	.index-service-con {
		width: 100%;
		text-align: center;
        margin: 0;
        padding: 5px;
	}

    .index-advantage-con {
        width: 100%;
    }
#hyzx{ width:100%;}
.fontstyle72{ font-size:50px; line-height:80px;}
.cantact{ width:100%; float:left; text-align:left; color:#ffffff; margin:50px 0;}
.subscribe{  width:100%; float:left; text-align:left; color:#ffffff;margin-top:50px;}
.foot-dingyue{  width:100%; float:left; text-align:left; color:#ffffff;margin-top:60px;}
.nav{ background:#ffffff; width:100%; display:inline;}
.mobile-notice-con{ width:100%; text-align:center}
.con-title2{ text-align:center;}
.mobile-sale{ width:100%;  padding-right:0; text-align:center;}
.mobile-sale-pic{ display:none;}
.mobile-green{ width:100%;}
.mobile-advantage{ width:100%; text-align:center; padding:0;}
.mobile-advantage-pic{ width:100%; text-align:center}
.per30{ width:100%; text-align:center;}

}