@charset "utf-8";
/**************************banner**************************/
.banner_ny { padding-top:80px;}
.banner_ny img{ width:100%;}
.banner_ny .pic_er{ display:none;}

@media screen and (max-width: 1200px) {
.banner_ny{ padding-top:60px;}

}
@media screen and (max-width: 720px) {
	.banner_ny .pic_yi{ display:none;}
	.banner_ny .pic_er{ display:block;}
}

#ny_banner{position:absolute;left:0;width:100%; z-index:99; top:0; margin-top:12%;}
#ny_banner .main_box{display: table;width: 100%;height: 100%;}




.box_table{ display:table; table-layout: fixed; width:100%; height:100%}
.box_table_cell{ display:table-cell; vertical-align:middle}
.box_table_cell *{ white-space:normal; word-wrap:break-word; }


#ny_banner .box{ display: table-cell; vertical-align: middle;   overflow:hidden; text-align:center; }

#ny_banner .box_table h2{ font-size: 60px;color: #FFFFFF;letter-spacing: 5px;}
#ny_banner .box_table h3{letter-spacing: 3.3px;color: #FFFFFF;font-size: 60px;line-height: 79px; margin-top:10px;}
#ny_banner .box_table h4{ max-width: 690px; margin-top:20px;font-size: 20px;color: #FFFFFF;letter-spacing: 5.56px;line-height: 40px;}
#ny_banner .box_table h4:before{ content:""; position:absolute; bottom:-0; left:0; width:20px; height:2px;}

@media(max-width: 768px){
#ny_banner{top:0; margin-top:100px;} 
#ny_banner .yw{ font-size:20px;}
#ny_banner .ny-tit{ font-size:24px; margin-top:5px;}
#ny_banner .weizhi a,#ny_banner .weizhi i,#ny_banner .weizhi span{font-size: 14px;}

#ny_banner .box_table h2{ font-size:20px;letter-spacing:0;}
#ny_banner .box_table h3{ font-size:20px; line-height:24px;letter-spacing:0;}
#ny_banner .box_table h4{ font-size:15px; line-height:20px; margin-top:10px;letter-spacing:0;}
}



table{
	font-size: 14px;
	margin-top:10px;
	color: #434343;
	border-bottom:1px solid #dbdbdb;
	border-right:1px solid #dbdbdb;
}

tr {
	background-color: #f8f8f8;
	line-height: 36px;
	
}
 td {
	text-align: left;
	border: 1px solid #dbdbdb;
	line-height:36px;
	border-bottom:none;
	border-right:none;
	padding-left: 8px;
	background-color:#ffffff;
}


.tit{
	width:100%;
	max-width:1400PX;
	overflow:hidden;
	margin:0 auto;
	text-align:center;
	padding-top:0px;
	padding-bottom:10px;
	
	}
.tit p:nth-of-type(1){
	font-size:36px;
	color:#333;
	font-weight:bold;
	
	}
.tit .btt{
	width:40px;
	height:3px;
	background:#1886ED;
	margin:10px auto;
	}
.tit p:nth-of-type(2){
	font-size:16px;
	color:#ccc;margin-bottom:0;
	text-transform:uppercase;
	}
@media (max-width:768px) {
.tit{width:96%; padding-top:20px; padding-bottom:15px;}
.tit p:nth-of-type(1){ font-size: 24px;}
.tit p:nth-of-type(2){ font-size: 12px;}
}

/*==============PC内页导航=====================*/
.position{ float:right;top: 0px; z-index: 9; line-height:60px; color:#666; background:url(../images/icon_home.png) left center no-repeat; padding-left:16px;}
.position span,.position a,.position i{ font-size:14px; color:#666;}
.position em{ font-size:14px; color:#1886ED; font-style:normal;}
.position a:hover{ color:#1886ED;}

@media (max-width:1200px) {
.position{ display:none;}
}

/*==============内页PC端导航=====================*/
.n_title{ height:60px;border-bottom:1px solid #ddd;position:relative;width:100%; text-align:center;}

.com-cate,.com-cate-wrap{position:relative;width:100%;height:60px; text-align:center; }
.com-cate-wrap .com-cate{width:auto;border-bottom:none;}
.com-cate li{position:relative;display:inline-block;margin:0 35px;height:60px;}
.com-cate li:before{content:"";position:absolute;left:50%;bottom:0;width:0;border-bottom:3px solid #D60D10;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;}
.com-cate li:hover:before,.com-cate li.on:before{left:0;width:100%;}
.com-cate li>a{display:inline-block;font-size:16px;color:#333333;line-height:57px;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;}
.com-cate li:hover>a,.com-cate li.on>a{color:#D60D10;}
.com-cate li .caret>a .caret{-webkit-transition:.3s;-o-transition:.3s;transition:.3s;}
.com-cate li:hover>a .caret{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
@media (max-width:640px) {
.com-cate li{margin:0 2% 0 2%;}
}
@media (max-width:320px) {
.com-cate li{margin:0 1% 0 1%;}
}

.n_title dl{ position:relative;display:inline-block; width:160px; } 
.n_title dl:before{content:"";position:absolute;left:50%;bottom:0;width:0;border-bottom:2px solid #0DB1F5; -webkit-transition:.5s;-o-transition:.5s;transition:.5s;}
.n_title dl:hover:before,.n_title dl.on:before{left:0;width:100%;}
.n_title dt a{ font-size:15px; text-align: center; display:block; color:#333; margin-bottom:0px; height:60px; line-height:60px;}

.n_title dl dd{ position: absolute; width: 160px; margin-left:0px; display: none;   overflow: hidden; background: #fff; z-index:99;}

.n_title dl dd a{font-size:14px;  width: 100%; text-align: center; display: block; color:#333; line-height:40px; display:block; border-bottom: 1px solid #dcdcde; position: relative;}

.n_title dl dd a:hover,.n_title dl dd a.on{  background-image: -webkit-linear-gradient(bottom,#1886ED,#00e4ff);-webkit-background-clip: text;color: transparent;}

.n_title dt i{ display: none;  transform:rotate(90deg);-webkit-transform:rotate(90deg); /* Safari and Chrome */-moz-transform:rotate(90deg);}

.n_title dl.title_nav dt i{ display: inline-block; font-size:20px;}

.n_title dl:hover dt{-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; }

.n_title dl:hover dt a,.n_title dl:hover dt a i{   background-image: -webkit-linear-gradient(bottom,#1886ED,#00e4ff);-webkit-background-clip: text;color: transparent;}

.n_title dl.title_nav:hover dd{ box-shadow: 0 5px 10px #ccc; }

.n_title dt.on{  }

.n_title dl dt.on a,.n_title dl dt.on a i{  background-image: -webkit-linear-gradient(bottom,#1886ED,#00e4ff);-webkit-background-clip: text;color: transparent;}

@media (max-width:1200px) {
.n_title dl{width: 15%; }
}

/*==============PC内页导航=====================*/

.case {
  background-color: #fff;box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.04);
}
.page-nav {
  width: 100%;
  height: 62px;
  margin-bottom: 50px;
  line-height: 62px;
  text-align: center;
  border-bottom: 1px solid #e3e3e3;
}
.page-nav.top {
  position: fixed;
  left: 0;
  top: 80px;
  z-index: 99;
  background-color: #fff;
}
.index-case .page-nav.top {
  position: static;
}
.page-nav a {
  display: inline-block;
  height: 100%;
  margin-right:5%;
  color: #666;
  font-size: 16px;
  position: relative;
  z-index: 1;
}
.page-nav a.active {
  background-image: -webkit-linear-gradient(bottom,#1886ED,#00e4ff);
    -webkit-background-clip: text;
    color: transparent;
}
.page-nav a:after {
  content: '';
    display: block;
    width: 1%;
    height: 2px;
    line-height: 2px;
    background-image: -webkit-linear-gradient(0deg, rgb(35, 136, 187) 0%, rgb(14, 203, 223) 100%);
    position: absolute;
    left: 50%;
    top: 59px;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .3s;
    transition: all .3s;
}
.page-nav a:hover {
  background-image: -webkit-linear-gradient(bottom,#1886ED,#00e4ff);
    -webkit-background-clip: text;
    color: transparent;
}
.page-nav a:hover:after {
 width: 100%;
    left: 0;
opacity: 1;
}
.page-nav a.active:after{
	width: 100%;
    left: 0;
    opacity: 1;
}

.page-nav a.active .a:hover i{transform:rotateX(0);-webkit-transform:rotateX(0);-moz-transform:rotateX(0);color:#020096;}

.page-nav .nav_list{ position: absolute; width: 100%; display: none;   overflow: hidden; background: #fff; z-index:99;}
.page-nav .nav_list a{font-size:14px;  width: 100%; text-align: center; display: block; color:#333; line-height:44px; display:block; border-bottom: 1px solid #dcdcde; position: relative;}

@media (max-width:1200px) {
.page-nav{ margin-bottom:20px;}	
.page-nav.top { top:60px;}
.page-nav a { font-size:15px; margin-right:2%;}
.n_main_box{ display:none;}
}


/*==================内页移动端导航=================*/
#m_n_nav{ background: #185FA9;  display: none; line-height: 50px; position: relative; z-index: 1; }
#bnt_back{ position:absolute; left: 1rem; top:0;  color: #fff; font-size: 26px;}
#m_n_nav i{}
#m_n_nav h1{ font-size: 18px; color: #fff; text-align: center;line-height: 50px; font-weight:bold; margin:0;}
#bnt_sub_nav{ position: absolute; right: 1rem; top: 0; cursor: pointer; color: #fff; font-size: 26px; }
#bnt_sub_nav img{ display: block; height: 15px; }
#bnt_sub_nav.on img{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);}
#sub_nav_content{background: #D9221A; display: none; z-index: 9;}
#sub_nav_content ul{ padding:  10px;}
#sub_nav_content ul li { display: block; line-height: 30px; margin: 1rem 0;}
#sub_nav_content ul li a{ display:block; border-left:2px solid #d2b068; height:30px; line-height: 30px; font-size: 14px; padding-left: 10px; color: #535455;}
#sub_nav_content ul li.on a{color: #2621AB;}



#sub_nav_content dt{height:36px;line-height:36px;position:relative;background:#f5f5f5;  border-bottom:1px solid #e7e7e7; z-index: 999; }
#sub_nav_content dt a{ margin:0 20px; display:block;color:#666; height: 36px; font-size:15px; font-weight: 400;  }
#sub_nav_content dt a i{ position: absolute; right: 15px; top: 0; opacity:0;filter:alpha(opacity=0); }
#sub_nav_content dt a{}
#sub_nav_content dt.title{background:#fafafb;}
#sub_nav_content dt.title i{ opacity:1;filter:alpha(opacity=100);}
#sub_nav_content dt.title_on  { background:#fafafb;}
#sub_nav_content dt.title_on a{ color:#15336F; border-top:1px solid #fff;}
#sub_nav_content dt.title_on a i{ color: #15336F;  }
#sub_nav_content dt.last a{border-top:1px solid #f8f8f8;}
#sub_nav_content dt.on a,#sub_nav_content dt.title_on a{ color:#22B4F1;}
#sub_nav_content dd{  display:none;}
#sub_nav_content dd .box{padding:0px 0px 0px 0px;}
#sub_nav_content dd a{ padding:0 25px; background:#fff;  line-height:30px;border-top:1px solid #e7e7e7;font-size:14px;color:#5b5349;display:block;height:30px;}
#sub_nav_content dd a.on{ color:#D9221A}


.ny_dh_bj{text-align:center; }
.ny_dh_bj ul{font-size: 0;}
.ny_dh_bj ul li{display:inline-block;font-size:16px;color:#333;position:relative;margin-right: 15px;width: auto;}
.ny_dh_bj ul li a{font-size:16px;color:#333;display:inline-block;position:relative; padding:0 40px;height: 45px;line-height: 43px;border: #ddd 1px solid;text-align: center;background: #f5f5f5;border-radius: 4px;position:relative;transition:0.6s;overflow:hidden;}
.ny_dh_bj ul li span{ position:relative; z-index:10}
.ny_dh_bj ul li a:hover,.ny_dh_bj ul li.on a{color: #fff; }
.ny_dh_bj ul li a:before{content:"";position:absolute;right:0;width:0;height: 45px;background-image: -webkit-linear-gradient(0deg, rgb(35, 136, 187) 0%, rgb(14, 203, 223) 100%);color:#fff; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;z-index: 0;}
.ny_dh_bj ul li.on a:before,.ny_dh_bj ul li:hover a:before{ left:0; width:100%}
.ny_dh_bj ul li a:hover{ box-shadow:0 0 30px rgba(0,0,0,0.15)}

@media (max-width:1000px) {
.n_title{ display: none;}
#m_n_nav{display: block;}
.ny_dh_bj{ display:none;}
}



.con{overflow:hidden;margin-top:0px;margin-bottom:50px;}
.left{ box-sizing:border-box; float:left;width: 260px; margin-top:50px;}

/*====产品 侧导航====*/
#n_nav{background:#f7f7f9;margin-bottom: 0px;border:1px solid #e9e9ec; overflow:hidden;}
#n_nav h1{ display:block;  padding: 0 20px;border-bottom: 1px solid #e9e9ec; line-height: 50px; background:#185FA9; color:#fff; font-weight:bold; font-size:18px; margin:0; }
#n_nav h1 a{ color:#fff;}
#n_nav dt{position:relative;display:block; padding:0 10px;line-height: 50px;height: 50px;overflow:hidden;margin-top:0px;border-bottom: 1px solid #eee;}
#n_nav dt a{ float:left; width: 85%;font-weight: normal;font-size:15px; font-weight:bold;padding-left: 10px;color: #333;display:block;height: 51px; display:block;}
#n_nav dt a:hover{ color:#22B4F1; text-decoration:underline; }
#n_nav dt i{ float:right; display:block; height: 51px; width:10%; background:#0C55B8;}
#n_nav dt.on{ border:none }
#n_nav dt.title i{background: url(../images/icon_jh.png) left center no-repeat; position:relative; z-index:99;}
#n_nav dt.title_on{background-image: -webkit-linear-gradient(0deg, rgb(35, 136, 187) 0%, rgb(14, 203, 223) 100%);}
#n_nav dt.title_on a{border:none;color: #fff;}
#n_nav dt.title_on i,#n_nav dt.title_on i:hover{background: url(../images/icon_j_h.png) left center  no-repeat;color:#fff;border:none;}
#n_nav dd{display:none; border:none; font-size:12px;}
#n_nav dd .box{ background: #fff;}
#n_nav dd a{padding-left:20px;line-height:36px;font-size:14px;color:#636060;display:block;height:36px;padding: 0 0 0 36px; border-bottom:1px dotted #ccc;}
#n_nav dd a:hover{ color:#22B4F1; text-decoration:underline;}
#n_nav dd a.on{color: #22B4F1;}
#n_nav dd a:last-child{}



.right { width: 79%; float:right; margin-bottom:30px;margin-top:50px;}
@media (max-width: 1660px){
.right{width: 76%;}
}
@media (max-width: 1360px){
.right{width: 73%;}
}
@media(max-width: 1200px){
   .n_main_box,.left{ display:none;}
   #m_n_nav{ display:block}
   .right { width: 100%; float:none;  margin-top:30px; margin-bottom:20px;}
   
}


.ar_article {color:#6c6c6d; font-size:15px; line-height:24px; }
.ar_article p{font-size:15px; color:#666; line-height:24px; padding-bottom:10px; margin:0; }	
.ar_article strong{ font-weight:bold;}
.ar_article td,.ar_article th{ border: 1px solid #d0d1d5; color: #444242; }
.ar_article td p,.ar_article th p{ padding-bottom:0; margin-bottom:0;}
.ar_article  img{ max-width:100%;}
.ar_article a{ color:#6c6c6d;}
.ar_article a:hover{ text-decoration:underline;}
.ar_article a:hover span{text-decoration:underline;}
.ar_article h1,.ar_article h2,.ar_article h3,.ar_article h4,.ar_article h5,.ar_article h6{ font-weight:bold;}

.about-txt{ padding-top:50px;}
.about-txt h1{ margin-bottom:10px;font-size:24px; font-weight:bold; color:#333;}
.about-txt h2{ font-size:15px; text-transform:uppercase; font-weight:normal; margin-bottom:20px;}
.abtip{ float:left; margin-right:30px;}
@media (max-width:980px) {
.con{ margin-bottom:30px;}
.ar_article img{ max-width:100%; }
.ar_article p img{  margin-left:0px;}
.abtip{ margin-right:0px; margin-bottom:10px;}
.abtip img{ width:100%;}

.ar_article{ font-size:14px;line-height:24px;}
.ar_article p{ padding-bottom:10px; font-size:14px;line-height:24px; }	

.video{ width:100%;}
}



.about2{ width:100%;  background:url(../images/gu-bj1.jpg) no-repeat center center; padding-bottom:60px; padding-top:10px;}
.about2 ul li{ height:120px; width:49%; background:#fff; float:left; margin-bottom:30px;}
.about2 ul li:nth-child(2n){ float:right;}
.about2 ul li .wh-con{ width:94%; margin:0 auto; padding-top:25px;}
.about2 ul li .wh-con h4{ height:30px; font-size:22px; color:#333; font-weight:bold; margin:0;}
.about2 ul li .wh-con p{ line-height:24px; font-size:16px;}

@media (max-width:1200px) {
.about2 ul li .wh-con h4{ height:auto; line-height:24px; font-size:16px; color:#333;}
.about2 ul li .wh-con p{ line-height:20px; font-size:13px;}
}


.about-content{ background:#fff;padding-bottom:50px;}
.zzjg{ background:#fff; }



.about{position: relative;
    text-align: center;
    margin: 0 auto; padding-bottom:50px; padding-top:10px;
}
.about-area {
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    flex-wrap: nowrap;
	box-sizing: border-box;
}
.about-con {
    position: absolute;
    left: 5px;
    width: 750px;
    height: 380px;
    margin-top: 80px;
    text-align: left;
    z-index: 1;
     box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.08);
    padding: 80px 40px;
    background: #f5f5f5;
    border-radius: 2px;
}
.about-wz {
    font-size: 16px;
    color: #666;
    line-height: 24px;
}
.about-image {
    position: relative;
    left: 153px;
    display: inline-block;
    width: 894px;
    height: 539px;
}

@media screen and (max-width: 1200px) {
.about{ margin-bottom:40px; padding-top:0;}
.about-image { left:0; width:100%; height:auto;}	
.about-image img{ width:100%;}
.about-con{ width:92%; margin:0 auto; margin-left:4%; margin-top:10%; left:0; padding:20px; height:auto;}
.about-wz { font-size:14px;}
}

.service2{ padding-bottom:60px; padding-top:20px; overflow:hidden;}
.service2 ul li{width:25%;float:left;border-right:1px solid #ebecee;height:310px;text-align:center;box-sizing:border-box;padding:20px 2% 0 2%;}
.service2 ul li img{transition:all ease-in-out 500ms;  -webkit-transition:all ease-in-out 500ms;}
.service2 ul li h1{ text-align:center; font-size:22px; color:#333; text-transform:uppercase; margin-top:10px;transition:all ease-in-out 300ms;  -webkit-transition:all ease-in-out 300ms;}
.service2 ul li i{ background:#D9221A; height:2px; width:20px; display:block; margin:10px auto 10px auto;text-align:center;}
.service2 ul li p{ font-size:14px; width:100%;text-align:center; padding-top:10px;color:#666; line-height:24px;transition:all ease-in-out 300ms;  -webkit-transition:all ease-in-out 300ms;}
.service2 ul li:hover img{ margin-top:-5px;  transform:rotateY(180deg) scale(0.8);}
.service2 ul li:hover h1{ margin-top:10px; color:#D9221A;}
.service2 ul li:hover p{ margin-top:0px; color:#999; }
.service2 ul li:nth-child(4n){ border-right:0;}
@media screen and (max-width: 1000px) {
.service2 ul li{width:100%; height:auto; border:0; padding:0; }


.service2 ul li p{ padding-top:0; padding-bottom:20px; }
.service2 ul li img{ width:45px;}

.service2 ul li h1{ margin-top:5px; font-size:20px;}
.service2{ padding-bottom:30px;padding-top:0px;}
}


.about-culture{ width:100%; background:url(../images/gu-bj1.jpg) no-repeat center center; background-size: cover; padding:70px 0 80px 0;  }
.about-culture ul li{ float:left; width:49%; margin-right:2%; position:relative;}
.about-culture ul li:nth-of-type(2n){ margin-right:0;}
.about-culture ul li .tb{ margin-top:30px; }
.about-culture ul li .fk{ width: 100%; height: 290px;/*box-shadow: 0px 0px 8px 4px #ddd;*/ border: 1px solid #ddd; background:#fff; border-radius: 15px; margin-top: 15px; text-align: center;}
.about-culture ul li .fk .bold{ font-size: 20px; font-weight: bold; color: #000; margin-top: 20px;}
.about-culture ul li .fk .fgx{ width: 25px; height: 1px; background: #1886ED; margin: 15px auto;}
.about-culture ul li .fk p{ padding:0 35px; font-size: 18px; line-height: 28px; color: #666; }
@media (max-width:980px) {
.about-culture{padding:30px 0 30px 0; margin-top:20px;}
.about-culture ul li{ width:48%; margin-right:3%}
.about-culture ul li:nth-of-type(2n){ margin-right:0;}
.about-culture ul li .fk{ width: 100%; height: 240px; margin-top:0px; margin-bottom:20px;}
.about-culture ul li .fk .bold{ font-size: 16px; margin-top:10px;}
.about-culture ul li .fk .fgx{ margin:10px auto;}
.about-culture ul li .fk p{ padding:0 10px;font-size: 14px;line-height: 20px;}
.about-culture ul li .tb img{ width:60px;}
}


.about-zzjg{ padding-top:50px; }
.about-honor{ padding:50px 0;background:#f5f5f5;}
.about-news{ padding:50px 0;}

.contact-jobs{ margin-bottom:50px;}
.contact-lxwm{ background:#f5f5f5; padding:50px 0;}

@media (max-width:980px) {
.about-zzjg{ padding-top:10px; }
.about-honor{ padding:20px 0;background:#f5f5f5;}
.about-news{ padding:20px 0;}

.contact-jobs{ margin-bottom:30px;}
.contact-lxwm{ background:#f5f5f5; padding:30px 0;}	
}

/*====翻页效果====*/
.j_pages {
	margin: 0 auto;
	margin-top: 2rem;
}
.j_pages .box {
	display: inherit;
	width: 100%;
	text-align: center;
	font-size: 0;
}
.pagination>li>a, .pagination>li>span {
	padding: 0px 13px;
	height: 37px;
	line-height: 35px;
	display: inline-block;
	margin: 0 3px;
	border: 1px solid #dedede;
	color: #444;
	font-size: 14px;
	box-sizing: border-box;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	color: #9f9fa7;
	font-size: 14px;
}
.pagination .active span {
	background: #185FA9 !important;
	color: #fff!important;
	border: 1px solid #185FA9;
}
.pagination i {
	display: inline-block;
}
.pagination a:hover {
	background: #185FA9 !important;
	color: #fff!important;
	text-decoration: none;
	border: 1px solid #185FA9;
}
@media (max-width:768px) {
.j_pages{ margin-top:10px;}
.j_pages a{padding: 0 11px;height: 33px;line-height: 31px; font-size:20px; margin:0 3px; font-size:14px; }

.j_pages span{ padding:0;}

.j_pages i{ width:0;}
}


/***证书放大图***/
#rpro-text{ margin-top:10px;}
#rpro-text a{
	display:block;
	text-decoration:none;
	float:left;
	font-size:15px;
	color:#666;
	text-align:center;
	margin-right: 2%;
	margin-bottom: 20px;
	width:23.5%;
}
#rpro-text a:nth-child(4n){ margin-right:0;}
#rpro-text a label{
	line-height: 30px;
}
#rpro-text img{
	border:solid 1px #dbdbdb;
	width:100%;
	padding: 2px;
}
#rpro-text img:hover{border:solid 1px #185FA9;}
#rpro-text a:hover{color:#185FA9;}

@media (max-width:768px) {
#rpro-text{ margin-top:0;}
#rpro-text a{ width:47%;margin-right: 4%;}

#rpro-text a:nth-child(2n){ margin-right:0;}

}

/***证书放大图***/
#rpro-text2{ margin-top:30px;}
#rpro-text2 a{
	display:block;
	text-decoration:none;
	float:left;
	font-size:15px;
	color:#666;
	text-align:center;
	margin-right: 2%;
	margin-bottom: 20px;
	width:18.35%;
}
#rpro-text2 a:nth-child(5n){ margin-right:0;}
#rpro-text2 a label{
	line-height: 30px;
}
#rpro-text2 img{
	border:solid 1px #dbdbdb;
	width:100%;
	padding: 2px;
}
#rpro-text2 img:hover{border:solid 1px #D9221A;}
#rpro-text2 a:hover{color:#D9221A;}

@media (max-width:768px) {
#rpro-text2{ margin-top:0;}
#rpro-text2 a{ width:47%;margin-right: 4%;}

#rpro-text2 a:nth-child(2n){ margin-right:0;}

}


/**************************联系我们**************************/
.contact{ margin-top:30px;}
.contact .way{
	width:48%;
	float:left;
	overflow:hidden;
	}
.contact .way h1{ font-size:24px; color:#333; font-weight:bold; line-height:26px; margin-bottom:10px;}	
.contact .way ul{ margin-top:10px;}
.contact .way ul li{
	font-size:16px;
	color:#333;
	line-height:30px;
	margin-top:5px;
	padding-left:30px;
	}	

.contact .way ul li:nth-of-type(1) {background:url(../images/bn01.png) center left no-repeat; border-radius:10px; }
.contact .way ul li:nth-of-type(2) {background:url(../images/bn02.png) center left no-repeat; border-radius:10px;}
.contact .way ul li:nth-of-type(3) {background:url(../images/bn03.png) center left no-repeat; border-radius:10px;}
.contact .way ul li:nth-of-type(4) {background:url(../images/bn04.png) center left no-repeat; border-radius:10px;}	
.contact .way ul li:nth-of-type(5) {background:url(../images/bn05.png) center left no-repeat; border-radius:10px;}	
.contact .way ul li:nth-of-type(6) {background:url(../images/bn06.png) center left no-repeat; border-radius:10px;}	
.contact .way ul li:nth-of-type(7) {background:url(../images/bn07.png) center left no-repeat; border-radius:10px;}		

#map{height:0; padding-bottom:30%;width:100%;border:1px solid #ccc; width:100%; margin-top:20px;}	

/*留言*/
.zxly_er{ margin-top: 0px; width:50%; float:right; }
.zxly_er h1{ font-size:24px; font-weight:bold; color:#333; margin-bottom:10px;}
.zxly_er ul{}
.zxly_er li{ width:49.5%; margin-bottom:1%;}
.zxly_er li.left{ float:left; margin-top:0;}
.zxly_er li.right{ float:right; margin-top:0;}
.zxly_er li .input_txt{ width:100%; height:40px; border:1px solid #DDD; outline:medium; padding:0 2%; font-family:"微软雅黑";}
.zxly_er li.textarea{ width:100%; margin:0;}
.zxly_er li.textarea textarea{ width:100%; height:100px; border:1px solid #DDD; outline:medium; padding:1%; font-family:"微软雅黑";}
.zxly_er .more{margin-top:20px;}
.zxly_er .input_btn{ width:160px; height:40px; font-family:"微软雅黑"; border:0 none; margin-right:5px; color:#FFF; background:#185FA9;}
.zxly_er .input_btn2{ width:160px; height:40px; font-family:"微软雅黑"; border:0 none; margin-left:5px; color:#FFF; background:#333;}

@media (max-width:1000px) {
.contact{ margin-top:0px;}	
.contact .way{
	width:100%;
	float:none;
	}
.contact .way h1{ margin-top:0; font-size:20px; margin-bottom:10px;}	
.contact .way ul{ margin-top:10px;}	
.contact .way ul li{ font-size:15px;}	
.contact .way ul li:nth-of-type(1) {background:url(../images/bn01.png) left 2px no-repeat; border-radius:10px; line-height:20px;}
.zxly_er{ width:100%; float:none; margin-top:15px;}
.zxly_er h1{ font-size:20px;}
.zxly_er li {
    width: 100%;
    margin-bottom: 2%;
}
.zxly_er li.textarea textarea{  padding:1% 2%;}
#map{
	width:100%;
	float:none;
	margin-top:20px;
	}
	}	
@media (max-width:768px) {	
#map{height:0; padding-bottom:60%;}
}






/*新闻列表*/

.news{ margin-top:40px;}
.news dl{ border-bottom:1px dotted #CCC; padding:0 0 2% 0; margin-bottom:2%;}
.news dt{ float:left; width:64%; font-size:24px; padding-bottom:1%; margin-left:2%;  }
.news dt a{ color:#333;}
.news dd.pic{ float:left; width:25%; overflow:hidden;}
.news dd.pic img{ width:100%;height:auto;transition:all .6s;}
.news dd.pic img:hover{transform:scale(1.1,1.1);-webkit-transition: all 1.5s;transition: all 1.5s;}
.news dd.date{float:left; width:22%; line-height:24px;overflow:hidden;font-size:15px; color:#999999; background:url(../images/bn44.png) no-repeat left; margin-bottom:5px; padding-left:20px; margin-left:2%;}
.news dd.txt{ float:left; width:72%; line-height:24px;overflow:hidden; margin-left:2%;font-size:15px; color:#666;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;}
.news dd.more{float:left; width:30px; height:30px; background:url(../images/bn43.png) no-repeat left;transition: all 0.3s ease 0s;margin-left:2%; margin-top:15px;}	
.news dd.more:hover{background:url(../images/bn43_nei.png) no-repeat left; cursor:pointer; }
.news a:hover{ text-decoration:none; color:#185FA9;}
@media (max-width:1600px) {
.news dd.txt{ text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;}

}
@media (max-width:1200px) {
.news dd.more{ display:none;}

}
@media (max-width:860px) {
.news{ margin-top:0px;}
.news dt{ float:none; width:100%; font-size:18px; padding:2% 0;  margin-top:10px; margin-left:0;}
.news dd.pic{ float:none; width:100%;}
.news dd.date{ float:none; width:100%; margin-left:0; }
.news dd.txt{ float:none; width:100%; line-height:22px; font-size:14px;	 margin-left:0; }
.news dl{ padding-bottom:20px; margin-bottom:20px; margin-left:0;}
}

		


/*新闻详情*/

.news-title{border-bottom: 1px dotted #DDD;padding-bottom: 20px; margin-top:40px; margin-bottom:20px; text-align:center;}
.news-title h2{ font-size:24px; float:none; color:#333; margin-bottom:10px; font-weight:bold;}
.news-title p span{margin:0 5px;color: #999; font-size:14px;}

.text{  color:#666; line-height:24px; font-size:16px;}
.text p{ margin-bottom:10px;line-height:24px; font-size:16px;}

@media (max-width:800px) {
.news-title{margin-top:20px; }
.news-title h2{ font-size:20px;}
.news-title p{ font-size:14px;}	
}

/*====相关新闻====*/
.relatednews{ padding-top:20px; padding-bottom:0px;}
.relatednews h1{height:40px;line-height:40px;background:#f5f5f5;color:#f69a00;font-size:16px;font-weight:bold;margin:10px 0;}
.relatednews span{padding:0 30px;background:#D9221A;display:inline-block;color:#fff;}

.relnews{ }
.relnews li{ width:47%; margin-right:3%; float:left; padding:15px 0; font-size:15px; color:#333; border-bottom:1px dotted #ddd;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.relnews li{ padding:15px 0; background:url(../images/pic17.png) no-repeat left -72px; padding-left:15px;}
.relnews li:nth-of-type(2n){ margin-right:0;}
.relnews li{}
.relnews li:hover{ background:url(../images/pic17.png) no-repeat left 22px; text-decoration:underline;}
.relnews li a:hover{color:#D9221A;}
.relnews li span{ float:right; color:#999; background:none; padding:0;}
.relnews li p{ float:right; background:url(../images/pic37.png) no-repeat left center; padding-left:25px;}
@media (max-width: 1200px){
.relnews li{ width:95%; float:none; margin-right:0; font-size:14px;}
.relatednews{  padding-bottom:0px; padding-top:10px;}
}

/*====上一篇下一篇====*/

#ar_fot{padding: 20px 0 0px 0;font-size: 15px;box-sizing: border-box;width: 100%;margin-top: 20px;border-top: #DDD 1px dotted;color: #666;}
#ar_fot a{font-size: 15px;color: #999;font-weight:normal;}
#ar_fot a:hover{ color:#185FA9; text-decoration:underline;}


@media (max-width: 768px){
#ar_fot{font-size: 14px;}
#ar_fot a{font-size: 14px;}

}

/*==============产品列表=====================*/
.product{ margin-top:0px;position: relative; padding:0 40px; margin-bottom:50px;}
.product h1{ text-align:center; font-size:30px; font-weight:bold; color:#333; margin-bottom:20px;}
.product_lb{margin-bottom: 2.5%;overflow: hidden; margin-left:15px;}
.product ul{position: relative;width: 10000%;}
.product ul li{ float:left; width:320px; margin-right:30px;overflow:hidden;transition:all 0.5s;}
.product li .border{ border:1px solid #dadada;}
.product li .border .pic{ border-bottom:1px solid #dadada;overflow:hidden; position:relative;}
.product li img{ width:100%;transition:all 0.5s;}
.product li:hover img{ transform:scale(1.1);}
.product li .title{ padding:18px 0px; background:#FAFAFA; text-align:center;font-size:15px;color:#666; transition:all 0.5s;}
.product li:hover .title{ background:#185FA9; color:#fff;}

.product .more{overflow: hidden;padding:0 10px;text-align: center;}
.product .more a{display: block;width: 120px; height:47px; line-height:47px;font-size:15px;color:#fff;margin:0 auto;background:#185FA9;text-align:center;border-radius:3px;}
.product .more a:hover{text-decoration: none;background:#187FE0;color: #fff;}
.product .more p{display:inline-block;width: 170px;height: 47px;line-height:  47px;background:#242A37;font-size: 14px;color: #fff; border-radius:3px; text-align:center}
.product_l,.product_r{position: absolute;top: 50%;width: 22px;height: 43px;margin-top: 0px;opacity: 0.33;}
.product_l{background:url(../images/jt_l.png) center no-repeat;left: 0px; cursor:pointer; }
.product_r{background:url(../images/jt_r.png) center no-repeat;right: 0px;cursor:pointer;}
.product_l:hover{ opacity: 1;}
.product_r:hover{ opacity: 1;}


@media screen and (max-width: 1660px) {
.product ul li{ width:265px;}
}
@media screen and (max-width: 1360px) {
.product ul li{ width:242px;}
}
@media screen and (max-width: 1200px) {
.product ul li{ width:192px;}
}
@media screen and (max-width: 780px) {
.product{ margin-bottom:30px;}
.product ul li{ width:272px;}
}
@media screen and (max-width: 420px) {
.product h1{ font-size:22px;}
.product_lb{ margin-left:0px;}
.product ul li{ width:312px;}
}
@media screen and (max-width: 375px) {
.product ul li{ width:272px;}
}
@media screen and (max-width: 360px) {
.product ul li{ width:242px;}
}
@media screen and (max-width: 320px) {
.product ul li{ width:218px;}
}

/*产品详情*/	
.product_con_t{}
.product_con_t .t_r{ float:right; width:54%; margin-right:10px;}
.product_con_t .t_r .bt{ font-size:26px;font-weight:bold; border-bottom:1px solid #ddd; padding:10px 0; text-align:left;}
.product_con_t .t_r .box{ margin-top:20px; line-height:30px; background:#FFF;  }
.product_con_t .t_r .box p{ font-size:15px; color:#333; margin:0;}
.product_con_t .t_r .box h3{ font-size:24px;  margin-bottom:3%;}
.prodcut-tel{ padding-left:50px; margin-bottom:10px; margin-top:10px; line-height:26px; background:url(../images/p_icon.png) no-repeat left center; }
.prodcut-tel span{font-family:arial; font-size:24px; color:#F90100;display: block; }

@media screen and (max-width: 720px){
.sp-wrap {
    float: none;
    width: 100%;
}
.product_con_t .t_r {
    float: none;
    width: 100%;
    margin-top: 0;
	margin-left:0px;
}
.product_con_t .t_r .bt{ font-size:20px;}
.product_con_t .t_r .box h3{ font-size:20px; margin-bottom:3%;}
}

.product_cont{ width:100%; margin-top:20px; overflow: hidden;}
.product_cont h1{height:48px;line-height:48px;background:#eee;color:#F90100;font-size:16px;font-weight:bold; margin-bottom:20px;}
.product_cont span{padding:0 30px;background:#0C55B8;display:inline-block;color:#fff;}


/*产品详情*/	
.m-details{overflow: hidden;background-color: #fff; margin-top:0px;}
.m-details dl{overflow: hidden;padding: 0;}
.m-details .flexslider{float: left;width: 47%; border:1px solid #ddd;}
.m-details dd{padding-left: 58%;color: #666;font-size: 15px;line-height: 24px; margin-top:30px;}
.m-details .pic{margin: 0px auto;overflow: hidden;  margin-right:0px;}
.m-details .pic img{display: block;/*max-width: 80%;*/margin: 0px auto; width:100%;}
.m-details .slider .item{outline: 0;}
.m-details .slick-dots{text-align: center; position:relative; z-index:999; bottom:30px;}
.m-details .slick-dots li{display: inline-block;margin: 0 6px;}
.m-details .slick-dots button{display: block;width: 8px;height: 12px;background-color: #fff;border: none;text-indent: -9999em;outline: 0;cursor: pointer; border-radius:12px;}
.m-details .slick-dots .slick-active button{background-color: #B20000;}

.m-details .txt{ float:right; width:56%;  padding-top:0;}
.m-details h1{color: #333;font-size: 28px;line-height: 32px;margin:0px 0 15px 0; font-weight:bold;border-bottom:1px solid #e9e9e9; padding-bottom:15px;}
.m-details h2{ font-weight:bold; font-size:18px; margin-top:20px; margin-bottom:10px;}
.m-details p{overflow: hidden;color: #666;font-size: 15px;line-height: 24px; margin:0; margin-bottom:5px;}

.m-details .online {margin-top: 20px;}
.m-details .online a {width: 40%;text-align: center;display: block;height: 50px;line-height: 50px;font-size: 16px;background-color: #E9080A;color: #fff;float: left;}
.m-details .online p {display: block;float: right;height: 50px;line-height: 50px;text-align: center;font-size: 16px;width: 58%;background-color: #18549A;color: #fff;}
.m-details .online p span {font-weight: bold;color: #fff; font-size:24px;}


.product_b{ padding:30px 0 0 0; }
.product_b .slideTxtBox2 .hd{ }
.product_b .slideTxtBox2 .hd ul{ background:#f5f5f5; }
.product_b .slideTxtBox2 .hd ul li{ float:left; cursor:pointer; line-height:50px; background:#18549A;color:#FFF; width:150px; text-align:center; font-size:18px;}
.product_b .slideTxtBox2 .hd ul li.on{ background:#185FA9; color:#FFF;}
.product_b .slideTxtBox2 .bd .con_cp{ line-height:24px; padding-top:20px;}
.product_b .slideTxtBox2 .bd .con_cp img{ max-width:100%;}

@media screen and (max-width: 980px){
.product_b .slideTxtBox2 .hd ul li{font-size:14px; width:50%;}

}

@media screen and (max-width: 320px){
 .product_b .slideTxtBox2 .hd ul li{ white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;display:block;}
}


.product_cont{ width:100%; margin-top:30px; overflow: hidden;}
.product_cont h1{height:50px;line-height:50px;background:#f5f5f5;color:#F90100;font-size:16px;font-weight:bold; margin-bottom:10px;}
.product_cont span{padding:0 30px;background:#185FA9;display:inline-block;color:#fff;}

@media only screen and (max-width: 980px) {
	.m-details{ margin-top:10px;}
    .m-details .flexslider{float: none;width: 100%;}
	.flexslider .slides img {width: 99.9%;}
	.m-details .txt{ float: none;width: 100%; margin:0 auto; margin-top:20px;}
    .m-details h2{height: auto;margin: 5px 0;}
    .m-details dl{padding: 0;}
    .m-details h1{font-size: 20px;line-height: 24px;height: auto;}
    .m-details dd{line-height: 22px; margin-top:0px; margin-bottom:20px;}
	 
	.m-details .online {margin-top: 15px;}
	.m-details .online a { font-size:15px;}
	.m-details .online p { line-height:20px; padding-top:15px; height:50px; font-size:15px;}
	.m-details .online p span{ font-size:20px;}
	.m-details p{ font-size:14px;}

	.product_cont{ width: 100%; margin:0 auto; margin-top:20px;}
	.product_cont h1{font-size:15px;}
}

@media only screen and (max-width: 479px){
.detailtit{ height:40px; line-height:40px; text-indent:15px; font-size:18px;}
.m-details .pic{ margin-right:0px;}
}
@media only screen and (max-width: 375px){
.m-details .box p {width: 49%; line-height:24px; font-size:14px;}

.m-details .online p span{ font-size:18px;}
}
@media only screen and (max-width: 320px){
.m-details .box p {width: 99%; line-height:20px; font-size:14px;}
.m-details .online p { padding-top:5px;}
}

.proInfo-box{margin-top:40px;}
.proInfo-img{width:40%;height:auto;padding: 5px 0;line-height:283px;text-align:center;font-size:0px;border:1px solid #e5e5e5;float:left;}
.proInfo-img img{max-width:100%;max-height:100%;}
.proInfo-block{padding:15px 2.5556% 0 4.6667%;width:60%;height:auto;background:#f5f5f5;float:left;min-height: 362px;}
.proInfo-block .name{padding:0 0 10px;line-height:31px;font-size:20px;border-bottom:1px solid #e5e5e5; font-weight:bold;}
.proInfo-block .con{padding:0 10px 0 0;height:auto;line-height:28px;color:#666666;position:relative;overflow:hidden;margin:15px 0 25px 0;}
.proInfo-block .btn{width:142px;height:42px;line-height:42px;font-size:16px;font-weight:600;color:#fff;background:#c6361f;margin:7px 0 0;}
.proInfo-block .btn span{padding:0 0 0 34px;background:url(../images/icon/icon-shop.png) no-repeat left center;}



/*==============job=====================*/

#list_slide{  position:relative; margin-top:10px;}

#list_slide dl{  overflow:hidden; border:1px solid #ebebeb;  margin-bottom:10px; }

#list_slide dt{border:none;  display:block; position:relative; padding:10px 25px;  cursor:pointer;   background:url(../images/jian01.png) 98% center no-repeat #f5f5f5;}

#list_slide dt h1{  color:#333; font-size:15px; line-height:30px; display:block; font-weight:bold;}

#list_slide dd{ display:none; padding:0 40px; padding-bottom:20px; line-height:36px; background:#f5f5f5;   }

#list_slide dd p{ line-height:22px;  }

#list_slide dd .content{ padding-top:20px;}

#list_slide dt.on td{ color:#fff;}

#list_slide dt.on{ background:url(../images/jian01_on.png) 98%  center no-repeat #185FA9; }

#list_slide dt.on h1{color:#fff;}


@media (max-width:980px) {
#list_slide{ margin-top:0;}
#list_slide dt{padding:10px 20px; }
#list_slide dd{ padding:0 20px; }	
#list_slide dt{border:none;  display:block; position:relative; padding:10px 25px;  cursor:pointer;   background:url(../images/jian01.png) 96% center no-repeat #F2F3F4;}
#list_slide dt.on{ background:url(../images/jian01_on.png) 96%  center no-repeat #185FA9; }
}






.ptjr-img{ float:left; width:32.2%;}
.ptjr-img img{ width:100%;}
.ptjr-img p{ text-align:center; line-height:40px;}
.ptjr-txt{ float:right; width:65%;}
.ptjr-txt li{ line-height:112px; float:left;  width:32%; text-align:center; height:112px; margin-right:2%; margin-bottom:2%; margin-top:0;}
.ptjr-txt li:nth-of-type(3n){ margin-right:0;}
.ptjr-txt li a{ font-size:20px; color:#333;background:#f5f5f5; display:block; }
.ptjr-txt li a:hover{ color:#fff;background:#185FA9;transition: all 0.5s ease-in-out 0s;}

@media (max-width:980px) {
.ptjr-img{ float:none; width:100%;}
.ptjr-txt{ float:none; width:100%;}
.ptjr-txt li{ line-height:60px; height:60px;}
.ptjr-txt li a{ font-size:15px;}
}


.cases{ box-sizing: border-box; }
.case{}
.case  dl{width:49%; height:150px;overflow: hidden;box-sizing: border-box; position: relative; margin-right: 20px;margin-bottom: 20px; float: left; border:1px solid #ddd; }
.case  dl dt{width: 36%;height: 150px; overflow: hidden; display: block; float: left;}
.case  dl dt img{width: 100%; display: block;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s; overflow:hidden;}
.case  dl dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.case  dl dd{height: 150px; background: #f5f5f5; width: 64%;padding:2%; box-sizing: border-box; float: left;  }
.case  dl dd h3{font-weight: bold;text-align: left;font-size: 18px; color: #222222; height: 40px; line-height: 40px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; position: relative; }
.case  dl dd h3 a{ color: #222222; }
.case  dl dd p{ overflow: hidden; line-height: 25px;overflow: hidden; font-size:15px;color: #333;  }
.case  dl dd span a{width: 116px; height: 32px; margin-top:10px; display: block; line-height:32px; text-align:center;  background:#e60012; color:#fff; }

.case  dl:nth-child(2n){margin-right: 0;}

/*.case  dl:hover{  cursor: pointer; }
.case  dl:hover dd { background: #e60012;transition: all 0.5s ease-in-out;  }
.case  dl:hover dd h3 a{ color: #fff; }
.case  dl:hover dd p{ color: #fff; }
.case  dl:hover dd span a{ background:#333; color:#fff;} */

.case_txt{ background:#f5f5f5; padding:70px 0;}
.case_con img{ width:100%;}

.ptjr{ padding:40px 0;}
.ptjr:nth-of-type(even) {background: #f6f6f6;}
.ptjr_img{ float:left; width:50%; overflow:hidden;}

.ptjr_img img{ }
.ptjr_box{ float:right; width:48.5%; padding-left:1.5%;  overflow:hidden;}
.ptjr_txt{ overflow:hidden; margin-top:50px; }
.ptjr_box h1{ font-size:24px; margin-bottom:15px; font-weight:bold;}
.ptjr_box p{ font-size:15px; color:#666; line-height:22px; margin-bottom:10px;}

.ptjr:nth-of-type(2n) .ptjr_img{ float:right;}
.ptjr:nth-of-type(2n) .ptjr_box{ float:left; background:#f6f6f6; padding-left:0;}

.learn a{display:block;width:145px;height:40px;line-height:40px;font-size:15px; margin-top:20px;  text-decoration:none; color:#fff;background:#185FA9;border-radius:25px;text-align:center;position:relative;overflow: hidden;}
.learn a:before{content:"";position:absolute;width:145px;height:145px;top:50%;margin-top:-72.5px;left:50%;margin-left:-72.5px;background-image: -webkit-linear-gradient(0deg, rgb(24, 134, 237) 0%, rgb(24, 64, 115) 100%);transform:scale(0);transition:0.6s;border-radius: 50%; opacity:0}
.learn a span{ position:relative}
.learn a:hover{ color:#fff}
.learn a:hover:before{transform:scale(1); opacity:1}

@media (max-width:1680px) {
.ptjr_txt{ height:540px;}

}
@media (max-width:980px) {
.ptjr{ padding:20px 0;}
.ptjr_img{ width:100%; float:none;}
.ptjr_img img{ width:100%; }
.case_txt{ padding:30px 0;}
.ptjr_txt{ margin-top:20px; height:auto; }
.ptjr_box{ float:none; width:100%;}	
.ptjr_box h1{ font-size:20px;}
.ptjr_box p{ font-size:14px;}
.learn a{ margin-top:10px;}
}



/*.news-hz{ float:left; width:49%; margin-right:2%;border-bottom:1px dotted #ddd;padding-bottom:30px;margin-bottom:30px; margin-top:30px;overflow:hidden;display:block;transition:transform 0.5s; -webkit-transition:transform 0.5s;}
.news-hz:hover{transform:translateY(-6px); -webkit-transform:translateY(-8px);}
.news-hz:nth-of-type(2n){margin-right:0;}
.jjfa-tu{ width:40%; border:1px solid #ddd;overflow:hidden;display:block;}*/
.jjfa-tu img{ width:100%;}
.jjfa-tu img:hover{ transform: scale(1.05);}
.jjfa-tu img{transition-duration: .8s;
-moz-transition-duration: .8s;
-webkit-transition-duration: .8s;
-o-transition-duration: .8s;}
/*.jjfa-wz-hz {width: 55%;}*/

.news-centent{ width: 100%;  color: #666; margin-bottom: 10px; margin-top:0px;min-height:250px; }
.news-centent-title{ margin-bottom: 10px;  }
.news-centent-title a{font-size:20px; color:#000;}
.news-nr{ margin:10px 0 0; line-height:24px; /*text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;*/  }
.news-nr p{ font-size:15px;}
.news-ll{width:70px;height:52px;float:right;text-align:center;border:1px solid #d6d7d6;border-radius:5px;padding-top:18px;margin-right:30px;}

.news-ti { width: 1200px; border-bottom: 1px  dashed  #D0D0D0; font-size: 24px; line-height: 35px; text-align: center; padding-bottom: 10px; }
.time {font-size: 14px;color: #666;font-weight:normal;}


.news-hz{ float:left; width:31%; margin-right:2%;border-bottom:1px dotted #ddd;padding-bottom:30px;margin-bottom:30px; margin-top:30px;overflow:hidden;display:block;transition:transform 0.5s; -webkit-transition:transform 0.5s;}
.news-hz:hover{transform:translateY(-6px); -webkit-transform:translateY(-8px);}
.news-hz:nth-of-type(3n){margin-right:0;}
.jjfa-tu{ width:50%; border:1px solid #ddd;overflow:hidden;display:block;}
.jjfa-wz-hz {width: 45%; }

@media (max-width:980px) {
.jjfa-tu{ width:100%;}	
.jjfa-wz-hz {width: 100%;}
.news-nr{margin:10px 0 0;}
.news-nr p{ margin:0;}
.news-hz{padding-bottom:10px;margin-bottom:20px;}
}

.xmal{ margin-top:0px;}
.product-cp{float:left;width:32%;background:#f8f8f8;margin-right:2%;margin-bottom:3%; border:1px solid #ddd;}
.product-cp:hover{ box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);transition-duration: .8s;}
.product-cp:nth-child(3n){margin-right:0px;}
.product-cp-pic{width:50%;float:left;display:block; overflow:hidden;}
.product-cp-pic img{ width:100%;}
.product-cp-pic img:hover{ transform: scale(1.1);
-moz-transform:scale(1.1);
-ms-transform: scale(1.1);
-o-transform:scale(1.1);
-webkit-transform: scale(1.1);
transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition-duration: .5s;
-o-transition-duration: .5s; }
.product-cp-pic img{transition-duration: .8s;
-moz-transition-duration: .8s;
-webkit-transition-duration: .8s;
-o-transition-duration: .8s;}


.product-cp-title-hz{float:left;padding:20px;width:50%;}
.product-cp-wb{font-size:18px;color: #333;width:100%; padding-top:0px;}
.product-cp-x{  width: 30px; height: 2px; background-image: -webkit-linear-gradient(0deg, rgb(35, 136, 187) 0%, rgb(14, 203, 223) 100%); margin-top: 12px; margin-right: auto; margin-left: 2px; margin-bottom:15px; }
.product-cp-wz{ color:#666; font-size:14px; margin-bottom:5px; line-height:22px; height:40px; overflow:hidden;}
.product-cp-wz p{ margin:0;}
.product-top-pic { width: 50%; float: left; }

.news-more{width:100px;line-height:32px;text-align:center; color:#666; margin-top:20px; }
.news-more a{font-size:14px; display:block;border:1px solid #1886ED;  border-radius:25px; background:#fff;}
.news-more:hover a{background-image: -webkit-linear-gradient(0deg, rgb(35, 136, 187) 0%, rgb(14, 203, 223) 100%);color:#fff;border:1px solid #fff;}

@media (max-width:980px) {
.product-cp{ width:100%;}

}


/*================= 案例===================*/
.con_case{ padding-top:60px; padding-bottom:60px;}
#case2{ background:#f5f5f5; padding-top:60px;}
#case3{ padding-top:60px;}
.con_case ul li{ width:15.8%; position:relative; margin-right:1%; float:left;text-align:center;}
.con_case ul li:nth-of-type(6){ margin-right:0;}

.con_case ul li a .conn{  color:#fff; height:100%;  position:absolute; top:80px; z-index:1; left:0; right:0;transition:.5s; text-align:left; padding-left:20px;}
.con_case ul li .conn h1{ font-size:20px;  margin-top:20px; }
.con_case ul li .conn i {
	display: block;
	width: 24px;
	height: 1px;
	margin-top:25px;
	margin-left:2px;
	background: #fff;
	position: relative;
	
}
.con_case ul li .conn i:after {
	content: "";
	width: 9px;
	height: 1px;
	display: block;
	background: #fff;
	position: absolute;
	right: 0;
	bottom: 0;
	transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	-o-transform: rotate(30deg);
	-webkit-transform: rotate(30deg);
	transform-origin: right top;
	-moz-transform-origin: right top;
	-ms-transform-origin: right top;
	-o-transform-origin: right top;
	-webkit-transform-origin: right top;
	transition: .3s;
}

.con_case ul li a .conn:hover{top:70px; }

.con_case ul li .img{ width:100%;position:relative;left:0; top:0; }

.con_case ul li .img>img{ width:100%; height:100%;}

.con_case ul li .img:before{ content:""; display:block; position: absolute; width: 100%; height: 100%; left:0; top:0; background: rgba(0,0,0,.2);transition:.5s;-webkit-transition: .5s; 
filter: alpha(opacity=0); 
-moz-opacity: 0;  
-khtml-opacity: 0;  
opacity: 0;}

.con_case ul li:nth-of-type(1){ background-image: -webkit-linear-gradient(0deg, rgb(34, 37, 88) 0%, rgb(24, 64, 115) 100%);}
.con_case ul li:nth-of-type(2){ background-image: -webkit-linear-gradient(0deg, rgb(38, 103, 104) 0%, rgb(24, 64, 115) 100%);}
.con_case ul li:nth-of-type(3){ background-image: -webkit-linear-gradient(0deg, rgb(2, 149, 152) 0%, rgb(24, 64, 115) 100%);}
.con_case ul li:nth-of-type(4){ background-image: -webkit-linear-gradient(0deg, rgb(1, 108, 109) 0%, rgb(24, 64, 115) 100%);}
.con_case ul li:nth-of-type(5){ background-image: -webkit-linear-gradient(0deg, rgb(23, 137, 111) 0%, rgb(24, 64, 115) 100%);}
.con_case ul li:nth-of-type(6){ background-image: -webkit-linear-gradient(0deg, rgb(24, 123, 66) 0%, rgb(24, 64, 115) 100%);}
.con_case ul li:nth-of-type(7){ background-image: -webkit-linear-gradient(0deg, rgb(41, 100, 44) 0%, rgb(24, 64, 115) 100%);}
.con_case ul li:nth-of-type(8){ background-image: -webkit-linear-gradient(0deg, rgb(63, 99, 1) 0%, rgb(24, 64, 115) 100%);}
.con_case ul li:hover .img:before{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity: 1; }

.slow img:hover{ transform:scale(1.1);}/*图片放大*/
.slow img{transition: all 0.5s ease-in-out;}/*缓慢效果*/

@media (max-width:980px) {
.con_case{ padding-top:10px; padding-bottom:30px;}	
.con_case ul li a .conn{ top:30px; padding-left:10px;}
.con_case ul li .conn h1{ font-size:16px;  margin-top:20px; }
.con_case ul li{ width:32.5%; margin-bottom:1%;}
.con_case ul li:nth-of-type(3n){ margin-right:0;}	
#case2{ padding-top:10px;}
#case3{ padding-top:10px;}
}