@charset "utf-8";
/* CSS Document */
.phone_nav{ display:none;}
.hided{ overflow:hidden; width:100%; height:100%; position:fixed;}
.phone_logo{ height:65px;  background:#fff;}
/*.phone_logo .p1{ position:absolute; left:0; top:0; padding:20px; display:block;}*/
.phone_logo .p1 img{ height: 100%}


@media screen and (max-width:470px){/*--768-0--*/
	.ry_photo .swiper-slide i{ display: block; width: 80%; margin: 0 auto;height: 30vmin; overflow: hidden;}
.about {    width: 100%;    height: auto !important;    margin: 0 auto;    overflow: auto;}
.fazhan {    width: 100%;    height: auto !important;    margin: 0 auto;    overflow: auto;}
.p_css{ height: auto !important;}
	.header{{ display: none;}}
	.daohang{ display: none;}
.flow{display: none;}
.phone_logo {padding: 0 10px}
.phone_nav .nav_main ul{ /*height:410px;*/}
.phone_nav .nav_main .b_one .ul{ height:auto;}
.product .swiper-slide{ width: 50%;}
.wap-banner{ display: block;}
	.indepc-banner{display: none;}
	#fp-nav{display: none;}
	
	
.cont_title{ text-align: center;padding: 1% 0; border-bottom: 1px solid #f5f5f5; width: 90%; margin: 0 auto;}
.info_nei {width: 90%; margin: 3% auto;border-bottom: 1px solid #f5f5f5; padding-bottom: 3%;}
	.a_zxlmenu{    display: block;}
	.nav_add{ display: block;}
	.cp_caidan{ display: none;}
}

@media screen and (max-width:758px){/*--768-0--*/
/*.phone_logo .p1{ left:20px; padding:0; width:131px; margin-top:18px;}
.phone_logo .p1 img{ width:100%;}
.phone_logo{ height:77px;}
.phone_nav{ height:77px;}*/
/*.phone_nav .nav_main{ top:77px;}*/
	.p_css{ height: auto !important;}
	.wap-banner{ display: block;}
	.indepc-banner{display: none;}
	#fp-nav{display: none;}
	.ry_photo .swiper-slide i{ display: block; width: 80%; margin: 0 auto;height: 30vmin; overflow: hidden;}
.header{ display: none;} 
.daohang{ display: none;}
.logo1{display: none;}
.flow{display: none;}
.phone_nav .nav_but_box{ top:17px; right:10px;}
.phone_nav .nav_main ul{ margin-top:20px;/* height:300px;*/ overflow-y:auto; box-sizing:border-box;}
.phone_nav .nav_main .b_one .ul{ height:auto;}
.txt p{ font-size: 7vmin;}

#clickC{ width:90%; text-align:left;background: #281c71; height:20vmin; margin:3% auto;}
#clickC a{ float: left; width:50%; font-size: 18px; color: #fff; display: block; height: 10vmin; line-height: 10vmin; cursor: pointer; font-size: 3vmin; text-align: center;}
#clickC a i{ display:none;}
#clickC a.activeAnd{background: #1d1450;}
.cont_title{ text-align: center;padding: 1% 0; border-bottom: 1px solid #f5f5f5; width: 90%; margin: 0 auto;}
.info_nei {width: 90%; margin: 3% auto;border-bottom: 1px solid #f5f5f5; padding-bottom: 3%;}
	
.cp_line{ position: absolute; width: 1px; height: 4vmin; background: #fff; left: 50%; bottom: 0;}	
.news_nei{ width: 90%; margin:0 auto; max-height: 100%; overflow: auto !important; padding-top: 1%;}	
#clickA{width: 100%;} 
#clickA a{cursor:pointer; background: #fff;height: auto !important; padding: 4%; display: block;}
.sub-nav a p{ font-size: 14px;}
.sub-nav a span{color:#818181;}
.andEnvir{ width: 100%;}
.con_address{ width: 94%; margin: 3%;}
.bt_line{ display: none;}
.footer .con_address .bt_title{ font-size: 5vmin; color: #fff; margin-bottom: 4%;}
.andEnvirB .itemB{display:none;}
.andEnvirB .activeAnd{display:block;}
#clickB{ width: 35%;} 
#clickB a{cursor:pointer;; display: block; color: #c5c4cd; margin-bottom: 10%;}
#clickB a.activeAnd{color:#fff;border-left: 4px solid #fff; padding-left: 10px;}
.andEnvirB{ width: 65%;}
.andEnvirB p{ color: #c5c4cd;}
.con_map{ width: 94%; height: 50vmin;}
.bt_infor{ text-align: center; color: #fff; padding: 3% 0;}
	
.cp_banner{ width: 100%; position: relative; margin-top:65px;}
.cp_banner img{ width: 100%;}
.cp_banner .ban_wz{ position: absolute; width: 100%; left: 50%; margin-left: -50%; text-align: center; font-size: 6vmin; color:#fff; top: 5%;}
.cp_nav{ width: 100%; position: inherit;    left: 0;    margin-left: 0;    bottom: 0;}
.cp_nav ul li{ float: left; width: 50%;background: #fff; height: 10vmin; line-height: 10vmin; text-align: center; margin-right: inherit;}
.cp_nav ul li a{ display: block;}
.cp_nav ul li i{display:none;}
.cp_nav ul li span{ font-size: 16px; color: #333;}
.cp_nav ul li.on{ background:#281c71;}
.cp_nav ul li.on span{color: #fff;}
.cp_nav ul li:hover{ background:#281c71;}
.cp_nav ul li:hover span{color: #fff;}
.cp_list{ width: 94%; padding: 3%; background: #f5f5f5;clear: both;}
.cp_list ul{ width: 100% !important;}
.cp_list ul li{ float: left; width: 50% !important; margin-bottom: 3%;}
.cp_list ul li i{ width: 96%; display: block; height: 50vmin; background: #fff; overflow: hidden;}
.cp_more{}
.cp_more i{ width: 40%; height: 1px; background: #333; display:block; margin-top: 30px;}
.cp_more a{ display: block; width: 20%; text-align: center; background: url(../images/cp-more.png) top center no-repeat; padding-top: 60px; font-size: 16px;}
	
/*
.cp_list .cp_caidan{ width:100%; float: inherit;}
.cp_list .cp_caidan a{ display: block; color: #9b9b9b; font-size: 16px; line-height: 20px; margin-bottom: 10px;}
.cp_list .cp_caidan a:hover{ border-left: 4px solid #281c71; color: #333; padding-left: 10px;}
.cp_list .cp_caidan a.on{ border-left: 4px solid #281c71; color: #333; padding-left: 10px;}
*/
.cp_list .cp_tu{ width:100%; float: inherit;}
.cp_list .cp_tu li{ width:50%;}

.header1{ display: none;}
.local{ width: 100%; padding: 0; height: 60px; background: #f5f5f5; position: fixed;z-index: 999; margin-top: 67px;}
.local .lo_fl{ display: none;float: inherit !important; line-height: 60px; padding-left: 3%;}
.local .lo_fl a{ color: #a0a0a0;}
.local .lo_fl a:hover{ color: #333;}
.local .lo_fl a.on{ color: #333;}
.local .lo_fr{ float: inherit !important; width: 100%; background: #fff;}
.local .lo_fr a{ line-height: 60px; display: block; float: left;margin-left: 0; width: 25%;text-align: center;}
.local .lo_fr a.on{ background: #281c71; border: none;color: #fff;}
#cpjj{ padding-top: 21%;}
#cptd{ padding-top: 21%;}
#jszb{ padding-top: 21%;}
#yyly{ padding-top: 21%;}	
	
	
.news_center{ width: 94%; padding: 40% 3% 0 3%; background: #fff;}
.news_center ul li{ float: left; width: 92%; margin-bottom: 6%; background: #f5f5f5; padding: 4%; position: relative; height: auto !important;}
.news_center ul li .news_opt{display: none;}
.news_center ul li .news_opt a{ display: block; width: 100%; height: 100%;}
.news_center ul li p{ text-align: left; font-size: 16px;}
.news_center ul li span{  text-align: left; font-size: 12px; color: #9f9f9f; display: block; margin: 10px 0;}
.news_center ul li span b{ color: #493e87; font-weight: normal;}
.news_center ul li i{ width:100%; display: block; height: 50vmin; background: #fff; overflow: hidden;}
.news_center ul li i img{ width: 100%;}
.news_center ul li .new_wz{ color: #6c6c6c;}
.news_center ul li:hover{}	
	
.news_detail{width: 94%; padding: 3%; background: #f5f5f5; padding-top: 22%;}
.kh_dh{padding-left: 0}
.kh_dh li{ width: 33.3333% !important;}
.kh_list{ width: 94%; padding: 3% ; background: url(../images/news-bg.png) repeat-y; background-size: 100%;}
.kh_list ul li{ float: left; width: 50%; margin-bottom: 3%;}
.kh_list ul li i{ width: 96%; display: block; height: 30vmin; background: #fff; overflow: hidden;}
.kh_list ul li i img{ width: 100%;}
.kh_list ul li p{ width: 96%; text-align: center; font-size: 18px; padding: 4% 0; background: #fff;}
.kh_list ul li span{ width: 96%; text-align: center; display: block;background: #fff;padding-bottom: 8%;}
	
.sales_fl{ float: inherit; width: 100%; position: inherit; height:auto;}
.sales_fr{ float: inherit; width: 100%; overflow: hidden;}
.sales_fl .sh_pic{ display: none;}
.sales_fl .cont_ways{ margin: 6% 0 6% 6%;}
.sales_fl .cont_ways ul li{ margin-bottom: 4%; font-size:4vmin;}
.sales_fl .cont_ways ul li i{ display: inline-block; width: 20px; margin: 0 2%;}
.sales_fl .cont_ways ul li i img{width: 100%;}
.sales_line{position: absolute; width: 1px; height: 10vmin; background: #333; left: 50%; bottom: 0;}
	
.zhaopin{ width: 90%; margin: 3% auto;}	
.page a,.page span{height: 20px; width: 20px;line-height: 20px;}	
.zp_list .zp_one span{font-size: 3vmin;}

.wenti{width: 90%; margin: 3% auto;}
.wt_one  span{font-size: 3vmin;}
.zp_title ul li{ height: 12vmin; line-height:12vmin; font-size: 2vmin;}
.zp_list .zp_one{height: 12vmin; line-height: 12vmin; background: #fff;}
.wt_one{ height: 12vmin; line-height: 12vmin; font-size: 2vmin; }
	
.liuyan{ width: 90%; margin: 3% auto;}
.liuyan input{ width: 80%; height: 10vmin; line-height:10vmin; background: #f5f5f5; border-radius: 4px; border: none; text-indent: 10px;}
.liuyan .ly_two{ margin-bottom: 3%;}
.liuyan .ly_two .ly_thr{ width: 33.3333%; float: left;}
.liuyan .ly_two .ly_thr p{ font-size: 16px; margin-bottom: 6px;}
.liuyan .ly_two .ly_thr p b{ color: #d51c33;}
.liuyan .ly_four{margin-bottom: 3%;}
.liuyan .ly_four p{ font-size: 16px; margin-bottom: 6px;}
.liuyan .ly_four p b{ color: #d51c33;}
.ly_four textarea{ width: 100%; height: 20vmin; line-height: 5vmin; background: #f5f5f5; border-radius: 4px; border: none; text-indent: 10px;}
.ly_yzm{ width: 127px; height: 47px; margin-top: 32px; float: left;}
	
.bt_anniu{ width: 280px; margin: 6% auto;}
.bt_anniu input{ cursor: pointer;width: 116px; height: 44px; font-size: 16px; color: #666; text-indent: 0; background: none; border: none; border: 1px solid #b3bfd0;border-radius: 4px; cursor: pointer;}
.bt_anniu input.on{ background: #281c71; color: #fff;}
	
	
.product .swiper-slide{ width: 33.33333%;}
.product .pro_wz span {    font-size:4vmin;    color: #333;}
.andEnvirC{margin:15% auto 3% auto;}
	
.brief {width: 90%;margin: 0 auto; }
.brief .brie_le {width: 100%;float: inherit !important; padding: 0 !important;}
.jianjie {    color: #9e9e9e;    margin: 0;    width: 100%;    overflow: auto;    height: auto !important;}
.brief .brie_ri {    width: 100%;    float: inherit !important;}
.local1 {    margin: 0 !important;    position: inherit; height: auto !important; background: #f5f5f5;}	
.local1 .lo_fr a{  background: none;}	
.zhengshu {
    width: 96%;
    margin: 0 auto;
}
.zhengshu ul li {
    width: 48%;
    margin: 1%;
    float: left;
    position: relative;
    overflow: hidden;
}
	
.culture_pic {
    width: 96%;
    margin: 0 auto;
}	
	
.culture_pic ul li .cul_opt{ width: 100%; height: 100%; background: url(../images/opt1.png) repeat; position: absolute; left: 0; top: 0; z-index: 2;}
.culture_pic ul li i{ position: absolute; left: 0; top: 0; z-index: 1;}
.culture_pic ul li i img{ width: 100%;}
.culture_pic ul li .cul_wz{ position:  absolute;  z-index: 3; color: #fff;}
.culture_pic ul li .cul_wz span{ font-size: 3vmin !important; margin-bottom: 6%; display: block;}
.culture_pic ul li .cul_wz p{ font-size: 2.6vmin; margin-top: 2%;}
.culture_pic ul li:nth-child(1){ width: 99%; height: 37vmin;}
.culture_pic ul li:nth-child(1) .cul_wz{left: 27%; top: 14%;}
.culture_pic ul li:nth-child(1) .cul_wz p{font-size: 5vmin;}
.culture_pic ul li:nth-child(2){ width: 49%; height: 27vmin;}
.culture_pic ul li:nth-child(2) .cul_wz{left: 12%; top: 10%;}
.culture_pic ul li:nth-child(3){ width: 49%; height: 27vmin;}
.culture_pic ul li:nth-child(3) .cul_wz{left: 12%; top: 10%;}
.culture_pic ul li:nth-child(4){ width: 49%; height: 27vmin;}
.culture_pic ul li:nth-child(4) .cul_wz{left: 12%; top:12%;}
.culture_pic ul li:nth-child(5){ width: 49%; height: 27vmin;}
.culture_pic ul li:nth-child(5) .cul_wz{left: 12%; top: 6%;}

.slideTxtBox .hd ul{ margin: 3% auto;width: 80%;height: auto;}
.slideTxtBox .hd ul li{  float: left; width: 50%; font-size: 3.6vmin;background: #281c71; color: #fff; display: block; height: 14vmin; line-height: 14vmin; cursor: pointer; text-align: center; }
.slideTxtBox .hd ul li i{ display: none; width: 50px; margin: 0 4% 0 0;}
.slideTxtBox .hd ul li.on{ background: #20175c;}
	
	
.fazhan .title2 p{font-size: 5vmin; color: #333; }
.fazhan .title2 span{font-size:4vmin; color: #8d8d8d; text-transform: uppercase;}
.brief .brie_le .title1{ margin: 3% 0; background: url(../images/line2.jpg) left top no-repeat; padding-left: 16px;}
.brief .brie_le .title1 span{ font-size: 5vmin; color: #333; line-height: 34px;}
.brief .brie_le .title1 p{ font-size: 4vmin; color: #8d8d8d; text-transform: uppercase;}
.brie_more{  display: none;}
	
.title{ text-align: center; margin: 0 auto;}
.title i{ width: 1px; height: 30px; background: #fff;display: block; margin: 0 auto;}
.title p{ font-size: 5vmin; color: #fff;}
.title span{ color: #9e9fc1; font-size: 4vmin; text-transform: uppercase;}
.slideTxtBox{width:100%; text-align:left; margin: 7% auto 0 auto;}	
.andEnvir .activeAnd{ height: 50vmin; overflow: hidden; margin-top: 1%;}	
.a_zxlmenu{    display: block;}
.nav_add{ display:block;    width: 100%;
    position: inherit !important;
    left: 0;
    margin-left: 0;
    bottom: 0;
    text-align: center;}
	
	.nav_add a {
    display:block;
    height: 38px;
	float: left;
	width: 49%;
    border: 1px solid #ccc;
    text-align: center;
    line-height: 38px;
    color: #666;
    margin-left: -1px;
	margin-top: -1px;
    padding:0 ;
}
	
	
	.cp_caidan{ display: none;}
	
}


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

	
	
.phone_logo .p1 {padding-top: 15px; height: 29px; display: block;}
.in_top .heard{ display:none;}
.phone_logo {width: 100%;padding: 0 20px;box-sizing: border-box;}

.phone_nav{display:block; position:fixed; width:100%; top:0;left:0; display:block; transition-delay:0.7s; -webkit-transition-delay:0.7s; z-index:9999; border-bottom: 2px solid #e4e4e4;background: }

/*导航按钮*/
.phone_nav .nav_but_box{ display:block; position:absolute; width:30px; height:30px; right:20px; top:20px; z-index:1;
transition:all 0.7s; -webkit-transition:all 0.7s;}
.phone_nav .nav_but { display:inline-block; position:relative;width:20px; height:2px; z-index:2; margin:13px 0 0 5px; background:#281c71;
-webkit-transition-property: background-color, -webkit-transform;
transition-property: background-color, -webkit-transform;
transition-property: background-color, transform;
transition-property: background-color, transform, -webkit-transform;
-webkit-transition-duration: 300ms;
transition-duration: 300ms;}
.phone_nav .nav_but:before,.nav_but:after {content: ''; display:block; width:20px; height:2px; position:absolute; background:#281c71;
transition-property: margin, -webkit-transform; -webkit-transition-property: margin, -webkit-transform;
transition-property: margin, transform; transition-property: margin, transform, -webkit-transform;
transition-duration: 300ms; -webkit-transition-duration: 300ms;}
.phone_nav .nav_but:before{margin-top:-5px;}
.phone_nav .nav_but:after {margin-top:5px;}

/*栏目名称*/
.phone_nav .nav_main{height:100%; position:fixed;  left:0; opacity:0; width:0; transition:all 0.4s ease 0.3s; -webkit-transition:all 0.4s ease 0.3s; background:rgba(40,28,113,0.95); overflow:hidden;}
.phone_nav .nav_main ul{ padding:0 20px; margin-top:40px; float: none !important;}
.phone_nav .nav_main li a{background-position:left; color:#fff; height:46px; line-height:46px; display:inline-block; background-size:32px; background-repeat:no-repeat; font-weight:bold;}
.phone_nav .nav_main .ss{border:1px solid #fff; margin-top:20px;}
.phone_nav .nav_main .ss .p2{ float:right;}
.phone_nav .nav_main .ss .p2 input{ border:0; background:url("../images/app_ss1.png"/*tpa=http://www.cennavi.com.cn/Template/cn/images/app_ss1.png*/) center no-repeat; width:34px; height:34px;}
.phone_nav .nav_main .ss .p1{ display:block; margin:0 34px 0 5px; }
.phone_nav .nav_main .ss .p1 input{ width:100%; height:34px; line-height:34px; background:none; border:0; font-family:"Microsoft YaHei"; font-size:14px; color:#fff;}
.phone_nav .nav_main li b{ display:inline-block; position:absolute; right:10px; top:0px; width:50%; height:50px; background: url("../images/lmfooter_bottom.png"/*tpa=http://www.cennavi.com.cn/Template/cn/images/ip_nav.png*/) center right no-repeat; z-index:99;}
.phone_nav .nav_main .ul{padding:0 0 0px 40px; margin:0;  max-height:0; overflow:hidden; transition:max-height 0.4s; -webkit-transition:max-height 0.4s;}
.phone_nav .nav_main .ul li{ padding:0; border-bottom:0; transform:translateX(0px); -webkit-transform:translateX(0px);}
.phone_nav .nav_main .ul li a{ padding:0; height:auto; line-height:30px; font-weight:normal}

.phone_nav .nav_main .b_one .ul{ max-height:300px; padding:0 0 0px 40px; margin-bottom:10px;}


.phone_nav .nav_main li{ transform:translateX(100px); -webkit-transform:translateX(100px); transition:all 0.8s ease; -webkit-transition:all 0.8s ease; border-bottom:1px solid rgba(225,225,225,0.5); padding:0 20px; position:relative;}
.phone_nav .nav_main li:nth-of-type(1){ transition-delay:0.1s; -webkit-transition-delay:0.1s; }
.phone_nav .nav_main li:nth-of-type(2){ transition-delay:0.2s; -webkit-transition-delay:0.2s; }
.phone_nav .nav_main li:nth-of-type(3){ transition-delay:0.3s; -webkit-transition-delay:0.3s; }
.phone_nav .nav_main li:nth-of-type(4){ transition-delay:0.4s; -webkit-transition-delay:0.4s; }
.phone_nav .nav_main li:nth-of-type(5){ transition-delay:0.5s; -webkit-transition-delay:0.5s; }
.phone_nav .nav_main li:nth-of-type(6){ transition-delay:0.6s; -webkit-transition-delay:0.6s; }
.phone_nav .nav_main li:nth-of-type(7){ transition-delay:0.6s; -webkit-transition-delay:0.6s; }
.phone_nav .nav_main li:nth-of-type(8){ transition-delay:0.6s; -webkit-transition-delay:0.6s; }
.phone_nav .nav_main li:nth-of-type(9){ transition-delay:0.6s; -webkit-transition-delay:0.6s; }
.phone_nav .nav_main li:nth-of-type(10){ transition-delay:0.6s; -webkit-transition-delay:0.6s; }


/*打开样式*/
.phone_nav_one{background:#231815;  transition-delay:0s; -webkit-transition-delay:0s; }
.phone_nav_one .nav_main {opacity:1; width:100%; overflow:inherit;}
.phone_nav_one .nav_but{background: rgba(0, 0, 0, 0); }
.phone_nav_one .nav_but:before {margin-top: 0; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.phone_nav_one .nav_but:after {margin-top:0; transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}
.phone_nav_one .nav_but_box { opacity:0.8;}
.phone_nav_one .nav_main li{ list-style: none;float: none !important; display: block;transform:translateX(0); -webkit-transform:translateX(0);}
}

@media screen and (min-width:758px) and (max-width:1200px) {
	
.news_nei{ width: 90%; margin:3% auto 0 auto;height: 480px; overflow: hidden;}
#clickA{width: 30%;} 
#clickA a{cursor:pointer; background: #fff; display: block;height: 120px; padding: 20px;}
#clickA a.activeAnd{color:#fff;background: #281c71;}
#clickA a.activeAnd span{color:#9e99bf;}
.sub-nav a p{ font-size: 14px;height: 40px;line-height: 20px; overflow: hidden;}
.sub-nav a span{color:#818181; display: block;}
.andEnvir{ width: 70%;}
.andEnvir .item img{ width: 100%;}
	
}

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

.swiper-slide1 .txt p{ font-size: 48px;}
.animate-bounce-up {bottom: 10%;}	
.brief .brie_le {width: 55%;padding-right: 5%; float: left;}
.brief .brie_ri {  width: 40%;    float: right;	height: 585px;}
.course-wrap .course-list .prev{	left: 6% !important;}
.course-wrap .course-list .next{	right: 6% !important;}
.zhengshu {    width: 94%;    margin: 8% auto;}
.liuyan {    width: 70%;    margin: 1% auto;}
	
	
	
}