*{border:0; margin:0; padding:0; outline:0; box-sizing:border-box;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,input,fieldset,legend,button,textarea,div,img{border:0 none; margin:0; padding:0; box-sizing:border-box; outline:0;}
body,textarea,input,button,select,keygen,legend{font:14px/1.5;color:#3d3d3d;outline:0;font-family: Arial, sans-serif;font-style: normal;}
html,body{width:100%; position:relative;height:100%;}
.bodyw,.body_st{height:100%;}
body{overflow-x:hidden;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
em{font-style:normal;}
ul,li,ol{list-style:none;}
img,fieldset{vertical-align:top;border:0;max-width: 100%;}
.clear{ clear:both;}

/** 重置超链接元素 **/
a{text-decoration:none;color:#3d3d3d;-webkit-transition:0.5s;transition:0.5s;}
a:hover{color:#2379C3;}

/** 重置图片元素 **/
.fl{float:left;}
.fr{float:right;}
.l{ float:left;}
.r{ float:right;}

/** 重置表格元素 **/
table{border-collapse:collapse;}
.clear:after{content:"."; display:block; height:0; visibility:hidden; clear:both; overflow:hidden;}
.w1650{ width:1650px;max-width: 95%; margin:auto;}
.w1520{ width:1600px;max-width: 95%; margin:auto;}
.w1400{ width:1400px;max-width: 95%; margin:auto;}
.w1200{ width:1200px;max-width: 95%; margin:auto;}

.top_bg{position: fixed;left: 0;top: 0;right: 0;z-index: 9;-webkit-transition: 0.5s;transition: 0.5s;border-bottom: 1px solid rgba(0, 0, 0, 0.1);height: 80px;background: #fff;}
.top_h{}
.top_h .logo{padding: 10px 0;}
.top_h .logo img{display: block;height:60px;transition: 0.5s;}
.dh_tx{position: absolute;top:0;}
.dh_tx i{position: absolute;top: 0; height:80px;-webkit-transition:0.5s;transition:0.5s;}
.dh_tx i:after{content: "";position: absolute;left: 25px;bottom: 0;right: 25px; -webkit-transition:0.5s;transition:0.5s;border-bottom: 2px solid #0086E3;}
.dh{}
.dh ul li{float: left;position: relative;}
.dh ul li p a{display: block;line-height: 80px;font-size: 17px;position: relative;color: #333;padding: 0 25px;}
.dh ul li.on p a{color: #0086E3;}
.dh ul li .dh_fl{position: absolute;left: 50%;top: 80px;width:200px;display: none;margin-left: -100px;box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);}
.dh ul li .dh_fl ul{background: #fff;}
.dh ul li .dh_fl ul li{float: none;padding: 0;border-bottom: 1px dotted #eee;}
.dh ul li .dh_fl ul li a{display: block; font-size: 15px;line-height: 44px;position: relative;color: #666; text-align:center;}
/*.dh ul li .dh_fl ul li a:after{float: right;font-size: 12px;content: "\e68b";font-family: "iconfont" !important;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}*/
.dh ul li .dh_fl ul li:hover a{color: #fff; background:#0086E3;}
.top_tel{ font-size:22px; font-weight:bold; color:#333; margin-top:26px; background:url(../images/tel.png) left center no-repeat; padding-left:26px; margin-left:12px;transition: 0.5s;}
.top_ss{margin-left: 20px;}
.top_ss span.button{ display:block; width:30px; height:80px;font-size: 18px;line-height: 80px;text-align: center;color: #333; cursor:pointer;-webkit-transition:0.5s;transition:0.5s;}
.serach{position:absolute;left: 0; right:0px;background: #FFF; top:0px; width:100%;overflow:hidden; z-index:10;display: none;-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;padding: 30px 0;}
.serach form{position: relative;}
.serach form input[type='text']{font-size:16px; width:100%; height:40px; line-height:40px;padding:0 100px 0 50px; color:#333;background: none;}
.serach form a{position: absolute;left: 0;top:0px;width: 40px;height:40px;font-size: 20px;line-height: 40px;text-align: center;color: #666;}
.serach form span{position: absolute;right: 0;top:0px;width: 40px;height:40px;cursor: pointer;}
.serach form span:before{content:""; position: absolute;left: 50%;top:50%;width: 24px;height:2px;background: #333;margin: -1px 0 0 -12px;-webkit-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition:0.5s;transition:0.5s;border-radius: 2px;}
.serach form span:after{content:""; position: absolute;left: 50%;top:50%;width: 2px;height:24px;background: #333;margin: -12px 0 0 -1px;-webkit-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition:0.5s;transition:0.5s;border-radius: 2px;}
.serach form span:hover:before{-webkit-transform: rotate(0deg);transform: rotate(0deg);}
.serach form span:hover:after{-webkit-transform: rotate(90deg);transform: rotate(90deg);}
.top_yy{margin-left: 30px; text-align:center;color: #333; line-height:80px;transition: 0.5s;}
.top_yy a{font-size: 15px;line-height:32px; color: #333; }
.top_yy a:hover{ color:#2379C3;}

.top_bg.on{background: #fff;box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);}
.top_bg.on .dh_tx i:after{border-bottom: 2px solid #2379C3;}
.top_bg.on .dh ul li p a{color: #333;  }
.top_bg.on .dh ul li.on p a{color: #2379C3;}
.top_bg.on .dh ul li .dh_fl ul li:hover a{color: #fff; background:#2379C3;}
.top_bg.on .top_ss span.button{color: #333; }
.top_bg.on .top_ss:hover span.button{color: #2379C3;}
/*.top_bg.on .top_tel{margin-top:22px;}
.top_bg.on .top_yy{ color:#333;}


.top_bg.on .dh_tx i{height: 80px;}
.top_bg.on .dh ul li .dh_fl{top: 80px;}
.top_bg.on .top_h .logo{padding: 10px 0;}
*/

.banner{width:100%;overflow:hidden;position:relative; padding-top:80px;}
.banner ul{ position:relative; width:10000%;}
.banner ul li{float:left;width:1%;overflow:hidden;position:relative;}
.banner ul li img{display:block;width:100%;height:100%;-o-object-fit: cover;-webkit-object-fit: cover;object-fit: cover;}
.banner ul li.on img{animation-name:puffIn;-webkit-animation-duration:10s;animation-duration:10s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.bandd{ position:absolute; left:0; bottom:3%; width:100%; text-align:center; z-index:5;}
.bandd span{z-index:2;cursor:pointer;margin:0 5px;display:inline-block;width:14px;height:14px; border-radius:20px; border:2px solid #fff;zoom:1;position:relative;-webkit-transition:0.5s;transition:0.5s;}
.bandd span.on{background:#2379C3;border:2px solid #2379C3;}
.banz,.bany{ position:absolute; top:50%; width:50px; height:50px; opacity:0;  -webkit-transition:0.5s;transition:0.5s; cursor:pointer; z-index:5;font-size: 24px;line-height:50px;text-align: center;color: #333;background: rgba(255, 255, 255, 0.5);border-radius: 50%;}
.banz{ left:5%;}
.bany{ right:5%;}
.banz:before,.bany:before{position: absolute;top: 50%;left: 50%; -webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%) ;}
.bany:before{-webkit-transform:translate(-50%, -50%) rotate(180deg);transform:translate(-50%, -50%) rotate(180deg);}
.banner:hover .banz,.banner:hover .bany{ opacity:1;}











/* footer */
.footer{ overflow:hidden;background:#191A1E; position: relative;}
.foot{ width:100%; max-width:1400px; margin:0 auto;}
#map{width:100%; height:450px; border:1px solid #ccc;}	

.ft-infos{position:relative;  width:450px; margin-top:-450px; background:#2379C3; padding:30px;}
.ft-infos h3{font-weight:bold;overflow:hidden; font-size: 24px;}
.ft-infos h3 a{display:block;color:#fff;}
.ft-infos .con_lx{margin-top:0px;color:#fff;overflow:hidden;}
.ft-infos .con_lx p{ padding: 6px 0; font-size: 15px;}
.ft-infos .con_lx p a{ color:#fff;}
.ft-infos .con_lx p em { font-family: "DIN Bold"; font-size: 16px;}
.ft-infos .con_lx p a:hover{color: #fff;text-decoration:underline; }
.ft-infos .con_lx p:nth-of-type(1){ background:url(../images/tub1.png) no-repeat center left; padding-left:24px;}
.ft-infos .con_lx p:nth-of-type(2){ background:url(../images/tub2.png) no-repeat center left; padding-left:24px;}
.ft-infos .con_lx p:nth-of-type(3){ background:url(../images/tub3.png) no-repeat left 8px;  padding-left:24px;}
.ft-infos .con_lx p:nth-of-type(4){ background:url(../images/tub4.png) no-repeat left 8px;  padding-left:24px;}



.ft-QRcode{margin-top:20px;}
.ft-QRcode .QRcode-list{margin-top:10px;overflow:hidden;}
.ft-QRcode .QRcode-list .item{float:left; width:130px;background:#fff; border-radius: 0 20px 0 0; padding-bottom: 10px;}
.ft-QRcode .QRcode-list .item:nth-of-type(2) { margin-left: 15px; margin-right:15px;}
.ft-QRcode .QRcode-list .item p{ font-size: 14px; color: #999; padding-top: 10px; padding-bottom:5px; text-align: center;}
.ft-QRcode .QRcode-list .item i {position:relative;display:block;overflow:hidden; width: 120px; margin: 0 auto;}
.ft-QRcode .QRcode-list .item i img { width:100%;}

.copyright{ background:#111; padding:30px 0; text-align:center; color:#ccc; font-size:15px;}


@media(max-width: 1200px){
.ft-menu{ display:none;}
.ft-infos{ width:100%; margin-top:0; padding:30px 15px;}
.ft-infos .con_lx{ width:60%; float:left;}
#map{ height:250px;}
.ft-QRcode{ float:right; margin-top:0;}
.ft-QRcode .QRcode-list{ margin-top:0;}
.ft-QRcode .QRcode-list .item{ width:110px;}
.ft-QRcode .QRcode-list .item i {position:relative;display:block;overflow:hidden; width: 100px;}
}



.index-title{FONT-SIZE:36PX;line-height:36px;font-weight:bold;background:url(../images/index_18.png)no-repeat bottom;padding-bottom:25px; text-align:center;}
.index-title-ms{font-size:18px;color:#666;text-align:center;margin-top:15px; margin-bottom:30px;}
@media(max-width: 1000px){
.index-title{FONT-SIZE:28PX; padding-bottom:15px;}
.index-title-ms{ font-size:15px;margin-top:10px;}
}


/*==============产品中心=====================*/
.index-product-bj{background:#fff;padding:50px 0 50px 0;}
.ny-product-left{width:20%;float:left;}
.fdh-01-tit {background: #2379C3;height: 84px;}
.fdh-01-tit h3 {height: 80px;font-size: 26px;font-weight:bold;line-height: 80px;color: #fff;border-bottom: 1px solid #fff;text-align: center;}

.list{ background:#f0f0f0; padding:12px;}
.list ul li a{ line-height:48px; border-bottom:1px solid #ddd; display:block; padding-left:38px; background:url(../images/jt.png) 15px center no-repeat #fff;}
.list ul li a:hover {background:url(../images/jt2.png) 15px center no-repeat #2379C3;color: #fff !important;}

            
.cbgg-01 { background: #2379C3; text-align: center; color: #fff;}      
.cbgg-01-img img { width: 100%;display: block;}       
.cbgg-01 p {padding-top: 15px;}      
.cbgg-01 p img {vertical-align: middle;margin-right: 5px;}       
.cbgg-01 span {display: block;font-size: 26px;font-weight: bold;font-family: Arial;padding-bottom: 15px;padding-top: 5px;}
      
.ny-product-right{width:78%;float:right;}
.index-p-list>div {width:32%;margin-right:2%;float: left;margin-bottom:3%;border:1px solid #e7e7e7;}
.index-p-list>div:nth-of-type(3n){ margin-right:0;}	
	
.index-p-list>div a {
	position: relative;
	display: block;
	overflow: hidden;
	transition: all ease .4s;
}

.index-p-list>div a.a1:after{ content:""; position: absolute;  z-index:1;top: 0px;left: 0%;width: 100%;height: 100%;background-color:rgba(0,0,0,0.5);transform:translate(0%,110%);transition:all .4s;}
.index-p-list>div a.a1:hover:after{ content:"";transform:translate(0%,0%);transition:all .4s;}

.index-cp-mz{text-align:center;}
.index-cp-mz a{color:#333;font-size:16px;padding:15px;background:#f2f2f2;}
.index-cp-mz a:hover{background:#2379C3;color:#fff;}
.index-p-list>div a img {
	width: 100%;
	transform: scale(1);
	transition: all ease 0.5s;
}
.index-p-list>div a:hover img {
	transform: scale(1.1);
}
.index-p-list>div a p {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	z-index: 3;
	margin: 0px;
	font-size: 18px;
	padding:10px 20px;
	color: #fff;
	text-align: center;
	opacity: 0;
	transform:translate(0%,-50%);
	transition: all ease 0.5s;
}
.index-p-list>div a:hover p {
	opacity: 1;
	transition-delay: 0.4s;

}
.index-p-list>div a p:before,.index-p-list>div a p:after{ content:""; position: absolute;  z-index:-1;left: 50%;width: 0%;height:1px;background-color:rgba(255,255,255,0.6);transition:all .4s;}
.index-p-list>div a p:before{content:""; top:0px;}
.index-p-list>div a p:after{content:"";bottom:0px;}
.index-p-list>div a:hover p:before,.index-p-list>div a:hover p:after{ content:"";z-index:-1;margin-left: -30px; width: 60px;transition-delay: 0.8s;}
.index-product-more{text-align:center;}
.index-product-more a{color:#fff;display:block;margin:0 auto;line-height:40px;width:180px;border:1px solid #fff;}
.index-product-more:hover a{color:#fff;background:#e62129;display:block;border:1px solid #e62129;}

@media screen and (max-width: 1000px) {
.index-product-bj{padding:30px 0 30px 0;}
.ny-product-left{ display:none;}
.ny-product-right{width:100%;float:none;}
.index-p-list>div {width:49%;}
.index-p-list>div:nth-of-type(3n){ margin-right:2%;}	
.index-p-list>div:nth-of-type(2n){ margin-right:0;}	
.index-cp-mz a{font-size:14px; padding:10px 5px;}
}

/**************************关于**************************/
.sy-about{ background:#f6f6f6; padding: 50px 0;}
.home-about { padding-top:10px; }
.home-about-pic { width: 45%; float: right;  margin-left: 0px; }
.home-about-pic img{width:100%;}
.home-about-text { width: 53%; float: left; }
.home-about-text p{ font-size: 16px; line-height: 26px; color: #333; padding: 0px 0 10px; }
.home-about-text h1{ font-size:30px; font-weight:bold;}
.home-about-text h2{ font-size:18px; text-transform:uppercase; margin-bottom:10px;}
.home-about-text dl dd { position: absolute; left: 0; bottom: 0; }
.home-about-text dl dd a { display: inline-block; width: 110px; height: 40px; font-size: 14px; line-height: 40px; color: #fff; background-color: #dd0004; text-align: center; margin-right: 10px; }
.home-about-text dl dd a:hover { background-color: #dd0004; }

@media screen and (max-width: 720px) {
.sy-about{ padding: 20px 0;}
.home-about{ padding-top:0; }
.home-about-text{ float: none; width:100%; overflow:hidden; margin-top:10px;}
.home-about-text p{ font-size:14px; line-height:22px;}
.home-about-pic { float: none;width:100%; margin-top:20px;}
.home-about-text h1{ font-size:20px;}
.home-about-text h2{ font-size:13px;}
}
.learn a{display:block;width:145px;height:40px;line-height:40px;font-size:15px; margin-top:12px; text-decoration:none; border:1px solid #ddd;color:#666;background:#fff;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:#2379C3;transform:scale(0);transition:0.6s; opacity:0}
.learn a span{ position:relative}
.learn a:hover{ color:#fff}
.learn a:hover:before{transform:scale(1); opacity:1}

/**************************优势**************************/
.sy_ys{ background:#2379C3; color:#fff; height:160px;}

.index-about{ padding-top:40px;  float:left; width:53%;}
.index-about ul li{position: relative;z-index:2; float:left; width:25%; text-align:left;display: block;}
.index-about ul li:nth-of-type(4){border:none}
.index-about ul li a{position:relative;z-index:2; display:table;}
.index-about ul li span{color:#fff;font-size:60px;}
.index-about ul li font{color:#fff;vertical-align: top;}
.index-about ul li span.counter{font-size: 36px;font-weight:bold;color: #fff;margin-top: 0;}
.index-about ul li h1{font-size: 18px;color: #fff;}

.ys-wz{ float:right; width:45%; background:#333; color:#fff; padding:30px; height:160px;}
.ys-wz h1{ text-align:center; font-size:24px;margin-top:10px;}
.ys-wz p{ text-align:center; font-size:18px; margin-top:10px;}

@media screen and (max-width: 720px) {
.sy_ys{ height:auto;}
.index-about{ padding-top:20px;  float:none; width:100%;}
.index-about ul li{ width:50%; margin-bottom:20px;}
.index-about ul li span.counter{ font-size:28px;}
.index-about ul li h1{font-size: 15px; }
.ys-wz{ float:none; width:100%;}
.ys-wz h1{ font-size:24px;}
}


.khjz_bj{width:100%;  }
.khjz_dkj{position:relative;}
.khjz{  margin-top:40px;}
.khjz .item{ width:96%;  margin:0 2%; text-align:center; position:relative;overflow:hidden;display:block;transition:transform 0.5s; -webkit-transition:transform 0.5s;}

.khjz .item .cpzs_img{overflow:hidden;}
.khjz .item .cpzs_img 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; }

.khjz .item .cpzs_img img{transition-duration: .8s;
-moz-transition-duration: .8s;
-webkit-transition-duration: .8s;
-o-transition-duration: .8s;}
.khjz .item .cpzs_wb{width:100%; height:100%; text-align:center; padding: 10px 30px; background:#fff;  }

.khjz .item .cpzs_wb .cpzs_wb_t{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;font-size:18px; font-weight:bold; padding:10px 0;  }
.cpzs_wb_t-nr{text-align:left;margin:20px 0; color:#999; font-size:15px;text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }

.khjz .item:hover .cpzs_wb .cpzs_wb_b{ opacity:1;}

.owl-carousel .owl-wrapper:after{content: " ";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
/* display none until init*/
.owl-carousel{display:none; width: 100%;-ms-touch-action:pan-y;}
.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow: hidden;width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.owl-carousel .owl-item{float: left;}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls{-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/* mouse grab icon*/
.grabbing{cursor:url(../images/grabbing.png) 8 8, move;}
/* fix*/
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);}

.owl-carousel .owl-controls{width:100%;  z-index:11;}
.owl-carousel .owl-controls .owl-buttons div{position:absolute; display:inline-block ;zoom: 1;*display:inline; width:40px; height:70px; font-size:12px; text-indent:-9999px; transition:.35s;  top:50%; margin-top:-35px;}
.owl-carousel .owl-controls .owl-buttons .owl-prev {background:url(../images/jtl02.png) center no-repeat; overflow:hidden; left:-50px;}
.owl-carousel .owl-controls .owl-buttons .owl-next {background:url(../images/jtr02.png) center no-repeat; overflow:hidden; right:-50px;}
.owl-carousel .owl-controls .owl-buttons .owl-prev:hover {background:url(../images/jtl03.png) center no-repeat; overflow:hidden; left:-50px;}
.owl-carousel .owl-controls .owl-buttons .owl-next:hover {background:url(../images/jtr03.png) center no-repeat; overflow:hidden; right:-50px;}

.owl-carousel .owl-controls.clickable .owl-buttons div:hover{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;text-decoration: none;}
.owl-carousel .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/}
.owl-carousel .owl-controls .owl-page span{display: block;width:10px; height:10px; margin: 5px 7px;filter: Alpha(Opacity=50);/*IE7 fix*/opacity: 0.5;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;background: #869791;}
.owl-carousel .owl-controls .owl-page.active span,
.owl-carouselpzs .owl-controls.clickable .owl-page:hover span{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1; background: #e46d22;}
.owl-carousel .owl-controls .owl-page span.owl-numbers{height: auto;width: auto;color: #FFF;padding: 2px 10px;font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
.owl-carousel .loading{min-height: 150px;background: url(../images/AjaxLoader.gif) no-repeat center center}
.owl-carousel .owl-pagination{display:none;}
@media screen and (max-width: 1600px){
.owl-carousel .owl-controls .owl-buttons .owl-prev {background:url(../images/jtl02.png) center no-repeat; overflow:hidden; left:-20px;}
.owl-carousel .owl-controls .owl-buttons .owl-next {background:url(../images/jtr02.png) center no-repeat; overflow:hidden; right:-20px;}
.owl-carousel .owl-controls .owl-buttons .owl-prev:hover {background:url(../images/jtl03.png) center no-repeat; overflow:hidden; left:-20px;}
.owl-carousel .owl-controls .owl-buttons .owl-next:hover {background:url(../images/jtr03.png) center no-repeat; overflow:hidden; right:-20px;}
}
@media screen and (max-width: 1000px){
.owl-carousel .owl-controls .owl-buttons .owl-prev {background:url(../images/jtl02.png) center no-repeat; overflow:hidden; left:0px;}
.owl-carousel .owl-controls .owl-buttons .owl-next {background:url(../images/jtr02.png) center no-repeat; overflow:hidden; right:0px;}
.owl-carousel .owl-controls .owl-buttons .owl-prev:hover {background:url(../images/jtl03.png) center no-repeat; overflow:hidden; left:0px;}
.owl-carousel .owl-controls .owl-buttons .owl-next:hover {background:url(../images/jtr03.png) center no-repeat; overflow:hidden; right:0px;}
}


.sy_service{ padding-top:50px; padding-bottom:60px;}
.newbox{ padding-top:10px;}
.newli{ width:22%; float:left; margin-right:4%; transition: transform 0.5s; -webkit-transition: transform 0.5s;}
.newli:nth-of-type(4){ margin-right:0;}
.newli:hover { transform: translateY(-15px); -webkit-transform: translateY(-15px); }

.porTbox {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: auto;
    text-align: center;
    z-index: 1;
}
.porTbox img {position: relative;width: auto;transition: all .5s ease;}
.porBbox {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 90px 20px 20px;
    border: 0px solid #f2f2f2;
    background: #f2f2f2;
    min-height: 300px;
    border-radius: 16px;
    margin-top: -70px;
	}
.newTitle {
    font-size: 24px;
	font-weight:bold;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    white-space: nowrap;
    text-align: center;
    width: 100%;
}	
.news_ms {
    white-space: normal;
    font-size: 16px;
    color: #666;
    line-height: 1.8em;
    text-align: center;
    margin-top: 20px;
}
@media screen and (max-width: 1000px) {
.newli{ width:100%; float:none; margin-bottom:20px;}
.porTbox img{ width:100px;}
.porBbox{min-height: 220px;margin-top: -60px;padding: 70px 20px 20px;}
.news_ms{ margin-top:10px;}
}

.sy_scsb{ background:#f6f6f6;  padding:50px 0;}
@media screen and (max-width: 1000px) {
.sy_scsb{  padding:30px 0;}
}


/*********************新闻***********************/
.sy-news{ padding-top:50px;}
.index-news-hz{margin-top:40px;}
.index-news-left{width:45%;float:left;}
.index-news-left-pic{display:block; overflow:hidden; }
.index-news-left-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; }

.index-news-left-pic img{transition-duration: .8s;
-moz-transition-duration: .8s;
-webkit-transition-duration: .8s;
-o-transition-duration: .8s;}
.index-news-left-tilte{margin-top:40px;}
.index-news-left-bt{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:20px;}
.index-news-left-bt a{font-size:24px;}
.index-news-left-nr{ color: #666; font-size: 15px; margin-top: 10px; margin-bottom:20px; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; float: left; width: 100%; }

.index-news-right{float:right;width:52%;}
.index-news-rq{width:15%;float:left;border:1px solid #c1c1c1;text-align:center;color:#999;padding:2%;}
.index-new-r{font-size:36px;color:#2379C3;line-height:36px;}
.index-news-right-hz{ float: left; width: 75%;margin-left:5%; }
.index-news-right-a{border-bottom:1px solid #ececec;margin-bottom:40px;overflow:hidden;}
.index-news-right-title{margin-bottom:10px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.index-news-right-title a{font-size:24px;}
.index-news-right-content{margin:15px 0 40px 0;color:#666; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }


.container08{ background:url(../images/feedback_bg.jpg) center top no-repeat;background-attachment: fixed; background-size:cover; padding:80px 0 80px; text-align:center}
.container08 .title{ margin-bottom:25px}
.container08 .title h3{ font-size:42px; color:#fff; font-weight:bold; margin-bottom:14px}
.container08 .title h5{ color:#fff; font-size:18px}

.container08 .input{text-align:center;font-size:0;height: 63px;margin: 0;display:inline-block;}
.container08 .input .input-text{display:inline-block; *display:inline; *zoom:1;width: 512px;height: 63px;line-height: 63px;position:  relative;vertical-align: top;background: #f8f8f8;border: #3A9AE4 1px solid;}
.container08 .input .input-text input{display:block;width:100%;height:100%;font-size: 14px;border:none;background:none;padding-left:32px;position:  relative;z-index: 1;}
.container08 .input .btn{display:inline-block; *display:inline; *zoom:1;width: 136px;height: 63px;line-height: 63px;background: #2379C3;margin-left: 0;position:relative;z-index:2;transition: 0.6s;cursor: pointer; border-radius:0;}
.container08 .input .btn input{display:block;width:100%;height:100%;color: #fff;font-size: 14px;text-transform:uppercase;border:none;background:none;text-align:center;position:relative;z-index:1;cursor: pointer;}
.container08 .input .btn a{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;float: left;width: 100%;height: 63px;line-height: 63px;vertical-align:  middle;position:  absolute;top: 0;left: 0;}
.container08 .input .btn:hover{background: #DD3233;}
input::-webkit-input-placeholder{ color:#919191;}
input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#919191; }
input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#919191;}
input:-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#919191;}

.container08 .input .input-text > input:focus {
  background-color: transparent;
  border-color: transparent;
}
.container08 .input .input-text > input:focus ~ .input-border {
}
.container08 .input .input-text > input:focus ~ .input-border:first-of-type:before {
  -webkit-transition: 0.15s ease-in-out all;
  transition: 0.15s ease-in-out all;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  width: 100%;
}
.container08 .input .input-text > input:focus ~ .input-border:first-of-type:after {
  height: 100%;
  -webkit-transition: 0.15s ease-in-out all;
  transition: 0.15s ease-in-out all;
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}
.container08 .input .input-text > input:focus ~ .input-border:last-of-type {
  background: transparent;
}
.container08 .input .input-text > input:focus ~ .input-border:last-of-type:before {
  -webkit-transition: 0.15s ease-in-out all;
  transition: 0.15s ease-in-out all;

  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
  width: 100%;
}
.container08 .input .input-text > input:focus ~ .input-border:last-of-type:after {
  height: 100%;
  -webkit-transition: 0.15s ease-in-out all;
  transition: 0.15s ease-in-out all;
  -webkit-transition-delay: 0.45s;
  transition-delay: 0.45s;
  top: 0;
}
.container08 .input .input-text .input-border {
  bottom: 0px;
  display: block;
  left: -1px;
  position: absolute;
  top: -1px;
  right: -1px;
}
.container08 .input .input-text .input-border:before,
.container08 .input .input-text .input-border:after {
  bottom: 0;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  width: 0;
  background-color: #3A9AE4;
  -webkit-transition: 0.3s ease-in-out all;
  transition: 0.3s ease-in-out all;
}
.container08 .input .input-text .input-border:first-of-type:before {
  height: 2px;
  left: 0;
  top: 0;
  width: 0;
}
.container08 .input .input-text .input-border:first-of-type:after {
  height: 0;
  right: 0;
  top: 0;
  width: 2px;
}
.container08 .input .input-text .input-border:last-of-type:before {
  background-color: #15509B;

  height: 2px;
  top: calc(100% - 1px);
  right: 0;
  width: 0;
}
.container08 .input .input-text .input-border:last-of-type:after {
  background-color: #15509B;
  height: 0;
  top: calc(100% - 1px);
  left: 0;
  width: 2px;
}
@media (max-width:800px) {
.container08 .title{ margin-bottom:15px;}
.container08 .title h3{ font-size:24px;}
.container08 .title h5{ font-size:14px;}
.container08 .input{ width:100%; height:50px;}
.container08 .input .input-text{ width:70%; height:50px; line-height:50px;}
.container08 .input .btn{ width:70px; height:50px; line-height:50px;}
.container08 .input .btn a{ height:50px; line-height:50px;}
.container08{ padding:25px 0 30px;}
}