/*Base*/

*{ margin:0; padding:0;}
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}
html,body {
 font-family: Inter,sans-serif;
    margin: 0;

    padding: 0;

    width: 100%;

}

*html,*html body /* 修正IE6振动bug */{background-image:url(about:blank);background-attachment:fixed; }

h1,h2,h3,h4,h5,h6{ font-family: Inter,sans-serif; font-weight:normal;}

a { text-decoration:none !important;

    background: transparent; /*修正win8系统IE连接灰色背景*/

	outline:none;

	blr:expression(this.onFocus=this.blur());}



table {border-collapse: collapse;border-spacing: 0;}

ul,

ol { list-style:none;}

li {list-style:none;}

/*清除浮动*/

.clear { clear: both;}

.fl {float:left;}

.fr {float:right;}

.clearfix{zoom:1;}

.clearfix:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.w100{width: 100%;}
.h100{height: 100%;}

.fl{float: left;}
.fr{float: right;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.text-center{text-align: center;}
.text-over{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.over{overflow: hidden;}
.nowrap{white-space: nowrap;}
.fz0{font-size: 0;}
.nowrap.fz0{letter-spacing: -5px;}
.nowrap.fz0 *{letter-spacing: normal;}
.relative{position: relative;z-index: 1;}
.absolute{position: absolute;z-index: 1;}
.fixed{position: fixed;z-index: 1;}
.inline{display: inline;}
.block{display: block;}
.inline-block{display: inline-block;}
.table{display: table;}
.table-cell{display: table-cell;}
.hide{display: none;}
.dis{ display:inline-block; *display:inline; zoom:1;}

.wrap{     width: 1200px;
    margin: 0 auto;
    box-sizing: border-box;}

.trans{-webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}
.trans-internal::before,.trans-internal::after{-webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}
.scale:hover .scale-img{-ms-transform:scale(1.1, 1.1);-moz-transform:scale(1.1, 1.1);-webkit-transform:scale(1.1, 1.1);-o-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1);}
.border-box{ -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}


/*布局*/




.header{background:rgba(255, 255, 255, 1) none repeat scroll 0 0;
    height:auto;font-family: Inter,sans-serif;
    transition: all 0.3s ease-in-out 0s;
    width: 100%;
	border-top:3px solid #025ba9;
    z-index:999; overflow:visible;}

.header .mainmenu > ul {
    justify-content: flex-start;
}
.header .nav-item{ position:relative;}

.header .logo{ margin-top:px;}



.mainmenu > ul{
	display:flex;
	justify-content: flex-end;
}
.mainmenu ul li {
	position:relative;
}
.mainmenu ul li:first-child{margin-left:0px;}
.mainmenu ul li:last-child{margin-right:0px;}
.mainmenu .nav-item h2 a{
	text-transform:uppercase;
	font-weight:500;
	padding:35px 20px;
	color:#333;
	display:block;
	position:relative;
	font-size:16px;
}
.mainmenu ul li.cur > a,.mainmenu ul li:hover > a,.mainmenu ul li:hover > h2 a{
	background:#296dc1;
	color:#fff;
}

.header .mainmenu .sub_layer{position: absolute; top: 100%; left:0; width: 270px; background:rgba(29, 107, 203, 0.8) none repeat scroll;  text-align:center; margin-top: 0px !important; display:none; z-index:99999; padding: 10px 0;}

.header .mainmenu .sub_layer .layer_l{padding:0; }
.header .mainmenu .sub_layer .layer_l a{font-weight:normal; display:block; line-height:50px; height:50px; font-size:14px; color:#fff; text-align:left; padding-left:20px;}
.header .mainmenu .sub_layer .layer_l .sub_third{position:relative;}
.header .mainmenu .sub_layer .layer_l .sub_third i{position: absolute; top: 0; right: 10px; line-height: 50px; font-size: 12px;}
.header .mainmenu .sub_layer .layer_l .sub_third.cur>a{color:#fff;}
.header .mainmenu .sub_layer .layer_l .sub_third .third_nav{position: absolute; left: 100%; top:0;  background:rgba(29, 107, 203, 0.8) none repeat scroll;width: 260px; display:none; height:auto; z-index:99999; opacity:1; }
.header .mainmenu .sub_layer .layer_l .sub_third .third_nav a:hover{background:#296dc1;
	color:#fff;}
	
	
.header .responsive-menu-wrap .sub_layer{ height:auto; margin-left:20px; display:none;}


.search-wrap{ height:auto; padding-top:25px;}
.search-wrap .nav-search{width: auto;
    height: auto;
    justify-content: flex-start;
    display: flex; float:left; margin-top:5px;
    background: none; margin-right:10px; }
.search-wrap .head_tel{ display: flex;
    align-items: center;
    padding-left: 15px;
    margin-left: 15px;
    transition: all .5s ease;}
.search-wrap .head_tel .tel-text{ display: flex; 
    align-items: center;
    line-height: 20px;
    background: #ec5013;
    padding: 7px 12px;
    transition: all .5s ease;
    border-radius: 5px;}
.search-wrap .head_tel .tel-text:hover {
    background: #1d6bcb
}
	.search-wrap .head_tel .tel-text span{     padding-left: 10px;
    font-size: 14px;
    color: #fff;
    transition: all .5s ease;}
	
	
	.ph-lang{display: flex; width:45px;
    text-align:right;
    transition: all .5s ease;padding-top:25px; margin-left:25px; }
	
	.ph-lang .tel-text{ color:#333;padding-top:10px;
    transition: all .5s ease;
    border-radius: 4px;}

/*---------------------------- responsiv-area start --------------------------*/
.responsive-menu-wrap{
	position:relative;
}
.responsive-menu-wrap .slicknav_btn {
    background-color: transparent;
    border-radius: 0;
    display: block;
    float: right;
    margin: 0;
        padding: 28px 21px;
    text-decoration: none;
    text-shadow: none;
    vertical-align: middle;
    height: 70px;
    width: 100px;
    background: #296dc1;
    transform: skew(15deg);
    -moz-transform: skew(15deg);
    -webkit-transform: skew(15deg);
}
.slicknav_menu .slicknav_icon {
	-moz-transform: skew(-20deg);
	-webkit-transform: skew(-20deg);
	transform: skew(-20deg);
	margin: 2px 18px;
}
.responsive-menu-wrap .slicknav_menu .slicknav_menutxt {
	display: none;
}
.responsive-menu-wrap .slicknav_menu {
	background: transparent none repeat scroll 0 0;
	font-size: 15px;
	padding: 0;
	position: absolute;
	right: 9px;
	top: 0;
}
.responsive-menu-wrap .slicknav_menu .slicknav_icon-bar {
  border-radius: 0;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  display: block;
  height: 2px;
  width: 25px;
  background: #fff;
}
.responsive-menu-wrap .slicknav_nav {
    background: #296dc1 none repeat scroll 0 0;
    border-radius: 0px;
    clear: both;
    color: #fff;
    font-size: 15px;
    margin: 0;
    padding: 5px 0;
    position: relative;
    top: 0;
    width: 720px;
    z-index: 99;
    right: -8px;
    z-index: 9999999;
    position: relative;
}
.slicknav_nav a {
	color: #f1f1f1;
	text-decoration: none;
	text-transform: capitalize;
}
.slicknav_nav a i{display:none}
.slicknav_nav a:hover {
	background: transparent none repeat scroll 0 0;
	border-radius: 0;
	text-shadow:0px 3px 5px rgba(0,0,0,.5);
	color:#fff;
}
.responsive-menu-wrap .slicknav_nav .slicknav_row:hover {
	background: transparent;
}
.responsive-menu-wrap .slicknav_nav .slicknav_arrow {
	font-size: 10px;
	margin: 5px;
}
.responsive-menu-wrap .slicknav_open .slicknav_icon span:first-child {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  position: relative;
  top: 5px;
}
.responsive-menu-wrap .slicknav_open .slicknav_icon span:last-child{
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
}
.responsive-menu-wrap .slicknav_open .slicknav_icon span:nth-child(2){display:none}
/*---------------------------- responsiv-area end --------------------------*/








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

	#header{ height:auto;}
	#header #logo{ width:80%; height:auto;}
	#header #logo img{ width:100%; height:auto;}
	#header #nav{ width:60%; }
	#header #nav .nav-item{ margin-left:10px;}
#header .top{ display:none;}

.header .logo img{ width:auto; height:70px;}
}

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

.search{ display:none;}

.lang{ display:none;}
#header #logo{ margin:5px 0; max-width:60px;}
#header #logo img{  max-width:60px;  }

#nav{ display:none;}

.ph-nav{ display:block;}



.headTop{ display:block;}
.ipad-searchbox{ display:block;}

}

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

	#header{ height:50px;}
#header #logo{ margin:10px 0; max-width:183px;}
	

	}





/*---------------------------- 4. about-area start --------------------------*/
.about-area{ padding:60px 0; overflow:hidden;}

.about-img{
	position:relative;
	z-index:9;
}
.about-img img{
	visibility:hidden;
}


.about-wrap .title{
	margin-bottom:20px;
    text-transform: capitalize;
    position: relative;
    padding-bottom: 10px;
	line-height:30px;
	font-size:36px; color:#1d6bcb; font-weight:bold;
}
.about-wrap .title::before,.about-wrap .title::after{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 60px;
    height: 1px ;
    content: "";
    background: #1d6bcb;
}
.about-wrap .title::after{
    left: 10px;
    bottom: -2px;
}

.about-wrap p{
color:#333;line-height: 1.5;
}
.about-wrap .a-text1{font-size: 18px;
    margin-top: 30px; }
	
.about-wrap .a-text2{    font-size: 14px;
    margin-top: 20px;
    margin-bottom: 0px;}
.about-wrap .about-item{   
   width: 100%; height:auto; 
    margin-left: 0px;
    margin-top:20px;}
.about-item ul{ height:auto; width: 100%; margin:0; padding:0;}

.about-item ul li{ float:left; width:30%;  margin-right:15px;}

.about-item ul li .p-item {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 5px;
    padding-left: 25px;
    padding-right: 25px;
    border-radius: 20px;
    box-shadow: 0px 0px 5px 0px #4c596e;
    transition-property: all;
    transition-radio: hover;
    background-color: rgba(255,255,255,1);
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.25,0.1,0.25,1)
}
.about-item ul li:hover .p-item{ background:#ec5013;}


.about-item ul li .p-item p {    line-height: normal;
    font-size: 16px;
    font-family: Arial; width: 100%;
    color: rgba(25,25,25,1);
    text-align: center;
    margin-top: 10px;
    }
	
.about-item ul li .p-item .a_image1{ width: 100%;text-align:center;}
.about-item ul li .p-item:hover p {
    color: #fff; text-align:center; font-size:14px;
}

.about-item ul li .p-item:hover .a_image1 {
    filter: brightness(0) invert(100%)
}

/*---------------------------- 4. about-area end --------------------------*/


.video{ width:100%; height:auto;}

/*---------------------------- 5. product-area start --------------------------*/
.product-area{background: #f9f7f7;  padding: 60px 0 60px 0;}

.section-title .first2{
	margin-bottom:20px;
	padding-bottom:15px;
	position:relative;
	text-transform:capitalize;
	line-height:24px;
	font-size:30px; font-weight:bold;
}
.section-title .first2:before,.section-title .first2:after,.fanfact-wrap .first2:before,.fanfact-wrap .first2:after{
	position:absolute;
	left:49%;
	bottom:0;
	width:60px;
	height:1px;
	background:#296dc1;
	content:"";
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
}
.section-title .first2:after,.fanfact-wrap .first2:after{
	bottom:-2px;
	left:51%;
}
.section-title p {
    text-transform: capitalize;
    margin-bottom: 35px;
    font-size: 15px;
    font-style: italic;
    color: #696969;
    line-height: 24px;
}
.section-title .first{
	margin-bottom:20px; color:#fff;
	padding-bottom:20px;
	position:relative;
	text-transform:capitalize;
	line-height:24px;
	font-size:30px; font-weight:bold;
}

.portfolio-wrap {background:#1d6bcb;  
  box-shadow: 0 0 10px #ddd; margin-bottom:20px; padding:0; }
.portfolio-wrap .box { padding:0; margin:0;
 
}
.portfolio-wrap .img {background:#fff;  border-top-right-radius:26px;
  height: auto; padding:10px;
  
}
.portfolio-wrap .img img { 
  width: 100%;
 height: 100%;
}
.portfolio-wrap h4 {  position: relative;
    padding: 7px 15px;
    text-transform: uppercase;
    color: #fff;
    border: none; width:100%; text-align:center;
    font-size: 12px;
    background: #1d6bcb;
    overflow: hidden;
    z-index: 9;
    display: inline-block;
}
.portfolio-wrap h4.active{
    background: #1d6bcb;
}
.portfolio-wrap h4::before{
    position: absolute;
    right: -30px;
    top: 0;
    z-index: -9;
    width: 50px;
    height: 100%;
    background: #0552b1;
    content: "";
    transform: skew(-48deg);
    -webkit-transform: skew(-48deg);
    -moz-transform: skew(-48deg);
}
.portfolio-wrap h4.active::before{
    background: #296dc1;

}

.product-area .more {
  display: block;
  width: 300px;
  height: 50px;
  line-height: 50px;
  margin: 50px auto 0;
  text-align: center;
  color: #545a60; border:1px solid #333;
}
.product-area .more img {
  margin-left: 5px;
  margin-top: 18px;
}

.hvr-bg-move {
  position: relative;
  overflow: hidden;
  transition: all .5s;
}
.hvr-bg-move:hover {
  box-shadow: 0 0 5px #fff inset;
}
.hvr-bg-move:after {
  content: '';
  position: absolute;
  left: -100%;
  top: 0;
  width: 0;
  height: 100%;
  background-color: #fff;
  opacity: .5;
  box-shadow: 0 0 30px #fff;
}
.hvr-bg-move:hover:after {
  left: 100%;
  width: 50%;
  transition: all .5s;
}


/*---------------------------- ly-area start --------------------------*/
.ly-area{
	    min-height: 400px;
    background-image:url(wire.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
	
    padding-top: 4rem;
    padding-bottom: 4rem;
}
.ly-wrap h2{
	font-size:20px;
	color:#fff;
	padding-bottom:10px; text-align:center;
	position:relative; font-family: Inter,sans-serif; font-weight:bold;
	
}
.mr36{ margin-top:36px;}

.ly-wrap{    transition-property: all;
    padding-top: 30px;
    padding-right: 30px;
    padding-bottom: 40px;
    padding-left: 30px;
    margin-left: 0px;
    margin-right: 0px;text-align:center;
    background-color: rgba(0,0,0,0.5);
    border-top-style: solid;
    border-top-width: 2px;
    border-top-color: #1d6bcb;
    overflow: hidden;
    position: relative;  transition:all 300ms ease 0s;}
.ly-wrap:before{content: " ";
    height: 0%;
    width: 100%;
    background-color: #1d6bcb;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.6s;}
	
	.ly-wrap:hover:before{ height:100%;} 
.ly-wrap .ly-image{overflow: hidden;
    max-width: 56px;
    margin-left: auto;
    margin-right: auto; margin-bottom:20px; position:relative;}

.ly-wrap p{color:#f9f7f7; min-height:72px; margin-top:15px;position:relative;}
/*---------------------------- ly-area end --------------------------*/

.lab-area{ padding:60px 0;}
.lab-area .lab-item{ position:relative; margin-top:20px;}
.lab-area .lab-item h4{ font-size:14px; color:#fff; position:absolute; left:20px; bottom:20px;}

.zs-area{ background:url(zs.jpg) no-repeat center center; min-height:650px;}

/*------------------14. blog-area start --------------------*/
.blog-area{ background:#ebeff2; padding:60px 0;}
.news-area{padding:60px 0;}
.blog-wrap{
	background:#fff; 
}
.blog-img{
	position:relative;
	z-index:99;
	overflow:hidden;
}
.blog-img:before,.blog-img:after{
	position:absolute;
	top:0;
	width:0;
	height:100%;
	background:#000;
	content:"";
	transition:all .5s;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	opacity:.5;
}
.blog-img:before{
	left:0;
}
.blog-wrap:hover .blog-img:before{
	width:50%;
}
.blog-img:after{
	right:0;
}
.blog-wrap:hover .blog-img:after{
	width:50%;
}
.blog-meta{
	margin-bottom:10px;
}
.blog-meta ul li{
	display:inline-block;
	margin-right:10px;
}
.blog-meta ul li a{
	color:#555;
}
.blog-meta ul li a:hover{
	color:#296dc1;
}
.blog-meta ul li a i{
	margin-right:3px;
}
.blog-content{
	position:relative;
	padding:20px 20px 30px;
	border-bottom:2px solid #c3c3c3;
}
.blog-content:before,.blog-content:after{
	position:absolute;
	left:0;
	bottom:-2px;
	width:10%;
	height:2px;
	background: #296dc1;
	content:"";
	transition:all .5s;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	opacity:.7;
}
.blog-wrap:hover .blog-content:before,.blog-wrap:hover .blog-content:after{
	width:50%;
}
.blog-content:after{
	left:auto;
	right:0;
}
.blog-content h3{
	margin-bottom:15px;
}
.blog-content h3 a{
	font-size:20px;
	text-transform:capitalize;
}
.blog-content p{
	margin-bottom:20px;
	line-height:24px;
	height: 50px;
	overflow:hidden;
}
.btn-style{
	display:inline-block;
	padding:3px 20px;
	background:#fff;
	text-transform:uppercase;
	font-size:13px;
	position:relative;
	z-index:9;
    transition-property: color;
    transition-duration: 0.5s;
    transform: perspective(1px) translateZ(0);transition:all .3s;
}
.btn-style:before{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#296dc1;
	content:"";
	z-index:-9;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.btn-style:hover:before{
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.blog-content a.btn-style{
	border:1px solid #296dc1;
}
.btn-style:hover{ color:#fff; font-size:13px;}
.newstitle{font-weight: bold;line-height:40px; overflow:hidden; height:40px;}
.newstitle a{font-size:18px; color: #676767;}
.newstitle a:hover{color: #296dc1;}

.newspic{ position:relative; min-height:266px;margin-bottom:20px; margin-top:20px;}
.newspic .img img{ height:100%; width:100%;}
.newspic .newstxt{ position:absolute; left:20px; bottom:20px; color:#fff; }
.newspic .newstxt h4{ font-size:20px;}
.newspic .newstxt p{ font-size:14px;}

@media only screen (max-width: 640px) {
	
	.newstitle a{font-size:14px; }

	
}
/*------------------14. blog-area end --------------------*/

/*------------------14. 内页 product-area start --------------------*/
.products-area{ height:auto; padding:60px 0;}
.products-area .p-title{    background-color: rgba(74,74,74,1);
    min-height: 0px;
    padding: 20px; color:#fff; font-size:24px;}
	
	
	.p-c-tree{word-wrap: break-word !important;
    word-break: keep-all !important;}
	.deep-2{ display:none;}
	.p-c-content{list-style: none;
    margin: 0;}
	.p-c-item{ position:relative;}
	
	.p-c-title1{display: flex;
    justify-content: space-between;
    position: relative;
    line-height: 50px;
    border-bottom: 1px solid #ebebeb;
    font-size: 15px;
    transition: all ease .3s;
    width: 100%;
    color: #333;
    background: #f5f5f5; padding-left:10px;}
	.p-arr{ color:#222; font-weight:600;}
	.p-c-title1 a,.p-c-title2 a{    width: 100%;
    padding-left: 15px;
    display: flex; }
	.p-c-title2{    display: flex;
    justify-content: space-between;
    position: relative;
    line-height: 50px;
    border-bottom: 1px solid #e1e1e1;
    font-size: 14px;
    transition: all ease .3s;
    width: 100%;
    color: #666;
    background: #ededed;}
	.p-c-title2 a{ color:#666;}
.p-c-title1:hover,.p-c-title2 a:hover,.p-c-title1.active,.p-c-title2.active{ background:#1d6bcb; color:#fff;}
.p-c-title1:hover a,.p-c-title1:hover span,.p-c-title1.active span,.p-c-title2.active a,.p-c-title1.active a{ color:#fff;}


.contact-box{    margin-top: 20px;
    background-color: rgba(245,245,245,1);
    padding-top: 20px;
    padding-bottom: 20px; padding-left:20px; padding-right:20px;
    min-height: 0px; }
.c-title{font-size: 20px;
    color: rgba(0,0,0,1);}
	
.c-text{    font-size: 14px;
    color: rgba(78,78,78,1);
    line-height: 2;
    margin-top: 0px;}

.products-wrap {
    background: #fafafa;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;    border: solid 1px #efefef; margin-bottom:20px; padding:10px;
}
.products-wrap:hover{background: #f2f9ff;
    border: solid 1px #ffffff;
    box-shadow: 0px 5px 20px #fff;}
.products-content{
	padding:20px 0px;
}
.products-img img{ transition: all .3s;}
.products-content p{
	margin-bottom:10px;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	text-transform:capitalize;
	height:50px; line-height:25px;
	overflow:hidden;
	margin-top:10px; color:#666;
}


.ttitle{ font-size:36px; color:#333; line-height:60px; height:60px; margin-bottom:10px;}
.ptitle{ line-height:30px; line-height:30px;  white-space: nowrap; text-overflow:ellipsis; overflow:hidden; }
.ptitle a{ font-size:16px; display:block; color:#444;white-space: nowrap; text-overflow:ellipsis; overflow:hidden;}
.ptitle a:hover{ color:#296dc1;}
.service-wrap:hover .service-content p,.service-wrap:hover .service-content h3,.service-wrap:hover .products-content a{color:#fff}
.products-wrap .products-content a:hover{
    text-shadow: 0px 3px 5px rgba(0,0,0,.3);
}

	
/*------------------14. 内页 product-area end --------------------*/

/*--------------------产品中心-内页页面样式----------------------*/

.product_profiles{ width:100%; height:auto; overflow:hidden;     background-color: rgba(245,245,245,1);  margin-left:auto; margin-right:auto; padding:10px;}
.mp_pic{float:left; width:460px; height:270px; margin-left:24px; margin-top:29px; } 


.product_show{ position:relative; float:left; width:60%;}
.product_icon{ position:absolute; bottom:132px; right:32px; z-index:99;}
.cont-content{ float:left; width:25%; position:relative; overflow:hidden; height:auto; background:#c6c6c6;}
.product_detail{ float:left; margin-left:3%; width:34%;}
.product_detail .cont{ width:100%; color:#555; font-size:14px; line-height:28px;    background: #f4f4f4;
    padding: 20px 40px;
    color: #666; }
.product_detail .cont h4{ font-size:20px; color:#333; font-weight:600;}


.pp_m{float:left; margin-left:3%; width:34%; margin-left:20px;}

.pp_title{     flex: 1; line-height:1.5; height:auto; overflow:hidden; border-bottom:1px solid #dddddd; padding-top:10px; padding-bottom:10px;
    font-size: 24px;
    font-family: Arial;
    color: #296dc1;
    font-weight: bold;
    text-align: left; position:relative; padding-left:5px;}
.pp_title .s_line{border-top-style: solid;
    border-top-width: 30px;
    width: 4px;
    max-height: none;
    border-top-color: #1d6bcb;
    margin-bottom: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    min-height: 0px;
    height: 0px;
    margin-right: 10px;
    margin-left: 0px; display:inline-block; vertical-align:middle;} 
/*.pp_title::before{  position: absolute;
    left: 0;
    top:50% ;
    width: 3px;
    height: 30px ;
    content: "";
    background: #296dc1;}*/
.pp_text1{height:auto; padding:10px 0; line-height:2; font-size:16px; color:#555; overflow:hidden; padding-top:14px; border-bottom:1px solid #dddddd;} 
.pp_text1 a{ color:#333; font-weight:600; text-transform:capitalize;}
.pp_text2{ height:auto; padding:10px 0; font-size:16px; color:#555; font-weight:nomal; text-transform:uppercase;border-bottom:1px solid #dddddd; }
.pp_text2 span{ text-transform:capitalize;}
.pp_text3{ height:auto; padding:10px 0; font-size:14px; line-height:1.5; color:#555;}
.buy-btn a{width:160px; height:40px; line-height:40px; display:block; margin-top:10px; text-align:center; font-size:16px; color:#fff;  background-color: rgba(153,153,153,1); border-radius:2px; text-transform:capitalize;}
.buy-btn a:hover{ color:#FFF; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; background-color: #1d6bcb;}

.tb-pic a{display:table-cell;text-align:center;vertical-align:middle;}
.tb-pic a img{vertical-align:middle;}
.tb-pic a{*display:block;*font-family:Arial;*line-height:1;}
.tb-thumb{margin:10px 0 0; width:100%; padding-left:0;}
.tb-thumb li{background:none repeat scroll 0 0 transparent;float:left;margin:0 2% 0 0;width:16%;}
.tb-thumb li a{ width:100%; display:block;}
.tb-thumb li img{ width:95%;padding:2.5%;}
.tb-thumb li:last-child{ margin-right:0;}
.tb-s310, .tb-s310 a{height:562px;width:573px;}
.tb-s310, .tb-s310 img{max-height:100%;max-width:100%;}
.tb-s310 a{*font-size:271px;}
.tb-s40 a{*font-size:35px;}
.tb-s40, .tb-s40 a{height:auto;width:100%;}
.tb-booth{position:relative;z-index:1; width:100%; border:1px solid #eaeaea; background:#fff; }
.tb-booth img{ width:90%; text-align:center;}
.tb-thumb .tb-selected div{background-color:#FFFFFF;border:medium none;border:1px solid #cee5f9;}
.tb-thumb li div{border:1px solid #CDCDCD;}
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:600px;height:600px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url("../images/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}


.profiles-wrap {
    overflow: hidden;
    border: 1px solid #f1f1f1;
}
.profiles-wrap .title{  line-height: normal;
    font_radio: 2;
    font-size: 20px;
    font-family: Arial;
    color: rgba(0,45,92,1);
      background-color: rgba(29,107,203,0.24); padding:10px 10px 10px 20px;
    display-radio: 1;
    text-align: left}
.profiles-wrap .editor{ height:auto; padding:20px 30px;}
.profiles-wrap .editor p{ font-size:16px; color:#666;}
.profiles-wrap .editor img{ width:100%; height:auto; max-width:750px;}
.profiles-wrap .editor table{ width:100%;max-width:750px;}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
	.product_profiles{height:auto!important;}
	.pp_m{ margin-left: 0;width:100%; padding-left:3%;padding-right:3%; margin-bottom: 30px;}
	.product_show {width: 100%; margin-top:3%;}
	.product_detail{ width: 100%; margin-right:0%; margin-top:30px;margin-left:0%;}

}

@media (max-width: 992px){
	.product_profiles{height:auto!important;}
	.pp_m{ margin-left: 0;width:100%; padding-left:3%;padding-right:3%; margin-bottom: 30px;}
	.product_show {width: 100%; margin-top:3%;}
	.product_detail{ width: 100%; margin-right:0%; margin-top:30px;margin-left:0%;}

	.mp_pic{width:100%; padding-left:3%;padding-right:3%; height: auto;     margin-left: auto;margin-right: auto;}
	.buy-btn a{width:100%;}
	.profiles-wrap { margin-top:20px;}
	.p-tree{ margin-top:20px;}
	.profiles-wrap .editor{ height:auto; padding:20px;}
}


.blog-details-area{ padding:60px 0;}
.blog-details-img{
    margin-bottom: 40px;
}
.blog-details-content h1{
    margin-bottom: 20px; font-size:24px; color:#333;
}
.blog-details-content p{
    margin-bottom: 25px;  color:#555;
	text-indent:2em;
}

.search-sidebar form{
    position: relative;
}
.search-sidebar input{
    width: 100%;
    height: 45px;
    background: transparent;
    border: 1px solid #c0dbfd;
    padding-left: 10px;
}
.search-sidebar button{
    position: absolute;
    right: 0;
    width: 45px;
    height: 45px;
    top: 0;
    color: #fff;
    background: #296dc1;
    border: 1px solid #296dc1;
}
.search-sidebar button:hover{
    background: #0552b1;
    border-color: #0552b1;
}

.sidebar-title{
    position: relative;
    font-size: 20px;
    text-transform: capitalize;
    padding-bottom: 5px;
    margin-bottom: 20px;
}
.sidebar-title::before,.sidebar-title::after{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 40px;
    height: 1px ;
    content: "";
    background: #296dc1;
}
.sidebar-title::after{
    left: 5px;
    bottom: -2px;
}
.category-wrap{ margin-top:20px;}
.category-wrap ul li{
    line-height: 35px;
    border-bottom: 1px solid #f1f1f1;
}
.category-wrap ul li:last-child{
    border-bottom: none;
}
.category-wrap ul li a{
    padding-left: 20px;
    position: relative;
    display: block; color:#666;
}
.category-wrap ul li a:hover{ color:#1d6bcb; }
.category-wrap ul li a::before{
    position: absolute;
    left: 0;
     content: "\e62b";
     font-family: "iconfont" !important;
    color: #296dc1;
    font-size: 12px;
    top: 0;
}

.sitem{background-color: #f5f5f5; padding:2% 2%; transition: all .3s; color: #333; cursor: pointer; margin-bottom:10px; width:49%; float:left; margin-right:1%;} 
.sitem:last-child{ width:100%; margin-right:0;}
.sitem:hover{background-color: #1d6bcb; color: #fff;}
.sitem .tit{font-size: 16px; font-weight:600;}
.sitem .addr{font-size: 14px;  min-height: 44px; margin: 2% 0 1%; transition: all .3s;}
.sitem:hover .tit,.sitem:hover .addr{ color:#fff;}

@media screen and (max-width: 768px){
	.sitem{ width:100%; float:none; margin-right:0;}
	}

/*------------------16. footer-area start --------------------*/
.footer-top{
	padding:50px 0px;
	background:#333333;
}

.foottitle{font-size: 20px;
    color: #f1f1f1;
    padding-bottom: 10px;
    position: relative;
    margin-bottom: 15px;}
    
.foottitle::before,.foottitle::after{
    position: absolute;
    left: 0;
    bottom: 0;
    background: #f1f1f1;
    content: "";
    height: 1px ;
    width: 30px;
}
.foottitle::after{
    left: 5px;
    bottom: -2px;
}

.footer-logo p{
    color: #fafafa;
    margin-bottom:15px;
}
.footer-logo ul li{
    line-height: 35px;
    color: #f1f1f1;
    font-style: italic;
}
.footer-logo ul li i{
    margin-right: 5px;
}
.footer-widget h2{
    font-size: 20px;
    color: #f1f1f1;
    position: relative;
}

.footer-menu ul li{
    line-height: 30px;
}
.footer-menu ul li a{
    color: #fafafa;
    display: inline-block;;
    padding-left: 10px; font-size:14px;
    position: relative;
}
.footer-menu ul li a:hover{
    text-shadow: 0px 3px 5px rgba(0,0,0,.5);
}

.instagram-wrap ul{
    overflow: hidden;
}
.instagram-wrap ul li{
    padding:2px;
    width: 33.33%;
    float: left;
}
.instagram-wrap ul li a{
    display: block;
    position: relative;
}
.instagram-wrap ul li a::before{
    position: absolute;
    left: 0
    top:0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .2;
    content: "";
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
}
.instagram-wrap ul li:hover a::before{
    opacity: .5;
}
.quick-contact input,.quick-contact textarea{
    height: 30px;
    background: transparent;
    border: 1px solid #f1f1f1;
    margin-bottom: 5px;
    width: 100%;
    color: #fff;
    padding-left: 10px;
}
.quick-contact textarea{
    height: 60px;
    margin: 0px;
}
.quick-contact button{
    padding: 5px 25px;
    border: 1px solid transparent; margin-top:10px;
}
.quick-contact ::-webkit-input-placeholder {
    color: #f1f1f1;
    font-size: 12px;
}
.quick-contact ::-moz-placeholder {
    color: #f1f1f1;
    font-size: 12px;
}
.quick-contact :-ms-input-placeholder {
    color: #f1f1f1;
    font-size: 12px;
}
.footer-bottom{
    padding: 20px 0px; border-top:1px solid #444;
    background: #333;
    color: #fff;
}
/*------------------16. footer-area end --------------------*/



.black-opacity{
	position:relative;
	z-index:9;
}
.black-opacity:before{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:.6;
	content:"";
	z-index:-9;
}
.bg-img-1{
	background:url(lab.jpg) no-repeat center center / cover;
}
.bg-img-2{
	background:url(probg.jpg) no-repeat center center / cover;
}
.bg-img-3{
	background:url(newsbg.jpg) no-repeat center center / cover;
}
.bg-img-4{
	background:url(contactbg.jpg) no-repeat center center / cover;
}


.breadcumb-area{
    height: 400px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    position: relative;
}
.breadcumb-wrap h2{
    color: #fff;
    position: relative;
    text-transform: capitalize;
    padding-bottom: 15px;
    margin-bottom:57px;
    font-size: 40px;
}
.top1{color: #fff;position: relative;text-transform: capitalize;padding-bottom: 15px;margin-bottom: 57px;font-size: 40px;}
.breadcumb-wrap h2::before,.breadcumb-wrap h2::after{
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 40px;
    height: 1px;
    background: #fff;
    content: "";
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
}
.breadcumb-wrap h2::after{
    left: 51%;
    bottom: -2px;
}
.breadcumb-menu{
    background: #e9ebed;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 15px 0px;
}
.breadcumb-menu2{    background: #e9ebed;  padding: 15px 0px;
}
.breadcumb-menu ul li,.breadcumb-menu2 ul li{
    display: inline-block;
    margin: 0px 5px;
    color: #19191a;
}
.breadcumb-menu ul li a,.breadcumb-menu2 ul li a{
    color: #19191a;
}
.breadcumb-menu ul li a:hover,.breadcumb-menu2 ul li a:hover{
    color: #296dc1;
}
.about-wrap h3{
    margin-bottom: 20px;
    text-transform: capitalize;
}

.inner-menu{
    margin-bottom: 30px;
}
.inner-menu h3{
    position: relative;
    padding: 10px 25px;
    text-transform: uppercase;
    color: #fff;
    border: none;
    font-size: 14px;
    background: #1d6bcb;
    overflow: hidden;
    z-index: 9;
    display: inline-block;
}
.inner-menu h3.active{
    background: #ec5013;
}
.inner-menu h3::before{
    position: absolute;
    right: -30px;
    top: 0;
    z-index: -9;
    width: 55px;
    height: 100%;
    background: #0552b1;
    content: "";
    transform: skew(-48deg);
    -webkit-transform: skew(-48deg);
    -moz-transform: skew(-48deg);
}
.inner-menu h3.active::before{
    background: #ec5013;
}
.inner-menu h3 a{ color:#fff;}
.portfolio-wrap{
	position: relative;
	overflow: hidden;
	margin-bottom:30px;
}
.portfolio-menu h3 a{color:#FFFFFF;}

.plist-area{ padding:40px 0;}
.p-list{    padding:8px; background-color: rgba(241,241,241,1); margin-bottom:15px;}

.p_page{ text-align:center; margin-top:20px;}
.page_con {
    display: inline
}
.page_a {    line-height: 36px;
    height: 36px;
    width: 36px; display:inline-block; margin-right:5px;
    font-size: 14px;
    color: #8a8a8a;
    border-style: solid;
    border-width: 1px;
    border-color: #ebebeb;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    font-family: Arial;
    background-color: rgba(255,255,255,0); 
}
.page_a.disabled {
    background-color: #f4f4f5;
    font-size: 14px;
    color: #c0c4cc;
    border-style: solid;
    border-width: 1px;
    border-color: #f4f4f5;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}

.page_a.disabled:hover {
    background-color: #f4f4f5;
    color: #c0c4cc;
    border-color: #f4f4f5
}

.page_a:hover {
    color: #409eff;
    border-color: #409eff;
    background-color: rgba(255,255,255,0)
}

.page_a.current {
    background-color: #ec5013;
    font-size: 14px;
    font-family: Arial;
    color: #fff;
    border-style: solid;
    border-width: 0;
    border-color: #ec5013;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px
}
.page_a.current:hover {
    background: #222a35;
    color: #fff
}

.page_a:hover {
    text-decoration: none;
    background: #ec5013;
    color: #fff
}

.page_a {
    line-height: 36px;
    height: 36px;
    width: 36px
}

.searchbox{min-height: 0px;
    margin-left: auto;
    margin-right: auto;
    max-width: 400px;
    margin-bottom:40px;}
.searchbox .s_form-control{    border: 1px solid #e1e1e1;
    background: 0 0;
    color: #666;
    padding: 10px 15px;
    line-height: 1;
    border-radius: 2px!important; width:250px;
    transition: all ease .15s; float:left;}
.searchbox .s_button1 {
    display: block;float:left; background:#296dc1;
    position: relative;
    overflow: hidden;border: 1px solid #296dc1;
    text-align: center;
    box-sizing: border-box;
    width: 100px; margin-left:2px;
    padding: 8px;
	border-radius:2px;
    display-radio: block;
    color: rgba(255,255,255,1);
    font-size: 14px
}

.searchbox .s_button1:hover {
    background-color: #ec5013
}

.searchbox .s_button1 span {
    display: block;
    width: 100%;
    position: relative;
    z-index: 1;
    outline: 0;
    margin: 0px;
    overflow: hidden
}

.searchbox .s_button1::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    transition: all .3s;
    z-index: 0;
    opacity: 0;
    top: 0;
    left: 0px
}

.searchbox .s_button1:hover::after {
    opacity: 1
}


@media screen and (max-width: 768px){
	.product-area{ padding: 30px 0 30px 0;}
	.about-area { padding: 30px 0;}
	.blog-details-area{ padding:30px 0;}
	.news-area{padding:30px 0;}
	 .about-item ul li{ margin-right:10px;}
	.about-item ul li .p-item{      padding-top: 5px;  padding-left: 10px;
    padding-right: 10px;     border-radius: 10px;}
	.about-img { margin-top: 30px; margin-bottom:0;}
	.mr36{ margin-top:0;}
	.ly-wrap{    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
    margin-left: 0px;
    margin-right: 0px; margin-bottom:20px;}
	.ly-wrap h2{ font-size:16px;}
	.lab-area{ padding:30px 0;}
	.lab-area .lab-item{ margin-bottom:20px;}
	.lab-area .lab-item h4{ left:10px; bottom:10px; line-height:1;}
	.zs-area{ display:none;}
	.blog-area{ padding:30px 0;}
	.products-area{ padding:30px 0;}
	.contact-box{ display:none;}
	
	.products-wrap{ padding:10px;}
	.products-area .col-md-4,.products-area col-sm-6,.products-area col-xs-12{ padding-left:0; padding-right:0;}
	
	.products-content {
    padding:10px 0px;
}
.ptitle{ line-height:1.5;}
.ptitle a {
    font-size: 16px;
}
.top1{ font-size:18px;  }
｝
	}


.pl-service {
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99;
}
.pl-service .item-con {
    text-align: right;
    margin-top: 2px;
    height: 60px;
    clear: both;
}
.pl-service .service-item {
    padding-left: 60px;
    float: right;
    width: 60px;
    min-width: 60px;
    height: 60px;
    background: rgba(0, 0, 0, 0.4);
    color: #fff;
    transition: all 0.5s ease;
    position: relative;
    cursor: pointer;
}
.pl-service .service-item.showLang:hover {
    min-width: 230px;
}

.pl-service .service-icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 60px;
    height: 60px;
}
.pl-service .service-value .iimg{  display:block; width:60px; height:40px; margin:0 auto;}
.pl-service .service-value .iimg img{text-align:center !important;  height:auto; width:40px; height:40px;}
.pl-service .service-icon span { 
    text-align: center;
    font-size: 12px;
    line-height: 14px;
    display: block;
    margin-top: 2px;
    padding: 0 2px;
}
.pl-service .service-icon .icon {
    width: 30px;
    height: 30px;
    margin: 6px 16px 0 16px;
}
.pl-service .service-value {
    padding: 10px 0 10px 10px;
    width: 170px;
    text-align: left;
    line-height: 20px;
}
.pl-service .service-value a{ color:#fff;}
.pl-service .service-value.dh {
    line-height: 40px;
}
.pl-service .service-value.tp {
    position: absolute;
    right: calc(100% + 10px);
    top: 50%;
    transform: translateY(-50%);
    width: 120px;
    height: 120px;
    background: #fff;
    border-radius: 4px;
    padding: 10px;
    overflow: hidden;
    display: none;
}
.pl-service .service-value.tp img {
    width: 100%;
    height: 100%;
    display: block;
}
.pl-service .service-item.showImg:hover .service-value.tp {
    display: block;
}

@media only screen and (max-width: 768px) {
    /* 默认图标 */
    .pl-service {
        position: fixed;
        right: 15px;
        bottom: 15px;
        z-index: 999; display:none;
    }
   
    .service_item {
        display: flex;
        margin-bottom: 5px;
        width: 100%;
        overflow: hidden;
        padding: 5px 0;
        border-top: 1px solid #f5f5f5;
    }
    .service_icon {
        float: left;
        display: flex;
        margin-top: 10px;
        padding-right: 8px;
        color: #999998;
    }
    .service_value {
        float: left;
        margin-top: 5px;;
        width: 100%;
    }
    .service_value p {
        font-size: 13px;
        width: 100%;
    }
    /* 弹层 */
    .service_pop {
        width: 60%;
    }
    .service_pop p {
        display: none;
    }
    .service_pop img {
        width: 100%;
        height: auto;
    }
  
}

#gotop {

    position: relative;

    display: block;

    height: 45px;

    background: #0a3873;

    color: #fff;

    text-align: center;

    line-height: 60px; display:none;

}

#gotop:before{content:''; position:absolute; top:10px; left:50%; width:6px; height:6px; margin-left:-3px; border-top:1px solid #fff; border-right:1px solid #fff; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); transform:rotate(-45deg);}


.copyright{  height:auto; margin-top:30px; border-top: 1px solid rgba(255,255,255,0.1); line-height:30px; color:#c0c6d2; text-align:left; font-size:16px; padding-top:10px; font-weight:600;}

.copyright span{ float:right; padding-top:5px;}


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

  .footer-info{

    width: 100%;

    padding:0%;

    transition: all 0.5s;

    -moz-transition: all 0.5s;

    -webkit-transition: all 0.5s;

  }

  .footer-nav{

    padding: 2em 0 3em 0;

  }

  .left-nav .tit{

    font-size:16px;

    width: 83%;

  }

  .left-nav dd a{

    font-size:14px;

  }

  

}



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

  .footer-nav{

    padding-top: 0;

    padding-bottom: 2em; 

  }

  .footmian{ display:none;}

  .fph-nav{ display:block;}

  #gotop{ display:block;}

}

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

  .footer-box{
    padding: 0.75em 0;
  }
  .footer-box .link-group{ padding-left:0;}
  .footer-box .link-group h6{ font-size:18px;}
 .link-group a{ display:block; font-weight:400;}
  
.copyright{ border-top:none; padding-top:0px; padding-bottom:10px; text-align:left;}
.copyright span{ display:block; float:none; text-align:left; }

}