@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px;}
body{ font-size:14px; overflow-x:hidden;}
a{ color:#333; font-family:"微软雅黑"; text-decoration: none;}
ul{list-style-type:none; list-style:none;}
.ysj{width:1200px; margin:0 auto;}
.dskl p{ line-height:40px; background:#f2f2f2;}
.fl{float:left;}
.fr{float:right;}
.qing{ clear:both;}
.clearfix:after {
	DISPLAY: block; HEIGHT: 0px; VISIBILITY: hidden; CLEAR: both; CONTENT: "."
}

body::-webkit-scrollbar{  width:6px;  height:6px;  /**/}
body::-webkit-scrollbar-track{  background: rgb(239, 239, 239);  border-radius:2px;}
body::-webkit-scrollbar-thumb{  background: #bfbfbf;  /*border-radius:10px;*/}
body::-webkit-scrollbar-thumb:hover{  background: #333;}
body::-webkit-scrollbar-corner{  background: #179a16;}

.top_hzs{ height:36px; line-height:36px; width:100%; background:#333333; color:#FFF;}
.logo_hzs{width:100%; height:108px; overflow:hidden;}
.logo_hzs .logo2{ margin:15px 0 0;}
.logo_hzs .dianh{ width:384px; height:108px; color:#666666; padding:0px; box-sizing:border-box; line-height:30px; font-size:24px;}
.logo_hzs .dianh p{ height:40px; font-size:20px; border:solid 1px #0668b3; line-height:40px; border-radius:50px; margin-top:35px;}
.logo_hzs .dianh p i{ display:block; width:40px; height:40px; line-height:40px; display:block; float:left;background:url(../images/top_dianh.png) no-repeat center center; background-color:#0668b3; background-position-x:25%; border-radius:50px; margin-right:8px; }
.logo_hzs .dianh p b{ color:#0668b3; font-style:italic; font-size:36px;}
.logo_hzs .dianh p span{ font-size:14px; color:#676767;}
.daoh_hzs{ width:100%;/* border-top:solid 1px #e8e8e8; border-bottom:solid 1px #e8e8e8;*/ height:50px; line-height:50px; background:#0066cc;}
.daoh_hzs li{ float:left; width:106px; margin:0 32px; height:50px;text-align:center; box-sizing:border-box; font-size:16px; color:#FFFFFF;}
.daoh_hzs li a{ display:block; color:#FFFFFF; position:relative;}
.daoh_hzs li a:after{ height:2px; width:64px; content:""; position:absolute; bottom:3px; background:#FFF; left:20px; display:none;}
.daoh_hzs li.on{ border-bottom:3px solid #0668b3;}
.daoh_hzs li.on a{ color:#FFFFFF; box-sizing:border-box;}
.daoh_hzs li.on a:after{ display:block;}
.daoh_hzs li:hover{border-bottom:3px solid #0668b3;}
.daoh_hzs li:hover a{ color:#FFFFFF; box-sizing:border-box; text-decoration:none;}
.daoh_hzs li:hover a:after{display:block;}
.daoh_hzs span{ float:left; font-size:16px; color:#bdbdbd;}
.navbar-brand{ padding:0px !improtant;}


/* bannercss */
      .swiper-container {
        width: 100%;
        height: 100%;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;


        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
	.swiper-slide img{ width:100%;}
/*banner结束*/

/*banner下广告条*/
.ggt{ width:100%; height:120px; background:url(../images/banx_ggt_bg.jpg) no-repeat left top; overflow:hidden;margin-top:-60px;display:block; z-index:9; position:relative;}
.ggt .gg02{ width:560px; background:#ff7f3b; height:120px; padding-top:25px; box-sizing:border-box; color:#FFFFFF; text-align:center;}
.ggt .gg02 h3{ font-size:32px; margin-bottom:10px;}
.ggt .gg02 p{ font-size:14px; text-transform:uppercase;}
.ggt .gg03 { width:640px; height:120px; line-height:60px;}
.ggt .gg03 .lx{ width:100%; height:60px; background:url(../images/ggt_dh_tb.png) no-repeat center left; background-position-x: 40px;background-color:#666666; padding-left:85px; box-sizing:border-box; font-size:22px; color:#FFFFFF;}
.ggt .gg03 .gjc{ width:100%; height:60px; padding-left:40px; box-sizing:border-box; font-size:16px; color:#999999;}

/*产品中心*/
.chanp{ overflow:hidden;}
.chanp .cp_dh{ height:50px; border-top:1px solid #CCCCCC;  box-sizing:border-box;}
.chanp .cp_dh ul li{ width:20%; float:left; height:50px; line-height:50px; font-size:16px; border-left:1px solid #CCCCCC; box-sizing:border-box; text-align:center;border-bottom:1px solid #ccc;}
.chanp .cp_dh ul li:nth-child(5){ border-right:1px solid #CCCCCC;}
.chanp .cp_dh ul li:nth-child(10){ border-right:1px solid #CCCCCC;}
.chanp .cp_dh ul li a{ position:relative; display:block; box-sizing:border-box; height:50px;}
.chanp .cp_dh ul li:hover a{ color:#0066cc; font-weight:bold;}
.chanp .cp_dh ul li a:after { content:""; position:absolute; background:#0066cc; height:2px; width:20%; left:40%; bottom:1px; display:none;}
.chanp .cp_dh ul li:hover a:after{ display:block;}

.chanp .cp_nr{ overflow:hidden; margin-top:100px;}
.chanp .cp_nr li{ float:left; width:380px; /*height:285px;*/ height:auto; overflow:hidden; margin-right:30px; margin-bottom:30px; position:relative;}
.chanp .cp_nr li:nth-child(3n){ margin-right:0;}
.chanp .cp_nr li .tu{ width:380px; /*height:285px;*/height:auto;}
.chanp .cp_nr li .tu img{ width:100%; height:100%; transition:all ease 0.5s;}
.chanp .cp_nr li .zi{ width:100%; height:40px; position:absolute; bottom:0; background:rgb(51 51 51 / 50%); color:#FFFFFF; text-align:center; line-height:40px;}
.chanp .cp_nr li:hover .tu img{ transform:scale(1.2);}

.col-img img{ width:100%;}
.col-tu{ margin-top:40px;}
.col-tu a{ text-decoration:none; color:#333;}
.col-tu:hover a{ text-decoration:none; color:#fff;}
.col-sk{ width:98%; margin:0 auto; border:1px solid #f2f2f2;}
.col-sk:hover{  border:1px solid #004da0; text-decoration:none; }
.col-tu:hover i{ background:#004da0; width:100%; padding:0px; font-style:normal;}
.col-tu i{ display:block; text-align:center; font-size:16px ; font-style:normal; height:36px; line-height:36px;overflow: hidden;}

.mas{ margin:30px auto;}
.title{ text-align:center; font-size:24px;}
.chan-info{ margin-top:20px;}
.sxyp{ margin-top:30px;}
.ny_xgcp{ margin-top:10px;}
.ny_xgcp h3{ background:#004da0; height:50px; color:#fff; line-height:50px; text-indent:1rem;}

/*优势*/
.yous{ width:100%; height:785px; background:url(../images/ys_bg.png) no-repeat top center; margin-top:20px; overflow:hidden; box-sizing:border-box;}
.yous .ys_tit{ margin-top:70px; color:#FFFFFF;}
.yous .ys_tit h5{ font-size:32px;}
.yous .ys_tit h3{ font-size:38px; position:relative; padding-bottom:20px; margin-bottom:15px;}
.yous .ys_tit h3:after { content:""; position:absolute; bottom:1px; width:75px; height:3px; background:#FFFFFF; left:0;}
.yous .ys_tit p{ font-size:16px; margin-bottom:15px;}
.yous .neir{ width:650px; height:785px; overflow:hidden;}
.yous .neir .dz{ text-transform:uppercase; margin-top:100px; line-height:60px;text-align:right;font-size:72px;font-weight:bold; color:#FFFFFF; opacity:0.6;}
.yous .neir .ys_nr{ width:100%; height:560px; overflow:hidden; background:#FFFFFF; box-sizing:border-box; padding:0 35px; box-sizing:border-box;}
.yous .neir .ys_nr ul { width:1200px; overflow:hidden; position:relative;}
.yous .neir .ys_nr ul li{ width:580px; margin-right:40px; float:left; padding: 60px 30px 85px; box-sizing:border-box;}
.yous .neir .ys_nr ul li:nth-child(1){ border-bottom:1px solid #dfdfdf;}
.yous .neir .ys_nr ul li:nth-child(2){ border-bottom:1px solid #dfdfdf;}
.yous .neir .ys_nr ul li:nth-child(2n){ margin-right:0;}
.yous .neir .ys_nr ul li h3{ height:40px; line-height:40px; font-size:22px; margin-bottom:10px; color:#2c2c2c;}
.yous .neir .ys_nr ul li h3 i{ width:40px; height:40px; background:url(../images/ys_01.png) no-repeat center; overflow:hidden; display:block; float:left; margin-right:10px;}
.yous .neir .ys_nr ul li:nth-child(2) h3 i{ background-image:url(../images/ys_02.png);}
.yous .neir .ys_nr ul li:nth-child(3) h3 i{ background-image:url(../images/ys_03.png);}
.yous .neir .ys_nr ul li:nth-child(4) h3 i{ background-image:url(../images/ys_04.png);}
.yous .neir .ys_nr ul li p{ font-size:16px; line-height:32px; color:#505050;}
.yous .neir .ys_jt{ width:100%; height:65px; line-height:65px;}
.yous .neir .ys_jt div{ width:50%; float:left; background: url(../ys_z.png) no-repeat center #ff7f3b; height:65px; cursor:pointer; box-sizing:border-box; border:solid 0px #0066cc;}
.yous .neir .ys_jt .jt_z{ background-image:url(../images/ys_z.png);}
.yous .neir .ys_jt .jt_y{background-image: url(../images/ys_y.png);}
.yous .neir .ys_jt div.on{ background-color:#0066cc; cursor:auto;}

/*关于我们*/
.about{ width:1920px; background:#f5f5f5; margin-top:60px; height:603px;}
.about-left{ width:915px; height:603px; float:left;}
.about-left img{width:915px; height:603px;}
.about-right{ width:598px; float:left; margin-left:30px;}
.about-title{ font-size:48px; text-transform:uppercase; font-weight:bold; color:#0066cc; padding-top:38px;}
.about-name{ font-size:36px; margin-top:32px; color:#2c2c2c; font-weight:bold;}
.about-info{ font-size:16px; color:#666666; margin-top:28px; line-height:30px;}

.about-list{ margin-top:32px;}
.about-list ul li{ width:72px; float:left; list-style:none; margin-left:65px;}
.about-circle { border:1px solid #ccc; padding:10px; width:43px; background:#fff; border-radius:6px; margin:0 auto;}
.about-circle img{ width:43px; height:43px;}
.about-list ul li p{ padding-top:10px; text-align:center;}


/*标题*/
.tit{ text-align:center;}
.tit h3{ font-size:38px; color:#333;}
.tit h3 b{ color:#004da0;}
.tit p{ font-size:18px; line-height:38px; height:38px;  color:#999999; margin-top:0px;}
.tit p span{ margin:0 15px; color:#e3e3e3;}



/*应用领域*/

.lingyu{ width:100%; margin-top:54px;}
.lingyu-list{ width:1200px; margin:0 auto; margin-top:37px;}
.lingyu-info ul li{ float:left; width:269px; height:370px; position:relative; bottom:0px; left:0px; margin-left:38px;}
.lingyu-info ul li:first-child{ margin-left:0px;}
.lingyu-info ul li .lingyu-img img{ border-top-left-radius:70px; border-bottom-right-radius:70px;}
.lingyu-name{ width:269px; position:absolute; bottom:0px; height:75px; color:#fff; background:rgba(0,0,0,0.4); line-height:75px; font-size:22px; text-align:center;  border-bottom-right-radius:70px;}

/*合作案例*/
.hezuoanli{ width:100%; margin-top:54px;}
.anl_mat {margin:30px auto 70px; width:1200px; overflow:hidden;}
.anl_mat .gd{ width:164px; height:42px; border-radius:50px; margin:auto; font-size:16px; font-weight:normal; line-height:42px; text-align:center; border:1px solid #fd8c00; transition:all ease 0.5s;}
.anl_mat .gd a{ color:#fd8c00; display:block;}
.anl_mat .gd:hover { background:#fd8c00;}
.anl_mat .gd:hover a{ color:#FFFFFF;}
.anl_mat .clearfix {zoom:1;}
.anl_mat .clearfix::after {display:block;content:'';clear:both;visibility:hidden;}
.anl_mat .container {position:relative;width:1200px; height:320px;padding:30px;border-radius:20px;}
.anl_mat .wrap {position:relative;width:100%;overflow:hidden;}
.anl_mat .wrap ul {position:relative;}
.anl_mat .wrap ul li {float:left;width:360px;height:290px;margin-right:30px;text-align:center;font-size:30px;color:#333;line-height:300px;}
.anl_mat .wrap ul li .tu{ width:100%; height:250px; overflow:hidden;}
.anl_mat .wrap ul li .tu img{ width:100%; height:100%; transition:all ease 0.5s;}
.anl_mat .wrap ul li:hover .tu img{transform: scale(1.1); }
.anl_mat .wrap ul li p{ width:100%; height:40px; line-height:40px; font-size:16px;}
.anl_mat .container .tb {position:absolute;top:40%;display:block;width:40px;height:40px;background:rgba(0,0,0,0.8);color:#fff;font-size:30px;text-align:center;line-height:40px;text-decoration:none;}
.anl_mat .container .tb:hover { background:#fd8c00;}
.anl_mat .container a.next {right:406px;}
.anl_mat .container a.prev {left:406px;}
 
 
 /*新闻中心*/
.news{width:100%; margin-top:54px;}

.news-list{ width:1200px; margin:0 auto;}
.news-list .neir{ width:100%; height: auto; margin-top:60px; overflow:hidden; margin-bottom:30px;}
.news-list  .neir li{ width:100%; height:100px; overflow:hidden; margin-bottom:20px; float:left; margin-right:3%; border-bottom:1px solid #dfdfdf; padding-bottom:20px;}
.news-list  .neir li:nth-child(2n){ margin-right:0;}
.news-list  .neir li:nth-child(5){ border:none;}
.news-list  .neir li:nth-child(6){ border:none;}
.news-list  .neir li .rq{ width:120px; height:100%; float:left; background-color:#3a3a3a; text-align:center;color:#FFFFFF; transition:all ease 0.3s;}
.col-news .rq{ width:100%; height:100%; padding:10px 0px; background-color:#3a3a3a; text-align:center;color:#FFFFFF; transition:all ease 0.3s;}

.col-news .rq h3{ font-size:24px;}
.col-news-info h3{font-size:24px; margin:10px 0 10px; color:#333; overflow: hidden;height: 27px;}
.col-news-info p{ font-size:14px; color:#aaaaaa;}
.col-news-info a:hover{ text-decoration:none;}
.col-list{ border-bottom:1px solid #ccc; padding-bottom:10px; margin-top:30px;}
.col-list:hover  .rq{background-color:#df6900;}
.news-list .neir li .rq h3{ margin-top:25px; font-size:20px; margin-bottom:5px;}
.news-list  .neir li:hover .rq{ background:#ea8210;}
.news-list  .neir li .zi{ width:85%; margin-left:20px; float:left; height:100%; color:#5a5a5a;}
.news-list  .neir li .zi h3{ font-size:16px; margin:10px 0 10px;}
.news-list  .neir li .zi p{ font-size:14px; line-height:24px; text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
overflow: hidden;

-webkit-box-orient: vertical;

word-break: break-all ;}



/*商盟成员*/
.smcy { background:#0066cc; font-size:16px; padding-top:30px; color:#FFFFFF; margin-top:30px; line-height:36px;}
.smcy .ysj{ border-bottom:1px solid #FFFFFF; padding-bottom:15px; background:url(../smcy.png) no-repeat left center; background-position-y:30%; padding-left:50px; box-sizing:border-box;}
.smcy b{ font-size:18px; margin-right:15px; font-weight:bold;}
.smcy a{ margin-right:15px; color:#FFFFFF;}

/*底部*/
footer{ background:#0066cc; color:#FFFFFF; width:1920px; min-height:380px; overflow:hidden; margin-top:0px; box-sizing:border-box;}
footer a{ color:#FFFFFF;}
footer .dibu { margin:30px auto; overflow:hidden;}
footer .dibu li{ float:left;}
footer .dibu li h3{margin-bottom:20px; font-size:22px; font-weight:normal;}
footer .dibu .dib_dh{ width:340px; float:left; padding: 0 40px; box-sizing:border-box;}
footer .dibu .dib_dh a{ width:50%; display:block; float:left; font-size:18px; line-height:40px}
footer .dibu .dib_lx { width:530px; padding:0 50px; border-right:1px solid #FFFFFF; border-left:1px solid #FFFFFF; box-sizing:border-box;}
footer .dibu .dib_lx p { line-height:40px; font-size:18px;}
footer .dibu .dib_lx p span{ width:70px; text-align:justify; display:block; float:left; height:40px; overflow:hidden;}
footer .dibu .dib_lx p span > i{display: inline-block /* Opera */; padding-left: 100%;}
footer .dibu .dib_ewm{ float:right;width:140px; margin-right:100px; text-align:center;}
footer .dibu .dib_ewm .tu{ width:130px; height:130px; background:url(../images/ewm_bg.png) no-repeat center; margin:0 auto 20px; text-align:center; box-sizing:border-box; padding-top:10px;}
footer .dibu .dib_ewm .tu img{ width:110px; height:110px;}
footer .dib_xian{ width:100%; height:1px; background:#FFFFFF;}
footer .dib_bq{ padding:20px 0; line-height:30px; text-align:center; font-size:16px;}
footer .dib_bq a{ color:#FFFFFF;}

.news-title{ text-align:center; width:100%; font-size:26px; margin-top:20px; font-weight:bold;}
.news-info{ width:100%; margin-top:30px;}
.contant{ margin-top:20px; font-size:18px; padding:0px 20px;}


/*当页面宽度大于1000px且小于1200px的时候执行，1000-1200*/
@media screen and (min-width:1000px) and (max-width: 1200px){
     .phone{ display:none;}
	 	.pc{ display:block;}
		.phone-chanpin{ display:none}
		.ys_noa{ display:none}
		.phone-about{ display:none;}
		.phone-anli{ display:none;}
		.phone-news{ display:none;}
		#toolbar{ display:none;}
}
/*当页面宽度大于1280px且小于1366px的时候执行,1280-1366*/
@media screen and (min-width:1280px) and (max-width: 1366px){
     .phone{ display:none;}
	 	.pc{ display:block;}
		.phone-chanpin{ display:none}
		.ys_noa{ display:none}
		.phone-about{ display:none;}
		.phone-anli{ display:none;}
		.phone-news{ display:none;}
		#toolbar{ display:none;}
}
/*当页面宽度大于1440px且小于1600px的时候执行,1440-1600*/
@media screen and (min-width:1440px) and (max-width:1600px){
      .phone{ display:none;}
	 	.pc{ display:block;}
		.phone-chanpin{ display:none}
		.ys_noa{ display:none}
		.phone-about{ display:none;}
		.phone-anli{ display:none;}
		.phone-news{ display:none;}
		#toolbar{ display:none;}
}
/*当页面宽度大于1680px且小于1920px的时候执行,1680-1920*/
@media screen and (min-width:1680px) and (max-width:1920px){
     .phone{ display:none;}
	 	.pc{ display:block;}
		.phone-chanpin{ display:none}
		.ys_noa{ display:none}
		.phone-about{ display:none;}
		.phone-anli{ display:none;}
		.phone-news{ display:none;}
		#toolbar{ display:none;}
}


@media screen and (min-width:320px) and (max-width:360px){
    body{
        font-size: 12px;
    }
	*{ margin:0 auto;}
	.pc{ display:none;}
	 .phone{ display:block;}
	 .navbar-brand { width:70%;}
	.navbar-brand img{ width:100%;}
	.ggt{ display:none;}
	.chanp{ display:none;}
	.phone-chanpin{ width:100%; margin-top:20px;}
	.phone-top{ text-align:center; font-size:1.2rem;}
	.phone-top i{ display:block; font-size:0.8rem; font-style:normal;}
	.phone-list{ width:98%; margin:0 auto; margin-bottom:4%;}
	.phone-list ul li{ float:left; width:49%; border:1px solid #f2f2f2; margin-left:1%; margin-top:4%;}
	.phone-list ul li a{ color:#333;}
	.phone-list ul li img{ display:block; width:100%; height:100%;}
	.phone-list ul li h3{ display:block; text-align:center; font-size:18px;}
	.yous{ display:none;}
	.mores{ width:90%; margin:0 auto; background:#06F; color:#fff; border-radius:4px; height:40px; line-height:40px; text-align:center; font-size:20px; margin-top:6%;}
		.mores a{ display:block; color:#fff;}
		.ys_noa{ width:100%; background:url(../images/ab_bg.jpg) no-repeat center; height: auto; overflow:hidden; margin-top:20px; padding-top:10px; box-sizing:border-box; background-size: auto 100%;}
.in_title{ text-align:center; color:#fff;}
.in_title i{ font-style:normal;}
.ys_nr{ width:90%; margin:0 auto;}
.ys_nr  li{ background:#fff; padding:10px 20px 10px 20px; margin-bottom:20px;}
.ys_nr li:nth-child(1){ margin-top:20px;}
.ys_nr li h3{font-size:20px; font-weight:bold; color:#0066cc; line-height:50px;}
.ys_nr li p{ font-size:14px; line-height:24px; color:#666666; text-align:justify;}
.about{ display:none;}
.phone-about{ width:100%; margin:0 auto; margin-top:4%;}
.phone-about-img{ width:100%; margin-top:4%;}
.phone-about-img img{ width:100%; display:block; height:100%;}
.phone-about-info{ width:96%; margin:0 auto; margin-top:2%; font-size:14px; line-height:28px;}
.lingyu{ display:none;}
.hezuoanli{ display:none;}
.phone-anli{ width:100%; margin-top:6%;}
.news{ display:none;}
.phone-news{ width:100%; margin-top:6%;}
.textlist{ width:96%; margin:0 auto; margin-top:4%; margin-bottom:120px;}
.textlist .list li{ width:100%; border-bottom:1px solid #f2f2f2; padding-bottom:10px; margin-top:10px;}
.textlist .list li a{ color:#333;}
.textlist .list li .tl em{ font-size:16px; font-style:normal;}
.textlist .list li .tl p{ font-size:14px; padding:10px 0px 0px 0px;  color:#a3a3a3;}
.textlist .list li .tl i{ font-style:normal; font-size:12px;}
.bottom{ display:none;}

#toolbar {
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 888;
	height: 88px;
	left: 0;
}

#toolbar .list {
	width: 100%;
	max-width: 640px;
	min-width: 320px;
	margin: 0 auto;
	background: #0066cc;
	height:88px;
}

#toolbar .list li {
	float: left;
	width: 25%;
	text-align: center;
	border-left: 1px solid #fff;
   /* border-right: 1px solid #3bccba;*/
   height:88px;
}

#toolbar .list li:first-child {
	border-left: none;
}

#toolbar .list li:last-child {
	border-right: none;
}

#toolbar .list a {
	display: block;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	color: #fff;
	padding-top: 4px;
}

#toolbar .list a.hover {
	background: #009946;
}

#toolbar .list a i {
	margin-left: auto;
	margin-right: auto;
	width: 40px;
	height: 60px;
	display: block;
}
#toolbar .list a i img {
	width: 40px;
	height: 40px;
}
#toolbar .list a span {
	text-align: center;
	line-height: 0.35rem;
	display: block;
}

.xbg {
	width: 100%;
	display: block;
	position: fixed;
	height: 88px;
	left: 0;
	bottom: 0;
	background: #fff;
	z-index: 880;
}

#toolbar .list a i span {
	color: #fff;
	padding-top: .9rem;
	text-transform: initial;
	font-style: normal;
}
.btm-news{ padding-bottom:20%;}
.col-news { display:none;}
}
@media screen and (min-width:360px) and (max-width:390px){
    body{
        font-size: 13px;
    }
	.pc{ display:none;}
	 .phone{ display:block;}
	 .navbar-brand { width:70%;}
	.navbar-brand img{ width:100%;}
	.ggt{ display:none;}
	.chanp{ display:none;}
		.phone-chanpin{ width:100%; margin-top:20px;}
	.phone-top{ text-align:center; font-size:3.2rem;}
	.phone-top i{ display:block; font-size:1.4rem; font-style:normal;}
		.phone-list{ width:98%; margin:0 auto; margin-bottom:4%;}
	.phone-list ul li{ float:left; width:49%; border:1px solid #f2f2f2; margin-left:1%; margin-top:4%;}
	.phone-list ul li a{ color:#333;}
	.phone-list ul li img{ display:block; width:100%; height:100%;}
	.phone-list ul li h3{ display:block; text-align:center; font-size:18px;}
		.yous{ display:none;}
		.mores{ width:90%; margin:0 auto; background:#06F; color:#fff; border-radius:4px; height:40px; line-height:40px; text-align:center; font-size:20px;margin-top:6%;}
		.mores a{ display:block; color:#fff;}
.ys_noa{ width:100%; background:url(../images/ab_bg.jpg) no-repeat center; height: auto; overflow:hidden; margin-top:20px; padding-top:10px; box-sizing:border-box; background-size: auto 100%;}
.in_title{ text-align:center; color:#fff;}
.in_title i{ font-style:normal;}
.ys_nr{ width:90%; margin:0 auto;}
.ys_nr  li{ background:#fff; padding:10px 20px 10px 20px; margin-bottom:20px;}
.ys_nr li:nth-child(1){ margin-top:20px;}
.ys_nr li h3{font-size:20px; font-weight:bold; color:#0066cc; line-height:50px;}
.ys_nr li p{ font-size:14px; line-height:24px; color:#666666; text-align:justify;}

.about{ display:none;}
.phone-about{ width:100%; margin:0 auto; margin-top:4%;}
.phone-about-img{ width:100%; margin-top:4%;}
.phone-about-img img{ width:100%; display:block; height:100%;}
.phone-about-info{ width:96%; margin:0 auto; margin-top:2%; font-size:14px; line-height:28px;}
.lingyu{ display:none;}
.hezuoanli{ display:none;}
.phone-anli{ width:100%; margin-top:6%;}
.news{ display:none;}
.phone-news{ width:100%; margin-top:6%;}
.textlist{ width:96%; margin:0 auto; margin-top:4%; margin-bottom:120px;}
.textlist .list li{ width:100%; border-bottom:1px solid #f2f2f2; padding-bottom:10px; margin-top:10px;}
.textlist .list li a{ color:#333;}
.textlist .list li .tl em{ font-size:16px; font-style:normal;}
.textlist .list li .tl p{ font-size:14px; padding:10px 0px 0px 0px;  color:#a3a3a3;}
.textlist .list li .tl i{ font-style:normal; font-size:12px;}
.bottom{ display:none;}

#toolbar {
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 888;
	height: 88px;
	left: 0;
}

#toolbar .list {
	width: 100%;
	max-width: 640px;
	min-width: 320px;
	margin: 0 auto;
	background: #0066cc;
	height:88px;
}

#toolbar .list li {
	float: left;
	width: 25%;
	text-align: center;
	border-left: 1px solid #fff;
   /* border-right: 1px solid #3bccba;*/
   height:88px;
}

#toolbar .list li:first-child {
	border-left: none;
}

#toolbar .list li:last-child {
	border-right: none;
}

#toolbar .list a {
	display: block;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	color: #fff;
	padding-top: 4px;
}

#toolbar .list a.hover {
	background: #009946;
}

#toolbar .list a i {
	margin-left: auto;
	margin-right: auto;
	width: 40px;
	height: 60px;
	display: block;
}
#toolbar .list a i img {
	width: 40px;
	height: 40px;
}
#toolbar .list a span {
	text-align: center;
	line-height: 0.35rem;
	display: block;
}

.xbg {
	width: 100%;
	display: block;
	position: fixed;
	height: 88px;
	left: 0;
	bottom: 0;
	background: #fff;
	z-index: 880;
}

#toolbar .list a i span {
	color: #fff;
	padding-top: .9rem;
	text-transform: initial;
	font-style: normal;
}
.btm-news{ padding-bottom:20%;}
}
@media screen and (min-width:390px) and (max-width:460px){
    body{
        font-size: 14px;
    }
	.pc{ display:none;}
	 .phone{ display:block;}
	 .navbar-brand { width:70%;}
	.navbar-brand img{ width:100%;}
	.ggt{ display:none;}
	.chanp{ display:none;}
		.phone-chanpin{ width:100%; margin-top:20px;}
	.phone-top{ text-align:center; font-size:3.2rem;}
	.phone-top i{ display:block; font-size:1.4rem; font-style:normal;}
		.phone-list{ width:98%; margin:0 auto; margin-bottom:4%;}
	.phone-list ul li{ float:left; width:49%; border:1px solid #f2f2f2; margin-left:1%; margin-top:4%;}
	.phone-list ul li a{ color:#333;}
	.phone-list ul li img{ display:block; width:100%; height:100%;}
	.phone-list ul li h3{ display:block; text-align:center; font-size:18px;}
		.yous{ display:none;}
		.mores{ width:90%; margin:0 auto; background:#06F; color:#fff; border-radius:4px; height:40px; line-height:40px; text-align:center; font-size:20px;margin-top:6%;}
		.mores a{ display:block; color:#fff;}
		.ys_noa{ width:100%; background:url(../images/ab_bg.jpg) no-repeat center; height: auto; overflow:hidden; margin-top:20px; padding-top:10px; box-sizing:border-box; background-size: auto 100%;}
.in_title{ text-align:center; color:#fff;}
.in_title i{ font-style:normal;}
.ys_nr{ width:90%; margin:0 auto;}
.ys_nr  li{ background:#fff; padding:10px 20px 10px 20px; margin-bottom:20px;}
.ys_nr li:nth-child(1){ margin-top:20px;}
.ys_nr li h3{font-size:20px; font-weight:bold; color:#0066cc; line-height:50px;}
.ys_nr li p{ font-size:14px; line-height:24px; color:#666666; text-align:justify;}
.about{ display:none;}
.phone-about{ width:100%; margin:0 auto; margin-top:4%;}
.phone-about-img{ width:100%; margin-top:4%;}
.phone-about-img img{ width:100%; display:block; height:100%;}
.phone-about-info{ width:96%; margin:0 auto; margin-top:2%; font-size:14px; line-height:28px;}
.lingyu{ display:none;}
.hezuoanli{ display:none;}
.phone-anli{ width:100%; margin-top:6%;}
.news{ display:none;}
.phone-news{ width:100%; margin-top:6%;}
.textlist{ width:96%; margin:0 auto; margin-top:4%; margin-bottom:120px;}
.textlist .list li{ width:100%; border-bottom:1px solid #f2f2f2; padding-bottom:10px; margin-top:10px;}
.textlist .list li a{ color:#333;}
.textlist .list li .tl em{ font-size:16px; font-style:normal;}
.textlist .list li .tl p{ font-size:14px; padding:10px 0px 0px 0px;  color:#a3a3a3;}
.textlist .list li .tl i{ font-style:normal; font-size:12px;}
.bottom{ display:none;}

#toolbar {
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 888;
	height: 88px;
	left: 0;
}

#toolbar .list {
	width: 100%;
	max-width: 640px;
	min-width: 320px;
	margin: 0 auto;
	background: #0066cc;
	height:88px;
}

#toolbar .list li {
	float: left;
	width: 25%;
	text-align: center;
	border-left: 1px solid #fff;
   /* border-right: 1px solid #3bccba;*/
   height:88px;
}

#toolbar .list li:first-child {
	border-left: none;
}

#toolbar .list li:last-child {
	border-right: none;
}

#toolbar .list a {
	display: block;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	color: #fff;
	padding-top: 4px;
}

#toolbar .list a.hover {
	background: #009946;
}

#toolbar .list a i {
	margin-left: auto;
	margin-right: auto;
	width: 40px;
	height: 60px;
	display: block;
}
#toolbar .list a i img {
	width: 40px;
	height: 40px;
}
#toolbar .list a span {
	text-align: center;
	line-height: 0.35rem;
	display: block;
}

.xbg {
	width: 100%;
	display: block;
	position: fixed;
	height: 88px;
	left: 0;
	bottom: 0;
	background: #fff;
	z-index: 880;
}

#toolbar .list a i span {
	color: #fff;
	padding-top: .9rem;
	text-transform: initial;
	font-style: normal;
}
.btm-news{ padding-bottom:20%;}
}
 
@media screen and (min-width:320px) and (max-width:460px){
    body{
        font-size: 12.5px;
    }
	.pc{ display:none;}
	 .phone{ display:block;}
	 .navbar-brand { width:70%;}
	.navbar-brand img{ width:100%;}
	.ggt{ display:none;}
	.chanp{ display:none;}
		.phone-chanpin{ width:100%; margin-top:20px;}
	.phone-top{ text-align:center; font-size:3.2rem;}
	.phone-top i{ display:block; font-size:1.4rem; font-style:normal; text-transform:uppercase;}
		.phone-list{ width:98%; margin:0 auto; margin-bottom:4%;}
	.phone-list ul li{ float:left; width:49%; border:1px solid #f2f2f2; margin-left:1%; margin-top:4%;}
	.phone-list ul li a{ color:#333;}
	.phone-list ul li img{ display:block; width:100%; height:100%;}
	.phone-list ul li h3{ display:block; text-align:center; font-size:18px;}
		.yous{ display:none;}
		.mores{ width:90%; margin:0 auto; background:#06F; color:#fff; border-radius:4px; height:40px; line-height:40px; text-align:center; font-size:20px;margin-top:6%;}
		.mores a{ display:block; color:#fff;}
		.ys_noa{ width:100%; background:url(../images/ab_bg.jpg) no-repeat center; height: auto; overflow:hidden; margin-top:20px; padding-top:10px; box-sizing:border-box; background-size: auto 100%;}
.in_title{ text-align:center; color:#fff;}
.in_title i{ font-style:normal;}
.ys_nr{ width:90%; margin:0 auto;}
.ys_nr  li{ background:#fff; padding:10px 20px 10px 20px; margin-bottom:20px;}
.ys_nr li:nth-child(1){ margin-top:20px;}
.ys_nr li h3{font-size:20px; font-weight:bold; color:#0066cc; line-height:50px;}
.ys_nr li p{ font-size:14px; line-height:24px; color:#666666; text-align:justify;}
.about{ display:none;}
.phone-about{ width:100%; margin:0 auto; margin-top:4%;}
.phone-about-img{ width:100%; margin-top:4%;}
.phone-about-img img{ width:100%; display:block; height:100%;}
.phone-about-info{ width:96%; margin:0 auto; margin-top:2%; font-size:14px; line-height:28px;}
.lingyu{ display:none;}
.hezuoanli{ display:none;}
.phone-anli{ width:100%; margin-top:6%;}
.news{ display:none;}
.phone-news{ width:100%; margin-top:6%;}
.textlist{ width:96%; margin:0 auto; margin-top:4%; margin-bottom:120px;}
.textlist .list li{ width:100%; border-bottom:1px solid #f2f2f2; padding-bottom:10px; margin-top:10px;}
.textlist .list li a{ color:#333;}
.textlist .list li .tl em{ font-size:16px; font-style:normal;}
.textlist .list li .tl p{ font-size:14px; padding:10px 0px 0px 0px;  color:#a3a3a3;}
.textlist .list li .tl i{ font-style:normal; font-size:12px;}
.bottom{ display:none;}

#toolbar {
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 888;
	height: 88px;
	left: 0;
}

#toolbar .list {
	width: 100%;
	max-width: 640px;
	min-width: 320px;
	margin: 0 auto;
	background: #0066cc;
	height:88px;
}

#toolbar .list li {
	float: left;
	width: 25%;
	text-align: center;
	border-left: 1px solid #fff;
   /* border-right: 1px solid #3bccba;*/
   height:88px;
}

#toolbar .list li:first-child {
	border-left: none;
}

#toolbar .list li:last-child {
	border-right: none;
}

#toolbar .list a {
	display: block;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	color: #fff;
	padding-top: 4px;
}

#toolbar .list a.hover {
	background: #009946;
}

#toolbar .list a i {
	margin-left: auto;
	margin-right: auto;
	width: 40px;
	height: 60px;
	display: block;
}
#toolbar .list a i img {
	width: 40px;
	height: 40px;
}
#toolbar .list a span {
	text-align: center;
	line-height: 0.35rem;
	display: block;
}

.xbg {
	width: 100%;
	display: block;
	position: fixed;
	height: 88px;
	left: 0;
	bottom: 0;
	background: #fff;
	z-index: 880;
}

#toolbar .list a i span {
	color: #fff;
	padding-top: .9rem;
	text-transform: initial;
	font-style: normal;
}
.btm-news{ padding-bottom:20%;}
}
 
li.cur {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #fff;
    text-decoration: none;
    background-color: #337ab7;
    border: 1px solid #ddd;
}