@charset "utf-8";
/*当页面小于992px的时执行下面的CSS*/
@media screen and (max-width: 992px){
/*关于我们菜单*/
.about_menu {width:100%; height:55px; margin:0 auto; margin-top:20px; display:flex; display: -webkit-flex; /*启用弹性布局*/ flex-direction:row;/*从左到右排*/}
.about_menu li {width:100%; height:55px; line-height: 55px; font-size: 18px; text-align: center; background: #f4f4f4; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.about_menu li a {display: block; color: #a8a8a8;}
.about_menu li:hover {background: url(../images/p16-icon6.png) no-repeat bottom center #0059b5;}
.about_menu li:hover a{color:#fff; }
.about_menu li.active a{color:#fff; background: url(../images/p16-icon6.png) no-repeat bottom center #0059b5;}

/*标题*/
.title_202110{width:100%; height:0.4rem; line-height:0.4rem; margin:0 auto; margin-top:10px; text-indent:26px; color:#FFF; background: #f1f4f8; border-radius:4px; position:relative}
.title_202110:before{content: ""; width:10px; height:0.36rem; background-color:#0077ec; position:absolute; left:0; top:0; border-radius:4px 0 0 4px; }
.title_202110 a{ color:#666; margin-right:10px;}
.title_202110 a:hover{ color:#dd0000}
.title_202110 a+a:before{ padding-right:10px; color:#999999; content: "/";}

/*以下是主体部分*/
.left_right{margin-top:10px; overflow:hidden}
.left_right .l_left{width:100%; height:auto}
.left_right .l_right{width:100%; height:auto;}

.pc_fl{ display:none}

.m_fl{width:100%; height:0.5rem; line-height:0.5rem; background: #0077ec; text-indent:15px; font-size:0.16rem; font-weight:bold; color:#fff; margin-bottom:10px; margin-top:10px; text-transform:Capitalize; position:relative}

.donghua {width:30px; height: 20px; position:absolute; right:15px; top:13px}
.dhdh {width: 100%; height:3px; position: relative; margin:4px 0}
.dhdh:before {animation: dhxg 1s linear 0s infinite alternate; position: absolute; left:0; top:0; width: 100%; height:4px; background:#FFFFFF; content: ""; display: block; opacity: 0;}
.dhdh:nth-child(2):before {animation-delay: 0.5s;}
.dhdh:nth-child(3):before {animation-delay: 0.2s;}
@keyframes dhxg {
	0%{width:30%; opacity: 1;}
	50%{width:100%; opacity:0.5;}
}

/*产品分类*/
.m_ul{width:100%; height:auto; margin-bottom:10px; overflow:hidden; display:none;}
.m_ul li{height: auto; text-indent: 15px; background:#f8f8f8 url(../images/jiantou7.png) no-repeat right 15px center; color:#000; line-height: 0.45rem;}
.m_ul li a{display: block; font-size:0.14rem; color:#333;}
.m_ul li:hover a{color:#fff;}
.m_ul li:hover{background:#0077ec url(../images/jiantou.png) no-repeat right 15px center;}
.m_ul li+li{ margin-top:10px}

/*左侧部分*/
.l_right_title{height:0.6rem; line-height:0.6rem; background:#0077ec; color:#fff; font-weight:bold; font-size:0.2rem; padding:0 26px; border-bottom:1px solid #FFF; margin-top:30px}

.class_ment{ width:100%; height:auto; overflow:hidden; margin-top:10px;}
.class_ment li{height:0.4rem; line-height:0.4rem; font-size:0.14rem; background-color:#f3f3f3; position: relative; }
.class_ment li+li{ margin-top:10px;}
.class_ment li a{display:block; color:#666666; z-index:1; position:absolute; left:0; top:0; width:100%; height:100%; padding-left: 24px;}
.class_ment li a:hover{ color:#FFF}
.class_ment li span{ display:inline-block; position: absolute; z-index: 10; right:20px; top:0; width:7px; height:100%; background:url(../images/jtjt.png) left center no-repeat;}
.class_ment li em{ position: absolute; left:0; top:0; width: 0; height: 100%; background:#0077ec; -moz-transition: all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.3s; }
.class_ment li:hover em{ width:100%; }
.class_ment li.active a{color:#fff; background:#0077ec;}

.lxtel{ display:none}




.ul_l_right{ width:100%; height:auto; margin-top:10px;}
.ul_l_right li{height:0.5rem; line-height:0.5rem; font-size:0.16rem; background-color:#f2f2f2; color:#000; position: relative;}
.ul_l_right li a{display:block; color:#737373; z-index:1; position:absolute; left:0; top:0; width:100%; height:100%; padding-left: 24px;}
.ul_l_right li a:hover{ color:#FFF}
.ul_l_right li span{ display:inline-block; position: absolute;z-index: 10; right:20px; top:0; width:27px; height:100%; background:url(../images/jiantou.png) left center no-repeat;}
.ul_l_right li em{ position: absolute; left:0; top:0; width: 0; height: 100%; background:#0077ec; -moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.3s; }
.ul_l_right li:hover em{ width:100%; }
.ul_l_right li.active a{color:#fff; background:#0077ec;}

.box_tel{ display:none}

/*产品详情*/
.box_pro{
	height:auto;
    padding:10px;
    overflow: hidden;
	border-radius:10px;
    border:1px solid #eee;
}
.box_pro .title_202110{ margin-top:0!important}

/*会员注册找回密码*/
.regpaw{width:100%; height:auto; margin:0 auto; overflow:hidden; margin-top:20px}
.regpaw li{width:100%; height:0.4rem; line-height:0.4rem; text-align:center; background-color:#F3F3F3; border-radius:5px;}
.regpaw li+li{ margin-top:10px}
.regpaw li a{ display:block; color:#333; font-size:0.12rem}
.regpaw li em{margin-right:10px}

/*新闻图片分类*/
.fenlei_box{width:100%; height:auto; background: #f1f4f8;}
.fl_menu_u1{overflow:hidden}
.fl_menu_u1 li{float:left; height:0.5rem; line-height:0.5rem;  text-align:center; }
.fl_menu_u1 li a{display: block; font-weight:400; font-size:0.15rem; color:#333333; padding:0 15px;}
.fl_menu_u1 li:hover a,.fl_menu_u1 li.active a{color:#000000; font-weight:bold; background-color:#FFFFFF}

/*产品详情标题*/
.product_list{height:0.45rem; line-height:0.45rem; background-color:#f3f3f3; margin-top:30px; font-size:0.16rem; font-weight:bold; text-indent:30px; position:relative;}
.product_list:before{content: ""; width:5px; height:0.25rem; background-color:#0077ec; position:absolute; left:10px; top:10px}

.Message{height:0.45rem; line-height:0.45rem; background-color:#0077ec; margin-top:30px; font-size:0.16rem; font-weight:bold; text-indent:30px; position:relative; color:#FFF}
.Message:before{content: ""; width:5px; height:25px; background-color:#fff; position:absolute; left:10px; top:10px}

.inquiry{width:100%; height:auto; margin-top:10px}
.inquiry i{ color:#F00}

/*弹性布局产品*/
.prolist{
	width:100%;
	height:auto;
	margin-top:20px;
	display:flex;/*启用弹性布局*/
	display: -webkit-flex; /*启用弹性布局,Webkit内核的浏览器*/
	flex-direction:row;/*项目的排列方向,从左到右排*/
	-webkit-flex-direction:row;/*项目的排列方向,从左到右排*/
	flex-wrap:wrap;/*一行排不下则换行，第一行在上方*/
	-webkit-flex-wrap:wrap;/*一行排不下则换行，第一行在上方*/
	justify-content:space-between;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
	-webkit-flex-justify-content:space-between;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
}
.prolist li{width:49%; height:auto; margin-bottom:0.15rem;}
.prolist li span{display:block; width:100%; height:auto; overflow:hidden;}
.prolist li span img{width:100%; height:auto;}
.prolist li p{ width:95%; height:auto; margin:0 auto; margin-top:6px; text-align: center; font-size:0.12rem; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.prolist li a{ display:block}
/*产品框_end*/

/*相关图片*/
.pic_xg{width:100%; height:auto; margin-top:20px;
	display:flex;/*启用弹性布局*/
	display: -webkit-flex; /*启用弹性布局,Webkit内核的浏览器*/
	flex-direction:row;/*项目的排列方向,从左到右排*/
	-webkit-flex-direction:row;/*项目的排列方向,从左到右排*/
	flex-wrap:wrap;/*一行排不下则换行，第一行在上方*/
	-webkit-flex-wrap:wrap;/*一行排不下则换行，第一行在上方*/
	justify-content:space-between;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
	-webkit-flex-justify-content:space-between;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
}
.pic_xg li{width:49%; height:auto; margin-bottom:15px; position:relative; border:1px solid #EBEBEB}
.pic_xg li img{display:block; width:100%; height:auto;}
.pic_xg li span{display:block; position:absolute; left:0; bottom:0; color:#FFF; width:100%; height:0.35rem; line-height:0.35rem; background:rgba(0,0,0,0.4); z-index:1; font-size:0.12rem; text-align:center; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
/*相关图片_end*/

/*相关产品前6个*/
.pro_tj{width:100%; height:auto; overflow:hidden; margin-top:30px; }
.pro_tj li{float:left; width:48%; height:auto; margin-right:4%; margin-bottom:15px; position: relative; border:1px solid #EBEBEB; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.pro_tj li img{display:block; width:100%; height:100%; max-width:100%;}
.pro_tj li h2{ position:absolute; left:0; bottom:0; right:0; height:0.35rem; line-height:0.35rem; color:#FFF; text-align:center; font-size:0.12rem; font-weight:100; background-color:#333; opacity: 0.7; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis; padding:0 10px}
.pro_tj li:hover h2{ background-color:#000}
.pro_tj li:nth-of-type(2n+0){margin-right:0px;}
/*产品前6个end*/

/*标题专用*/
.view_title{ width:100%; height:0.5rem; line-height:0.5rem; background: #f1f4f8;}
.view_title a{ color:#666; margin-right:10px;}
.view_title a:hover{ color:#dd0000}
.view_title a+a:before{ padding-right:10px; color:#999999; content: "/";}

/*产品框*/
.box_product{
	width:100%;
	height:auto;
	margin-top:10px;
	display:flex;/*启用弹性布局*/
	display: -webkit-flex; /*启用弹性布局,Webkit内核的浏览器*/
	flex-direction:row;/*项目的排列方向,从左到右排*/
	-webkit-flex-direction:row;/*项目的排列方向,从左到右排*/
	flex-wrap:wrap;/*一行排不下则换行，第一行在上方*/
	-webkit-flex-wrap:wrap;/*一行排不下则换行，第一行在上方*/
	justify-content:space-between;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
	-webkit-flex-justify-content:space-between;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
}
.box_product li{width:48.5%; height:auto; margin-bottom:0px;}
.box_product li span{display:block; width:100%; height:auto; overflow:hidden;}
.box_product li span img{width:100%; height:auto;}
.box_product li p{color:#002469; padding:0.15rem; text-align:center; font-size:0.14rem; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.box_product li:hover p{color:#ff6a00}
/*产品框_end*/

/*联系我们*/
.contact_top{
	width: 100%;
	height:auto;
	margin-top:30px;
	box-shadow: 0 0 15px #eee;
	border-radius: 8px;
	background: url(../images/main1bg.jpg) repeat ;
}

.l_r{ overflow:hidden; padding:20px}
.l_r .l{width:100%; height:auto}
.l_r .r{width:100%; height:auto; margin-top:40px}
.l_r .l h3{ font-size:0.18rem; font-weight:bold}
.l_r .l span{ display:block; margin-top:10px}
.l_r .r h4{font-size:0.18rem; font-weight:bold; margin-bottom:15px}
.l_r .r i{ color:#FF0000}

/*关键词*/
.gjc_box{height:auto; background-color:#ffffff; border-bottom:1px solid #c7c7c7; padding:8px}
.gjc{display: -webkit-box;/*启用横列布局*/ overflow-x: scroll;/*裁剪内容提供滚动条*/ height:0.4rem; line-height:0.4rem;}
.gjc span{ color:#0066FF; font-weight:bold; display:block;}
.gjc em{display:block}
.gjc em+em{ margin-right:15px}
/*去掉滚动条*/
.gjc::-webkit-scrollbar{
	width:0; 
	height:0; 
	display: none;
}

/*联系我们*/
.lxwm{
	height:0.4rem;
	border-bottom: 1px solid #e6e6e6;
	margin-bottom: 30px;
}
.lxwm h5{font-size: 0.2rem; color: #333; font-weight: 700; position:relative;}
.lxwm h5 span{ font-size:0.16rem; font-weight:400}
.lxwm h5:before{content: ""; width:40%; height:1px; background-color:#0077ec; position:absolute; left:0; top:0.4rem;}

}

/*当页面大于992px时候*/
@media screen and (min-width:992px){
/*标题*/
.title_202110{width:100%; height:40px; margin:0 auto; line-height:40px; margin-top:20px; text-indent:26px; color:#FFF; background: #f1f4f8; border-radius:4px; position:relative}
.title_202110:before{content: ""; width:10px; height:40px; background-color:#0077ec; position:absolute; left:0; top:0; border-radius:4px 0 0 4px; }
.title_202110 a{ color:#666; margin-right:10px;}
.title_202110 a:hover{ color:#dd0000}
.title_202110 a+a:before{ padding-right:10px; color:#999999; content: "/";}

/*关于我们菜单*/
.about_menu {width:100%; height: 55px; margin:0 auto; margin-top:20px; display:flex; display: -webkit-flex; /*启用弹性布局*/ flex-direction:row;/*从左到右排*/}
.about_menu li {width:100%; height:55px; line-height: 55px; font-size: 18px; text-align: center; background: #f4f4f4; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.about_menu li a {display: block; color: #a8a8a8;}
.about_menu li:hover {background: url(../images/p16-icon6.png) no-repeat bottom center #0059b5;}
.about_menu li:hover a{color:#fff; }
.about_menu li.active a{color:#fff; background: url(../images/p16-icon6.png) no-repeat bottom center #0059b5;}

/*用于左右分开，左侧用于分类*/
.left_right{margin-top:10px;}
.left_right .l_left{float:left; width:18%; height:auto;}
.left_right .l_right{float:right; width:80%; height:auto;}

/*左侧部分*/
.l_right_title{height:70px; line-height:70px; background:#0077ec; color:#fff; font-weight:bold; font-size:24px; text-align:center}

.class_ment{ width:100%; height:auto; overflow:hidden; margin-top:10px;}
.class_ment li{height:48px; line-height:48px; font-size:16px; background-color:#f3f3f3; position: relative; }
.class_ment li+li{ margin-top:10px;}
.class_ment li a{display:block; color:#666666; z-index:1; position:absolute; left:0; top:0; width:100%; height:100%; padding-left: 24px;}
.class_ment li a:hover{ color:#FFF}
.class_ment li span{ display:inline-block; position: absolute; z-index: 10; right:20px; top:0; width:7px; height:100%; background:url(../images/jtjt.png) left center no-repeat;}
.class_ment li em{ position: absolute; left:0; top:0; width: 0; height: 100%; background:#0077ec; -moz-transition: all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.3s; }
.class_ment li:hover em{ width:100%; }
.class_ment li.active a{color:#fff; background:#0077ec;}

.lxtel{ border:1px solid #0077ec; margin-top:20px}
.lxlogo{ background-color:#0077ec; padding:20px 0; text-align:center; font-size:30px; font-weight:bold; color:#FFFFFF; letter-spacing:2px; }
.lxlogo span{ display:block; font-size:16px; text-align:center; font-weight:400; margin-top:10px; letter-spacing:0px}

.lx_tel{ width:85%; height:auto; margin:0 auto; background:url(../images/lxtel.png) #FFFFFF no-repeat left center; margin-top:15px; margin-bottom:15px; }
.lx_tel span{ font-size:16px; color:#333333; display:block; padding-left:70px}
.lx_tel p{ font-size:16px; font-weight:bold; color:#0077ec; padding-left:70px; margin-top:5px}
.lx_tel img{width:100%; height:auto;}

.lx_add{ width:85%; height:auto; margin:0 auto; border-top:1px solid #CCCCCC; padding:26px 0}
.lx_add h6{ font-size:14px; padding-bottom:10px}
.lx_add span{ display:block; color:#666666; line-height:26px}

.m_fl{ display:none}
.m_ul{ display:none}

/*产品分类*/
.ul_l_right{ width:100%; height:auto; overflow:hidden; margin-top:40px;}
.ul_l_right li{height:56px; line-height:56px; font-size:14px; background:#f8f8f8; color:#000; position: relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box}
.ul_l_right li a{display:block; color: #222; z-index:1; position:absolute; left:0; top:0; width:100%; height:100%; padding-left: 24px;}
.ul_l_right li a:hover{ color:#FFF}
.ul_l_right li span{ display:inline-block; position: absolute;z-index: 10; right:0px; top:0; width:27px; height:100%; background:url(../images/jiantou7.png) left center no-repeat;}
.ul_l_right li em{ position: absolute; left:0; top:0; width: 0; height: 100%; background:#0077ec; -moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.3s; }
.ul_l_right li:hover em{ width:100%; }
.ul_l_right li:hover span{background:url(../images/jiantou.png) left center no-repeat;}
.ul_l_right li.active a{color:#fff; background:#0077ec;}
.ul_l_right li+li{ margin-top:10px}

/*会员注册找回密码*/
.regpaw{position:absolute; left:0; bottom:0; width:100%; height:auto; margin:0 auto; overflow:hidden; }
.regpaw li{float:left; width:50%; height:40px; line-height:40px; text-align:center;  color:#FFFFFF}
.regpaw li:nth-of-type(odd) {border-bottom-left-radius:20px; border-top-left-radius:20px; background:#F7F7F7}
.regpaw li:nth-of-type(even) {border-top-right-radius:20px; border-bottom-right-radius:20px; background:#EBEBEB}
.regpaw li a{ display:block; color:#333; font-size:12px}
.regpaw li em{margin-right:10px}

/*图片新闻分类*/
.fenlei_box{width:100%; height:auto; background: #f1f4f8;}
.fl_menu_u1{overflow:hidden}
.fl_menu_u1 li{float:left; height:60px; line-height:60px; text-align:center;}
.fl_menu_u1 li a{display: block; font-size:16px; color:#333333; padding:0 45px;}
.fl_menu_u1 li:hover a,.fl_menu_u1 li.active a{color:#000000; font-weight:bold; background-color:#FFFFFF}

/*产品标题*/
.cpbt{height:45px; line-height:45px; font-size:18px; font-weight:bold; border-bottom:#CCC solid 1px; position:relative;}
.cpbt:before{content: ""; width:100px; height:3px; background-color:#0077ec; position:absolute; left:0; bottom:0px}

/*产品详情标题*/
.product_list{height:45px; line-height:45px; background-color:#f3f3f3; margin-top:30px; font-size:18px; font-weight:bold; text-indent:30px; position:relative;}
.product_list:before{content: ""; width:5px; height:25px; background-color:#0077ec; position:absolute; left:10px; top:10px}

.Message{height:45px; line-height:45px; background-color:#0077ec; margin-top:30px; font-size:18px; font-weight:bold; text-indent:30px; position:relative; color:#FFF}
.Message:before{content: ""; width:5px; height:25px; background-color:#fff; position:absolute; left:10px; top:10px}

.inquiry{width:100%; height:auto; margin-top:15px}
.inquiry i{ color:#F00}

/*弹性布局产品*/
.prolist{
	width:100%;
	height:auto;
	display:flex;/*启用弹性布局*/
	display: -webkit-flex; /*启用弹性布局,Webkit内核的浏览器*/
	flex-direction:row;/*项目的排列方向,从左到右排*/
	-webkit-flex-direction:row;/*项目的排列方向,从左到右排*/
	flex-wrap:wrap;/*一行排不下则换行，第一行在上方*/
	-webkit-flex-wrap:wrap;/*一行排不下则换行，第一行在上方*/
	justify-content:space-between;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
	-webkit-flex-justify-content:space-between;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
}
.prolist li{width:31%; height:auto; margin-bottom:40px; background-color:#FFF; box-shadow: 0 0 15px #eee;}
.prolist li span{display:block; width:100%; height:auto; overflow:hidden; position:relative; display: flex; justify-content: center;}
.prolist li span img{width:100%; height:auto;}
.prolist li p{ width:95%; height:auto; margin:0 auto; line-height:40px; text-align: center; font-size:14px; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.prolist li a{ display:block}
.prolist li span:after{
	  content:"";
	  width:0px;
	  height:100%;
	  position:absolute;
	  transform:skew(45deg);
	  background:rgba(255,255,255,0.2);
	  z-index:9999;
	  transition: all 1s;
}
.prolist li:hover span:after{width:700px;}
/*产品框_end*/

/*相关图片,图片详情下面*/
.pic_xg{
	width:100%;
	height:auto;
	margin-top:20px;
	display:flex;/*启用弹性布局*/
	display: -webkit-flex; /*启用弹性布局,Webkit内核的浏览器*/
	flex-direction:row;/*项目的排列方向,从左到右排*/
	-webkit-flex-direction:row;/*项目的排列方向,从左到右排*/
	flex-wrap:wrap;/*一行排不下则换行，第一行在上方*/
	-webkit-flex-wrap:wrap;/*一行排不下则换行，第一行在上方*/
	justify-content:space-between;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
	-webkit-flex-justify-content:space-between;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
}
.pic_xg li{width:23.5%; height:auto; margin-bottom:20px; text-align:center; position:relative; border:1px solid #EBEBEB}
.pic_xg li img{display:block; width:100%; height:auto;}
.pic_xg li p{ position:absolute; left:0; top:100%; width:100%; height:100%; background:rgba(0,0,0,0.4); transition: 0.5s all ease}
.pic_xg li:hover p{top:0; }
.pic_xg li span{ display:block; position:absolute; left:0; bottom:0; color:#FFF; width:100%; height:50px; line-height:50px; background:rgba(0,0,0,0.4); z-index:1; font-size:12px; transition: 0.5s all ease; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.pic_xg li:hover span{bottom:43%; background:none;}
/*相关图片_end*/

/*相关产品前5个*/
.pro_tj{width:100%; height:auto; margin-top:26px; display:flex; display: -webkit-flex; /*启用弹性布局*/ flex-direction:row;/*从左到右排*/}
.pro_tj li{width:100%; height:auto; position: relative; margin-right:10px; border:1px solid #EBEBEB; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.pro_tj li img{display:block; width:100%; height:auto}
.pro_tj li h2{ position:absolute; left:0; bottom:0; right:0; height:35px; line-height:35px; color:#FFF; text-align:center; font-size:12px; font-weight:100; background-color:#333; opacity: 0.7; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis; padding:0 10px}
.pro_tj li:hover h2{ background-color:#000}
.pro_tj li:last-child{ margin-right:0}
/*产品前5个end*/

/*标题专用*/
.view_title{ width:100%; height:60px; line-height:60px; background: #f1f4f8;}
.view_title a{ color:#666; margin-right:10px;}
.view_title a:hover{ color:#dd0000}
.view_title a+a:before{ padding-right:10px; color:#999999; content: "/";}

/*产品框*/
.box_product{
	padding:10px;
	margin-top:7px;
	display:flex;/*启用弹性布局*/
	display: -webkit-flex; /*启用弹性布局,Webkit内核的浏览器*/
	flex-direction:row;/*项目的排列方向,从左到右排*/
	-webkit-flex-direction:row;/*项目的排列方向,从左到右排*/
	flex-wrap:wrap;/*一行排不下则换行，第一行在上方*/
	-webkit-flex-wrap:wrap;/*一行排不下则换行，第一行在上方*/
	justify-content:space-between;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
	-webkit-flex-justify-content:space-between;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
}
.box_product li{width:31%; height:auto; margin-bottom:40px; box-shadow: 0 0 10px 5px #d8d8d8; position:relative; }
.box_product li span{display:block; width:100%; height:auto; overflow:hidden;}
.box_product li span img{width:100%; height:auto;}
.box_product li p{padding:20px; text-align:center; font-size:14px; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.box_product li:hover p{color:#ff6a00}
.box_product li:before{content: ""; position:absolute; bottom:-12px; width:100%; height:5px; background-color:#0077ec; transition: 0.4s all ease}
.box_product li:hover:before{bottom:0px;}
/*产品框_end*/

/*联系我们*/
.l_r{width: 100%; height:auto; margin-top:40px; overflow:hidden;}
.l_r .l{float:left; width:36%; height:auto; background: #0077ec; padding:35px; color:#FFF}
.l_r .l h3{ font-size:26px; font-weight:bold}

.l_r .r{float:right; width:50%; height:auto;}
.l_r .r h4{font-size:24px; font-weight:bold; margin-bottom:15px}
.l_r .r i{ color:#FF0000}

/*关键词*/
.gjc_box{height:auto; background-color:#ffffff; border-bottom:1px solid #c7c7c7; padding:20px; font-size:16px}

/*当页面大于992px小于1450px时，此处主要为了适应19及以下显示器，包括笔记本电脑1360分辨率的情况*/
@media only screen and (min-width:992px) and (max-width:1450px){
	.gjc{width:1320px; min-width:1320px; height:auto; margin:0 auto; text-align:center}
	.gjc a{ margin-right:20px}
	.gjc span{ color:#0066FF; font-weight:bold}
}

/*当页面大于1450px时候*/
@media screen and (min-width:1450px){
	.gjc{width:1500px; min-width:1500px; height:auto; margin:0 auto; text-align:center}
	.gjc a{ margin-right:20px}
	.gjc span{ color:#0066FF; font-weight:bold}
}

/*联系我们*/
.lxwm{
	height: 40px;
	border-bottom: 1px solid #e6e6e6;
	margin-bottom: 30px;
}
.lxwm h5{font-size: 24px; color: #333; font-weight: 700; position:relative;}
.lxwm h5 span{ font-size:16px; font-weight:400}
.lxwm h5:before{content: ""; width:350px; height:1px; background-color:#0077ec; position:absolute; left:0; top:40px}

}