@charset "UTF-8";
.banner_img{position:relative; width:100%; height:820px;}
.banner_img_pc{position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;  }
.swiper-slide-active .banner_img_pc { animation: scaleUpDown 6s forwards cubic-bezier(0.25, 0.46, 0.45, 0.94);}
 @-webkit-keyframes scaleUpDown { from { -webkit-transform: scale(1.18); transform: scale(1.18); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } 
 @keyframes scaleUpDown { from { -webkit-transform: scale(1.18); transform: scale(1.18); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } 
.banner_img_cir{ left:50%; top:50%; background-color:#0d6fb8; opacity:.15;border-radius:50%;transform:translate(-50%, -50%);position:absolute; width:32.55208333333333vw; height:32.55208333333333vw; z-index:1;}
.banner_img_jj{ width:100%;position:absolute; left:0; top:50%; z-index:10; text-align:left; color:#fff;transform:translateY(-50%);}
.banner_img_jj_mid_1{font-size:22px; line-height: 38px; font-family: 'GenBasR'; width: 47%;}
.banner_img_jj_mid_2{margin-bottom:1vw;font-size:50px; margin-top:0; letter-spacing:2px; font-weight: bold; }
.banner_img_jj_mid_2.animated{ -webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.banner_img_jj_mid_1.animated{ -webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.index_banner_left{ color:#fff; z-index:100; top:50%;cursor:pointer;position:absolute; left:4.94791666666667%!important;transform:translateY(-50%);}
.index_banner_left span{ color:#fff;display:block; position:relative; padding:.15em 0; font-size:2.5vw;}
.index_banner_left span:before{transition:.8s cubic-bezier(.14,1,.34,1) 0s;content:''; position:absolute; left:0; bottom:0; width:100%; height:2px; background-color:#fff;}
.index_banner_right{ color:#fff; z-index:100; top:50%; cursor:pointer;position:absolute; right:4.94791666666667%!important;transform:translateY(-50%);}
.index_banner_right span{ color:#fff;display:block; position:relative; padding:.15em 0; font-size:2.5vw;}
.index_banner_right span:before{transition:.8s cubic-bezier(.14,1,.34,1) 0s;content:''; position:absolute; left:0; bottom:0; width:100%; height:2px; background-color:#fff;}
.index_banner_left:hover span:before,.index_banner_right:hover span:before{left:10%; width:80%;}
.banner_right_act{ width: 6%; position: absolute; right: 14%; bottom: 25PX;}
.indexbanner .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 25PX;}
.indexbanner .swiper-button-next,.indexbanner .swiper-button-prev{position:absolute;top:50%;width:36px;height:36px; border: 1PX solid #FFF; border-radius: 100%;  margin-top:-18px;z-index:10;cursor:pointer;background-size:10px 18px;background-position:center;background-repeat:no-repeat}
.sub-mouse{position:absolute; width: 23px;height: 40px; cursor:pointer;background:url(../images/banner_mouse_ico.png) no-repeat -23px 0px;-webkit-animation: nudgeMouse 1.6s linear infinite;animation: nudgeMouse 1.6s linear infinite; bottom:35px; left:9%; z-index:1;}
.sub-mouse:after,.banner_mouse:before{content: "";position: absolute; z-index: 9;}
.sub-mouse:before{width:23px;height:40px;background:url(../images/banner_mouse_ico.png) no-repeat 0px 0px;-webkit-animation: colorSlide 1.6s linear infinite;animation: colorSlide 1.6s linear infinite;top:0;left:0;}
.sub-mouse:after{background-color: #ffffff;width: 4px;height: 4px;border-radius: 100%;-webkit-animation: trackBallSlide 1.6s linear infinite;animation: trackBallSlide 1.6s linear infinite;top: 0;right: 0;bottom: 0;left: 0;margin: auto;}
.indexbanner .swiper-button-next,.indexbanner .swiper-button-prev{position:absolute;top:50%;width:36px;height:36px; border: 1PX solid #FFF; border-radius: 100%;  margin-top:-18px;z-index:10;cursor:pointer;background-size:10px 18px;background-position:center;background-repeat:no-repeat}
.banner_mouse{position:absolute; width: 23px;height: 40px;cursor:pointer;background:url(../images/banner_mouse_ico.png) no-repeat -23px 0px;-webkit-animation: nudgeMouse 1.6s linear infinite;animation: nudgeMouse 1.6s linear infinite; bottom:35px; left:9%; z-index:1;}
.banner_mouse:after,.banner_mouse:before{content: "";position: absolute;}
.banner_mouse:before{width:23px;height:40px;background:url(../images/banner_mouse_ico.png) no-repeat 0px 0px;-webkit-animation: colorSlide 1.6s linear infinite;animation: colorSlide 1.6s linear infinite;top:0;left:0;}
.banner_mouse:after{background-color: #ffffff;width: 4px;height: 4px;border-radius: 100%;-webkit-animation: trackBallSlide 1.6s linear infinite;animation: trackBallSlide 1.6s linear infinite;top: 0;right: 0;bottom: 0;left: 0;margin: auto;}
@-webkit-keyframes colorSlide {
	 	 0% {
	  	    height:0;
	  	  }

  	 90%{
  	  	height:40px;
  	  }


	}

	@keyframes colorSlide {
		 	 0% {
	  	    height:0;
	  	  }

	  	 90%{
	  	  	height:40px;
	  	  }
	}
	@-webkit-keyframes trackBallSlide {
	  0% {
	    opacity: 1;
	    -webkit-transform: scale(1) translateY(-8px);
	            transform: scale(1) translateY(-8px);
	  }
	  34% {
	    opacity: 1;
	    -webkit-transform: scale(0.9) translateY(4px);
	            transform: scale(0.9) translateY(4px);
	  }
	  68% {
	    opacity: 0;
	    -webkit-transform: scale(0.4) translateY(16px);
	            transform: scale(0.4) translateY(16px);
	  }
	  100% {
	    opacity: 0;
	    -webkit-transform: scale(0.4) translateY(-8px);
	            transform: scale(0.4) translateY(-8px);
	  }

	}
	@keyframes trackBallSlide {
	  0% {
	    opacity: 1;
	    -webkit-transform: scale(1) translateY(-8px);
	            transform: scale(1) translateY(-8px);
	  }
	  34% {
	    opacity: 1;
	    -webkit-transform: scale(0.9) translateY(4px);
	            transform: scale(0.9) translateY(4px);
	  }
	  68% {
	    opacity: 0;
	    -webkit-transform: scale(0.4) translateY(16px);
	            transform: scale(0.4) translateY(16px);
	  }
	  100% {
	    opacity: 0;
	    -webkit-transform: scale(0.4) translateY(-8px);
	            transform: scale(0.4) translateY(-8px);
	  }
	}
@-webkit-keyframes nudgeMouse {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

}
@keyframes nudgeMouse {
 0% {
	    -webkit-transform: translateY(0);
	            transform: translateY(0);
	  }
	  50% {
	    -webkit-transform: translateY(8px);
	            transform: translateY(8px);
	  }
	  100% {
	    -webkit-transform: translateY(0);
	            transform: translateY(0);
	  }
}

.banner_img_mo{ display:none;position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
@media only screen and (max-width: 1660px) {
    .banner_mouse{left:5%;}
}
@media screen and (max-width: 1440px){
.banner_img{ height:615px;}
.banner_img_jj_mid_2{font-size:44px;}
.banner_img_jj_mid_1{font-size:20px; }
.banner_right_act{ width:8%; }

}
@media screen and (max-width: 1200px){
.banner_img{ height:500px;}
.banner_img_pc{ display: none;}
.banner_img_mo{ display: block;}
.banner_img_jj_mid_1{font-size:18px; width: 70%; line-height: 28px;}
.banner_img_jj_mid_2{font-size:36px;margin-bottom: 30px;}
}
@media screen and (max-width: 1024px){
.banner_img{ height:427px;}
.banner_img_jj_mid_2{font-size:32px;}
.banner_right_act{ width:14%;right: 6%;}

}
@media screen and (max-width: 768px){
.banner_img{ height:320px;}
.banner_img_jj_mid_2{font-size:22px; margin-bottom: 15px;}
.banner_img_mo img{ width: 100%;}
.banner_img_jj_mid_1{font-size:16px; }
}
@media screen and (max-width: 668px){
.banner_img{ height:300px;}
.sub-mouse{ display: none;}
.banner_right_act{ display: none;}
.banner_img_jj_mid_2{font-size:20px;}

}
@media screen and (max-width: 500px){
.banner_img{ height:220px;}
.banner_img_jj_mid_2{font-size:18px;}
.banner_img_jj_mid_1{font-size:15px;width:88%; line-height: 26px;}

}
.channel_content{min-height:400px;}
.pt1{background:url(../images/ipt1_bg.jpg) no-repeat center; background-size:cover; overflow:hidden;}
.pt1 .left_box{width:50%; padding:100px 0 70px;}
.pt1 .left_box .tit{ font-size:36px; color:#0e6db6; font-weight:bold; }
.pt1 .right_box{width:50%;}
.pt1 .cn{font-weight:bold;}
.pt1 .cn1{font-size:38px; margin-top:30px; margin-bottom:10px;}
.pt1 .cn2{font-size:30px; margin-bottom:30px; line-height:1.4; color:#0e68b0;}
.pt1 .desc{color:#666; line-height:28px; font-size: 16px; }
.pt1 .right_box ul{margin-left:10%; padding-top:104px; position:relative;}
.pt1 .right_box ul:after{content:""; height:1000px; width:1px; background:#ededed; position:absolute; top:0; left:50%; z-index:1;}
.pt1 .right_box ul:before{content:""; height:1000px; width:1px; background:#ededed; position:absolute; top:0; left:0; z-index:1;}
.pt1 .right_box li{float:left; width:50%; padding-bottom:95px; position:relative; z-index:2; font-size:18px;}
.pt1 .right_box li:before{content:""; position:absolute; top:0; left:0; background:#3ca412; width:2px; height:80px; z-index:2;}
.pt1 .right_box li .n{display:inline-block; *display:inline; *zoom:1; margin-left:18%; color:#373737; position:relative; overflow: hidden;}
.pt1 .right_box li .n .num{font-size:70px; font-family:"黑体"; line-height:1;}
.pt1 .right_box li .desc{margin-left:18%; color:#3b3b3b; font-size:16px; text-indent:0;}
@media screen and (max-width: 1440px){
.pt1 .left_box .tit{ font-size: 32px; }
.pt1 .right_box li .n .num{font-size:60px; }
}
@media screen and (max-width: 1024px){
.pt1 .left_box .tit{ font-size: 24px; }
.pt1 .right_box li .n .num{font-size:30px; }
}
@media screen and (max-width: 768px){
.pt1 .left_box .tit{ font-size: 20px; }
.pt1 .right_box li .n .num{font-size:26px; }
}
@media screen and (max-width: 767px){
.pt1 .left_box{width:100%; padding:40px 0 20px;}
.pt1 .right_box{width:100%;}
.pt1 .right_box ul{margin-left:0; padding-top:44px; position:relative;}
.pt1 .right_box li{ padding-bottom:45px; font-size:16px;}
   
}
.prodcut-nav{ width:100%; overflow:hidden; position:relative; z-index:11;}
.prodcut-nav li{ float:left; line-height:100%; text-align:center;}
.pro-nav-img{ height:650px; position:relative;}
.pro-nav-img li{ width:100%; height:650px; background-position:center center; position:absolute; left:0; right:0; top:0; bottom:0; display:none; cursor:pointer; overflow:hidden}
.pro-nav-img li .li-bg{ width:100%; height:650px;background-position:center center; position:absolute; left:0; right:0; top:0; bottom:0; cursor:pointer;}
.pro-nav-img li:hover{ opacity:0.99; color:#fff;}
.pro-nav-text{ position:absolute; top:100px; left:0; right:0; color:#fff; z-index:12}
.pro-nav-text .t1{ font-size:36px; padding-bottom:27px; font-weight: bold;}
.pro-nav-text .t2{ font-size:16px; line-height:32px; margin-bottom: 30px;  width: 50%;}
@media screen and (max-width: 1440px){
.pro-nav-text .t1{ font-size: 32px; }
.pro-nav-text{ top:60px}

}
@media screen and (max-width: 1024px){
.pro-nav-text .t1{ font-size: 24px; }
}
@media screen and (max-width: 768px){
.pro-nav-text .t1{ font-size: 20px; }
}
@media screen and (max-width: 767px){
.pro-nav-text .t2{ width: 100%;}

}
.pt2{position:relative; color:#fff}
.pt2 .tab{position:absolute; left:0; right:0; bottom:0; background:url(../images/grey.5.png); text-align:center;}
.pt2 .tab .span-2{width:16.6666667%; padding: 50px 0; float: left;position: relative; overflow:hidden; -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s; cursor:pointer;}
.pt2 .tab .span-2.hover,.pt2 .tab .span-2:hover{background:url(../images/blue.8.png);}
.pt2 .tab a:hover{color:#fff;}
.pt2 .tab .desc{font-size:20px; font-weight: bold; padding-bottom: 20px;}
.pt2 .tab .en{ font-size: 16px; text-transform: uppercase;}
.pt2 .tab .span-2:after{content:"";position:absolute;top:0;bottom:0;right:0;width:1px;background:url(../images/white.16.png) repeat;}
.pt2 .tab .span-2:first-child:before{content:"";position:absolute;top:0;bottom:0;left:0;width:1px; background:url(../images/white.16.png) repeat;}
@media screen and (max-width: 768px){
.pt2 .tab .desc{font-size:18px; }
}

.pt3 ul{ margin-top: 40px;}
.pt3 ul li { margin-bottom: 30px;}
.pt3 .info{ border: 1px solid #eeeeee; text-align: center;}
.pt3 .info ._img{ position: relative; left: 0; transition:all ease-in .3s;  padding:20px 10px 20px;}
.pt3 .info ._img ._t{ padding-top: 20px; font-size:22px; line-height:22px; color:#333e46; font-weight: bold; margin-bottom:30px; }
.pt3 .info ._img .more{font-size:15px; line-height:65px; border-top:1px solid #f0f0f0; color:#3ca412; transition:all 0.5s ease; font-family: Arial, Helvetica, sans-serif; position: relative;}
.pt3 .info ._img .more:after{ content:";"; position:absolute; top:50%; right:30%; width:7px; height:7px; background:url(../images/line_btn_jt_blue.png) no-repeat center; margin-top:-3px; overflow:hidden; opacity:1; visibility:visible; -webkit-transition:-webkit-transform .3s,opacity .3s;transition:transform .3s,opacity .3s;-webkit-transition-timing-function:cubic-bezier(.75,0,.125,1);transition-timing-function:cubic-bezier(.75,0,.125,1);}
.pt3 .info ._img1{ position: absolute; left: 0; top: 0; bottom: 0; width: 100%; background:rgba(0,84,153,.8); z-index: 2; color: #fff;}
.pt3 .info ._img1 { left:0;  filter:alpha(opacity=0); opacity:0;}
.pt3 .info ._img1 img{ width:100%; }
.pt3 .info ._img1 ._st{ position: absolute; left:0; bottom: 0; width: 100%; margin: 0 auto; padding-bottom:30%; font-size:22px; font-weight: bold; text-align: center; color: #fff;}
.pt3 .info a:hover ._img { left:0; }
.pt3 .info a:hover ._img1 { filter:alpha(opacity=100); opacity:1; }
.pt3 .info a:hover ._img1 ._st:after{ background-color:#fff;}
@media screen and (max-width: 1668px){
.pt3 .info ._img .more{ line-height:45px; }
}
@media screen and (max-width: 1440px){
.pt3 .info ._img ._t{font-size:20px; }
.pt3 .info ._img1 ._st{ font-size:20px;}
}
@media screen and (max-width: 1366px){
.pt3 .info .rect-75 {padding-bottom: 80.3%;}
}
@media screen and (max-width: 1280px){
.pt3 .info .rect-75 {padding-bottom: 87.3%;}
.pt3 .info ._img .more:after{ right:20%;}

}		
@media screen and (max-width: 1024px){
.pt3 .info .rect-75 {padding-bottom: 97.3%;}
.pt3 .info ._img ._t{font-size:18px; margin-bottom: 10px;}
.pt3 .info ._img1 ._st{ font-size:18px;}
.pt3 .info ._img .more{line-height: 35px;}
}
@media screen and (max-width: 768px){
.pt3 .info .rect-75 {padding-bottom: 110.3%;}
}
@media screen and (max-width: 568px){
.pt3 .info ._img ._t{font-size:16px; }
.pt3 .info ._img1 ._st{ font-size:16px;}
.pt3 .info ._img .more{ line-height:30px; }
.pt3 .info ._img ._t{ padding-top: 10px; margin-bottom:10px; }
.pt3 .info ._img .more:after{right:10%;}

}
.pt4{background:#f0f6fc; height:700px;}
.pt4 .cn{font-size:36px; color:#0e6db6; font-weight:bold; margin:20px 0 40px; position:relative;}
.pt4 .l .con .desc{white-space:normal; height:26px; overflow:hidden;text-overflow: ellipsis; white-space: nowrap;}
.pt4 .l .con{padding-right:60px;}
.pt4 .l .con .center{margin-bottom:38px; -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s; padding:35px 0 0;}
.pt4 .date{font-size:16px; color:#666; display:none;}
.pt4 .tit{font-size:20px; color:#000; font-weight:bold; transition:none; margin:5px 0;}
.pt4 .desc{font-size:16px; color:#555; line-height:26px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.pt4 .more{color:#3ca412; font-size:15px;  text-transform:uppercase; line-height:45px; position:relative; display:inline-block; *display:inline; *zoom:1; padding-right:40px; -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.pt4 .more:after{content:""; position:absolute; right:0; top:50%; width:7px; height:7px; background:url(../images/line_btn_jt_blue.png) no-repeat center; margin-top:-3px;}
.pt4 .l .con .pics{height:225px; overflow:hidden; position:relative;}
.pt4 .l .con .pics .video_box{ background-position:center; background-size:cover; position:absolute; left:0; top:0; bottom:0; right:0; -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.pt4 .l .con .pics:hover .video_box{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.pt4 .r li{overflow: hidden; padding:25px 0px 0; -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.pt4 .r li a >*{-moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.pt4 .l .con .center:hover{padding-left:50px; padding-right:50px;}
.pt4 .r li:hover .more,.pt4 .l .con .center:hover .more{color:#0e6db6; }
.pt4 .r li:hover .more:after;.pt4 .l .con .center:hover .more:after{content:"";  background:url(../images/line_btn_jt_red.png) no-repeat center;}
@media screen and (max-width: 1440px){
.pt4 .cn{ font-size: 32px; }
}
@media screen and (max-width: 1024px){
.pt4{background:#f0f6fc; height:660px;}
.pt4 .cn{ font-size: 24px; }
.pt4 .tit{font-size:18px;}
}
@media screen and (max-width: 768px){
.pt4{background:#f0f6fc; height:600px;}
.pt4 .cn{ font-size: 20px; }
.pt4 .l .con{padding-right:0px;}
.pt4 .l .con .center{margin-bottom:38px; padding:0px 0 0;}
.pt4 .tit{font-size:16px;}
.pt4 .r li{overflow: hidden; padding:15px 0px 0;}

}
@media screen and (max-width: 767px){
.pt4{height:1000px;}
}
.pt5{background:#ececee; }
.pt5 .t{font-size:30px; color:#0e68b0; margin-bottom:22px; font-weight:bold;}
.pt5 ul { margin-top:30px; }
.pt5 ul li{overflow: hidden;margin-bottom:20px;}
.pt5 ul li .img{display: block; background:#fff;  text-align:center; width:100%;box-sizing: border-box;-moz-box-shadow:0px 0px 3px #ccc; -webkit-box-shadow:0px 0px 3px #ccc; box-shadow:0px 0px 3px #ccc; border:1px solid #ccc; padding:10px; }
.pt5 ul li .img img{ width:100%}
/*.pt5 .swiper-pagination-bullet{ background:#000;opacity:.2}*/
@media only screen and (max-device-width: 1700px){
.pt5 ul li .img img{ width:92%; margin:0 auto;}
}
@media screen and (max-width: 1024px){
.pt5 .t{ font-size: 24px; }
}
@media screen and (max-width: 768px){
.pt5 .t{ font-size: 20px; }
}

/*内页banner*/
.page_banner{position:relative;  height:480px; margin-top: 90px;}
.page_banner .cat_box{position:absolute; bottom:45%; left:0; width:100%;}
.page_banner .cat_box .cat_name{font-size:38px; color:#fff; margin-bottom:30px;line-height:1; font-weight: bold;}
.page_banner .cat_box h4{font-size:20px; color:#fff; font-weight:normal;}
.about_banner{background:url(../images/about_banner.jpg) no-repeat center center; background-size:auto 100%;}
.news_banner{background:url(../images/news_banner.jpg) no-repeat center center;  background-size:auto 100%;}
.pro_banner{background:url(../images/pro_banner.jpg) no-repeat center center; background-size:auto 100%;}
.solution_banner{background:url(../images/solution_banner.jpg) no-repeat center center; background-size:auto 100%;}
.selection_banner{background:url(../images/selection_banner.jpg) no-repeat center center; background-size:auto 100%;}
.job_banner{background:url(../images/job_banner.jpg) no-repeat center center; background-size:auto 100%;}
.server_banner{background:url(../images/server_banner.jpg) no-repeat center center; background-size:auto 100%;}

@media (max-width:1440px){
.page_banner{height:360px;}
}
@media (max-width:1366px){
.page_banner{height:342px; margin-top:26px;}
.page_banner .cat_box .cat_name{font-size:30px;}
}
@media (max-width:1200px){
.page_banner{height:300px; margin-top:60px;}
.page_banner .cat_box .cat_name{font-size:26px;}

}
@media (max-width:992px){
.page_banner{ height:248px;}
.page_banner .cat_box h4{font-size:26px;}
}
@media (max-width: 768px){
.page_banner{margin-top: 54px; height:192px;}
.page_banner .cat_box h4{ display:none;}
.page_banner .cat_box{bottom:40%;}
.page_banner .cat_box .cat_name { margin-bottom: 0px;}
}
@media only screen and (max-width: 760px){
.page_banner .cat_box .cat_name {font-size:20px;margin-bottom: 10px;text-shadow:0 0 2px rgba(0,0,0,0.8); font-weight: normal; }
}
@media only screen and (max-width:425px){
.page_banner{  height:140px;}
.page_banner .cat_box{bottom:36%;}
}
@media only screen and (max-width:375px){
.page_banner{  height:140px;}
}
@media only screen and (max-width:325px){
.page_banner{  height:120px;}
}
.page_nav{height: 70px;line-height: 70px;border-bottom: 1px solid #eaeaea;}
.page_nav .crumb{float: right;}
.page_nav .crumb li{float: left;font-size: 16px;color: #666;}
.page_nav .crumb a{color: #666; float: left;font-size: 16px; position: relative; padding-left: 10px; padding-right: 10px;}
.page_nav .crumb .fa{  text-align: left; float: left; }
.page_nav .crumb a::after{ position: absolute; right: -10px; top: 0px; content: ">"; width: 15PX; height: 70PX; }
.page_nav .crumb a:last-child::after{ content: ""; width:0PX; }
.page_nav .r_sec{float: left;}
.page_nav .r_sec li{position:relative; float:left; font-size:18px; padding:0 15px; margin:0 15px;}
.page_nav .r_sec li:after{content:''; position:absolute; width:1px; height:12px; background:#dddddd; left:-10px; top:50%; margin-top:-6px;}
.page_nav .r_sec li:first-child:after{display:none;}
.page_nav .r_sec li:before{content:""; position:absolute; bottom:0; left:50%; right:50%; height:2px; background:#0c4d97; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;}
.page_nav .r_sec li:hover:before,
.page_nav .r_sec li.cur:before{left:0; right:0;}
.page_nav .r_sec li:hover a,
.page_nav .r_sec li.cur a{color:#0c4d97;}
.page_nav .r_sec li a{color:#666666;}
.page_nav .fa {margin:22px 8px 0; font-size:15px;}
.page_nav a:hover{color:#0c4d97;}
@media (max-width: 1336px){
.page_nav .r_sec li{position:relative; float:left; font-size:16px; padding:0 10px; margin:0 10px;}
}
@media only screen and (max-width: 992px){
.page_nav .crumb{display: none;}
}
@media (max-width: 768px){
.page_nav{line-height:50px; height:50px;}
.page_nav .r_sec li:after{left:-7px; }
}
@media (max-width:668px){
.page_nav{line-height:40px; height:40px;}
.page_nav .r_sec li{padding:0 8px; margin:0 8px;}
}    
@media only screen and (max-width: 425px){
.page_nav .container{padding-right: 0px;padding-left:1px;}
.page_nav{height: 40px;line-height: 40px;border-bottom: 1px solid #eaeaea;}
.page_nav .r_sec li{ font-size:14px; padding:0 6px; margin:0 6px; }
}
@media only screen and (max-width: 400px){.page_nav .r_sec li{ padding:0 5px; margin:0 4px; }
}



.m_sencondNav{position:relative; z-index:9; height:51px; }
.m_sencondNav .m_second.fixed{position:fixed; width:100%; left:0; top:60px; z-index:15;}
.m_sencondNav .m_second {position:relative;  border-bottom:1px solid #e8e8e8}
.m_sencondNav .m_second .home{background:#3680e3; border-right:1px solid #e8e8e8; width:50px; height:50px; float:left; line-height:50px; display:block; text-align:center;}
.m_sencondNav .m_second .home .fa{display:block; color:#fff; height:50px; line-height:50px;}
.m_sencondNav .m_second .m_second_hd{width:calc(100% - 51px); background:#f6f6f6; float:left}
.m_sencondNav .m_second .m_second_hd li{float:left; position:relative;}
.m_sencondNav .m_second .m_second_hd li{border-right:1px solid #e8e8e8;}
.m_sencondNav .m_second .m_second_hd li:last-child:after{border-right:none}
.m_sencondNav .m_second .m_second_hd li a{display:block; height:50px; line-height:50px; color:#666; padding:0 50px 0 23px; font-size:16px;}
.m_sencondNav .m_second .m_second_hd li:after,
.m_sencondNav .m_second .m_second_hd li:before{content:''; background:#a5a5a5; width:9px; height:2px; display:block; position:absolute; top:0; bottom:0; right:15px; margin:auto;}
.m_sencondNav .m_second .m_second_hd li:after{-webkit-transform:rotate(-90deg); transform:rotate(-90deg); transition:all 0.6s ease-out;} 
.m_sencondNav .m_second .m_second_hd li:before{-webkit-transform:rotate(0deg); transform:rotate(0deg); transition:all 0.6s ease-out;}
.m_sencondNav .m_second .m_second_hd li.cur:before{-webkit-transform:rotate(180deg); transform:rotate(180deg); background:#a5a5a5;}
.m_sencondNav .m_second .m_second_hd li.cur:after{-webkit-transform:rotate(180deg); transform:rotate(180deg); opacity:0; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'; background:#a5a5a5;}
.m_sencondNav .m_second .m_second_bd .erji{position:absolute; left:0; top:100%; width:100%; background:#f8f8f8; border-top:1px solid #e8e8e8; padding-bottom:10px; display:none;}
.m_sencondNav .m_second .m_second_bd .erji li a{padding:6px 20px 6px 63px; border-bottom: 1px solid #dedede; font-size:15px; color:#666; display:block}
.m_sencondNav .m_second .m_second_bd .erji li{margin-top:10px;}
.m_sencondNav .m_second .m_second_hd.active{background:#efefef;}
.m_sencondNav .m_second .m_second_hd.cur{background:#efefef;}
.m_sencondNav .m_second .m_second_bd .sanji{position:absolute; left:0; top:100%; width:100%; background:#efefef; border-top:1px solid #e8e8e8; padding-bottom:10px; display:none;}
.m_sencondNav .m_second .m_second_bd .sanji li a{padding:6px 20px 6px 63px; font-size:14px; color:#666;; display:block}
.m_sencondNav .m_second .m_second_bd .sanji li{margin-top:10px;}



.ny_nav{width: 100%; height: 55px; position: relative;}
.ny_nav h1 {width: 100%;display: block;line-height: 55px;height: 55px;background: #0e68b0 url(../images/ny_icon.png) 95% center no-repeat;background-size:auto 30%;color: #fff;font-size:16px; font-weight:normal; text-align:center;}
.ny_nav h1 dd{line-height: 55px; }
.ny_btnav{display: none;position: absolute;top: 55px;left: 0;width: 100%;overflow: hidden;background: #fff;z-index: 999;}
.ny_btnav li{text-align: center;width: 100%;height:45px;border-bottom: #EDEDED solid 1px;line-height: 45px; }
@media (max-width: 768px){
.ny_nav{height: 45px;}
.ny_nav h1 {line-height: 45px;height: 45px;}	
.ny_nav h1 dd{line-height: 45px; }
}
.about-page1 .desc { width: 80%; margin: 0 auto;}
.about-page1 .desc p{ line-height: 34px; color: #666; font-size: 16px;}
.about-page1 .about-lists {width:100%; margin:50px auto 30px;  text-align: center; }
.about-page1 .about-lists ul{ width:100%; margin:0 auto; text-align: center; }
.about-page1 .about-lists ul li{ float: left; width: 33.33333337%; }
.about-page1 .about-lists .icon { margin-bottom: 10px;}
.about-page1 .about-lists .index_about_name { line-height: 30px; display: block; color: #333; padding: 0 15%; font-size:18px; }
.about-page1 .line_btn.line_btn_jt_blue{position:relative; margin-top:50px;}
.about-page1 .line_btn::after{ right: 50px;}
.about-page1 .more{ width: 300px;  text-align: center; margin: 0 auto;}
.about-page2 {background: url('../images/about_bg.jpg')no-repeat center;-o-background-size: cover;   background-size: cover;}
.about-page2 .desc { font-size: 26px; line-height: 66px; color: #fff;}
.about-page2 .more a { color: #fff;}
.about-page2 .line_btn{position:relative; margin-top:50px; border-left: 1px solid rgba(255, 255, 255, .94);border-right: 1px solid rgba(255, 255, 255, .94);}
.about-page2 .line_btn::after{ right: 50px;}
.about-page2 .line_btn:hover{border-left:1px solid rgba(60, 163, 19, .94);border-right:1px solid rgba(60, 163, 19, .94);}
.about-page2 .more{ width: 300px;  text-align: center; margin: 0 auto;}

.about-page3 .li_ .cover{position:absolute; left:0; bottom:0; width:100%; z-index:2; background:url(../images/black.2.png);}
.about-page3 .li_ .cover .box{padding:30px 30px;}
.about-page3 .li_ .cover .box a{color:#fff;}
.about-page3 .li_ .cover .box .title{font-size:24px; line-height:30px; font-weight: bold; color:#fff; position: relative;}
.about-page3 .li_ .cover .box .title:after{content:'+'; position:absolute; width:30px; height:30px; top:0; right:0; color: #fff;}
.company-lists {width:100%; text-align: center;  padding:30px 0;  }
.company-lists ul{ margin:30px auto; text-align: center;  }
.company-lists ul li{ float: left; width: 25%; position:relative; list-style: none;text-align: center; }
.company-lists ul li:after{ position:absolute; right:1px; bottom:0; content:""; height:100%; width:1px; background:#ddd;}
.company-lists ul li:last-child:after{  width:0px; }
.company-lists .aboutlist_text .index_about_number {font-size:22px; color: #666;}
.company-lists .aboutlist_text .index_about_number .counter{ font-size: 60px;color: #3ca412; font-weight: bold;}
.company-lists .aboutlist_text .index_about_number sup{ font-size: 28px;}
.company-lists .aboutlist_text .index_about_lend { margin:10px 10% 8px; font-size:16px; line-height: 1.7; color: #333;}
.about_img{ margin-top: 70px;}
.about_img p{ font-size: 18px; line-height: 40px; text-align: center;}
.about_img .swiper-button-prev{ background:rgba(0, 0, 0, .74); left: 0px; width: 20px;height: 33px; }
.about_img .swiper-button-next{ background:rgba(0, 0, 0, .74); right: 0px; width: 20px;height: 33px; }

.company .desc { margin: 0 auto;}
.company .desc p{ line-height: 34px; color: #666; font-size: 16px;}
.company .about-lists {width:100%; margin:50px auto 30px;  text-align: center; }
.company .about-lists ul{ width:100%; margin:0 auto; text-align: center; }
.company .about-lists ul li{ float: left; width: 33.33333337%; }
.company .about-lists .icon { margin-bottom: 10px;}
.company .about-lists .index_about_name { line-height: 30px; display: block; color: #333; padding: 0 15%; font-size:18px; }

@media (max-width: 1200px){
.about-page1 .desc { width: 100%; }
.about-page2 .desc { font-size: 22px; line-height: 46px;}
.about-page3 .li_ .cover .box .title{font-size:20px; }
.about-page3 .li_ .cover .box{padding:20px 20px;}
.about-page1 .about-lists .index_about_name { line-height: 28px; padding: 0 10%; font-size:16px; }
}
@media (max-width: 768px){
.company-lists ul li{ width: 50%; margin-bottom: 20px; }
.company-lists ul li:nth-child(2n):after{  width:0px; }
.company-lists .aboutlist_text .index_about_number .counter{ font-size: 40px;color: #3ca412; font-weight: bold;}
.company-lists .aboutlist_text .index_about_number {font-size:18px; color: #666;}
.company-lists sup {top: -.15em;}
.about-page2 .desc { font-size: 20px; line-height: 46px;}
.about-page3 .li_ { margin-bottom: 15px;}
.about-page3 .li_ .cover .box{padding:10px 10px;}
.about-page3 .li_ .cover .box .title:after{content:'+'; width:20px; height:20px; }
.about_img{ margin-top: 40px;}

}
@media (max-width: 468px){
.about-page2 .desc { font-size: 18px; line-height: 36px;}
.about-page3 .li_ .cover .box .title{font-size:18px; }
.about_img{ margin-top: 30px;}
}
.culture-page1 {background: url('../images/culturebg1.jpg') no-repeat center;-o-background-size: cover; background-size: cover;}
.culture-page1 .left{float:left; width:30.5%; margin-left:15%;}
.culture-page1 .left .img{position:relative;}
.culture-page1 .left .img .cover{position:absolute; width:100%; height:100%; top:0; left:0; transition:.5s ease;}
.culture-page1 .left .img .cover.cur{transform:rotateZ(180deg); top: 10px;left: -66px;}
.culture-page1 .left .img ul li{position:absolute; top:50%; font-size:18px; color:#777; transform:translateY(-50%); cursor:pointer;}
.culture-page1 .left .img ul li.li1{left:-120px;}
.culture-page1 .left .img ul li.li2{right:-40px;}
.culture-page1 .left .img ul li.cur{font-size:24px; color:#000;}
.culture-page1 .right{width:45.2%; float:right;}
.culture-page1 .right .item{margin-top:60px;}
.culture-page1 .right .item .title{font-size:24px; color:#8c8c8c; margin-bottom:10px;}
.culture-page1 .right .item .con{font-size:16px; color:#8c8c8c;}
.culture-page1 .right .item.cur .title,
.culture-page1 .right .item.cur .con{color:#000;}
@media only screen and (max-width:1600px){
.culture-page1 .left .img .cover.cur{ left: -28px;}
.culture-page1 .left .img ul li.li2{right:-100px;}
}
@media only screen and (max-width:1439px){
.culture-page1 .left .img .cover.cur{ left: -6px; top: 9px;}
.culture-page1 .left .img ul li.li2{right:-110px;}
}
@media only screen and (max-width:1365px){
.culture-page1 .left .img .cover.cur{ left: 12px; }
}
@media only screen and (max-width:1300px){
.culture-page1 .left .img .cover.cur{ left: 25px; }
}
@media only screen and (max-width:1280px){
.culture-page1 .left .img .cover.cur{ left: 25px; }
}
@media only screen and (max-width:1270px){
.culture-page1 .left .img .cover.cur{ left: 40px; }
}
@media only screen and (max-width: 1240px){
.culture-page1 .left{width:39.7%; margin-left:25%;}
.culture-page1 .right{width:100%;}
.culture-page1 .right .item:first-child{margin-top:0;}
.culture-page1 .left .img .cover.cur{ left: -66px;}
}
@media only screen and (max-width: 1200px){
.culture-page1 .left{width:41.7%;}
}
@media only screen and (max-width: 1150px){
.culture-page1 .left{width:42.2%; }
}
@media only screen and (max-width: 1080px){
.culture-page1 .left{width:45.6%; }
}
@media only screen and (max-width: 1024px){
.culture-page1 .left{width:48%; }
}
@media only screen and (max-width: 992px){
.culture-page1 .left{width:51%; }
}
@media only screen and (max-width: 900px){
.culture-page1 .left{width:54%; }
}
@media only screen and (max-width: 880px){
.culture-page1 .left{width:55.5%; }
}
@media only screen and (max-width: 850px){
.culture-page1 .left{width:57.5%; }
}
@media only screen and (max-width: 820px){
.culture-page1 .left{width:60%; }
}
@media only screen and (max-width:768px){
.culture-page1 .left{width:63.5%; margin-left: 20%;}
.culture-page1 .left .img ul li.li2{right:-60px;}

}
@media only screen and (max-width: 668px){
.culture-page1 .left{width:70%; margin-left:15%;}
.culture-page1 .left img{ width: 100%;}
.culture-page1 .left .img ul li{font-size:14px;}
.culture-page1 .left .img ul li.cur{font-size:16px;}
.culture-page1 .left .img ul li.li1{left:-70px;}
.culture-page1 .left .img ul li.li2{right:-70px;}
.culture-page1 .left .img .cover.cur{ left: 0px;}
.culture-page1 .right .item .title{font-size:18px;}
.culture-page1 .right .item{margin-top:20px;}
.culture-page1 .right .item .con{font-size:15px;}
}
.culture-page2 {background: url('../images/culturebg2.jpg') no-repeat center;-o-background-size: cover; background-size: cover;}
.culture-page2 .box ul li .culture-item { padding: 50px 20px; background: #fff;text-align: center; }
.culture-page2 .box ul li .culture-item h3 { font-size: 24px; color: #333; position: relative; padding-bottom: 20px; margin-bottom: 20px; margin-top: 20px;}
.culture-page2 .box ul li .culture-item h3:after { position: absolute; left: 40%; bottom: 0; content: ""; width: 40px; height:3px; background-color:#0e6db6;} 
.culture-page2 .box ul li .culture-item p { font-size: 16px; line-height: 32px; height: 58px; color: #666;}
.culture-page2 .box ul li .culture-item .culture-ico { height: 85px; line-height: 85px;}
.culture-page2 .box ul li .culture-item .culture-ico.culture-ico1{ background: url(../images/culture_ico1.png) no-repeat center;} 
.culture-page2 .box ul li .culture-item .culture-ico.culture-ico2{ background: url(../images/culture_ico2.png) no-repeat center;} 
.culture-page2 .box ul li .culture-item .culture-ico.culture-ico3{ background: url(../images/culture_ico3.png) no-repeat center;} 
.culture-page2 .box ul li .culture-item .culture-ico.culture-ico4{ background: url(../images/culture_ico4.png) no-repeat center;} 
@media (max-width:1440px){
.culture-page2 .box ul li .culture-item { padding: 50px 30px;}
.culture-page2 .box ul li .culture-item p { font-size: 15px; }
}
@media (max-width:1366px){
.culture-page2 .box ul li .culture-item { padding: 40px 15px 40px 20px;}
.culture-page2 .box ul li .culture-item h3 { font-size: 22px; }
}
@media (max-width:1280px){
.culture-page2 .box ul li .culture-item { padding: 30px 10px 30px 15px;}
.culture-page2 .box ul li .culture-item p {line-height: 28px;}
.culture-page2 .box ul li .culture-item h3 { font-size: 20px; }

}
@media (max-width:1180px){
.culture-page2 .box ul li .culture-item h3 { font-size: 20px; }
.culture-page2 .box ul li .culture-item p {line-height: 26px;}
}
@media (max-width:768px){
.culture-page2 { width: 100%; float: none; }
.culture-page2 .box ul li { margin-bottom: 20px;}
.culture-page2 .box ul li .culture-item { padding: 20px 11px;}
.culture-page2 .box ul li .culture-item h3 { font-size: 18px; padding-bottom: 10px; margin-bottom: 10px;}
.culture-page2 .box ul li .culture-item p {line-height: 24px;}
.culture-page2 .box ul li .culture-item .culture-ico { height: 75px; line-height: 75px;}
}
.honor li .img{ padding: 15px; border: 1px solid #dcdcdc;}
.honor li .infor{padding:20px 0px; text-align:center; }
.honor li .infor .title{ font-size: 18px; }
.honor li:hover .infor .title {color:#0e6db6; }
.honor li img{ width:100%;}

.equipment li .infor{padding:20px 0px; text-align:center; }
.equipment li .infor .title{ font-size: 17px; }
.equipment li img{ width:100%;}

.chairman {background: url('../images/chairman_bg.jpg') no-repeat left bottom;-o-background-size: cover; background-size: cover;}
.chairman .infor p{ line-height: 32px; font-size: 16px; color: #666;}
.coporation.pt5{ background-color: #fff;}
.coporation ul{ margin-top: 0px;}
@media (max-width:768px){
.honor li .infor{padding:10px 0px; }
.honor li .infor .title{ font-size: 16px; }
.equipment li .infor{padding:10px 0px; text-align:center; }
.equipment li .infor .title{ font-size: 16px; }
.chairman .infor p{ line-height: 28px; font-size: 15px; }
}

.news_list { clear: both;}
.news_list .list_box{padding:45px 0px;position:relative;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.news_list .list_main{overflow:hidden; width:64%; float: left; margin-left: 4%; margin-right: 4%;}
.news_list .list_title{font-size:24px;color:#333; line-height:36px;font-weight: bold; display:block;}
.news_list .list_p{ color:#666;line-height: 28px;height:56px; font-size: 16px; margin-top:20px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;	-webkit-box-orient: vertical;}
.news_list .list_box:after{content: "";width:100%;height:1px;background-color:#e6e6e6;position:absolute;bottom:0;right:0;}
.news_list .more{overflow:hidden; width:15%; float:left;}
.news_list .line_btn.line_btn_jt_blue{position:relative; margin-top:20px;}
.news_list .line_btn::after{ right: 50px;}
.news_list .list_time{ color:#333; padding:0 2% 1.5% 0; background: #f6f6f6 url(../images/time_bg.png) center center; width:13%; float:left;text-align: right;}
.news_list .list_time_day{display:block;font-size:42px; color: #999; font-weight: bold; text-align: left; line-height: 30px; padding-top: 30px; padding-left:30px;  }
.news_list .list_time_year{ font-size:16px;color: #666; line-height:40px; text-align: right; margin-left: 5px; }
.list_time_m{ display:none; line-height:28px; font-size:14px; margin-top:5px;}
.news_list li:hover .list_box:after{background-color:#e6e6e6;}
.news_list li:hover .list_p a:hover{color:#666;}
.news_list li:hover .common_btn .iconfont{color:#fff;}
.news_list li:hover .common_btn{background:#3ca313;}
.news_list li:hover .common_btn::before{opacity:0;filter: alpha(opacity=0);-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
.news_list li:hover .common_btn>span{opacity:1;filter: alpha(opacity=100);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);display: inline-block;}
.news_list li:hover .common_btn>span.sep{width: 5px;height: 5px;display: inline-block;}
.news_list li:hover .common_btn>span:nth-child(1){-webkit-transition-delay:45ms;transition-delay:45ms}
.news_list li:hover .common_btn>span:nth-child(2){-webkit-transition-delay:.09s;transition-delay:.09s}
.news_list li:hover .common_btn>span:nth-child(3){-webkit-transition-delay:.135s;transition-delay:.135s}
.news_list li:hover .common_btn>span:nth-child(4){-webkit-transition-delay:.18s;transition-delay:.18s}
.news_list li:hover .line_btn::after{opacity:0; filter: alpha(opacity=0);-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0); visibility:hidden;}

@media only screen and (max-width:1440px){
.news_list .list_main{overflow:hidden; width:62%; float: left; margin-left: 4%; margin-right: 4%;}
.news_list .more{overflow:hidden; width:17%; float:left;}
}
@media only screen and (max-width:1366px){
.news_list .list_main{overflow:hidden; width:63%; float: left; margin-left: 3%; margin-right: 3%;}
.news_list .more{overflow:hidden; width:18%; float:left;}
}
@media only screen and (max-width:1280px){
.news_list .list_main{overflow:hidden; width:63%; float: left; margin-left: 2%; margin-right: 2%;}
.news_list .more{overflow:hidden; width:20%; float:left;}
}
@media only screen and (max-width:1240px){
.news_list .list_hd{padding:30px 20px;}
.news_list .list_box{padding:30px 10px 30px;}
.news_list .list_time_day{display:block;font-size:36px;padding-top: 30px; padding-left:20px;  }
.news_list .list_time{ padding:0 1% 1.5% 0; }
.news_list .list_title{font-size:18px; line-height:30px;}
}
@media only screen and (max-width:768px){
.news_list .bd_r{float: none;width:100%; margin-left:0; margin-bottom:20px;}
.news_list .list_main{width:100%; margin-left: 0; margin-right: 0;}
.news_list .list_box{padding:1px 0px 20px;}
.news_list li{margin-bottom:20px;}
.news_list .list_box:after{width:100%;}
.news_list .list_bd ul{ margin-bottom: 30px; }
.news_list .list_title{font-size:16px; line-height:26px;}
.news_list .list_p{ color:#666;line-height: 24px;height:48px; font-size:15px; margin-top:5px;}
.news_list .list_time{ display:none; }
.list_time_m{ display: block;}
.news_list .more{ width:100%; }

}
.show-pro { padding-right: 40px;}
.show-pro .param-t{font-size: 30px; font-weight: bold; color: #333; padding-bottom:30px;border-bottom:1px solid #ccc; margin-bottom: 30px; }
.show-pro p,.show-pro div { line-height: 30px;}
.show-pro .param-tit{font-size: 30px; font-weight: bold;  padding-bottom:15px; color: #333; }
.show-pro .param-s{ font-size: 15px; margin-bottom: 30px; color: #666; border-bottom:1px solid #e5e5e5; padding-bottom: 30px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;
-webkit-line-clamp: 2;	-webkit-box-orient: vertical;}
.show-pro .param-c h3{ font-size: 18px; font-weight: bold; line-height: 50px; }
.show-pro .param-c p{ line-height:32px; font-size: 16px; color: #666; }
.show-pro .param-img{  margin-bottom: 20px; }
@media(max-width:1365px) {
.show-pro img{ width: 100%;}
}
@media(max-width:1280px) {
.show-pro .param-t{font-size: 20px;padding-bottom:20px; }
.show-pro .param-tit{font-size: 20px; }
.show-pro .param-c { padding-top: 20px;}
}
@media(max-width:1200px) {
.show-pro { padding-right: 0px;}
}
@media(max-width:992px) {
.show-pro { padding-right: 0px;}
.show-pro .param-tit{font-size: 18px; }
.show-pro .param-s{ margin-bottom: 20px; padding-bottom: 20px;}
.show-pro .param-c { padding-top: 10px;}
.show-pro p,.show-pro div { line-height: 28px;}
}
@media(max-width:680px) {
.show-pro .param-t{font-size: 18px; padding-bottom:10px;}
.show-pro .param-tit{font-size: 16px; }
.show-pro .param-c p{ font-size: 15px;line-height:26px;}
.show-pro .param-s{ margin-bottom: 20px; }
.show-pro .param-c { padding-top: 0px;}

}

.left_nav{ background-color: #f6f9fd; margin-bottom: 25px;}
.left_nav dl{ padding: 30px 0;}
.left_nav dt{ line-height: 58px; font-size: 18px; font-weight: bold; padding-left: 35px;}
.left_nav dd{line-height: 35px; padding-bottom: 10px; font-size: 16px;padding-left: 35px; color: #666; }
.left_nav .date{ font-size: 14px;} 
.left_share { padding-bottom: 40px;}
.left_share .fa{ width: 40px; height: 40px; line-height: 40px; border-radius: 100%; border: 1px solid #999; color: #999; text-align: center; }
.left_share dd{ margin-top: 20px; padding-bottom: 0px;}
.left_share .wechat { position: relative;}
.left_share .wechat:hover .vx { display: block;}
.left_share .wechat .vx::after { content: ''; position: absolute; left: 50%; margin-left: -6px; bottom: -13px; width: 0; height: 0; border-width: 8px 6px 6px 6px; border-style: solid; border-color: #fff transparent transparent transparent}
.left_share .wechat .vx { position: absolute; top: -185px; width: 180px; height: 172px; text-align: center; box-shadow: 0 2px 10px #aaa; background-color: #fff; z-index: 999; left: -75px; display: none;}
.left_share .wechat .vx h4 { font-weight: normal; height: 26px; line-height: 26px; font-size: 12px; background-color: #f3f3f3; margin: 0; padding: 0; color: #777;}
.left_share .wechat .vx .help p { font-weight: normal; line-height: 16px; padding: 0; margin: 0; font-size: 12px; color: #333;}
.left_share .wechat .vx .vx-img img { width: 100px; height: 100px; margin: 10px auto; display: block;}
.left_share .share-item { margin-right:8px;}
.left_share>a:last-child { margin-right: 0;}
.left_share .return {background-color: #0e6db6; margin-left: 35px; margin-right: 35px; height: 50px; line-height: 50px;  text-align: center;}
.left_share .return a{color: #fff; }

.page_pro ul li .pro-item .rect {padding-bottom: 78%;}
.page_pro ul li img{ width:100%;}
.page_pro ul li .pro-item:hover .img-box img {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.page_pro ul li .pro-item p { line-height:35px; font-size: 16px; padding: 10px 0;}
@media(max-width:1366px) {
.left_nav dt{font-size: 22px; padding-left: 25px;}
.left_nav dd{ padding-left: 25px; }
.left_news dd{ margin: 15px 25px;}
.page_pro ul li .pro-item p { line-height:25px; font-size: 16px; height: 70px;}
.left_share .return { margin-left: 25px; margin-right: 25px; height: 40px; line-height: 40px; }

}
@media(max-width:1280px) {
.left_nav dt{ line-height: 48px;font-size: 18px; padding-left: 15px;}
.left_nav dd{line-height: 25px; font-size: 16px;padding-left: 15px; }
.left_news dd{ margin: 15px 15px; padding-left: 5px; padding-right: 5px;}
.page_pro ul li .pro-item p { font-size: 15px; height: 70px;}
}
.pro_nav .info{ border: 1px solid #eeeeee;box-shadow: 0 0 8px rgba(153,153,153,0.4); text-align: center; margin-bottom: 70px;}
.pro_nav .info ._img{ position: relative; left: 0; transition:all ease-in .3s;  padding:10px 10px;}
.pro_nav .info ._img ._t{ padding-top: 10px; font-size:18px; line-height:22px; color:#333e46;}
.pro_nav .info ._img1{ position: absolute; left: 0; top: 0; bottom: 0; width: 100%; background:rgba(0,84,153,.8); z-index: 2; color: #fff;}
.pro_nav .info ._img1 { left:0;  filter:alpha(opacity=0); opacity:0;}
.pro_nav .info ._img1 img{ width:100%; height: 100%; }
.pro_nav .info ._img1 ._st{ position: absolute; left:0; bottom: 40%; width: 100%; margin: 0 auto; font-size:18px; text-align: center; color: #fff;}
.pro_nav .info a:hover ._img { left:0; }
.pro_nav .info a:hover ._img1 { filter:alpha(opacity=100); opacity:1; }
.pro_nav .info a:hover ._img1 ._st:after{ background-color:#fff;}

@media screen and (max-width: 1440px){
.pro_nav .info ._img ._t{font-size:16px; }
.pro_nav .info ._img1 ._st{ font-size:16px;}
}
@media screen and (max-width: 1366px){
.pro_nav .info .rect-85 {padding-bottom: 93%;}
}
@media screen and (max-width: 1280px){
.pro_nav .info{ margin-bottom: 50px;}
.pro_nav .info .rect-85 {padding-bottom: 108%;}
}		
@media screen and (max-width: 1024px){
.pro_nav .info .rect-85 {padding-bottom: 130%;}
.pro_nav .info ._img ._t{font-size:18px; margin-bottom: 10px;}
.pro_nav .info ._img1 ._st{ font-size:18px;}
}
@media screen and (max-width: 768px){
.pro_nav .info{ margin-bottom: 30px;}
.pro_nav .info .rect-85 {padding-bottom: 110.3%;}
.show-pro .param-c h3{ font-size: 16px;}
}
@media screen and (max-width: 568px){
.pro_nav .info ._img ._t{font-size:16px; }
.pro_nav .info ._img1 ._st{ font-size:16px;}
.pro_nav .info ._img ._t{ padding-top: 10px; margin-bottom:10px; }
}
.pro_serch { width: 70%; margin: 0 auto;}
.pro_serch li{float: left;margin-right:3%;width: 38%;}
.pro_serch li:last-child{width: 12%; margin-right: 0}
.pro_serch li select,.pro_serch li input{color:#999; padding-left:15px; padding-right: 15px; border:1px #e5e5e5 solid; width:100%; height: 55px;font-family: "Microsoft YaHei"; font-size: 16px;}
.pro_serch li .button {text-align: center; border: 0px; }
.pro_serch li .button button {padding: 15px 25px;background-color: #3ca313;width: 100%;color: #fff; border: 0px;}
.pro_list { margin-top: 70px;}
.pro_list dl{ margin-top: 70px;}
.pro_list li { margin-bottom: 20px;}
.pro_list li .infor{  text-align:center; }
.pro_list li .infor .title{ font-size: 18px; color: #333; line-height: 50px; }
.pro_list li .img{border: 1px solid #e5e5e5;}
.pro_list li img{ width:100%;}
@media screen and (max-width:1200px){
.pro_serch { width: 90%;}
.pro_serch li:last-child{width: 15%; margin-right: 0}
.pro_list { margin-top: 50px;}

}
@media screen and (max-width: 768px){
.pro_list { margin-top: 30px;}
.pro_list li .infor .title{ font-size: 16px;line-height: 40px; }
.pro_list li { margin-bottom: 10px;}
}

.pro_serch .tx-input { width: 100%; height: 62px; position: relative; padding-left: 30px; box-sizing: border-box; display: inline-block; transition: .5s ease-in-out; line-height: 60px; border-radius: 30px;border: 1px solid #e5e5e5;}
.pro_serch .tx-input input[type=submit] { width: 10%; height: 40px; background: url(../images/i1.png) no-repeat center; overflow: hidden; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; transition: .5s ease-in-out;}
.pro_serch .tx-input input { border: none; outline: none; background: none; display: block;}
.pro_serch .tx-input input[type=text] { width: 90%; height: 100%;}

.pro_left_nav{ background-color: #f6f9fd; margin-bottom: 25px;}
.pro_left_nav dt{ line-height: 80px; font-size: 30px; color: #fff; font-weight: bold;  padding:10px 40px 10px 60px; width: 100%; background-color: #0e6db6; text-align: left; }
.pro_left_nav dd{line-height: 70px;padding-left: 60px; padding-right: 40px; font-size: 18px;  color: #666; border-bottom: 1px solid #dcdcdc; position: relative; }
.pro_left_nav dd:after{ position: absolute; right: 40px; bottom: 28px; content: ""; background: url(../images/jt1.png) no-repeat; width: 19px; height: 19px;}
.pro_left_nav dd:hover{background:#509cd6; }
.pro_left_nav dd:hover:after{ background: url(../images/jt2.png) no-repeat;  }
.pro_left_nav dd:hover a{ color: #fff;}
.pro_left_nav .date{ font-size: 14px;} 

.selection_banner_content{ padding-top:7%;}
.selection_banner_content .page-tit h3{ font-size: 36px; color:#fff; margin-bottom: 50px;}
.selection{ margin-bottom: 70px;}
.selection_banner_content .pro_serch { width:76%; margin: 0 auto;}
.selectionbg{ background-image: url(../images/selectionbg.jpg); background-position: bottom left; background-size:cover; padding:50px; height: 100%; min-height: 390px; }
.selectionbg dl{ height: 100%;}
.selectionbg dt{ font-size: 24px; font-weight: bold; margin-bottom: 20px; color: #0e6db6;}
.selectionbg dd { font-size: 16px; width: 33.333333337%; float: left; margin-bottom: 10px; color: #666; border-bottom: 1px solid #dcdcdc; line-height: 36px;height: 36px; overflow: hidden;}
.selectionbg dd span{ margin-right: 10px;}
.selectionbg1{min-height: 250px; }
.selectionbg2{min-height: 290px; }
.selectionbg3{min-height: 200px; }
.selectionbg4{min-height: 350px; }
.selectionbg5{min-height: 500px; }
.selectionbg6{min-height: 630px; }
.selectionbg7{min-height: 450px; }
@media screen and (max-width:1200px){
.selectionbg{ padding:40px;}
.selectionbg dt{ font-size: 20px; }
.selectionbg dd { font-size: 15px; line-height: 32px;}
}
@media screen and (max-width:1024px){
.selectionbg1{min-height: 240px; }
.selectionbg2{min-height: 330px; }
.selectionbg3{min-height: 240px; }
.selectionbg4{min-height: 390px; }
.selectionbg5{min-height: 540px; }
.selectionbg6{min-height: 770px; }
.selectionbg7{min-height: 490px; }
}
@media screen and (max-width:768px){
.selectionbg{ padding:20px;}
.selectionbg dt{ font-size: 18px; }
.selectionbg dd { font-size: 15px; width:50%;line-height: 32px;}
.selectionbg{ min-height: 450px; }
.selectionbg1{min-height: 260px; }
.selectionbg2{min-height: 350px; }
.selectionbg3{min-height: 240px; }
.selectionbg4{min-height: 390px; }
.selectionbg5{min-height: 620px; }
.selectionbg6{min-height: 770px; }
.selectionbg7{min-height: 510px; }
}
@media screen and (max-width:568px){
.selectionbg dt{ font-size: 16px; }
.selectionbg dd { font-size: 14px; width:100%;line-height: 26px;}
.selectionbg{ min-height: 580px; }
.selectionbg1{min-height: 300px; }
.selectionbg2{min-height: 350px; }
.selectionbg3{min-height: 240px; }
.selectionbg4{min-height: 480px; }
.selectionbg5{min-height: 770px; }
.selectionbg6{min-height: 1040px; }
.selectionbg7{min-height: 700px; }

}

.solution .list_title{font-size:30px;color:#333;font-weight:normal;margin-bottom:10px;}
.solution .list_text{color:#555; padding-left:40px;padding-top:40px; padding-right: 40px;}
.solution .list_text h3{ color: #333; font-size: 24px;margin-bottom: 30px; }
.solution .list_text p{ line-height:36px; margin-bottom:10px; font-size:16px;}
.solution .list_text strong{ color: rgb(54, 96, 146); font-size:16px;}
.solution ul li { background:#f6f6f6; }
.solution .list_l{ width:50%; float:left; }
.solution .list_r{ width:50%; float:right;}
.solution ul li:nth-child(2n) .list_l{float:right;}
.solution ul li:nth-child(2n) .list_r{ float:left;}
.solution .more{ margin-top: 30px;}
.solution .line_btn.line_btn_jt_blue{ left: auto; bottom: auto;}
@media (max-width: 1366px){
.solution .rect-275{ padding-bottom: 30%;}
}
@media (max-width: 1280px){
.solution .list_text h3{font-size: 22px; margin-bottom: 20px; }
.solution .list_text p{ line-height:32px; margin-bottom:5px;}
}
@media (max-width: 1200px){
.solution .list_text p{ line-height:30px; font-size: 15px;}
.solution .list_text h3{font-size: 20px; margin-bottom: 15px; }
.solution .rect-62{ padding-bottom: 66%;}

}
@media (max-width: 1024px){
.solution .list_text{ padding-left:25px;padding-top:25px; padding-right: 25px;}
.solution .list_text p{ line-height:28px; margin-bottom:5px;}
.solution .list_text h3{font-size: 18px; margin-bottom: 12px; }
.solution .more{ margin-top: 10px;}
.solution .more .line_btn{ line-height: 45px; padding: 0 110px 0 30px;}
}
@media (max-width: 992px){
.solution .list_text{ padding-left:20px;padding-top:20px; padding-right: 20px;}
}
@media (max-width: 880px){
.solution .list_text p{ line-height:26px; margin-bottom:2px;}
}
@media (max-width: 768px){
.solution ul li { margin-bottom: 25px;}
.solution .list_text{ padding-left:30px;padding-top:30px; padding-right: 30px;}
.solution .rect-275{ padding-bottom:90%;}
.solution .list_text p{margin-bottom:10px;}
.solution .list_l{ width:100%;  height: 260px;float: none; }
.solution .list_r{ width:100%; float:none;}
.solution .more{ margin-top: 20px;}
}
@media (max-width: 568px){
.solution .rect-275{ padding-bottom:120%;}
.solution .list_l{ height: 300px; }
.solution .list_text{ padding-left:20px;padding-top:20px; padding-right: 20px;}

}
@media (max-width: 468px){
.solution .rect-275{ padding-bottom:160%;}
.solution .list_l{ height: 360px; }
}
.solution_list .desc{ font-size: 16px; text-align: center; line-height: 34px;}

.job .item{background:#fff; padding:35px 25px; color:#666; }
.job .item .icon{ text-align: center;}
.job .item .con{ text-align: center; font-size: 16px; line-height: 30px; color: #666;}
.job .item .t{font-size:24px; color: #333; line-height: 45px; margin:15px 0;}
@media only screen and (max-width:768px) {
.solution_list .desc{line-height: 28px;}
.job .item{ padding:25px 15px;}
.job .item .t{font-size:16px; margin:10px 0 10px; line-height: 35px; }
.job .item .con{font-size:15px; line-height: 26px;  }
.job .item .con span{font-size:15px; }
}	
.join { background-color: #f6f6f6; background-size:cover ;}
.join .list_box{display:block;background:#fff;padding:10% 8%;color:#000;background-position:center 20px;}
.join .list_box dl{min-height:280px;margin-bottom:30px; color: #666666;}
.join .list_box dt{font-size:24px; color: #3ca412;position:relative; margin-bottom: 26px; padding-bottom: 18px;font-weight:bold;}
.join .list_box dd{font-size:18px; line-height: 30px; margin-bottom:15px;font-weight:bold;}
.join .list_box dd em{font-weight:normal;}
.join .list_box dt:after{ content: ""; display:block;width:100%;height:1px;background-color: #c5c5c5; position:absolute;bottom:0px;left:0; }
.join .more { margin-top: 40px;}
.join .more .line_btn.line_btn_jt_blue{ left: auto; bottom: auto;}
.join li:hover .line_btn,.join a:hover .line_btn:hover{border-left:1px solid #fff;border-right:1px solid #fff;}
.join li:hover span{ color: #fff;}
.join li:hover .line_btn.line_btn_jt_blue::after{background: url(../images/line_btn_jt.png) no-repeat center;}
.join li:hover .list_box{background-color:#3ca412;background-image:url(../images/.join.jpg);background-repeat:no-repeat;background-position:center 0;background-size:cover;}
.join li:hover .list_box .more_btn{background:transparent;border-color:#000;}
.join li:hover .list_box .list_time{border-color:#fff;}
.join li:hover .list_box .el{color:#fff;}
.join li:hover .list_box dt:after{background-color: #fff; }
.join .list_box .duty,
.join .list_box .rzzg{display:none;}
.join .list_popup{position:fixed;width:100%;height:100%;background:rgba(0,0,0,.60); z-index: 9999; filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99000000,endcolorstr=#99000000);top:0;left:0;z-index:60;display:none;}
.join .list_popup .close_btn{cursor:pointer;}
.join .list_popup_box{position:absolute;width:50%;height:540px;top:54%;margin-top:-250px;left:50%;margin-left:-25%;background:#fff;border-radius:10px;}
.join .list_popup_main{padding: 20px 40px;}
.join .popup_hd{line-height:2.4em; font-size:30px; font-weight:bold; color:#333333; border-bottom:#d2d2d2 1px solid;margin-bottom:16px;}
.join .popup_hd .hd_title{width:80%; font-size:24px;color:#3ca412; font-weight: bold; line-height: 45px; padding-bottom: 15px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.join .popup_bd{height:320px;overflow-y:auto ; margin-bottom:20px;}
.join .popup_bd dl{color:#000;margin-bottom:10px;line-height:1.8;}
.join .popup_bd dt{width:14%;color:#000;font-size: 16px; line-height: 35px;}
.join .popup_bd dd{width:80%; font-size: 16px;color:#666; line-height: 35px;}
.join .popup_bottom{width:80%;margin-left:14%;background-color: #cfcfcf;padding:15px 3%;}
.join .popup_bottom a{font-weight:bold; color:#2e3669; text-decoration:underline;}
.join .common-btn{margin-left:14%;}
.modal-container {position: fixed;top: 0;left: 0;z-index: 10;display: none;justify-content: center;align-items: center;width: 100%;height: 100%;background: hsla(0, 0%, 40%, .6);}
.modal-container:target {display: flex;}

.server .left .param-t {font-size:24px;color: #333; margin-bottom: 30px;}
.server .left .param {margin-bottom: 30px;}
.server .left .param-t::before {content: "";display: inline-block;vertical-align: middle;height: 25px;width: 3px;margin-right: 10px;background-color: #3ca313;}
.server .left .param-c{ font-size: 16px; color: #666; line-height: 32px;}
@media(max-width:1200px) {
.join .list_box dt{font-size:20px;margin-bottom: 20px; padding-bottom: 10px;}
.join .list_box dd{font-size:16px; margin-bottom:5px;}
.server img{ width: 100%;}
.join .list_popup_box{width:60%;height:540px;top:54%;margin-top:-250px;left:40%;margin-left:-20%;}
}
@media(max-width:992px) {
.server .left .param-t {font-size: 20px;margin-bottom: 20px;}
.server .left .param-t::before {height: 25px;}
.server .left .param-c{ font-size: 15px; line-height: 28px;}
.join .list_box dt{font-size:18px;margin-bottom: 10px;}
.join .list_box dd{font-size:15px; margin-bottom:5px;}
.join .list_box dl{min-height:220px;margin-bottom:20px; }
.join .list_box{ padding:6% 4%; }
}
@media(max-width:768px) {
.join li{ margin-bottom: 15px;}
.join .list_popup_box{width:96%;height:440px;top:54%;margin-top:-250px;left:1%;margin-left:1%;}
.join .popup_hd .hd_title{font-size:20px; line-height: 35px;}
.join .list_popup_main{padding: 20px 20px;}
.join .popup_bd dt{width:100%;color:#000; }
.join .popup_bd dd{width:100%;  color:#666; }

}
.contact-page ul {display: flex;justify-content: space-between; margin-top:40px; margin-bottom:40px;}
.contact-page ul li {flex: 1;text-align: center;}
.contact-page ul li:last-child {border-right: 0;}
.contact-page ul li .contact-t {font-size: 18px;margin-top: 20px; margin-bottom: 10px; }
.contact-page ul li .contact-c {font-size: 16px;color: #666;line-height: 30px;}
.contact-page .map { height: 659px;width: 100%;width: 100%;margin-top: 40px;}
.contact-page .map #map {height: 100%;}
.message-main .form-main {padding-top: 20px;}
.message-main .form-item {margin-bottom: 20px;}
.message-main form .button {text-align: center;}
.message-main form .button button {padding: 25px 70px;background-color: #0e6db6;color: #fff;}
.message-main .form-item {border-bottom: 1px solid #dcdcdc;line-height: 60px; height: 60px;  }
.message-main .form-item span{ width:4%; float: left;}
.message-main .form-item input {width: 93%;border: 0;  float: left;font-size: 16px; line-height: 58px;  }
.message-main .form-area{border-bottom: 1px solid #dcdcdc; height: 150px;margin-bottom: 50px;}
.message-main .form-area textarea { width: 98%; float: left; height: 148px; border: 0;font-size: 16px; }
.message-main .form-area span{ width:2%; float: right;}
.message-main .form-bottom {margin-top: 60px;}
.message-main .form-bottom span {display: inline-block;color: #666;margin-right: 30px;}
.message-main .form-bottom #code {width: 285px;height: 75px;border: 1px solid #e5e5e5;background-color: #fff;margin-right: 15px; padding-left: 5px; color: #999;}
.message-main button{ border: 0px;}
.d-inline {display: inline-block;}
@media(max-width:992px) {
.message-main .form-area textarea { width: 93%; float: left; height: 148px; border: 0;font-size: 16px; }
.message-main .form-area span{ width:4%; float: left;}	
.message-main .form-main {padding-top: 0px;}

}
@media(max-width:768px) {
.message-main .form-bottom #code {width: 185px; }
.message-main form .button button {padding: 25px 30px; }
.contact-page ul {display: block;justify-content: space-between; margin-top:40px; margin-bottom:40px;}
.contact-page ul li { width: 100%; margin-bottom: 20px;}
.contact-page .map { height: 559px;width: 100%;width: 100%;margin-bottom: 40px;}

}
@media(max-width:468px) {
.message-main form .button { margin-top: 25px;}
.message-main .form-bottom span { display: none;}
.message-main form .fr{ float: left;}
.message-main form .button button {padding: 15px 40px; }

}

.resultArea .infor{text-align:center;}
.resultArea .infor .tit{font-size:30px; color:#181818;}
.resultArea .infor .tit span{color:#ff0000}

.products_list .param_box{padding:30px 35px 8px; background:#f4f4f4; margin-bottom: 50px;}
.products_list .param_box .tit{font-size:22px; color:#181818; line-height:45px; margin-right:25px;}
.products_list .param_box .param_list dt{font-size:16px; color:#2b2b2b; padding:0 25px; margin-right:15px; line-height:45px; cursor:pointer;}
.products_list .param_box .param_list dd {font-size:16px; color:#2b2b2b; padding:0 25px; margin-right:15px; line-height:45px; cursor:pointer;}
.products_list .param_box .param_list dt:hover,.products_list .param_box .param_list dt a:hover,.products_list .param_box .param_list dd:hover,.products_list .param_box .param_list dd.on{background:#0e6db6; color: #fff;}
.products_list .param_box .param_list dt.on,.products_list .param_box .param_list dt:hover a:hover .products_list .param_box .param_list dd.on{background:#0e6db6; color: #fff;}
.products_list .param_box .param_list dd:hover a{ color: #fff;}
.products_list .pro_list,.products_serch .pro_list  { margin-top: 0px;}
@media(max-width:1360px) {
.products_list .param_box{padding:25px 30px; margin-bottom: 40px; }
.products_list .param_box .tit{font-size:20px; line-height:35px; margin-right:2px;}

}
@media(max-width:768px) {
.products_list .param_box{padding:20px 25px; margin-bottom: 30px;}
.products_list .param_box .tit{font-size:18px;line-height:35px; margin-right:20px;}
.products_list .param_box .param_list dt,.products_list .param_box .param_list dd {font-size:15px; line-height:35px;}
}
@media(max-width:600px) {
.products_list .param_box{padding:15px 15px 15px; margin-bottom: 20px; }
.products_list .param_box .param_list dt{font-size:16px;padding:0 10px; margin-right:6px; width: 47%;}
.products_list .param_box .param_list dd {font-size:16px;padding:0 10px; margin-right:6px;width: 47%;}
}
@media(max-width:320px) {
.products_list .param_box{padding:15px 10px 15px; margin-bottom: 20px; }
.products_list .param_box .param_list dt{font-size:16px;padding:0 7px; margin-right:5px; width: 48%;}
.products_list .param_box .param_list dd {font-size:16px;padding:0 7px; margin-right:5px;width: 48%;}

}