<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS Document */
body{ height:100%; min-width:1200px;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,form,fieldset,img,cite,strong,em,div{margin:0;padding:0;border:none;}
body{ text-align:left; margin:0 auto; font-size:12px; font-family:"微软雅黑"; color:#666;}
:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
h1, h2, h3, h4, h5, h6{ font-size:12px;font-weight: normal;}
table,td,tr,th{ border-collapse:collapse; border-color:#ddd;}
img,embed{ border:none; vertical-align:text-top;}
img{border:0; -ms-interpolation-mode: bicubic; -moz-interpolation-mode:bicubic; -webkit-interpolation-mode:bicubic;transition:all 0.6s ease;-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;-ms-transition:all 0.6s ease;}
ul,li{ padding:0; list-style-type:none;}
a{color:inherit;line-height:1.5; text-decoration:none;}
a:focus{outline-color:#666;z-index:99;position:relative}
a:hover,a:focus{-webkit-transition:color .3s;transition:color .3s;color:#004998; text-decoration:none;}
em,i{font-style: normal;}
.fl{ float:left;}
.fr{ float:right;}
.none{ display:none;}
.clear{ clear:both;}
.clearfix{*zoom:1}
.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility:hidden;}
.w1000{ width:1000px; height:auto; margin:0 auto;}
.w1200{ width:1200px; height:auto; margin:0 auto; position:relative;}
.container{ width:1200px; height:auto; margin:0 auto; position:relative;}
.w100pc{ width:100%; height:auto; margin:0 auto; overflow:hidden;}
#wrap{ width:100%; height:auto; margin:0 auto; overflow:hidden; position:relative;}
@media(max-width:767px){
body{ min-width:300px !important; max-width:640px;}
.w1200{ width:100%; height:auto; margin:0 auto; position:relative;}
.container{ width:100%; height:auto; margin:0 auto; position:relative;}
}

/*header*/
.topArea{ border:0; background: #eceff2; position:inherit; height:32px; line-height:32px;z-index:99;color:#333;}
.topArea .r-arte{ position:absolute; right:0; top:0; }
.topArea .r-arte span{ display:none; }
.topArea .r-arte a{ padding:0 10px; border-right:1px solid #bebebe;color:#333;}
.topArea .r-arte .touch-btn a{ border-right:0; padding-right:0; }
.topArea .r-arte .sCommon p{ display:inline-block; }
.touch-btn{position: relative;display: inline-block;*display: inline;zoom: 1;}
.touch-box{position: absolute;top: 16px;right: 0;z-index: 600;color: #777;display: none;}
.touch-btn:hover .touch-box {display: block;}
.touch-box .arrow {border-bottom: 7px solid #fff;border-left: 7px solid transparent;border-right: 7px solid transparent;display: block;height: 0;position: absolute;right: 46px;top: -6px;}
.touch-box .wrap{padding:10px; /*width:280px;*/background: #fff;border-radius: 2px;border: 1px solid #eee;text-align: center;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
.touch-box .wrap .wenben{padding: 10px 0;white-space: nowrap;}
.touch-box .wrap h1{font-size: 16px;margin: 0;color: #111;}
.touch-box .wrap img{width: 120px;height: 120px;}

.header{ background:#fff; width:100%; height:auto; position:relative;}
.header .logo{ height:100px; background:#fff; float:left; padding:15px 0 0; position:relative;}
.header .logo a{ display:block;}
.header .logo img{ margin:0; width:auto; height:80px;}
.header .logo span{ position:absolute; left:90px; bottom:1px; display:block; width:380px; font-size:15px; color:#1d1d1d; letter-spacing:0;}
.header .slogn{ float:right; margin-right:40px; padding:20px 0; display:flex;justify-content:space-between;}
.header .slogn img{ width:auto; height:80px;}
.header .slogn span{ width:20px; font-size:12px; color:#666; text-align:right; line-height:1.15; display:none;}

.tool-box{ float:right; height:auto; padding:35px 0;}
.tool-box .lang{position:relative;font-size:14px;height:100%; float:left; cursor:pointer; background:url(/images/hTel.png) no-repeat center left; padding-left:56px;}
.tool-box .lang span{ color:#595959; font-size:14px; display:block; padding:0 0 5px;}
.tool-box .lang em{ display:block; font-style:normal; line-height:1; color:#205cb4; font-size:26px; font-weight:bold;}

@media(max-width:767px){
	.tool-box,.header .slogn,.topArea{ display:none;}
	.header{ background:#fff; width:100%; height:auto; padding:10px 0; position:relative;/*box-shadow: 0 0 10px 0 rgba(155,143,143,0.6);*/}
	#site_header .navbar-header{ display:block;}
	.header .logo{ margin:0; width:auto; height:auto; background:none; text-align:left; padding:0 0 0 10px;}
	.header .logo img{ padding:0; margin:0 0; height:50px; display:inline-block; vertical-align:middle;}
	.header .logo span{ position:absolute; left:66px; bottom:-3px; display:block; width:300px; font-size:12px; color:#1d1d1d; letter-spacing:-1px; line-height:1.2;}
}
@media(max-width:385px){
	.header .logo{ padding:0 0 15px 10px;}
	.header .logo span{ width:200px;}
}
@media(max-width:340px){
	.header .logo span{ width:160px;}
}


.navbar-fixed-top{ position:relative;}
#site_header .container-fluid{ padding:0;}
#site_header .navbar-header{ display:none;}

.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:8px;margin-right:5px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}
.navbar-toggle:focus{outline:0}
.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}
.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}
.navbar-default .navbar-brand{color:#777}
.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus{color:#5e5e5e;background-color:transparent}
.navbar-default .navbar-text{color:#777}
.navbar-default .navbar-nav&gt;li&gt;a{color:#fff}
.navbar-default .navbar-nav&gt;li&gt;a:hover,.navbar-default .navbar-nav&gt;li&gt;a:focus{color:#333;background-color:transparent}
.navbar-default .navbar-nav&gt;.active&gt;a,.navbar-default .navbar-nav&gt;.active&gt;a:hover,.navbar-default .navbar-nav&gt;.active&gt;a:focus{color:#555;background-color:#e7e7e7}
.navbar-default .navbar-nav&gt;.disabled&gt;a,.navbar-default .navbar-nav&gt;.disabled&gt;a:hover,.navbar-default .navbar-nav&gt;.disabled&gt;a:focus{color:#ccc;background-color:transparent}
.navbar-default .navbar-toggle{border-color:#ddd}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background-color:#ddd}
.navbar-default .navbar-toggle .icon-bar{background-color:#888}
.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}
.navbar-default .navbar-nav&gt;.open&gt;a,.navbar-default .navbar-nav&gt;.open&gt;a:hover,.navbar-default .navbar-nav&gt;.open&gt;a:focus{color:#555;background-color:#e7e7e7}
.navbar-default .navbar-toggle{border:0px;margin-top: 15px;}
.navbar-default .navbar-toggle .icon-bar{background-color:#888}

.collapse{display:none;visibility:hidden}
.collapse.in{display:block;visibility:visible}
.lh-map-btn{ display:none;}
@media(max-width:767px){
	.lh-map-btn{ display:block;position: absolute;right:2vw;top: 50%;margin-top: -20px;width: 40px;height: 40px;border:0 solid #004998;cursor: pointer;}
	.lh-map-btn span{display: block;width: 16px;height:2px;background:#205cb4;position: absolute;right: 7px;	top: 50%;margin-top: -1px;transition: ease .45s;}
	.lh-map-btn span:before{content:'';display:block;width:22px;height:2px;background:#205cb4;position:absolute;right:0;top:-8px;transition:ease .45s;}
	.lh-map-btn span:after{content:'';display:block;width:22px;height:2px;background:#205cb4;position:absolute;right:0;top: 8px;transition:ease .45s;}
	.lh-map-btn:hover span{width:22px;}
	.lh-map-btn:hover span:before{width:16px;}
	.lh-map-btn:hover span:after{width:10px;}
}


.nav{ width:100%; height:50px; line-height:50px; overflow:visible; background:#205cb4; padding:0;}
.nav .navbar-nav{ margin:0;}
.nav .container{ width:1200px; overflow:hidden;}
.nav ul{ width:100%;display:flex;justify-content: flex-end;font-size: 0;}
.nav ul li{display:inline-block; margin:0; padding:0; position:relative; width:133.333px;}
.nav ul li:first-child{ margin-left:0;}
.nav ul li:last-child{ margin-right:0;}
/*.nav ul li::before{ content:''; position:absolute; top:0; left:50%; transform:translateX(-50%); display:block; width:0; height:5px; background-color:#da251c; opacity:0; transition:all .5s ease; } */
.nav ul li&gt;a{ display:block; height:auto; padding:0 7px; line-height:50px; color:#fff; font-size:16px; position:relative; border-radius:0;transition:all .5s ease;position:relative; text-align:center;}
/*.nav ul li&gt;a::after{ content:attr(data-title); position:absolute;top:0;left:0;transform:translateY(100%);width:100%;height:100%; display:flex; align-items:center; justify-content:center; color:#da251c; } */
/*.nav ul li:hover::before{ width:100%; opacity: 1; }*/
.nav ul li:hover&gt;a{/* transform:translateY(-100%);*/ background:#222 !important; color:#FFF !important;}
/*.nav ul li.cur::before{ width:100%; opacity: 1;}*/
.nav ul li.cur&gt;a{/* transform:translateY(-100%); font-weight:500;*/ background:#222;}

.container &gt; .navbar-header, .container-fluid &gt; .navbar-header, .container &gt; .navbar-collapse, .container-fluid &gt; .navbar-collapse{ margin:0;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{ border-color:#CCC}
.navbar-nav &gt; li &gt; a{ padding:0;}
@media(min-width:767px){
.navbar-collapse.collapse{display: block !important;height: auto !important;overflow: visible !important;visibility:visible !important;border:none !important;}
.container{ padding:0; margin:0 auto;}
.nav ul li a.dropdown-toggle:hover{/* background:#004998; color:#fff;*/}
}
.lh-moblie-nav{width:80%;height:100%;background:#f3f3f3;position: fixed;right:0;top: 0;padding-top:80px;transition:ease-in-out .65s;transform:translate3d(100%, 0, 0);display: none;z-index: 1000;}
@media(max-width:767px){
	.lh-moblie-nav {display: block;}
	.lh-moblie-nav.on{transform:translate3d(0, 0, 0);}
	.lh-moblie-nav li h2{height:47px;line-height:46px;color:#333;font-size:16px;padding:0 20px 0 20px;border-bottom:1px solid #dadada;overflow: hidden;position: relative;transition: ease .45s;}
	.lh-moblie-nav li h2 a {color: #333;font-size:16px;display: block;padding:0 10px 0 0; line-height:45px;}
	.lh-moblie-nav li h2:before{content:"";display:block;width:7px;height:7px;position:absolute;right:20px;top:23px;/*transform:translateY(-50%);*/transition:ease .45s;border-top:1px solid transparent;border-left:1px solid transparent;box-sizing: content-box;border-color:rgba(0,0,0,.3);-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg); margin-top:-5px;}
	.lh-moblie-nav li h2 i{ display:none;}
	.lh-moblie-nav li.cur h2 a{ color:#205cb4;}
	.lh-moblie-nav li.cur h2:before{border-color:#205cb4;}
	.lh-moblie-nav li dl{padding-left:50px;background: #fff;display:none;}
	.lh-moblie-nav li dl dd{line-height: 35px;border-top: 1px solid #D9D9D9;position: relative;}
	.lh-moblie-nav li dl dd a{display: block;padding-left: 25px;}
	.lh-moblie-nav li dl dd:before{content: '';display: block;width: 10px;height: 1px;background: #1e61ab;position: absolute;left: 5px;top: 50%;}
	.lh-moblie-nav li dl dd:first-child{border:none;}
	.lh-shadow {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.8);z-index: 900;animation: shadowOpacity linear .65s;cursor: pointer;}

}
@media(max-width:385px){
	.lh-moblie-nav{padding-top:90px;}
}

/*banner*/
.banner{margin-top:0;width:100%;position: relative;overflow: hidden;}
.fastnav{width:1200px; position:absolute; top:0; left:50%; margin-left:-600px; z-index:101;}
.t-x-z ul{width:133.33px;height:450px;position:absolute;top:0;left:0;z-index:100;background:rgba(0,0,0,0.7);/*display:none;*/}
.t-x-z li{position:relative;border-bottom:1px solid rgba(255,255,255,0.3);}
.t-x-z li .a-1{display:block;height:55px;line-height:55px;font-size:16px;color:#fff; text-align: center;}
.t-x-z li .a-1:hover{background:#fff;color:#205cb4}
.t-x-z li .box{width:662px;height:422px;position:absolute;top:0;left:133.33px;background:#fff;padding:10px 28px 0;display:none;overflow-y:scroll;}
.t-x-z li .box dl{padding-top:10px;}
.t-x-z li .box dt{font-size:14px;border-bottom:1px solid #e8e8e8;padding-bottom:6px;font-weight:bold;}
.t-x-z li .box dt img{margin:4px 0 0 6px;}
.t-x-z li .box dd{padding-top:10px;border-bottom:0px solid #e8e8e8;padding-bottom:10px;line-height:22px;}
.t-x-z li .box dd a{padding-right:16px; font-size:13px;}
.t-x-z li .box dd p{ font-size:13px; line-height:1.8;}
.t-x-z li .box .slogan{padding-top:8px;}
.t-x-z li:hover .box{display:block;}
.t-x-z li .p1{}
.t-x-z li .p2{top:-56px;}
.t-x-z li .p3{top:-112px;}
.t-x-z li .p4{top:-170px;}
.t-x-z li .p5{top:-228px;}
.t-x-z li .p6{top:-284px;}
.t-x-z li .p7{top:-340px;}
.t-x-z li .p8{top:-394px;}
.t-x-z li .box dd a:hover{color:#205cb4;}

video{object-fit:cover;width:100%;height: 100%;}
.indBanner_box{height:450px;position: relative;}
.indBanner_box video{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.indBanner_box::after{content: '';display: none;width: 100%;height: 100%;background-color: rgba(0,0,0,0.2);position: absolute;top: 0;left: 0;}
.swiper-slide:nth-child(1){ display:block;}
.inbanWrap{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);z-index: 2; width:1200px;}
.inbanWrap .txt{ font-size:28px; line-height:1.5; color:#fff; text-align:left; padding-left:204px; margin-top:-20px;}
.inbanWrap .txt p{ padding-bottom:5px; font-weight:500;}
.inbanWrap .txt span{ display:inline-block; margin-right:5%; min-width:420px;}
.inbanWrap .txt span:last-child{ margin-right:0;}
.inbanWrap h5{ font-size:36px; font-weight:bold; text-align:center; padding-bottom:15px; position:relative;}
.inbanWrap h5:after,.inbanWrap h5:before{ content:''; position:absolute; left:50%; top:24px; display:block; width:180px; height:1px; background:#fff; opacity:.8;}
.inbanWrap h5:before{ margin-left:-314px;}
.inbanWrap h5:after{ margin-left:134px;}
.inbanWrap .txt2 p{ font-size:18px; text-align:center;}

.indBanner_txt{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);z-index: 2; display:none;}
.indBanner_txt h6,.indBanner_txt p{opacity: 0;-moz-opacity: 0;-khtml-opacity: 0;-webkit-opacity: 0;filter: alpha(opacity=0);-webkit-transform: translateY(60px);-ms-transform: translateY(60px);-o-transform: translateY(60px);transform: translateY(60px);-webkit-transition: all 1s ease-in-out 0.6s;-moz-transition: all 1s ease-in-out 0.6s;-ms-transition: all 1s ease-in-out 0.6s;-o-transition: all 1s ease-in-out 0.6s;transition: all 1s ease-in-out 0.6s;}
.indBanner_txt h6{font-size: 32px;color: #fff;font-weight: bold;text-transform: uppercase;}
.indBanner_txt p{margin-top: 40px;font-size: 18px;color: #fff;line-height: 2;letter-spacing: 1px;-webkit-transition-delay: 0.9s;-moz-transition-delay: 0.9s;-ms-transition-delay: 0.9s;-o-transition-delay: 0.9s;transition-delay: 0.9s;}
.indBanner .swiper-slide-active .indBanner_txt h6,.indBanner .swiper-slide-active .indBanner_txt p{opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;-webkit-opacity: 1;filter: alpha(opacity=100);-webkit-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
.indBanner .swiper-pagination{bottom: 30px!important;}
.banner .indBanner .swiper-pagination{bottom:35px!important;}
.banner .indBanner .swiper-pagination .swiper-pagination-bullet{width:8px;height:8px;margin:0 5px!important; opacity:1; filter:alpha(opacity=100);-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius:5px; background-color:transparent; border:1px solid #fff; background:#fff;}
.banner .indBanner .swiper-pagination .swiper-pagination-bullet-active{background-color:#0078d7;width:38px; border-color:transparent;}
.mo-banner{display: none !important;}
@media (min-width: 768px){
	.banner .container{margin: 0 auto;padding: 0;}
}
@media (min-width: 1440px){
	.banner .container{width:1200px;padding:0!important;}
}
@media only screen and (max-width: 767px){
	.banner{ width:auto; height:auto; margin:0;}
	.banner .indBanner{display: none !important;}
	.indBanner_box{height:100%;position: relative;}
	.mo-banner .swiper-slide-active .indBanner_txt h6,.mo-banner .swiper-slide-active .indBanner_txt p{opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;-webkit-opacity: 1;filter: alpha(opacity=100);-webkit-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
	.inbanWrap{ width:100%;}
	.inbanWrap .txt{ font-size:18px; line-height:1.5; color:#fff; text-align:left; padding:0 10px; margin-top:0;}
	.inbanWrap .txt p{ padding-bottom:5px; font-weight:500; text-align:center;}
	.inbanWrap .txt p b{ font-weight:600;}
	.inbanWrap .txt span{ display:inline-block; margin:0 5px; min-width:0;}
	.inbanWrap h5{ font-size:18px;  padding-bottom:5px;}
	.inbanWrap h5:after,.inbanWrap h5:before{ top:10px; width:30px;}
	.inbanWrap h5:before{ margin-left:-94px;}
	.inbanWrap h5:after{ margin-left:64px;}
	.inbanWrap .txt2 p{ font-size:13px; text-align:center;}
	.mo-banner{display: block !important;overflow: hidden;}
	.mo-banner .swiper-slide img{width:100%; height:auto;display: block;}
	.mo-banner .wiper-pagination{ bottom:8px !important;}
	.mo-banner .swiper-pagination-bullet{width:14px;height:2px;background-color:rgba(255,255,255,.3);opacity:1 !important;border-radius:0;}
	.mo-banner .swiper-pagination-bullet-active{background-color:#0078d7;}
}


/*main1*/
.main{ width:100%; margin:0 auto; overflow:hidden;background:#fff;}

.mainTit{text-align:center;width:100%;height:auto;}
.mainTit h3{color:#111;text-transform:uppercase; position:relative; display:inline-block;}
.mainTit h3 span{ display:block; font-size:35px;line-height:55px;font-weight:bold;}
.mainTit p{ color:#909090; font-size:16px; line-height:25px;}

.main5{ padding:55px 0;}
.s01{ padding:15px 0 30px;}
.main5_c{ padding:45px 0 0;}
.main5_c dl{border:1px solid #ededed;}
.main5_c dl dd{ float:left; width:20%; height:163px; margin:0; transition:all 0.3s;position:relative;top:0;left:0;  overflow:hidden; text-align:center;padding-top:35px;}
.main5_c dl dd:nth-child(2n){background: #ededed;}
.main5_c dl dd img{ transition: all 1s;height:auto; display:block; margin:0 auto;}
.main5_c dl dd .picTxt{ width:100%; height:auto; padding:10px 0 0;}
.main5_c dl dd .picTxt p{ font-size: 16px; color:#000000; line-height:25px;}
.main5_c dl dd a{ display:block;}
.main5_c dl dd:hover img {-webkit-animation: rotate_y_360 .5s linear;-moz-animation: rotate_y_360 .5s linear;animation: rotate_y_360 .5s linear;}
@media(max-width:767px){
	.mainTit h3 span{ font-size:24px;line-height:1.5;}
	.mainTit p{ font-size:14px; line-height:25px;}

	.main5{ padding:2rem 10px 1.8rem;}
	.main5_c{ padding:1.5rem 0 0;}
	.main5_c dl dd{width:48%; height:auto; border-right:none; margin:0; position:relative; padding:28px 0;}
	.main5_c dl dd:nth-child(1),.main5_c dl dd:nth-child(4),.main5_c dl dd:nth-child(5),.main5_c dl dd:nth-child(8),.main5_c dl dd:nth-child(9){ background:#fff;}
	.main5_c dl dd:nth-child(2),.main5_c dl dd:nth-child(3),.main5_c dl dd:nth-child(6),.main5_c dl dd:nth-child(7),.main5_c dl dd:nth-child(6),.main5_c dl dd:nth-child(10){background: #ededed;}
	.main5_c dl dd img{ width:40px; height:auto;}
	.main5_c dl dd .picTxt{ padding:5px 0 0;}
	.main5_c dl dd .picTxt p{ font-size:14px; line-height:25px;}
	
}

.main2Tit{text-align:center;width:100%;height:auto;}
.main2Tit h3{color:#111; position:relative; display:inline-block; line-height:50px;}
.main2Tit h3 span{ display:inline-block; font-size:26px;font-weight:bold;}
.main2Tit h3 p{ display:inline-block; color:#cccccc; font-size:18px; margin-left:10px;}

.main1{ overflow:hidden; width:100%; height:auto; margin:0 auto; padding:0 0 86px; background:url(/images/mian1_bg.jpg) no-repeat center top;}
.main1_con{ padding:90px 0 0;}
.main1_con&gt;.main2Tit{ display:none;}
.main1_con .pic{ float:left; width:465px; height:280px; position:relative;}
.main1_con .pic&gt;img{ display:block; width:100%; height:auto;}
.main1_con .info{ float:right; width:735px;height:315px; position:relative;}
.main1_con .info .aTitle{ padding-left:35px; line-height:50px;}
.main1_con .info .aTitle span{ display:inline-block;font-size:26px; color:#111111;  font-weight:bold;}
.main1_con .info .aTitle p{ display:inline-block; font-size:18px; color:#cccccc; margin-left:10px;}
.main1_con .info .aCon{ position:absolute; right:0; bottom:0; padding:38px 45px 0 45px; width:775px; height:260px; background:#fff; box-shadow:-5px 8.66px 30px 0px rgba(0,0,0,0.07);}
.main1_con .info .aCon p{ font-size:15px; color:#666666; line-height:30px;overflow: hidden;text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp:4;-webkit-box-orient:vertical;}
.main1_con .info .aCon a{ display:block; width:130px; height:35px; text-align:center; line-height:35px; color:#da251c; border:#da251c 1px solid; border-radius:5px; margin-top:25px;}
.main1_con .info .aCon a:hover{ background:#da251c; color:#fff;}
.main1_con:nth-child(2) .pic{ float:right;}
.main1_con:nth-child(2) .info{ float:left;}
.main1_con:nth-child(2) .info .aCon{ left:0;}
@media(max-width:767px){
	
	.main2Tit h3{line-height:1.5;}
	.main2Tit h3 span{ font-size:24px;}
	.main2Tit h3 p{ font-size:14px;}
	
	.main1{padding:2rem 0 0;}
	.main1_con{ padding:0 10px 2.5rem;}
	.main1_con&gt;.main2Tit{ display:block;}
	.main1_con .pic{float:none; width:100%; height:auto; padding:1.5rem 0 0;}
	.main1_con .info{ float:none; width:100%;height:auto; position:relative;}
	.main1_con .info .aTitle{ display:none;}
	.main1_con .info .aCon{ position:relative; padding:15px 15px 20px; width:100%; height:auto; box-shadow:-5px 8.66px 30px 0px rgba(0,0,0,0.07);}
	.main1_con .info .aCon p{ font-size:14px;line-height:28px; -webkit-line-clamp:5;}
	.main1_con .info .aCon a{ margin:20px auto 0;}
	
}

.main4{ padding:55px 0 70px; width:100%; height:auto; background:#fff;}
.main4_con{ width:100%; height:auto; padding-top:20px;}
.main4_con ul{ width:100%; height:auto;}
.main4_con ul li{ float:left; width:590px; height:auto; margin:15px 20px 0 0; background:#f8f8f8; border-radius:5px; overflow:hidden; padding:15px 10px;}
.main4_con ul li:nth-child(2n){ margin-right:0;}
.main4_con ul li .date{ width:80px; height:80px; text-align:center; font-size:32px; font-weight:500; line-height:1; float:left; padding:10px 0 0;}
.main4_con ul li .date span{ font-size:15px; display:block; font-weight:normal; padding:10px 0 0;}
.main4_con ul li a{ display:block;}
.main4_con ul li .info{ float:right; width:487px; padding:0 5px 0 20px; position:relative;}
.main4_con ul li .info:after{ content:''; display:block; position:absolute; left:3px; top:15px; width:1px; height:50px; background:#ddd;}
.main4_con ul li .info h5{ font-size:16px;}
.main4_con ul li .info h5 a{color:#232323; max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:28px;}
.main4_con ul li .info p{ font-size:14px; color:#777; line-height:24px; padding-top:5px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.main4_con ul li:hover{ background:#bcdbf9;}
.main4_con ul li:hover .info:after{ background:#fff; opacity:.5;}
.main4_con ul li:hover .info h5 a,.main4_con ul li:hover .date,.main4_con ul li:hover .date span{ color:#FFF;}
.main4_con ul li:hover .info p{ color:#FFF;}
@media(max-width:767px){
	.main4{ padding:2rem 0 2.4rem; width:100%; height:auto;}
	.main4_con{ padding-top:.8rem;}
	.main4_con ul{ padding:0 10px;}
	.main4_con ul li{ float:left; width:100%; height:auto; margin:10px 0 0 0; padding:10px;}
	.main4_con ul li .date{ width:65px; font-size:30px; padding:10px 0 0;}
	.main4_con ul li .date span{ font-size:14px; display:block; font-weight:normal; padding:8px 0 0;}
	.main4_con ul li .info{ float:right; width: calc(100% - 75px); padding:0 0 0 15px;}
	.main4_con ul li .info:after{ left:0; top:18px; height:40px;}
	.main4_con ul li .info h5{ font-size:16px;}
	.main4_con ul li .info p{ font-size:13px; padding-top:0;}
}

/*footer*/
.footer_bg{ width:100%; height:auto; margin:0 auto;background:#0063d2; position:relative; z-index:2; font-size:13px; padding:30px 0 0;}
.footer_top{overflow: hidden;position: relative;z-index:2; padding:0 0 20px;border-bottom:1px solid rgba(255,255,255,.2);}
.fLogo{ float:left; width:260px;}
.fLogo img{ width:auto; height:70px;}
.footer_topl{overflow:hidden; float:right;}
.footer_topl dl{ float:left;}
.footer_topl dl dd{float:left; position:relative; margin-left:60px;}
.footer_topl dl dd a{ line-height:42px;font-size:16px; color:#fff;}
.footer_topl dl dd a:hover{ color:#fff;}
.footer_min{ width:100%; padding:30px 0 30px;}
.footer_min ul{padding-top:20px; float: left; overflow: hidden;}
.footer_min ul li{float:left; margin-right:100px;}
.footer_min ul li h2{ font-size:14px; color:#ffffff; margin-bottom:8px;}
.footer_min ul li p{ font-size:14px; color: rgba(255,255,255,.5);}
.footer_min ul li img{ display:block; margin-bottom:12px;}
.footer_ewm{ width:125px; height:auto; float:right;}
.footer_ewm img{ width:125px; border:#efefef 1px solid;}
.footer_ewm span{ display:block; font-size:14px; color: rgba(255,255,255,.5); text-align:center; padding:5px 0 0;}
.footer_ewm1{ margin-right:55px;}

.copyRight{color: rgba(255,255,255,.5);height:auto;font-size:14px;line-height:36px;width:100%; padding:15px 0;border-top: 1px solid rgba(255,255,255,.2);}
.copyRight i{ font-style:normal;}
.copyRight a:hover{ color:#fff;}
.footer_bot{ height:auto; width:100%; margin:0 auto;}
.footer_bot span{ display:inline-block; color: rgba(255,255,255,.5);}
.footer_bot a{ display:inline-block; color: rgba(255,255,255,.5); margin:0 4px;}
.footer_bot a:hover{ color:#fff;}
#fixed-foot,.mo-nav{ display:none;}
@media(max-width:767px){
.footer_bg{ margin-bottom:60px; padding:0;}
.footer_topl{ display:none;}
.footer_topr{ width:100%; padding:2rem 10px; text-align:center;}
.footer_top,.footer_bot,.footer_min{ display:none;}
.copyRight{height:auto;font-size:14px;line-height:2; padding:15px 10px;border-top:none; text-align:center;}
.mo-nav{ display:block;font-size:15px; padding-bottom:.5rem;}
.mo-nav a{ margin:0 8px; padding:0 16px 0 0; position:relative;}
.mo-nav a:after{ content:""; position:absolute; top:3px; right:0; width:1px; height:14px; background:#FFF; display:block; opacity:.8;}
.mo-nav a:last-child:after{ display:none;}

.copyright i{ display:none;}
.copyright span{ display:block;}

#fixed-foot{position:fixed; z-index:900;bottom:0;width:100%; max-width:640px; height:auto; margin:0 auto;display: inline-block;background:rgba(0,0,0,.5);-webkit-box-shadow:0 0 10px 0 rgba(12,36,134,.1); box-shadow:0 0 10px 0 rgba(12,36,134,.1); padding:10px 5px;}
#fixed-foot .btn1{width:100%; max-width:640px; margin:0 auto;display:block;text-align:center;}
#fixed-foot .btn1 a{ cursor:pointer; display:inline-block; color:#FFFFFF;text-align: center;width:98%; background-color:#da251c; border-radius:40px; line-height:40px; text-align:center; font-size:0;}
#fixed-foot .btn1 a:nth-child(1){ border-left:none; margin-right:0%;}
#fixed-foot .btn1 a img{ display:inline-block; margin:0 8px 0 0; vertical-align:middle; width:20px; height:auto;}
#fixed-foot .btn1 a span{ display:inline-block;font-size:15px; vertical-align:middle;}
	

}

.right-slidbar{position: fixed;bottom:10%;right:20px;z-index: 9999;display: block;border-radius:8px;}
.right-slidbar .list-item{display:block;vertical-align: middle;position: relative;background: #fff;box-shadow:0 2px 15px 0 rgba(0,0,0,.1);border-radius:50%;color:#3d3d3d;text-align:center;line-height:42px;margin-top:10px; width:42px;}
.right-slidbar .picbox{display: block;text-align: center;line-height: 42px;padding:8px 12px;}
.right-slidbar .picbox img{ width: 20px;}
.afterpic{display: none;}
.list-item:first-child{border-radius: 50%;}
.list-item:nth-child(2){border-radius:21px; padding:9px 0 14px;}
.list-item:last-child{border-radius: 50%;}
.list-item:last-child{border: none;}

.zx-all{background:#da251c;width: 0px;/*transition: all 1s linear;*/font-size:14px;color: #fff;font-weight: 800;position: absolute;left:0;z-index:-1;opacity:0;border-radius:8px 0px 0px 8px; display:none;}
 
.icoTel{ display:block; width:42px; height:42px; background:url(/images/rTel1.png) no-repeat center;border-radius:50%;}
.icoMo{ display:block; width:42px; height:42px; background:url(/images/rMo1.png) no-repeat center;border-radius:50%;}
.phone-con{bottom:0px;}
.phone-box{width:240px;line-height:42px;padding:0 20px 0 0px;}
 
.zixun-con {bottom:0px;}
.zixun-box {width:210px;line-height: 14px;padding: 20px 0px;}

.icoEwm{ display:block; width:42px; height:42px; background:url(/images/rEwm.png) no-repeat center;border-radius:50%; background-size:auto 20px;}
.list-item:nth-child(2) span{ display:block; padding:0 12px; font-size:14px; line-height:18px; margin-top:-3px;}
.icoTop{ display:block; width:42px; height:42px; background:url(/images/rTop1.png) no-repeat center;border-radius:50%; background-size:20px auto;}
.weixin-con{color:#333;width:134px;bottom:auto;top:20px; text-align:left; background:none;}
.weixin-con p{ line-height:2;}
.weixin-con div{background:#fff; height:auto;padding:5px; line-height:1.5; border-radius:5px;box-shadow:0px 2px 16px 0px rgba(30, 39, 48, 0.16);}
.weixin-con div img{ width:124px; height:auto;}
.weixin-con:after{content:"";display:block;position:absolute;width:10px;height:10px;top:85px;right:-5px;box-shadow: 0px 2px 16px 0px rgba(30, 39, 48, 0.16);background: #fff;transform: rotate(45deg);z-index:-1;}
.list-item:hover{background: #da251c;}
.list-item:hover .zx-all{opacity:1; }
.list-item:hover .icoTel{ background:url(/images/rTel.png) no-repeat center;}
.list-item:hover .icoMo{ background:url(/images/rMo.png) no-repeat center;}
.list-item:hover .icoEwm{ background:url(/images/rEwm1.png) no-repeat center;background-size:auto 20px;}
.list-item:hover .icoTop{ background:url(/images/rTop.png) no-repeat center;background-size:20px auto;}
.list-item:nth-child(2):hover span{ color:#fff;}
.list-item:hover .beforepic{display: none;}
.list-item:hover .afterpic{display: block;}
.list-item:hover .phone-con{left:-197px;width:220px; display:block;}
.list-item:hover .zixun-con{left:-154px;width:240px; display:block;}
.list-item:hover .weixin-con{left:-146px; top:-0px; display: block;}
@media only screen and (max-width: 640px){.right-slidbar{display:none;}}


.inbanner{ width:100%; height:360px; margin-top:0;}
.inbanner img{ display:none;}
/*main03*/
.main03{ width:100%; height:auto; margin-bottom:0;}
@media(max-width:767px){
.inbanner{ width:100%; height:auto; margin-top:0; background:none;}
.inbanner img{ display:block; max-width:100%; height:auto;}
.main03{ width:100%; height:auto; margin-bottom:0;}
}
/*side_left*/
.sideLeft{ padding:30px 0; position:relative;}
.sideLeft .title{float:left; height:50px; line-height:50px; text-align:center;}
.sideLeft .title span{ float:left; display:block;width:150px; height:50px; background:#da251c; font-size:16px; color:#ffffff;}
.sideLeft .title i{ float:left;display:block;margin-left:50px; line-height:50px; font-size:16px; color:#333;}
.sideLeft ul{ float:left;}
.sideLeft ul li{ float:left;position:relative;margin-left:50px;}
.sideLeft ul li a{color:#333;font-size:16px;position:relative;display:block; line-height:50px;}
.sideLeft ul li:hover a,.sideLeft ul li.on a{ color:#da251c;}

.sideLeft .top_search{ position:absolute; right:0; top:35px; border:#d9d9d9 1px solid; width:180px; height:40px; border-radius:5px;}
.sideLeft .top_search .top_search_txt{ width:145px; height:36px; padding:9px 10px; border:0; float:left; outline:none; border-radius:5px; font-size:13px;}
.sideLeft .top_search .top_search_bt{ background:url(/images/top_search_bt.png) center no-repeat; width:25px; height:38px; border:0; cursor:pointer; float:left; padding:0; border-radius:5px; outline:none;}

.nav_list{ display:none;}
@media(max-width:767px){
	.sideLeft,.sideLeft .top_search{ display:none;}
	.nav_list{padding:0 10px; background-color:#eee; line-height:40px; position:relative; z-index:40; display:block;}
	.nav_list a.GoBack{ font-size:15px; color:#fff; padding-left:20px;  position:relative; background:url(images/icon15.png) no-repeat left center; -webkit-background-size:auto 100%; -moz-background-size:auto 100%; -o-background-size:auto 100%; background-size:auto 100%;}
	.nav_list span{ width:31px; height:26px; -webkit-background-size:100%; -moz-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; position:absolute; right:20px; top:12px; z-index:444;}
	.nav_list a.Column{ font-size:16px; color:#333;  position:relative; -webkit-background-size:auto 100%; -moz-background-size:auto 100%; -o-background-size:auto 100%; background-size:auto 100%;}
	
	.dl-menu2{ width:100%; height:auto;}
	.dl-menu2 li{ float:left; width:33.333%; text-align:center;}	
	.dl-menuwrapper .dl-menu2 li a{padding:0 5px;font-size:14px; text-align:center; position:relative;}
	.dl-menuwrapper .dl-menu2 li a:after{ content:""; display:block; position:absolute; right:0; top:50%; margin:-10px 0 0; width:1px; height:20px; background:#666;}
	.dl-menuwrapper .dl-menu2 li:nth-child(3n) a:after{ display:none;}
}
/*side_right*/
.side_right{ width:100%; margin:0 auto; height:auto; min-height:500px; padding:45px 0 30px; background:#f8f8f8;}
.side_right_content{ width:100%; padding-bottom:0;}
.about_c{ width:100%; padding:0; height:auto; color:#232323; line-height:2;}
.contact_c{ width:100%; padding:0 0 20px; height:auto; color:#232323; line-height:2; float:left;}
.about_c img{ max-width:100%; height:auto;}
.contact_c1 h2{ font-size:32px; color:#333; line-height:40px; font-weight:normal; text-align:center; padding-bottom:25px;}
.contact_c1 .lxfs{width:1200px;margin:20px auto 0 auto;}
.contact_c1 .lxfs ul{display: flex;justify-content: space-between;}
.contact_c1 .lxfs ul li{width:31.25%;padding:20px 30px;box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.1);border-radius: 8px 8px 8px 8px;transition: all 0.6s;box-sizing: border-box; font-size:16px;color:#666;text-align:center;/* background:#fff;*/}
.contact_c1 .lxfs ul li:hover{width:31.25%;padding:20px 30px;box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.1);border-radius: 8px 8px 8px 8px;transition: all 0.6s;box-sizing: border-box; font-size:16px;/*color:#fff;*/text-align:center;}
.contact_c1 .lxfs ul li .pic{height:120px;text-align:center;}
.contact_c1 .lxfs ul li .pic img{max-height:120px; transition: all 1s;}
.contact_c1 .lxfs ul li .pic .pic01{display:inline-block;}
.contact_c1 .lxfs ul li .pic .pic02{display:none;}
.contact_c1 .lxfs ul li:hover .pic img {-webkit-animation: rotate_y_360 .5s linear;-moz-animation: rotate_y_360 .5s linear;animation: rotate_y_360 .5s linear;}
/*.contact_c1 .lxfs ul li:hover .pic .pic01{display:none;}
.contact_c1 .lxfs ul li:hover .pic .pic02{display:inline-block;}*/
.contact_c1 .lxfs ul li dl{ width:90%; height:auto; margin:0 auto;}
.contact_c1 .lxfs ul li dl dt{font-size:22px;color:#333;line-height:36px;text-align:center;}
.contact_c1 .lxfs ul li dl dd{font-size:18px;color:#999;margin-top:20px;line-height:30px;text-align:center;}
.contact_c1 .lxfs ul li:hover{background: #ededed;/*box-shadow: inset 0px 0px 12px 1px rgba(0,0,0,0.15);*/}
/*.contact_c1 .lxfs ul li:hover dl dt{color:#FFF;}
.contact_c1 .lxfs ul li:hover dl dd{color:#FFF;}*/
/*.contact_c1 .lxfs ul li.cur{background: #FE8307;box-shadow: inset 0px 0px 12px 1px rgba(0,0,0,0.15);}
.contact_c1 .lxfs ul li.cur dl dt{color:#FFF;}
.contact_c1 .lxfs ul li.cur dl dd{color:#FFF;}
.contact_c1 .lxfs ul li.cur .pic .pic01{display:none;}
.contact_c1 .lxfs ul li.cur .pic .pic02{display: inline-block;}*/
.contact_c .map{ width:100%; height:450px;margin:45px 0 0;}
@media(max-width:767px){
	.side_right{ width:100%; min-height:30px; padding:0;}
	.side_right .location{  height:41px; line-height:40px;}
	.about_c{ width:100%; padding:15px 10px 20px; color:#555; font-size:15px;}
	.about_c img{ max-width:96%; height:auto;}
	.contact_c{ width:100%; padding:15px 10px 20px; color:#555; font-size:15px;}
	.boxRight{ display:none;}
	
	.contact_c1 .lxfs{width:100%;margin:10px auto 0 auto;}
	.contact_c1 .lxfs ul{flex-wrap: wrap;}
	.contact_c1 .lxfs ul li{width:48%;padding:15px 15px;box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.1);border-radius: 8px 8px 8px 8px; margin-bottom:15px;}
	.contact_c1 .lxfs ul li:nth-child(3){ width:100%;}
	.contact_c1 .lxfs ul li span{word-wrap: break-word;}
	.contact_c1 .lxfs ul li span i{ display:none;}
	.contact_c1 .lxfs ul li:hover{width:48%;padding:15px;}
	.contact_c1 .lxfs ul li:nth-child(3):hover{width:100%;}
	.contact_c1 .lxfs ul li .pic{height:80px;}
	.contact_c1 .lxfs ul li .pic img{max-height:80px;}
	.contact_c .map{ width:100%; height:450px;margin:25px 0 0;}
}


.sideCont{ width:100%; margin:0 auto; height:auto; min-height:500px; padding:35px 0 30px;}
.service_c{ width:100%; height:auto;}
.serLoc{ width:100%; padding-left:90px; line-height:40px; font-size:14px; background:#f8f8f8 url(/images/icon-home.png) no-repeat center left; margin-bottom:25px;}
.serLoc a{ font-size:14px; color:#333;}
.serLoc a:hover,.serLoc a:last-child { color:#205cb4; }
.serLeft{ float:left; width:240px;}
.serLeft .top{ background:#222; padding:18px 0; text-align:center; font-size:24px; color:#fff;}
.serLeft .top span{ display:block; font-size:16px; text-transform:uppercase; padding:5px 0 0;}
.ser_classify{background: #fafafa;overflow: hidden;}
.ser_classify .sidepromenu{ width:100%; height:auto;}
.ser_classify .sidepromenu .serClass1{display:block;width: 100%;padding-left: 6%;font-weight:500;color:#333;position: relative; background:#efefef; padding:15px;}
.ser_classify .sidepromenu .serClass1 a{width: 82%;color:#333;display: inline-block;font-size:16px;margin-left:5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;position: relative;z-index: 2;vertical-align:middle;}
.ser_classify .sidepromenu .serClass1 b{display:inline-block;width:12%; height:24px; line-height:24px;overflow:hidden;cursor:pointer;padding:0;vertical-align:middle;transition: all .4s;position: relative;z-index: 2;-webkit-transform:rotate(0);transform:rotate(0); text-align:center; font-family:'宋体';}
.ser_classify .sidepromenu .serClass1.current,.ser_classify .sidepromenu .serClass1.on{background:#205cb4; color:#fff;}
.ser_classify .sidepromenu .serClass1.current a,.ser_classify .sidepromenu .serClass1.on a{ color:#fff;}
.ser_classify .sidepromenu .serClass1.current b{-webkit-transform:rotate(90deg);transform:rotate(90deg);}
/*.ser_classify .sidepromenu .serClass1 a:hover{color:#fff;}*/
.ser_classify .sidepromenu ul{ display:none;overflow:hidden;}
.ser_classify .sidepromenu ul.navactive{ display:block;}
.ser_classify .sidepromenu ul li{border-bottom:1px solid #f3f3f3;width:94%;padding-top:0;margin-left:3%;display: block;margin:5px;padding-bottom:5px;position: relative;}
.ser_classify .sidepromenu ul li a{ width:90%;display: block;position: relative;z-index: 1;-webkit-transition: .5s ease-in-out;transition: .5s ease-in-out;font-size:14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; padding:3px 0 3px 30px;}
.ser_classify .sidepromenu ul li a.ac{ color:#205cb4; font-weight:600;}
.serRight{ float:right; width:930px; padding:10px 0; color:#232323; line-height:2;}
.catetitle,.more_item_content{ display:none;}
@media(max-width:767px){
	.sideCont{ width:100%; min-height:100px; padding:0 0 15px;}
	.serLoc{ display:none;}
	.serLeft{ float:none; width:100%; display:none;}
	.serLeft .top{ display:none;}
	.catetitle{ display:block;padding:13px 15px;color:#111; font-size:14px;position:relative;border-bottom:1px solid #ddd;}
	.catetitle .look_more_item{top:11px;display:block;position:absolute;right:15px;font-size:12px;}
	.catetitle .more_item_box{background:#fff;display:inline-block;border:1px solid #DFDDD9;padding:2px 8px;}
	.more_item_content{left:100%;top:0;height:100%!important;overflow:auto;position:fixed;width:100%;z-index:10;background:#fff;padding:0;transition:left .2s linear 0s;z-index:1200; display:block;}
	.more_nav_box{ padding:10px 0;}
	.more_nav_box li{ display:inline-block;}
	.more_nav_box li a{display:block;font-weight:normal;padding:3px 0;border-bottom:0;color:#555; margin:0 10px;}
	.more_nav_box li a.ac{ color:#205cb4;}
	.more_nav_box li{overflow:hidden;zoom:1;}
	.more_nav_box li a:hover{background-color:#E8E7E3;}
	.more_nav_box li .second-nav{color:#111;}
	.more_nav_box li .three_nav{background:#f9f9f9;overflow:hidden;zoom:1;font-size:.85em;}
	.more_nav_box li .three_nav li{float:left;width:50%;}
	.more_nav_box li .current{background-color:#E8E7E3;color:#D80000;}
	.more_nav_box li .three_nav .current{background-color:#f9f9f9;color:#D80000;}
	.more_item_content .item_head{background:#333;background:linear-gradient(#333,#111);padding:9px 15px;color:#fff;box-shadow:0 0 3px rgba(0,0,0,0.5);}
	.more_item_content .item_head a{color:#fff; display:block; font-size:14px}
	.more_item_content .item_head.on{ background:#205cb4;}
	.more_item_content .icon-back{background-position:6px -266px;width:25px;height:25px;left:inherit;right:12px;top:7px;}
	.serRight{ float:none; width:100%; padding:15px 10px 20px; color:#555; font-size:15px; min-height:200px;}
}


.s02{ width:100%; height:auto; padding:60px 0 35px;}
.s02 .cont{ padding:35px 0 0;}
.s02 .left{ width:306px; height:420px; float:right; background-image:url(/images/yxbj.jpg);}
.s02 .left span{ display:block; padding:200px 0 0; text-align:center; color:#fff; font-size:14px;}
.s02 .left ul{ width:100%; height:auto; padding:20px 0 20px 32px;}
.s02 .left ul li{width:60px; height:30px; overflow:hidden; float:left;}
.s02 .left ul li a{width:60px; height:30px; overflow:hidden; line-height:30px; display:block; text-align: center; font-size: 14px; color: #fff;}
.s02 .left .zTel{width: 178px; height: 46px; overflow: hidden; float:left; margin-left:65px; display:inline;}
.s02 .left .zTel a{width: 174px; height: 42px; overflow: hidden; line-height: 42px; text-align: center; display: block; font-size: 16px; color: #fff;    border: 2px solid #fff;}
.s02 .right{ width:890px; height:450px; float:left; }
.s02 .right li{width:416px; border:3px solid #D2D2D2; margin:0 0 25px 20px; height:auto; padding:33px 0px 33px 0; overflow:hidden; float:left; transition:all .3s; cursor:pointer;}
.s02 .right li .pic{width:105px; height:124px; float:left; overflow: hidden; text-align:center; padding:18px 0 5px 0;}
.s02 .right li .pic img{ max-width:100%; height:auto; width:auto; max-height:82px;}
.s02 .right li .wrt{width:287px; height:124px; float:right; overflow:hidden; padding-right:15px;}
.s02 .right li .wrt h4{font-size:20px; color:#3e4245; line-height:1.8; padding-bottom:8px;}
.s02 .right li .wrt p{ color:#5f6365; font-size:15px; line-height:1.8;}
.s02 .right li:hover{box-shadow: 0 0 30px #BEBEBE;}
@media(max-width:767px){
	.s02{ padding:25px 10px 35px;}
	.s02 .left{ width:100%; height:400px; background-position:center;}
	.s02 .left ul{padding:210px 15px 20px;}
	.s02 .left .zTel{width:60%; height:46px; margin:0 20%; display:block;}
	.s02 .left .zTel a{ width:100%;}
	.s02 .right{ width:100%; height:auto; padding:25px 0 0;}
	.s02 .right li{width:48%; margin:0 4% 25px 0; padding:15px 0px; text-align:center;}
	.s02 .right li:nth-child(2n){ margin-right:0;}
	.s02 .right li .pic{width:100%; height:auto; padding:0 0 5px;}
	.s02 .right li .wrt{width:100%; height:auto;  padding:0 10px;}
	.s02 .right li .wrt h4{font-size:1.1rem;}
	.s02 .right li .wrt p{  font-size:14px; height:6rem; line-height:1.7;}
}



/*荣誉*/
.honor_txt{ font-size:18px; color:#222222; line-height:35px; text-align:left; padding:0 0 40px;}
.honor_txt *{ font-size:18px; color:#222222; line-height:35px;}

.honorList li{ float:left; width:285px; margin:10px 7px 0 7px; transition: all 0.3s;position: relative;top: 0;left: 0;}
.honorList li .pic{ width:285px; height:auto;}
.honorList li .pic img{ width:285px; height:190px;}
.honorList li .pic.img img{ height:285px;}
.honorList li .tit{ font-size:16px; color:#666666; padding:10px 0; line-height:35px; text-align:center;}
.honorList li:hover{top:-10px}
.honorList li:hover .pic{ box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.1);}
.honorList li:hover .tit{ color:#da251c;}
@media(max-width:767px){
	.honorList{ padding:0 10px 20px;}
	.honor_txt{ font-size:16px; line-height:1.8; padding:20px 10px 20px;}
	.honor_txt *{ font-size:16px; line-height:1.8;}
	
	.honorList li{ float:left; width:48%; margin:0 4% 15px 0;}
	.honorList li:nth-child(2n){ margin-right:0;}
	.honorList li .pic{ width:100%; height:auto;}
	.honorList li .pic img{ width:100%; height:auto;}
	.honorList li .pic.img img{ height:auto;}
	.honorList li .tit{ font-size:14px; padding:0 5px; line-height:32px;}
	.honorList li:hover{top:-5px}
	
	#lightbox{ top:50% !important;/*-webkit-transform: translateY(-20%);-ms-transform: translateY(-20%);-o-transform: translateY(-20%);transform: translateY(-20%);*/}
	#prevLink, #nextLink{ height:100% !important;}
	#outerImageContainer{ width:90% !important; height:auto !important;}
	#imageDataContainer{ width:90% !important;}
	#lightboxImage{ width:100% !important; height:auto !important;}
	
}

/*产品*/
.indexcontent{ display:none;}
.p_nav{ padding:30px 40px; background:#fff; margin-bottom:40px;}
.p_nav .p_nav_tr{ border-top:#cccccc 1px dashed; padding:20px 0;}
.p_nav .no_b{ border-bottom:0;}
.p_nav .p_nav_tr .title{ float:left; width:90px; line-height:25px; font-size:14px; color:#222222;}
.p_nav .p_nav_tr .txt{ float:left; width:1030px; line-height:25px; font-size:14px; color:#666666;}
.p_nav .p_nav_tr .txt a{ color:#666666; margin:0 14px;}
.p_nav .p_nav_tr .txt a.on{ color:#da251c;}
.p_nav .p_nav_tr .txt a:hover{ color:#da251c;}

.productList .case_con{ padding:0 0 20px;}
.productList .case_con ul{ width:100%; height:auto;}
.productList .case_con ul li{ float:left;width:287px;margin:10px 17px 0 0;transition:all 0.3s;position:relative;top:0;left:0;}
.productList .case_con ul li:nth-child(4n){ margin-right:0;}
.productList .case_con ul li img{ width:100%; height:auto; border:#e6e6e6 1px solid; display:block;}
.productList .case_con1 ul li .pic{ overflow:hidden; border:#e6e6e6 1px solid;}
.productList .case_con1 ul li img{ width:100%; height:auto; border:none; -webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.productList .case_con1 ul li img:hover{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}
.productList .case_con ul li .tit{ font-size:16px; color:#666666; padding:10px 5px; line-height:35px; text-align:center;}
.productList .case_con ul li:hover{top: -10px}
.productList .case_con1 ul li:hover{top: 0px}
.productList .case_con ul li:hover .pic{ box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.1);}
.productList .case_con ul li:hover .tit{ color:#da251c;}
@media(max-width:767px){
	.indexcontent{ display:block;padding:20px 10px 0;background: #f8f8f8}
	.indexcontent .top_search_txt{width:87%;float:left;border:none;height:45px;padding-left:3%; font-size:14px; outline:none;}
	.indexcontent .top_search_bt{width:10%;float:left;border:none;height:45px; background:#fff url(/images/top_search_bt.png) center no-repeat; padding:0; outline:none;}
	
	.productList{padding:20px 10px 20px 10px;}
	.p_nav{ padding:10px 15px; margin-bottom:0;}
	.p_nav .p_nav_tr{ padding:15px 0;}
	.p_nav .p_nav_tr .title{ width:100%; line-height:25px;}
	.p_nav .p_nav_tr .txt{ width:100%; line-height:25px;}
	.p_nav .p_nav_tr .txt a{ color:#666666; margin:0 12px;}
	.p_nav .p_nav_tr .txt a:nth-child(1){ margin:0;}
	
	.productList .case_con{ padding:10px 0 10px;}
	.productList .case_con.case_con1{ padding:0;}
	.productList .case_con ul li{width:48%;margin:10px 4% 0 0;}
	.productList .case_con ul li:nth-child(2n){ margin-right:0;}
	.productList .case_con ul li img{ width:100%; height:auto;}
	.productList .case_con ul li .tit{ font-size:14px; padding:5px 5px 0; line-height:30px;}
	.productList .case_con ul li:hover{top: -10px}
	
}


/*新闻*/
.news_con{ width:100%; padding:0; margin:0;}
.news_con ul{ width:100%; height:auto;}
.news_con ul li{ float:left; padding:10px; margin-bottom:15px; width:48.5%; margin-right:3%; position:relative; background:#FFF;}
.news_con ul li:nth-child(2n){ margin-right:0;}
.news_con ul li a{ display:inline-block; line-height:25px;}
.news_con ul li span{ display:block; width:100%; margin-top:3px;} 
.news_con ul li span em{ display:block; font-size:12px; color:#999; line-height:24px;}
.news_con ul li dl{ width:100%; color:#333;}
.news_con ul li dt{ float:left; width:85px;height:88px;background:#d5d5d5;color:#fff;text-align:center; border-radius:6px;}
.news_con ul li dt i{ display:block; font-size:40px; font-weight:600; height:50px; line-height:50px; margin-top:3px; font-style:normal;}
.news_con ul li dt span{ display:block; background:#fff; height:1px; width:100%;}
.news_con ul li dt em{ display:block; font-size:14px; font-weight:normal; font-style:normal; line-height:32px;}
.news_con ul li dd{ float:right; width:460px; overflow:hidden;}
.news_con ul li dd h5{ font-size:16px; font-weight:600; color:#333; height:30px; line-height:30px;-webkit-transition: background .4s;transition: background .4s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news_con ul li dd h5 a{ color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; max-width:100%;}
.news_con ul li dd span{ display:block; font-size:14px; color:#777; line-height:26px; margin-top:3px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.news_con ul li:hover{ cursor:pointer;}
.news_con ul li:hover a{ color:#da251c;}
.news_con ul li:hover dt{background:#da251c;}
@media(max-width:767px){
	.news_con{ width:100%; padding:20px 10px;}
	.news_con ul li{ width:100%; padding:8px; margin-right:0;margin-bottom:12px;}
	.news_con ul li dt{ display:none;}
	.news_con ul li dd{ width:100%; padding:0 5px 2px;}
	.news_con ul li dd span{ display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
	
}

/*案例*/
.case_list{ width:100%; margin:0; height:auto;}
.case_list ul li{ float:left; position:relative;width:31.3%; margin:0 3% 30px 0;}
.case_list ul li:nth-child(3n){ margin-right:0;}
.case_list ul li a{ display:block; padding-bottom:18px; position:relative; background:#fff; border-radius:5px 5px 0 0;}
.case_list ul li .pic{transition: ease .65s; position:relative; overflow:hidden;}
.case_list ul li img{ max-width:100%; height:auto; border-radius:0px; display:block;}
.case_list ul li .tit{font-size:16px;color: #333;margin-top:15px;position: relative;padding:0 10px;height:20px;line-height: 20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; text-align:center;}
.case_list ul li a:after{content: '';display: block;width:0;height:1px;background: #da251c;position: absolute;left:0;	bottom:-1px;transition: ease .65s;}
.case_list ul li a:hover{box-shadow:0 0 16px rgba(12,3,6,.26);}
.case_list ul li a:hover:after{width: 100%; left:0;}
.case_list ul li a:hover .pic em{ opacity:1; bottom:0;}
.case_list ul li a:hover .tit{color: #da251c;}
@media(max-width:767px){
	.case_list{ width:100%; margin-top:0; min-height:380px; padding:20px 10px;}
	.case_list ul{ width:100%; margin-left:0;}
	.case_list ul li{ float:left; position:relative; width:48%; padding:0 0 15px; margin:0 4% 0 0;}
	.case_list ul li a{ display:block; padding-bottom:0;border-bottom:none; overflow:hidden;border-radius:5px;}
	.case_list ul li:nth-child(2n){ margin-right:0;}
	.case_list ul li:nth-child(3),.case_list ul li:nth-child(9){ margin-right:3%;}
	.case_list ul li img{ max-width:100%; height:auto; border-radius:0px;}
	.case_list ul li .tit{font-size:14px;margin:0;position:relative;padding:0 10px;height:auto;line-height:32px; text-align:center; color:#333;}
	.case_list ul li .pic em,.case_list ul li .tit span{ display:none;}
	.case_list ul li a:after{ display:none;}
	.case_list ul li a:hover{box-shadow:none;}
	.case_list ul li:hover .tit{ color:#004998;}
}

.page{ width:100%; margin:15px 0 0; height:auto;text-align:center;font-size:15px;color: #666666;}
.page a,.page span{vertical-align:middle;display: inline-block;color:#666666;line-height:20px; padding:4px 12px;text-align: center;border-radius:4px;margin:0 4px;border:1px solid rgba(0, 0, 0, 0.2);-webkit-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;transition: .5s ease-in-out;}
.page a.on,.page a:hover{background-color:#da251c; border-color:#da251c;color: #ffffff;-webkit-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;transition: .5s ease-in-out;}
.page .none{ display:none !important;}
#page1{ display:none;} 

@media(max-width:767px){	
	/*page*/
	.page{ display:none;}
	#page1{ display:block; text-align:center; width:100%; height:auto; overflow:hidden;padding-top:10px;margin-bottom:10px;}
	#page1 a{ display:inline-block; margin-right:1px; padding:8px 14px; background:#da251c; border-radius:5px; color:#FFF; font-size:15px;}
	#page1 a.num{ text-decoration:underline; color:#da251c; font-weight:bold;}
	#page1 span{ display:inline-block;font-size:15px; color:#333; background:none; padding:8px 14px; }

}

/*下载*/
.n_title2{ font-size:26px; color:#333333; line-height:40px; font-weight:bold; padding:0 0 25px;}
.n_title2 img{vertical-align: middle;}
.dl_list{padding:0; min-height:500px;}
.dl_list ul{ width:100%; height:auto;}
.dl_list ul li{ height:55px; padding-left:20px; background:#fff; position:relative; margin-bottom:20px;}
.dl_list ul li a{ float:left; display:block; width:100%; color:#333;}
.dl_list ul li i{ display:block; width:100%;line-height:25px; padding:15px 0; font-size:16px; color:#333333;}
.dl_list ul li span{ position:absolute; right:20px; top:13px; background:url(../images/download_ico.png) left center no-repeat; width:110px; height:30px; padding-left:40px; line-height:30px; font-size:16px;}
.dl_list ul li a:hover i{ color:#da251c;}
.dl_list ul li a:hover span{ color:#da251c;}
@media(max-width:767px){
	.n_title2{ font-size:18px; line-height:40px;padding:15px 10px 10px;}
	.n_title2 img{ width:12px; height:auto; margin-right:5px !important;}
	.dl_list{padding:0 10px 20px; min-height:200px; margin-top:0;}
	.dl_list ul{ padding:0 0 1rem;}
	.dl_list ul li{ float:left; width:100%; height:auto; line-height:32px; margin:0 0 10px; padding:0 0 0 10px;}
	.dl_list ul li i{font-size:14px; padding:12px 115px 12px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.dl_list ul li span{ font-size:14px; top:10px; right:10px; width:100px; padding-left:36px;}
}

.display_con{ width:100%; color:#666; min-height:300px; padding:0;;}
.display_con.newsL{ float:left; width:900px; background:#FFF; padding:0 30px;}
.dis_title{ width:100%; text-align:center;padding:20px 0;border-bottom:1px dashed #ededed;margin-bottom:25px;}
.dis_title.bornone{ border-bottom:none; margin-bottom:0; padding:20px 0 10px;}
.dis_title h4{ text-align:center; font-size:26px; color:#222; line-height:45px; margin-bottom:5px;}
.dis_title span{ color:#737373; font-size:14px; display:block; width:100%; line-height:25px;}
.d_c{ font-size:16px; line-height:2; padding:0 0 20px; width:100%; height:auto; color:#555;}
.d_c em,.d_c i{ font-style:italic;}
.d_c b{ font-weight:bold;}

.details_video{ width:85%; height:auto; overflow:hidden; margin:0 auto 15px; border:5px solid #000; background:#000;}
.details_video .video-js.vjs-fluid{ height:auto; max-height:520px; width:100%;}

.pages{ width:100%; margin-top:10px; padding:5px 0 20px; height:auto; float:left; border-top:1px dashed #dbdbdb}
.pages div{ height:auto; line-height:20px; padding:8px 0; font-size:15px;}
.pages span{ font-size:15px; color:#333;}
.pages a{ color:#333; line-height:20px;}
.pages a:hover{ color:#da251c;}

.smBox{ color:#999; font-size:14px; line-height:2; padding:15px 0 0;}

.dis_img{ width:100%; height:auto; text-align:center;}
.dis_img img{ max-width:80%; height:auto; border:1px solid #CCC;}
#shuiyinDiv img{ max-width:90%; height:auto;}
@media(max-width:767px){
.display_con{ width:100%; color:#666; min-height:300px; padding:0 5px;}
.display_con.newsL{ float:none; width:100%; padding:0 10px; border:10px solid #f8f8f8; border-bottom-width:20px; border-top-width:20px;}
.dis_title{padding:15px 0;border-bottom:1px dashed #ededed;margin-bottom:10px; }
.dis_title span{ line-height:1.5; font-size:12px;}
.dis_title h4{ font-size:18px; line-height:30px; padding:0 0 8px;}
.dis_title.bornone h4{ padding:5px 0 0;}
.d_c{ font-size:15px;}
.d_c img{ max-width:96%; height:auto;}

.details_video{ width:100%;}

.pages div{ height:auto; line-height:24px; border-bottom:0 dotted #CCC;}
.pages&gt;div{ padding:5px 0;}
.pages span{ font-size:15px; color:#333;}

.btn{display: inline-block;padding:0; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation;touch-action: manipulation;
  cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;background-image: none;border: 1px solid transparent; border-radius: 4px;}	
}

.newsR{ float:right; width:270px; background:#fff; padding:0 20px;}
.newsR .newsTit{ font-size:18px; line-height:25px; padding-top:25px; position:relative; color:#333;}
.newsR .newsTit .line{ position:absolute; left:-20px; top:30px; width:2px; height:15px; background:#da251c;}
.newsR ul{ padding:5px 0 0;}
.newsR ul li{ padding:15px 0; border-top:#cbcbcb 1px dashed;}
.newsR ul li:nth-child(1){border-top:0;}
.newsR ul li .txt1{ line-height:24px;}
.newsR ul li .txt1 a{ font-size:15px; color:#333;}
.newsR ul li .txt2{ font-size:14px; color:#999999; line-height:24px;}
.newsR ul li .txt1 a:hover{ color:#da251c;}
.sl{overflow:hidden; text-overflow:ellipsis;white-space: nowrap;}
.newsRcase ul li{ padding:15px 0 0;}
.newsRcase ul li .pic{ width:100%; height:auto;}
.newsRcase ul li .pic img{ width:100%; height:auto;}
.newsRcase ul li .txt1{ text-align:center; padding:5px 0 10px;}
@media(max-width:767px){
	.newsR{ border:10px solid #f8f8f8; border-bottom-width:30px; border-top-width:0; float:none; width:100%; padding:0 10px;}
	.newsR .newsTit{ padding-top:15px;}
	.newsR .newsTit .line{ left:-10px; top:20px;}
	.newsR ul li{ padding:12px 0; }
	.newsR ul li .txt1 a{ font-size:14px;}
	
	.newsRcase ul li{ padding:6px 0 4px; border:none; width:48%; float:left; margin-right:4%;}
	.newsRcase ul li:nth-child(2n){ margin-right:0;}
	.newsRcase ul li .txt1{ padding:6px 0 0;}
}

/*产品详情页*/
.proTit{ padding:0 0 30px;}
.proTit span{ float:left; width:800px;/* background:url(/images/proTitle_ico.png) left center no-repeat; padding-left:40px;*/ font-size:26px; color:#da251c; line-height:45px;}
.proTitle1 span{ float:left; width:800px;/* background:url(/images/proTitle_ico1.png) left center no-repeat; padding-left:85px;*/ font-size:26px; color:#da251c; line-height:45px;}
.proTitle2 span{ float:left; width:800px;/* background:url(/images/proTitle_ico2.png) left center no-repeat; padding-left:90px;*/ font-size:26px; color:#1f3a86; line-height:45px;}
.proTitle3 span{ float:left; width:800px;/* background:url(/images/proTitle_ico3.png) left center no-repeat; padding-left:80px;*/ font-size:26px; color:#1f3a86; line-height:45px;}

.proMore{ float:right; width:200px; font-size:15px; color:#333333; line-height:45px; text-align:right;}
.proMore a:hover{ color:#da251c;}

.productDetail{ width:100%; height:auto; padding:0 0 50px;}
.proTop{ width:100%; background:#fff; padding:30px 60px 40px 60px}
.proTop .img{ float:left; width:440px;}
.proTop .img .p_img{ max-width:100%; height:auto;}
.proTop .text{ float:right; width:609px; min-height:440px; border-left: #e6e6e6 1px solid; padding-left:50px;}
.proTop .text .title{ font-size:18px; color:#da251c; line-height:35px;}
.proTop .text .txt1{ font-size:14px; color:#666666; line-height:26px; margin-top:25px;}
.proTop .text .txt1 *{ font-size:14px; color:#666666; line-height:26px;}
.proTop .text .txt1 pre{ padding:0; border:none; border-radius:0; background:#fff;word-break:normal;word-wrap:normal; width:100%;overflow:visible;font-family:"microsoft YaHei";font-size:15px; line-height:2; white-space: pre-wrap;/* css-3 */ white-space:-moz-pre-wrap;  /* Mozilla, since 1999 */white-space: -pre-wrap;/* Opera 4-6 */white-space: -o-pre-wrap;/* Opera 7 */ margin:0;}
.proTop .text .p_more{ display:block; width:210px; height:45px; text-align:center; line-height:45px; background:#da251c; font-size:16px; color:#ffffff; margin-top:35px;}
@media(max-width:767px){
	.proTit{ padding:0 0 10px;}
	.proTit span{ width:100%;/* background:url(/images/proTitle_ico.png) left center no-repeat; padding-left:40px; background-size:55px;*/font-size:20px;overflow:hidden; text-overflow:ellipsis;white-space: nowrap;}
.proTitle1 span{ width:100%;/* background:url(/images/proTitle_ico1.png) left center no-repeat; padding-left:75px; background-size:55px;*/font-size:20px;}
.proTitle2 span{ width:100%;/* background:url(/images/proTitle_ico2.png) left center no-repeat; padding-left:60px; background-size:55px;*/ font-size:20px;}
.proTitle3 span{ width:100%;/* background:url(/images/proTitle_ico3.png) left center no-repeat; padding-left:80px; background-size:55px;*/font-size:20px;}
	.proMore{ display:none;}
	
	.productDetail{ width:100%; height:auto; padding:10px 10px 30px;}	
	.proTop{ padding:0 15px 20px 15px}
	.proTop .img{ float:none; width:100%;}
	.proTop .img .p_img{ max-width:100%; height:auto;}
	.proTop .text{ float:none; width:100%; min-height:40px; border:none; padding-left:0;}
	.proTop .text .txt1{ margin-top:5px;}
	.proTop .text .txt1 pre{ font-size:14px;}
	.proTop .text .p_more{  width:180px; height:40px; border-radius:5px; line-height:40px; margin-top:15px;}
}
.proCon{ line-height:1.8; color:#333; padding:30px 0 0;}
@media(max-width:767px){
	.proCon img{ max-width:98%; height:auto;}
}


.proTj{ width:100%;}
.proTj .title{ width:1200px; margin:0 auto; padding:0 0 20px;}
.proTj .title span{ float:left; font-weight:bold; font-size:20px; color:#da251c; line-height:30px;}
.proTj .title .proMore{ height:30px; line-height:30px;}
.proTj #picScroll2{ width:1200px; margin:0 auto; position:relative; height:403px;}
.p_list2 li{ float:left; width:287px; margin:10px 16px 0 0; transition:all 0.3s;position: relative;top: 0;left: 0;}

.p_list2 li img{ width:287px; height:auto; border:#e6e6e6 1px solid;}
.p_list2 li .txt{ font-size:16px; color:#666666; padding:10px 0; line-height:35px; text-align:center;overflow:hidden; text-overflow:ellipsis;white-space: nowrap;}
.p_list2 li:hover{top: -10px}
.p_list2 li:hover .pic{ box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.1);}
.p_list2 li:hover .txt{ color:#da251c;}
#picScroll2 .hd{ width:100%;  position:absolute; z-index:1; bottom:15px;left:0;height:42px;line-height:30px;text-align:center; _filter:alpha(opacity=60);}
#picScroll2 .hd ul{ text-align:right;  padding-top:16px; text-align:center;}
#picScroll2 .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:10px; height:10px; margin:0 5px; overflow:hidden; line-height:9999px; background:#d8d8d7; border-radius:5px;}
#picScroll2 .hd ul .on{ background:#da251c;}

#picScroll2 .prev,
#picScroll2 .next{ position:absolute; left:-95px; top:96px; display:block; width:55px; height:115px; overflow:hidden; cursor:pointer;}
#picScroll2 .prev img,
#picScroll2 .next img{ margin-left:0px; margin-top:0px;}
#picScroll2 .next{ left:auto; right:-95px;}
#picScroll2 .prev:hover,
#picScroll2 .next:hover{ background:#da251c;}
@media(max-width:767px){
	.proTj{ padding:0 10px 20px;}
	.proTj .title{ width:100%; padding:0 0 10px;}
	.proTj .title span{ font-size:18px;}
	.proTj #picScroll2{ width:100%; margin:0 auto; position:relative; height:auto;padding-bottom:35px;}
	.p_list2 li{ float:left; width:48%; margin:5px 4% 0 0;}
	.p_list2 li img{ width:100%; height:auto;}
	.p_list2 li .txt{ font-size:14px;  padding:5px 0 0; line-height:30px;}
	
	#picScroll2 .hd,#picScroll2 .prev,#picScroll2 .next{ display:none;}
	.proTj .swiper-pagination-bullet-active{background: #da251c}
}

@-webkit-keyframes rotate_y_360 {
    from{-webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);transform: rotateY(0deg);}
    to{-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);transform: rotateY(180deg);}
}
@keyframes rotate_y_360 {
    from{-webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);transform: rotateY(0deg); }
    to{-webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);transform: rotateY(360deg);}
}

@-webkit-keyframes rotate_360 {
    from{-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);transform: rotate(0deg);}
    to{-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);transform: rotate(180deg);}
}
@keyframes rotate_360 {
    from{-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);transform: rotate(0deg);}
    to{-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);transform: rotate(360deg);}
}



.animate-zhuan{animation: Swing1 5s infinite;transform: translateX(45px);-webkit-animation: Swing1 5s infinite;-webkit-transform-origin: 50% -50px;-webkit-transform: translateX(45px);-moz-animation: Swing1 5s infinite;-moz-transform-origin: 50% -50px;-moz-transform: translateX(45px);-ms-animation: Swing1 5s infinite;-ms-transform-origin: 50% -50px;-ms-transform: translateX(45px);-o-animation: Swing1 5s infinite;-o-transform-origin: 50% -50px;-o-transform: translateX(45px);}
@keyframes Swing1 {
0% {
transform: translateX(10px);
}
50% {
transform: translateX(-10px);
}
100% {
transform: translateX(10px);
}
}
@-webkit-keyframes Swing1 {
0% {
-webkit-transform: translateX(10px);
}
50% {
-webkit-transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(10px);
}
}
@-moz-keyframes Swing1 {
0% {
-moz-transform: translateX(10px);
}
50% {
-moz-transform: translateX(-10px);
}
100% {
-moz-transform: translateX(10px);
}
}
@-o-keyframes Swing1 {
0% {
-oz-transform: translateX(10px);
}
50% {
-moz-transform: translateX(-10px);
}
100% {
-moz-transform: translateX(10px);
}
}
@-ms-keyframes Swing1 {
0% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
50% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
}
@keyframes Swing2 {
0% {
transform: rotate(15deg);
}
50% {
transform: rotate(-15deg);
}
100% {
transform: rotate(15deg);
}
}
@-webkit-keyframes Swing2 {
0% {
-webkit-transform: rotate(15deg);
}
50% {
-webkit-transform: rotate(-15deg);
}
100% {
-webkit-transform: rotate(15deg);
}
}
@-moz-keyframes Swing2 {
0% {
-moz-transform: rotate(15deg);
}
50% {
-moz-transform: rotate(-15deg);
}
100% {
-moz-transform: rotate(15deg);
}
}
@-ms-keyframes Swing2 {
0% {
-ms-transform: rotate(15deg);
}
50% {
-ms-transform: rotate(-15deg);
}
100% {
-ms-transform: rotate(15deg);
}
}
@-o-keyframes Swing2 {
0% {
-o-transform: rotate(15deg);
}
50% {
-o-transform: rotate(-15deg);
}
100% {
-o-transform: rotate(15deg);
}
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
@keyframes tada {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg);
-ms-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
-ms-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
</pre></body></html>