@charset "utf-8";
@import "../fonts/iconfont.css";
/* CSS Document */
html {overflow-y:scroll;}
*{margin:0;padding:0;list-style:none;border:0;}
body{font-size:15px;  margin:0; padding:0;font-family: "Microsoft Yahei"; overflow:hidden; }
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p,html,body,nav{padding:0;margin:0; color:#333}
h1,h2,h3,h4,h5,h6 {font-size:14px; font-weight:normal;}
img{border:0;}
ol,ul{list-style:none;}
i{ font-style:normal}
h1{font-size:18px;}
a{color:#333;text-decoration:none;font-size:15px;blr:expression(this.onFocus=this.blur());}
a:hover{color:#f00;text-decoration:none;}
.clean70{clear:both;height:70px;overflow:hidden;}
.clean40{clear:both;height:40px;overflow:hidden;}
.clean30{clear:both;height:30px;overflow:hidden;}
.clean20{clear:both;height:20px;overflow:hidden;}
.clean10{clear:both;height:10px;overflow:hidden;}
.left{ float:left;overflow:hidden;}
.right{float:right;overflow:hidden;}
.w1300{ width:1300px; margin:0 auto; clear:both; }

@media (max-width:1500px){
    .w1300 {width: 85%;}

	
	}


.i{font-style:normal}
.content{
    position: relative;
	width: 1200px;
	margin:auto;
	overflow: hidden;
}

/*返回顶部样式*/
.totop{position:fixed;right:25px;bottom:25px;display:block;width:26px;height:62px;background:url(../images/rocket.png) no-repeat 0 0;-webkit-transition: all 0.2s ease-in-out;}
.totop:hover{background:url(../images/rocket.png) no-repeat 0 -62px;}
/*顶部样式*/

.guding{ width:100%;float:left;top:0;  position: absolute;clear:both;left:0; z-index:88}
.dwz{ position: relative; z-index:999;top:40px; min-height:650px}
#suanbanner img{ width:100%;min-width: 1200px; }

.top{width:100%; height:90px; line-height:90px; overflow:hidden;background:rgba(0, 0, 0, 0.6) none repeat scroll !important; background:#000; filter:Alpha(opacity=60); }
.logo{ width:17%; float:left; height:90px; line-height: 90px; display: flex;justify-content: center;align-items: center;}
.logo img{ max-height:45px;vertical-align: middle}

/*导航条*/
.dht{ width:68%; float:left;}
.menu{ width:100%; overflow:hidden; float:left;}
.menu .menu_item{ display:inline-block;float:left;width:12%;text-align:center;font-family:"微软雅黑"; }
.menu .menu_item a{font-size: 16px; display: block;width: auto; color:#FFF; line-height:90px;font-family:"微软雅黑";}
.menu .menu_item:hover{background: url(../images/z_img10.png) repeat}
.menu .menu_item:hover a,.cur a{ color:#FFF !important}
.cur,.lx:hover{text-decoration:none;background:url(../images/z_img10.png) repeat}

.menu .menu_item:hover .submenu{display:block; z-index:99999999; position:absolute;}
.submenu{z-index:99999999999; background:rgba(0, 0, 0, 0.7) none repeat scroll !important; background:#333; filter:Alpha(opacity=70);  overflow: hidden;display:none; margin-left:-15px;}
.submenu_item {padding:0 20px; min-width:146px; }
.submenu_item a{ color:#fff !important; font-weight:100 !important; line-height:3em !important;}
.submenu_item:hover{ background:#24156f}
.submenu_item a:hover{color:#fff  !important}

.lx{ width:9%; text-align:center; border-left:1px solid #fff;  float: right}
.lx a{ color:#fff; display:inline-block}
/*头部搜索*/
.sousuo{ width:5.5%; float:left; position:relative}
.header-search{ position: absolute; top:30px; right:10px; z-index: 1;}
.header-search.active .search-btn img{ width:28px; height:28px;}
.header-search .search-box input.input-text {
	position: absolute;
	right: 0px;
	top: -5px;
	border:1px solid #eaeaea;
    width:150px;
	line-height:34px;
	float: left;
	height:34px;
	transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
	opacity: 0; 
}
.search-box{ height:28px;}
.search-box button.search-btn {
	color: #fff;
	cursor: pointer;
	height: 100%;
	width: 36px;
	border: none;
	float: left;
	position: relative; background: none;
	z-index: 1;
	
}
.search-box button.search-btn img{
	display: inline-block;
	padding-bottom: 8px;
}

.header-search .search-box:hover .input-text, .search-box input.input-text:focus{
	width: 150px;
	opacity: 1;
	right: 40px;
}


.lanmu{ width:370px;padding-left:40px; float:left; margin-top:60px;}
.lanmu h1{ font-size:50px;color:#fff; text-shadow: 5px 5px 30px #000;letter-spacing:2px; border-bottom:2px solid #fff; display:inline-block; line-height:180%;}
.lanmu  p{ font-size:20px; color:#fff; line-height:200%;text-transform: uppercase;}


/*----foot------*/
.foot{ width:100%; float:left; padding-top:35px; padding-bottom:20px;overflow:hidden; background:#2e2f31; }
.foot .footer{ width:28%;float:left; overflow:hidden;margin-top:24px;background:#2e2f31; }
.footer img{ width:100px; float:left;}
.footer span{ float:left; padding-left:15px;}
.footer  p{ color:#666666; line-height:30px; font-size:13px;}
.footer  b{ font-size:22px; font-weight:normal}

.footr{ width:41%; float:left; margin-top: 25px;}
.footr p{ line-height:30px; font-size:13px; color:#666666; overflow:hidden; padding-bottom:8px; }
.footr img{ max-width:32px; max-height:30px; float:left; padding-right:10px;}
.footrt{ width:24%; float:left;}
.footrt dl{ width:110%; float:left}
.footrt a{ width:86px; height:37px; border:1px solid #27282a; text-align:center; line-height:37px; margin-right:9px; display:inline-block; color:#666666}
.footrt span{ width:286px; height:90px;border:1px solid #27282a; text-align:center; padding:20px 27px; display:block;  }
.footrt img{ width:150px;}

.footer-bot{ width:100%; float:left; border-top:1px solid #27282a}
.footer-bot p{ line-height:46px; color:#666666}
.footer-bot p a{color:#666666}
/*标题通用*/
.bjs{ background:url(../images/bj.jpg) center no-repeat; background-size:100% 100%}
.bt{ width:100%; text-align:center; float:left; padding-bottom:25px; }
.bt h1{color:#333333; font-size:50px;}

.sub_cats{ width:100%; float:left; text-align:center;}
.sub_cats a{ padding:10px 28px; margin:15px; background: #fff; display:inline-block; border:1px solid #f2f2f2;box-shadow: 0px 0px 10px rgba(0,0,0,.2);border-radius: 5%;  font-size:18px;}
.sub_cats a.cut,.sub_cats a:hover{ background:#0e4ca0; color:#fff;border:1px solid #0e4ca0;}

/*新闻*/
.news-title,.news-zb{width:100%; float:left;}
.news-title ul,.news-zb ul{ width:95%; margin:15px; display:inline-block}
.news-title ul li,.news-zb ul li{ width:100%; float:left;overflow:hidden;margin-bottom:30px;border:1px solid #f2f2f2;box-shadow: 0px 0px 10px rgba(0,0,0,.2);}
.news-title ul li .news_jl{width: 100%;display: flex;padding: 30px;box-sizing: border-box; background: #fff}

.news-title ul li img{ width:375px; height:213px;object-fit:cover; margin-right:40px;}
.news-title ul li .news_nt{margin: 15px 45px 0px 20px; float:right}

.news-title ul li .news_nt h1{ width:100%; float:left;  font-weight: 600; font-size:18px; padding-bottom:20px;overflow: hidden; }
.news-title ul li .news_nt p{ width: 100%; line-height:24px; height: 72px;overflow: hidden; color: #ADADAD}
.news-title ul li .news_nt span{ display:block; margin-top:60px;}
.news-title ul li i{font-size:13px; line-height:140%; color:#999; border-right:1px solid #999; float:left; padding-right:8px; margin-right:8px;}
.news-title ul li dl{font-size:13px; line-height:140%; float:left}
.news-title ul li:hover{border:1px solid #24156f;box-shadow: 0px 0px 10px rgba(36,21,111,.2);}
.news-title ul li:hover h1,.news-title ul li:hover dl{ color:#24156f}
.news-title ul li:hover span{ padding-left:20px; }





.xw-title ul{ width: 102%;    box-sizing: border-box;}
.xw-title ul li{ width: 31.33%; float: left;  overflow: hidden; margin-right: 2%; margin-bottom: 2%;display: block;}
.xw-title ul li .newsl{ width: 100%; height: 310px; overflow:hidden; display: block}
.xw-title ul li .newsl img {width: 100%; height: 100%;object-fit:cover; transition: all .3s ease 0s;}
.xw-title ul li .newst{ width: 100%; display: block; overflow: hidden; padding-top: 35px;padding-bottom: 10px;box-sizing: border-box;}
.xw-title ul li .newst h1{color: #000000;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 22px;
    height: 72px;
    font-weight: bold;}
.xw-title ul li .newst p{font-size: 16px;
    line-height: 26px;
    margin-top: 5px;
    margin-bottom: 30px;
    color: #666666;
    height: 26px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;}
.xw-title ul li .newst span{width: 36px;
    height: 36px;
    background: url("../images/i14.png") no-repeat center;
    background-size: 100%;
    transition: .5s ease-in-out;
    border-radius: 50%;
    border: 1px solid #c0c0c0; display: block}
.xw-title ul li:hover .newst span{  background:#e60012 url("../images/i15.png") no-repeat center;background-size: 100%;
    border-color: #e60012;
    transition: .5s ease-in-out; }

.xw-title ul li:hover  img{
    transform: scale(1.1);}











/*招标公告*/
.news-zb ul li{ height:90px;overflow:hidden}
.news-zb ul li a{ padding:30px; width:100%; line-height:30px; display:inline-block;box-sizing: border-box;}
.news-zb ul li h1{ float:left; font-size:18px; padding-right:25px;}
.news-zb ul li i{ float:left; color:#999; font-size:14px; padding-top:2px;}
.news-zb ul li img{ float:right; margin-top:3px; }

/*新闻内容*/
.pag_nr,.hr_nr{ width:94%;  padding:30px; height: auto; margin:0 auto;border:1px solid #f2f2f2;box-shadow: 0px 0px 10px rgba(0,0,0,.2); }
.pag_nr h1{width:100%; text-align:center; font-size:28px; line-height:48px; font-weight:bold; padding-bottom:20px;}
.pag_nr .shij{width:100%; text-align:center; float:left}
.pag_nr img{ max-width:800px; margin-bottom:5px;}
.pag_nr p,.hr_nr p{ line-height:33px;font-size:16px;}
.cp_dy{ width:98.5%;padding:8px; border:1px solid #e5e5e5; background:#f5f5f5; float:left; margin-top:20px}
.cp_dy dd{ width:100%; display:block; float:left; line-height:20px;height:40px; overflow:hidden; color:#868686; font-size:13px; text-align:left}

/*----------------关于我们-------------------*/

.pag_nrt{width:46%; float:left}
.pag_nrt p,.abo_nrt p{ line-height:43px; font-size:16px;}


.abo_nrt{width: 100%;float: left}
.abo_nrt img{max-width: 100%}



.bt_list{ width:100%; float:left; text-align:center;}
.bt_list h1{ font-size:30px; font-weight:bold; line-height:260%;}
.bt_list span{ width:56px; height:1px; background:#ccc; display:inline-block}
.bt1{ width:100%; text-align:center; float:left; height:120px;position:relative}
.bt1 b{ color:#f8f8f8;font-size: 100px; position:relative; line-height:112px;  display:inline-block}
.bt1 h1{ width: 100%; color:#555555; font-size:36px; text-align: center; position:absolute; z-index:222; left:50%; margin-left: -50%; top:30px; font-weight:bold}

.pag_img{ width:52%; float:right;}
.pag_img ul{ width:105%; float:left}
.pag_img ul li{ width:46.7%; float:left; margin-right:2%; margin-bottom:2%;}
.pag_img ul li img{ width:100%;}
.pag_img ul li:hover{-webkit-animation: tada 1s .2s ease both;-moz-animation: tada 1s .2s ease both;animation: tada 1s .2s ease both;}

.page_lsit{ width:100%; float:left; text-align:center}
.page_lsit a{ text-align:center; display:inline-block; padding-left:70px; padding-right:70px}
.page_lsit a b{ width:100%; float:left; font-size:38px; color:#0d4ea2; padding-bottom:15px;}
.page_lsit a p{ font-size:18px;}

.page_lsit a:hover b{ transition: all .7s;;-webkit-transform:scale(1.2);transform:scale(1.2);}


.cviod{ width:100%; float:left; background:url(../images/gsjjt.jpg) center no-repeat; height:680px;}
.cviod video{ width:880px; }

.wh_bt{ width:100%; float:left; text-align:center}
.wh_bt b{ width:100%; float:left; color:#fff; font-size:26px; padding-bottom:10px;}
.wh_bt  p{ color:#fff;text-transform: uppercase;}

.qywh ul{ width:105%; float:left; padding-top:60px;}
.qywh ul li{ width:17.2%; padding:30px; text-align:center; background:#0d4ea2; float:left; margin-right:3%;display:inline-block}
.qywh ul li span{ width:100%; height:120px;display: flex;justify-content: center;align-items: center;}
.qywh ul li span img{max-width:85px;max-height:94px;}
.qywh ul li h1{ font-size:22px; color:#fff; padding-bottom:31px;}
.qywh ul li dl{ color:#fff; line-height:30px; height:120px;}



.cp_gd {width:100%; height:300px;overflow: hidden;position: relative; float:left; margin-top:20px; }
.cp_gd ul{position: absolute; height:300px; overflow:hidden;}
.cp_gd ul li{float: left;width:300x; cursor: pointer; margin-right:25px; text-align:center}
.cp_gd ul li a{ width:300px;float:left; display:block}
.cp_gd ul li img {width:100%;height:250px;object-fit:cover; border:1px solid #e6e6e6;float:left}
.cp_gd ul li p{ line-height:50px;}




.fzlc{ width:899px; margin:0 auto}
.fzlc span{ width:198px;background-color:#f7f7f7; overflow:hidden; display:block}
.fzlc span h1{ width:99.8%; font-size:12px; line-height:28px; background-color:#0d4ea2; color:#fff; padding-left:7px;}
.fzlc span p{ line-height:22px; padding-top:8px; font-size:12px; height:60px; padding:7px;}
.fzlc span i{ float:right; color:#dadfe6; line-height:30px; padding-right:8px;} 
.fzlc span.fz1{ margin-left:246px;float:left;}
.fzlc span.fz2{float: right; margin-right:73px;}
.fzlc span.fz3{ float:left; margin-left:113px;}
.fzlc span.fz4{ float:left; margin-left:60px;}
.fzlc span.fz5{float: right; }
.fzlc img{ width:100%; float:left}

/*企业文化*/
.wenhua{ width:100%; float:left; height:550px; background:url(../images/wenhua.png) no-repeat;}
.wenhua span{ width:90%; padding-left:50px; float:left; padding-top:70px;}
.wenhua span p{ font-size:22px; color:#717779; line-height:220%;}
.wenhua span  strong{ font-size:25px; color:#d6000f; line-height:110%; font-weight:500}

/*董事长致辞*/
.dsz{ width:100%;position: relative;overflow: hidden;height: 730px;}
.dw{ position: relative;}
.dsz_img{width: 520px;position: relative; z-index: 5; float:right}
.dsz_zc{width: 1120px;position: absolute;left: 0;top:240px; height:500px;background-color: #0c5ca5;}
.dsz_zct{width: 740px;padding: 40px 0 0 100px;box-sizing: border-box;float: left;}
.dsz_zct span{ width:100%; float:left;padding-bottom:13px;}
.dsz_zct span h1{ font-size:40px; color:#fff;  float:left; font-weight:bold; padding-right:40px;}
.dsz_zct span h2{ font-size:32px;  color:#fff;padding-top:8px; float:left; padding-right:10px;}
.dsz_zct span h3{font-size:18px; color:#fff; padding-top:24px; float:left}
.dsz_zct dl{ width:200px; height:2px; background:#fff; float:left; margin-bottom:40px;}
.dsz_zct p{ color:#fff; line-height:30px; width:100%; float:left; font-size:16px; margin-top:30px}


.jh{ width: 100%; display: block; overflow: hidden;}
.jiangh p{ width: 60%; float: right;  font-size: 24px; line-height: 2em; text-indent: 2em; margin-top: 40px;}
.jiangh img{max-width:35%; float: left}



.xw-list ul{ width: 102%; margin-top: 50px;}
.xw-list ul li{ width: 31%;  height: 209px; float: left; margin-right: 2%; margin-bottom: 2%;transition: all .5s ease 0s;border: 1px solid #e5e5e5;
    background: #f9f9f9;
    display: inline-block;
    text-align: center;
    border-radius: 5px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);}

.xw-list ul li h3{margin-top: 30px; font-size: 30px; line-height: 2em; transition: all .5s ease 0s; padding: 0 3%;}
.xw-list ul li p{ font-size: 16px; line-height: 1.5em}
.xw-list ul li dl{transition: all .5s ease 0s;width: 120px;
    height: 30px;
    border: 1px solid #f3f3f3;
    margin: 0 auto;
    border-radius: 5px;
    margin-top: 25px;
    background: #fff;
    margin-bottom: 30px;}

.xw-list ul li:hover{border: 1px solid #0c5ca5}
.xw-list ul li:hover h3{ color: #0c5ca5 }

.xw-list ul li:last-child {text-align: left;padding-left: 3%; width: 28%;
    background: linear-gradient(to right, #0e7fe7, #0c5ca5) !important;}
.xw-list ul li .cl0{padding-top: 14px;
    color: #80bff9;line-height: 2em;
    font-size: 48px; text-transform:uppercase;}
.xw-list ul li .cl1{margin-top: -20px !important;
    color: #80bff9;font-size: 16px;}
.xw-list ul li .cl2{color: #fff;font-size: 16px; line-height: 2em}
.xw-list ul li .cl3{ font-size: 24px; color: #fff; line-height: 2em}





/*----图片------*/
.img_list ul{ width:103%; float:left}
.img_list ul li{float: left;width:22.6%;cursor: pointer;border:1px solid #f2f2f2;box-shadow: 0px 0px 10px rgba(0,0,0,.2);   margin-right:2%; margin-bottom:2%; text-align:center; overflow:hidden;}
.img_list ul li a{width:100%;float:left; display:block}
.img_list ul li .img{ min-height:190px;  overflow: hidden; padding:15px;display:table-cell; text-align: center; vertical-align: middle; }
.img_list ul li img {width:100%;height:190px;object-fit:cover;}
.img_list ul li a h1 {width:90%;height:30px;text-align:center; margin-left:5%;float:left;font-size: 16px;line-height:30px;overflow:hidden;}
.img_list ul li a p{ color:#ff6637; padding-bottom:15px; font-size:13px; width:100%; float:left}

.img_list ul li a:hover .img img{-webkit-transition:-webkit-transform 2s cubic-bezier(.165,.84,.44,1),opacity .5s;transition:transform 2s cubic-bezier(.165,.84,.44,1),opacity .5s;-webkit-transform:scale(1.2);transform:scale(1.2);}
.img_list ul li:hover{box-shadow: 0px 0px 10px rgba(226,135,10,.4); }
.img_list ul li a:hover h1{ color:#e2870a}

/*人力资源*/
.zplc { width:100%; float:left; text-align:center}
.zplc img{ width:80%;}

.hr_zy span{ float:left; width:263px; height:70px; line-height:70px; text-align:center; background:url(../images/z_logo.jpg) no-repeat; color:#fff; font-size:24px; }
.hr_zy ul{ width:95%; float:left; margin-top:30px; border:1px solid #f2f2f2; padding:30px;}
.hr_zy ul li{ width:100%; float:left; text-align:center; border-bottom:1px solid #f2f2f2; line-height:68px;}
.hr_zy ul li.btys{ background:#e96138; color:#fff; line-height:48px !important; }
.hr_zy ul li.btys p{ color:#fff}
.hr_zy ul li.btys:hover{border-bottom:none;}

.hr_zy ul li p{ width:16%; float:left;font-size:16px }
.hr_zy ul li b{ font-weight:normal; width:20%; float:left;font-size:16px }
.hr_zy ul li p i,.hr_nr i{ width:130px; height:38px; line-height:38px; text-align:center; border:1px solid #f2f2f2; box-shadow: 0px 0px 10px rgba(0,0,0,.2);  color:#e96138; margin-top:13px; margin-right:15px; float:right;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius: 3px;-o-border-radius: 3px; }
.hr_zy ul li p i:hover,.hr_nr i{ background:#e96138; color:#fff; border:1px solid #e96138;}
.hr_zy ul li:hover{border-bottom:1px dashed #e96138;}
.hr_zy ul li:hover a b{ color:#000}

/*人力资源内容*/
.hr_nr h1{ width:100%; float:left; font-size:24px; line-height:48px; padding-bottom:20px;}
.hr_nr span{ width:69.9%; line-height:40px; border:1px solid #f2f2f2; border-bottom:none; font-size:16px; float:left; display:inline-block; color:#999}
.hr_nr span b{ width:25%; text-align:center; float:left; border-right:1px solid #f2f2f2; margin-right:25px; font-weight:bold; color:#000}
.hr_nr span:nth-child(6){border-bottom:1px solid #f2f2f2 !important;}
.hr_nr strong{ font-size:18px}
.hr_nr i{width:130px; height:40px; line-height:40px; text-align:center;box-shadow: 0px 0px 10px rgba(0,0,0,.2); float:left }
.hr_nr i:hover{ background:none; color:#999; border:1px solid #f2f2f2;}

/*在线留言表单*/
.yudt{ width:84.5%; float:left; background:url(../images/2_xlrf.jpg) repeat; padding:50px 100px;}
.yudt_bj{ width:82%; float:left; padding:50px 100px; background:#fff;opacity:1;}
.table_form tr{ width:50%; float:left; overflow:hidden}
.table_form th,.table_form td{ width:100% !important; float:left; text-align:center}
.table_form th{ margin-left:27px;}
.table_form .input-text{height: 38px;line-height: 38px !important;width:87% !important; }
.table_form textarea{width: 85% !important; height:120px !important; }
.button{width:60% !important; line-height:44px !important; background:#e96138 !important; border:none; float:left; margin-left:27px; }


/*联系我们*/

.lx_cont .lx_tupian{ float: left; width:50%; height:440px; }
.lx_cont .lx_tupian img{ width: 100%; height:440px;object-fit:cover; }
.lx_cont .lx_neirong{ float: right; background-color: #3669aa; width:50%; height:440px;}
.lx_cont .lx_nrxq{ margin: 30px; color: #fff;}
.lx_cont .lx_nrxq p{ line-height:40px; font-size:16px; color:#fff}
.lx_cont .lx_nrxq strong{ font-size:20px; line-height:2.5em; color:#fff}

/*----------------首页结束-------------------*/

/*分页符*/.pagination-bar {text-align:center;margin:30px 0; width: 100%; display: block; overflow: hidden}
.pagination-bar ul {display:block;}
.pagination-bar ul li {display:inline-block;margin:2px;vertical-align:top;padding-left:0;width:auto;}
.pagination-bar ul li a {background:#eee;height:35px;display:inline-block;line-height:35px;text-align:center;text-overflow:clip;padding:0 8px; margin:0 2px; border: 1px solid #dedede;min-width:35px; }
.pagination-bar ul li .page-num{ margin: 0 3px;}
.pagination-bar ul li.pageinfo {border: 1px solid #dedede;background:#eee;line-height:35px;text-align:center;padding:0 15px;}
.pagination-bar ul li.active, .pagination-bar ul li a.page-num-current{background:#00366b;color:#fff;height:35px;width:35px;display:inline-block;line-height:35px;text-align:center;}
.pagination-bar ul li a:hover {color:#fff;background:#00366b;}

/*资质荣誉*/
.honor-list ul{ width: 102%;}
.honor-list ul li{ width:23%; float: left; margin-right: 2%; margin-bottom: 2%;font-size: 16px;
    transition: 0.3s ease 0s;
    background: #f2f2f2;
    padding: 10px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;}
.certificate-listing-frame a{display:table-cell; text-align: center; vertical-align: middle; width:379px; height:250px;  overflow: hidden;*display: block; *font-size:220px;/*约为高度的0.873，200*0.873 约为175*/ *font-family:Arial;}

.certificate-listing-frame img{max-width:100%;max-height:95%;display: inline-block;vertical-align: middle; width:auto; height:auto}
.honor-list ul li .more{color: #222;
    white-space: nowrap;
    transition: 0.3s ease 0s;
    display: block;
    width: 100%;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    padding: 3% 10px;
    box-sizing: border-box;}

.honor-list ul li:hover{ transition: all .7s; background-color: rgba(1, 46, 152, 0.85);}
.honor-list ul li:hover  img{-webkit-transition:-webkit-transform 2s cubic-bezier(.165,.84,.44,1),opacity .5s;transition:transform 2s cubic-bezier(.165,.84,.44,1),opacity .5s;-webkit-transform:scale(1.2);transform:scale(1.2);}
.honor-list ul li:hover .more{ color: #fff}


/*产品列表页*/
.products-list ul{ width: 100%;}
.products-list ul li{ width: 100%; float: left; margin-bottom: 30px;overflow: hidden; border: 1px solid #f2f2f2;box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);}
.products-list ul li .certificate-listing-frame{ width: 40%;height: 400px; line-height: 400px; border-right: 1px solid #f3f3f3; text-align: center; float: left; overflow: hidden}
.products-list ul li .certificate-listing-frame img{max-width: 90%; max-height: 95%; object-fit:cover;}
.products-list ul li .ddt{ width: 50%; float: right;padding-right: 5%; padding-top: 5%;}
.products-list ul li .ddt h2{ font-size: 24px; line-height: 2em; margin-bottom: 10px;}
.products-list ul li .ddt b{ display: block;  font-size: 18px;line-height: 2em}
.products-list ul li .ddt p{ font-size: 16px;line-height: 34px;height: 136px; overflow: hidden}
.products-list ul li .ddt p img{ height: 136px}

/*图片特效*/
.white{position: relative;overflow: hidden;}
.white:after{content: '';cursor: pointer;position: absolute;left: -100%;top: 0;width: 100%;height: 100%;background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));transform: skewx(-25deg);}
.white:hover:after{left: 100%;-moz-transition: 1s;-o-transition: 1s;-webkit-transition: 1s;transition: 1s;}

/*产品内页*/
.cp_nr dl{ width:300px; float: left}
.cp_nr span{display:table-cell; text-align: center; vertical-align: middle; width:300px; height:300px; overflow: hidden; *display: block; *font-size:316px;/*约为高度的0.873，200*0.873 约为175*/ *font-family:Arial;}
.cp_nr span img{max-width:300px;max-height:300px;display: inline-block;vertical-align: middle; width:auto; height:auto}
.cp_nr dd{ width:860px; float: right}
.cp_nr h1{ width:100%; height:34px; border-bottom:1px dashed #ccc; margin-bottom:15px; float:left}
.cp_nr del,.cp_nr  p{ line-height:36px;}
.cp_nr  p i{ font-size:20px; color:#ff5022; font-weight:bold}
.cp_nr del{ color:#999}
/*翻页样式*/
#pages,.cpage{ width: 100%; height: 50px; text-align: center; line-height: 22px; padding-top: 1px; clear:both;}
#pages a,.cpage a{ background: #f5f5f5; border: #ddd solid 1px; padding: 3px 8px; margin: 0 2px; float: none; color: #333; font-size: 14px;}
#pages span{ background: #c7b17f; color: #fff; border: #DDD solid 1px; padding: 3px 8px; margin: 0 2px; float: none;}
#pages a:hover{border: #c7b17f solid 1px;}

.articlebook{ width:100%; float:left; overflow:hidden; padding-top:10px; }
.articlebook a.zuo{ float:left}
.articlebook a.you{ float:right}
.articlebook a:hover{ color:#F00}


/*发展历程内容页*/
.fzlct{ width:100%; float:left; text-align:center margin:30px 0}
.fzlct img{ width:98%}
.fz_nrt p{ line-height:38px;}



/*邮件*/

.alcet_title { width: 100%; display: block; overflow: hidden; font-size:22px;background:#eee;height:50px;line-height:50px;border-left:5px solid #0068b8;padding-left:20px;margin-bottom:20px;margin-top: 30px;}
.alcet_title a {float:right;font-size:14px;color:#2d2b27;margin-right:20px;}
.alcet_title a:hover {color:#ea4234;}
.alcet_title a i{font-size: 15px;}
.inner-message {overflow:hidden;padding:0 32px 12px;background-color: #f7f7f7;  }
.inner-message-t {background:#f0f0f0;padding:10px 16px;margin-bottom:20px;}
.inner-message-t h5 {font-size:18px;line-height:24px;}
.inner-message .th {font-size:20px;margin-bottom:10px;}
.inner-message .inner-message-centered span {color:#F60;}
.inner-message-row {margin-top:20px;overflow:hidden;}
.inner-message-row .item {width:100%;float:left;margin-bottom:20px;}
.inner-message-row .item input {width:100%;line-height:30px;border:0;height:30px;color:#999;font-size:16px;}
.inner-message-row .item textarea {width:100%;line-height:30px;border:0;font-family:Arial,Helvetica,sans-serif;min-height:150px;background:#fff;color:#999;font-size:16px;}
.inner-message-row .item button {color:#fff;border-radius:5px;font-size:14px;background-color:#0068b8;display:block;line-height:30px;padding:8px 20px;cursor:pointer;border:0;position:relative;}
.inner-message-row .item button:hover {background:#175aa7;}
.inner-message-row .item button:active {background-color:#F60;}
.inner-message-row .item button i {z-index:10}
.inner-message-row .item.item-half {width:50%;}
.inner-message-half {padding:8px;border:1px solid #ddd;margin-right:20px; background:#fff}
.inner-message-box {padding:8px;border:1px solid #ddd; background:#fff}
.item-half.yzm{ width: 30%!important; min-width: 200px;}
.item-half.yzm img{float: right;position: relative;top: -34px;width: 100px;}
.item.submit{ width: 20%; margin-left: 20px;}
.item.submit .btn-text{ padding: 8px 50px;}












/*图片放大*/
body.compensate-for-scrollbar{
    overflow:hidden
}
.fancybox-active{
    height:auto
}
.fancybox-is-hidden{
    left:-9999px;
    margin:0;
    position:absolute !important;
    top:-9999px;
    visibility:hidden
}
.fancybox-container{
    -webkit-backface-visibility:hidden;
    height:100%;
    left:0;
    outline:none;
    position:fixed;
    -webkit-tap-highlight-color:transparent;
    top:0;
    -ms-touch-action:manipulation;
    touch-action:manipulation;
    transform:translateZ(0);
    width:100%;
    z-index:99992
}
.fancybox-container *{
    box-sizing:border-box
}
.fancybox-outer,.fancybox-inner,.fancybox-bg,.fancybox-stage{
    bottom:0;
    left:0;
    position:absolute;
    right:0;
    top:0
}
.fancybox-outer{
    -webkit-overflow-scrolling:touch;
    overflow-y:auto
}
.fancybox-bg{
    background:#1e1e1e;
    opacity:0;
    transition-duration:inherit;
    transition-property:opacity;
    transition-timing-function:cubic-bezier(0.47, 0, 0.74, 0.71)
}
.fancybox-is-open .fancybox-bg{
    opacity:.9;
    transition-timing-function:cubic-bezier(0.22, 0.61, 0.36, 1)
}
.fancybox-infobar,.fancybox-toolbar,.fancybox-caption,.fancybox-navigation .fancybox-button{
    direction:ltr;
    opacity:0;
    position:absolute;
    transition:opacity .25s ease, visibility 0s ease .25s;
    visibility:hidden;
    z-index:99997
}
.fancybox-show-infobar .fancybox-infobar,.fancybox-show-toolbar .fancybox-toolbar,.fancybox-show-caption .fancybox-caption,.fancybox-show-nav .fancybox-navigation .fancybox-button{
    opacity:1;
    transition:opacity .25s ease 0s, visibility 0s ease 0s;
    visibility:visible
}
.fancybox-infobar{
    color:#ccc;
    font-size:13px;
    -webkit-font-smoothing:subpixel-antialiased;
    height:44px;
    left:0;
    line-height:44px;
    min-width:44px;
    mix-blend-mode:difference;
    padding:0 10px;
    pointer-events:none;
    top:0;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.fancybox-toolbar{
    right:0;
    top:0
}
.fancybox-stage{
    direction:ltr;
    overflow:visible;
    transform:translateZ(0);
    z-index:99994
}
.fancybox-is-open .fancybox-stage{
    overflow:hidden
}
.fancybox-slide{
    -webkit-backface-visibility:hidden;
    display:none;
    height:100%;
    left:0;
    outline:none;
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    padding:44px;
    position:absolute;
    text-align:center;
    top:0;
    transition-property:transform, opacity;
    white-space:normal;
    width:100%;
    z-index:99994
}
.fancybox-slide::before{
    content:'';
    display:inline-block;
    font-size:0;
    height:100%;
    vertical-align:middle;
    width:0
}
.fancybox-is-sliding .fancybox-slide,.fancybox-slide--previous,.fancybox-slide--current,.fancybox-slide--next{
    display:block
}
.fancybox-slide--image{
    overflow:hidden;
    padding:44px 0
}
.fancybox-slide--image::before{
    display:none
}
.fancybox-slide--html{
    padding:6px
}
.fancybox-content{
    background:#fff;
    display:inline-block;
    margin:0;
    max-width:100%;
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    padding:44px;
    position:relative;
    text-align:left;
    vertical-align:middle
}
.fancybox-slide--image .fancybox-content{
    animation-timing-function:cubic-bezier(0.5, 0, 0.14, 1);
    -webkit-backface-visibility:hidden;
    background:transparent;
    background-repeat:no-repeat;
    background-size:100% 100%;
    left:0;
    max-width:none;
    overflow:visible;
    padding:0;
    position:absolute;
    top:0;
    -ms-transform-origin:top left;
    transform-origin:top left;
    transition-property:transform, opacity;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    z-index:99995
}
.fancybox-can-zoomOut .fancybox-content{
    cursor:zoom-out
}
.fancybox-can-zoomIn .fancybox-content{
    cursor:zoom-in
}
.fancybox-can-swipe .fancybox-content,.fancybox-can-pan .fancybox-content{
    cursor:-webkit-grab;
    cursor:grab
}
.fancybox-is-grabbing .fancybox-content{
    cursor:-webkit-grabbing;
    cursor:grabbing
}
.fancybox-container [data-selectable='true']{
    cursor:text
}
.fancybox-image,.fancybox-spaceball{
    background:transparent;
    border:0;
    height:100%;
    left:0;
    margin:0;
    max-height:none;
    max-width:none;
    padding:0;
    position:absolute;
    top:0;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    width:100%
}
.fancybox-spaceball{
    z-index:1
}
.fancybox-slide--video .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--iframe .fancybox-content{
    height:100%;
    overflow:visible;
    padding:0;
    width:100%
}
.fancybox-slide--video .fancybox-content{
    background:#000
}
.fancybox-slide--map .fancybox-content{
    background:#e5e3df
}
.fancybox-slide--iframe .fancybox-content{
    background:#fff
}
.fancybox-video,.fancybox-iframe{
    background:transparent;
    border:0;
    display:block;
    height:100%;
    margin:0;
    overflow:hidden;
    padding:0;
    width:100%
}
.fancybox-iframe{
    left:0;
    position:absolute;
    top:0
}
.fancybox-error{
    background:#fff;
    cursor:default;
    max-width:400px;
    padding:40px;
    width:100%
}
.fancybox-error p{
    color:#444;
    font-size:16px;
    line-height:20px;
    margin:0;
    padding:0
}
.fancybox-button{
    background:rgba(30,30,30,0.6);
    border:0;
    border-radius:0;
    box-shadow:none;
    cursor:pointer;
    display:inline-block;
    height:44px;
    margin:0;
    padding:10px;
    position:relative;
    transition:color .2s;
    vertical-align:top;
    visibility:inherit;
    width:44px
}
.fancybox-button,.fancybox-button:visited,.fancybox-button:link{
    color:#ccc
}
.fancybox-button:hover{
    color:#fff
}
.fancybox-button:focus{
    outline:none
}
.fancybox-button.fancybox-focus{
    outline:1px dotted
}
.fancybox-button[disabled],.fancybox-button[disabled]:hover{
    color:#888;
    cursor:default;
    outline:none
}
.fancybox-button div{
    height:100%
}
.fancybox-button svg{
    display:block;
    height:100%;
    overflow:visible;
    position:relative;
    width:100%
}
.fancybox-button svg path{
    fill:currentColor;
    stroke-width:0
}
.fancybox-button--play svg:nth-child(2),.fancybox-button--fsenter svg:nth-child(2){
    display:none
}
.fancybox-button--pause svg:nth-child(1),.fancybox-button--fsexit svg:nth-child(1){
    display:none
}
.fancybox-progress{
    background:#ff5268;
    height:2px;
    left:0;
    position:absolute;
    right:0;
    top:0;
    -ms-transform:scaleX(0);
    transform:scaleX(0);
    -ms-transform-origin:0;
    transform-origin:0;
    transition-property:transform;
    transition-timing-function:linear;
    z-index:99998
}
.fancybox-close-small{
    background:transparent;
    border:0;
    border-radius:0;
    color:#ccc;
    cursor:pointer;
    opacity:.8;
    padding:8px;
    position:absolute;
    right:-12px;
    top:-44px;
    z-index:401
}
.fancybox-close-small:hover{
    color:#fff;
    opacity:1
}
.fancybox-slide--html .fancybox-close-small{
    color:currentColor;
    padding:10px;
    right:0;
    top:0
}
.fancybox-slide--image.fancybox-is-scaling .fancybox-content{
    overflow:hidden
}
.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{
    display:none
}
.fancybox-navigation .fancybox-button{
    background-clip:content-box;
    height:100px;
    opacity:0;
    position:absolute;
    top:calc(50% - 50px);
    width:70px
}
.fancybox-navigation .fancybox-button div{
    padding:7px
}
.fancybox-navigation .fancybox-button--arrow_left{
    left:0;
    left:env(safe-area-inset-left);
    padding:31px 26px 31px 6px
}
.fancybox-navigation .fancybox-button--arrow_right{
    padding:31px 6px 31px 26px;
    right:0;
    right:env(safe-area-inset-right)
}
.fancybox-caption{
    background:linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0.15) 65%, rgba(0,0,0,0.075) 75.5%, rgba(0,0,0,0.037) 82.85%, rgba(0,0,0,0.019) 88%, transparent 100%);
    bottom:0;
    color:#eee;
    font-size:14px;
    font-weight:400;
    left:0;
    line-height:1.5;
    padding:75px 44px 25px 44px;
    pointer-events:none;
    right:0;
    text-align:center;
    z-index:99996
}
@supports (padding: max(0px)){
    .fancybox-caption{
        padding:75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left))
    }
    }

.fancybox-caption--separate{
    margin-top:-50px
}
.fancybox-caption__body{
    max-height:50vh;
    overflow:auto;
    pointer-events:all
}
.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{
    color:#ccc;
    text-decoration:none
}
.fancybox-caption a:hover{
    color:#fff;
    text-decoration:underline
}
.fancybox-loading{
    animation:fancybox-rotate 1s linear infinite;
    background:transparent;
    border:4px solid #888;
    border-bottom-color:#fff;
    border-radius:50%;
    height:50px;
    left:50%;
    margin:-25px 0 0 -25px;
    opacity:.7;
    padding:0;
    position:absolute;
    top:50%;
    width:50px;
    z-index:99999
}


@keyframes fancybox-rotate{100%{transform:rotate(360deg)}}

.fancybox-animated{
    transition-timing-function:cubic-bezier(0, 0, 0.25, 1)
}
.fancybox-fx-slide.fancybox-slide--previous{
    opacity:0;
    transform:translate3d(-100%, 0, 0)
}
.fancybox-fx-slide.fancybox-slide--next{
    opacity:0;
    transform:translate3d(100%, 0, 0)
}
.fancybox-fx-slide.fancybox-slide--current{
    opacity:1;
    transform:translate3d(0, 0, 0)
}
.fancybox-fx-fade.fancybox-slide--previous,.fancybox-fx-fade.fancybox-slide--next{
    opacity:0;
    transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1)
}
.fancybox-fx-fade.fancybox-slide--current{
    opacity:1
}
.fancybox-fx-zoom-in-out.fancybox-slide--previous{
    opacity:0;
    transform:scale3d(1.5, 1.5, 1.5)
}
.fancybox-fx-zoom-in-out.fancybox-slide--next{
    opacity:0;
    transform:scale3d(0.5, 0.5, 0.5)
}
.fancybox-fx-zoom-in-out.fancybox-slide--current{
    opacity:1;
    transform:scale3d(1, 1, 1)
}
.fancybox-fx-rotate.fancybox-slide--previous{
    opacity:0;
    -ms-transform:rotate(-360deg);
    transform:rotate(-360deg)
}
.fancybox-fx-rotate.fancybox-slide--next{
    opacity:0;
    -ms-transform:rotate(360deg);
    transform:rotate(360deg)
}
.fancybox-fx-rotate.fancybox-slide--current{
    opacity:1;
    -ms-transform:rotate(0deg);
    transform:rotate(0deg)
}
.fancybox-fx-circular.fancybox-slide--previous{
    opacity:0;
    transform:scale3d(0, 0, 0) translate3d(-100%, 0, 0)
}
.fancybox-fx-circular.fancybox-slide--next{
    opacity:0;
    transform:scale3d(0, 0, 0) translate3d(100%, 0, 0)
}
.fancybox-fx-circular.fancybox-slide--current{
    opacity:1;
    transform:scale3d(1, 1, 1) translate3d(0, 0, 0)
}
.fancybox-fx-tube.fancybox-slide--previous{
    transform:translate3d(-100%, 0, 0) scale(0.1) skew(-10deg)
}
.fancybox-fx-tube.fancybox-slide--next{
    transform:translate3d(100%, 0, 0) scale(0.1) skew(10deg)
}
.fancybox-fx-tube.fancybox-slide--current{
    transform:translate3d(0, 0, 0) scale(1)
}


@media all and (max-height: 576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}
@supports (padding: max(0px)){.fancybox-caption{padding-left:max(12px, env(safe-area-inset-left));padding-right:max(12px, env(safe-area-inset-right))}}}

.fancybox-share{
    background:#f4f4f4;
    border-radius:3px;
    max-width:90%;
    padding:30px;
    text-align:center
}
.fancybox-share h1{
    color:#222;
    font-size:35px;
    font-weight:700;
    margin:0 0 20px 0
}
.fancybox-share p{
    margin:0;
    padding:0
}
.fancybox-share__button{
    border:0;
    border-radius:3px;
    display:inline-block;
    font-size:14px;
    font-weight:700;
    line-height:40px;
    margin:0 5px 10px 5px;
    min-width:130px;
    padding:0 15px;
    text-decoration:none;
    transition:all .2s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    white-space:nowrap
}
.fancybox-share__button:visited,.fancybox-share__button:link{
    color:#fff
}
.fancybox-share__button:hover{
    text-decoration:none
}
.fancybox-share__button--fb{
    background:#3b5998
}
.fancybox-share__button--fb:hover{
    background:#344e86
}
.fancybox-share__button--pt{
    background:#bd081d
}
.fancybox-share__button--pt:hover{
    background:#aa0719
}
.fancybox-share__button--tw{
    background:#1da1f2
}
.fancybox-share__button--tw:hover{
    background:#0d95e8
}
.fancybox-share__button svg{
    height:25px;
    margin-right:7px;
    position:relative;
    top:-1px;
    vertical-align:middle;
    width:25px
}
.fancybox-share__button svg path{
    fill:#fff
}
.fancybox-share__input{
    background:transparent;
    border:0;
    border-bottom:1px solid #d7d7d7;
    border-radius:0;
    color:#5d5b5b;
    font-size:14px;
    margin:10px 0 0 0;
    outline:none;
    padding:10px 15px;
    width:100%
}
.fancybox-thumbs{
    background:#ddd;
    bottom:0;
    display:none;
    margin:0;
    -webkit-overflow-scrolling:touch;
    -ms-overflow-style:-ms-autohiding-scrollbar;
    padding:2px 2px 4px 2px;
    position:absolute;
    right:0;
    -webkit-tap-highlight-color:transparent;
    top:0;
    width:212px;
    z-index:99995
}
.fancybox-thumbs-x{
    overflow-x:auto;
    overflow-y:hidden
}
.fancybox-show-thumbs .fancybox-thumbs{
    display:block
}
.fancybox-show-thumbs .fancybox-inner{
    right:212px
}
.fancybox-thumbs__list{
    font-size:0;
    height:100%;
    list-style:none;
    margin:0;
    overflow-x:hidden;
    overflow-y:auto;
    padding:0;
    position:absolute;
    position:relative;
    white-space:nowrap;
    width:100%
}
.fancybox-thumbs-x .fancybox-thumbs__list{
    overflow:hidden
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{
    width:7px
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{
    background:#fff;
    border-radius:10px;
    box-shadow:inset 0 0 6px rgba(0,0,0,0.3)
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{
    background:#2a2a2a;
    border-radius:10px
}
.fancybox-thumbs__list a{
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    background-color:rgba(0,0,0,0.1);
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    cursor:pointer;
    float:left;
    height:75px;
    margin:2px;
    max-height:calc(100% - 8px);
    max-width:calc(50% - 4px);
    outline:none;
    overflow:hidden;
    padding:0;
    position:relative;
    -webkit-tap-highlight-color:transparent;
    width:100px
}
.fancybox-thumbs__list a::before{
    border:6px solid #ff5268;
    bottom:0;
    content:'';
    left:0;
    opacity:0;
    position:absolute;
    right:0;
    top:0;
    transition:all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    z-index:99991
}
.fancybox-thumbs__list a:focus::before{
    opacity:.5
}
.fancybox-thumbs__list a.fancybox-thumbs-active::before{
    opacity:1
}


@media all and (max-width: 576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}


.nr_mo,.inner-banner,#fixed-foot,.about-company,.footer2{ display: none}

@media all and (max-width: 758px){
    .w1300{ width: 95%}
    
    .nr_pc,.foot,.wenhua{ display: none}    
    .nr_mo,.footer2,.inner-banner,#fixed-foot,.about-company{ display: block}
    
    /* 快捷菜单 */
#fixed-foot { position:fixed; left:0; bottom:0; width:100%; height:50px; background:#101a23; line-height:24px; text-align:center; z-index:10; display:table; border-collapse:collapse;}
#fixed-foot li { display:table-cell; width:1%; border-left:1px solid rgba(255,255,255,.1); border-right:1px solid rgba(0,0,0,.2); }
#fixed-foot li a { display:block; padding:8px 0 0; color:#fff; }
.fixed-button { display:block; width:19px; height:17px; margin:0 auto; background:url("../images/icon_arr_tel_white.png")/*tpa=http://www.gbqygl.com/3g/images/icon_arr_tel_white.png*/ no-repeat; overflow:hidden; }
.icon_arr_email { background-image:url("../images/icon_arr_email.png")/*tpa=http://www.gbqygl.com/3g/images/icon_arr_email.png*/ }
.icon_arr_map { background-image:url("../images/icon_arr_map.png")/*tpa=http://www.gbqygl.com/3g/images/icon_arr_map.png*/ }
.icon_arr_share { background-image:url("../images/icon_arr_share.png")/*tpa=http://www.gbqygl.com/3g/images/icon_arr_share.png*/ }
.icon_arr_book { background-image:url("../images/icon_arr_book.png")/*tpa=http://www.gbqygl.com/3g/images/icon_arr_book.png*/ }
#fixed-foot~{ padding-bottom:50px; }
    
 .inner-banner {
    position: relative;}
	.inner-banner .pc-img {
    position: relative; height: 12rem; width: 100%; background-size: cover; background-position: center}   


    .banner-title {
    text-align: left;
    position: absolute;
    line-height: 30px;
    top: 36%;
    color: #fff;left: 3.75%;}
    
    .banner-title p{font-size: 1.1rem; color: #fff; } 
    
    .page_lsit a{    padding-left: 40px;padding-right: 40px}
    
    .bt1 b{ font-size: 90px;}
    .clean70{height: 50px;}
    .clean40{height: 20px;}
    .bt h1{ font-size: 36px;}
    .pag_nrt,.pag_img{ width: 100%}
    .cviod video{ width: 100%; height: auto}
    .cviod{ height:auto; padding-bottom: 30px;}

    .honor-list ul li{ width: 48%}
    .certificate-listing-frame{ height: 200px;}
    .news-title ul li .news_jl{ padding: 20px; }
    .news-title ul li img{ width:175px; height: 180px; margin-right: 20px;}
    .news-title ul li .news_nt span{ margin-top: 20px;}
    .news-title ul li .news_nt{ margin:0 ;}
    
    .pag_nr img{max-width: 100%}
    
    
    .cp_gd,.cp_gd ul{height:192px; }
.cp_gd ul li{width:200x; }
.cp_gd ul li a{ width:200px;}
.cp_gd ul li img {width:200px;height:150px;}

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

.about-company p{width:100%;line-height:32px; font-size:16px; float:left}
.about-company strong{ color:#231871; font-size:18px}
.about-company h2{width:100%;float:left;line-height:30px; text-align:center; font-size:16px; margin-bottom:10px; color:#231871}    
    
    .sub_cats a{ margin:0 1% 2%; width: 48%; text-align: center; padding: 0; line-height: 50px; height: 50px; overflow: hidden; float: left;}  
    .xw-list ul li,.xw-list ul li:last-child{ width: 48%}

    .xw-list ul li h3{font-size: 25px;}
    .xw-list ul li .cl3{ font-size: 18px;}
    .xw-list ul li .cl0{font-size: 35px;}
    .xw-list ul li{ height: 189px;}
    
    .jh{ background:none}
    .news-title ul li .news_nt p{ height: 48px;}
    
    .pagination-bar{margin: 20px 0;}
    
    .products-list ul li .ddt p{ height: 102px; overflow: hidden}
    .products-list ul li .certificate-listing-frame {height: 250px; line-height: 250px;}
    .products-list ul li .ddt{ width: 55%;padding-top: 2%;}
    .hr_zy ul{ width: 99.9%; padding: 3%; margin-bottom: 30px;}
    .item.submit{ width: 40%}
    .lx_cont .lx_tupian,.lx_cont .lx_neirong{ width: 100%;height: auto}
    .lx_cont .lx_tupian img{ height: auto}
    .lx_cont .lx_nrxq strong{line-height:2rem}
    
    

    .xw-title ul li{ width: 48%}
    .xw-title ul li .newsl{ height: 170px;}
    .xw-title ul li .newst{    padding-top: 15px;}
    .xw-title ul li .newst h1{height: 28px;
        line-height: 28px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;}
    .xw-title ul li .newst p{margin-bottom: 15px;}
    
    
    /*手机底部*/
.footer2 {
  padding: 1rem 1rem 2rem;
  background: #0f1012;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; overflow: hidden
}
.footer2 .wxbox {
  min-width: 80px;
  max-width: 120px; float: left
}
.footer2 .wxbox img{ width:87%}
.footer2 .wxbox .tit2 {
  margin-top: .5rem;
  opacity: .5;
  font-size: 14px;
}
.footer2 .fot-right {
  max-width: calc(100% - 120px);
  min-width: calc(100% - 150px);
  padding-left: .6rem; float: right;
  border-left: 1px solid #3f4041;
}
.footer2 .fot-right .sp1 {
  color: #fff;
  opacity: .3;
}
.footer2 .fot-right .p {
  font-size: 14px;
}
.footer2 .fot-right .p a {
  color: #fff;
  opacity: .3;
  margin-bottom: 5px;
  -webkit-transition: all .3s ease-in-out;
          transition: all .3s ease-in-out;
}
.footer2 .fot-right .p a:hover {
  opacity: 1;
}

.col-fff{ color: #fff}
.tit-14 {
    font-size: 20px;}
    

        .jiangh img,.jiangh p{ width: 100%;max-width: 100%}
    
    
    
}

@media all and (max-width: 414px){
    
      
    
    .bt1 h1{ font-size: 30px;}  
    .bt1 b{ font-size: 70px;}
    .page_lsit a{ padding: 0 20px;}
    .page_lsit a p{ font-size: 15px;}  
    .clean30{ height: 10px;}
    .certificate-listing-frame{ height: 150px;}
    .xw-list ul li{ height: 265px;}
    .news-title ul li img{ width: 155px;}
    .news-title ul li .news_nt p{ display: none}
    .articlebook a.you{ float: left}
    .products-list ul li .ddt p{ height: 48px; line-height: 24px; font-size: 15px}
    .products-list ul li .ddt h2{ line-height: 1.5em;font-size: 20px}
    .products-list ul li .certificate-listing-frame{   height: 200px;line-height: 200px;}
    .hr_zy ul li.btys{height: 48px; overflow: hidden}
    .hr_zy span {width: 200px; height: 60px; line-height: 60px;}

     .xw-title ul,.xw-title ul li{ width: 100%}
    
}