/*banner 轮播*/
.bannerimg {
        z-index: 1;
    width: 100%;
    float: left;
    margin-right: -100%;
    position: relative;
    opacity: 0;
    display: block;
}
.bannerimg img {
       width: 100%;
}

.pt40 {
    padding-top: 40px;
}
.pt50 {
    padding-top: 50px;
}
.pt55 {
    padding-top: 55px;
}
.pt75 {
    padding-top: 75px;
}
.pt60 {
    padding-top: 60px;
}
.pb5 {
    padding-bottom: 5px;
}
.pb10 {
    padding-bottom: 10px;
}
.pb15 {
    padding-bottom: 15px;
}
.pb20 {
    padding-bottom: 20px;
}
.pb25 {
    padding-bottom: 25px;
}
.pb50 {
    padding-bottom: 50px;
}
.pr5 {
    padding-right: 5px;
}
.pr10 {
    padding-right: 10px;
}
.pr40 {
    padding-right: 40px;
}
.pr15 {
    padding-right: 15px;
}
.pr20 {
    padding-right: 20px;
}
.pr25 {
    padding-right: 25px;
}
.ml5 {
    margin-left: 5px;
}
.ml10 {
    margin-left: 10px;
}
.ml11 {
    margin-left: 11px;
}
.ml15 {
    margin-left: 15px;
}
.ml16 {
    margin-left: 16px;
}
.ml20 {
    margin-left: 20px;
}
.ml22 {
    margin-left: 22px;
}
.ml30 {
    margin-left: 30px;
}
.ml50 {
    margin-left: 50px;
}
.ml60 {
    margin-left: 60px;
}
.mr5 {
    margin-right: 5px;
}
.mr10 {
    margin-right: 10px;
}
.mr15 {
    margin-right: 15px;
}
.mr20 {
    margin-right: 20px;
}
.mr25 {
    margin-right: 25px;
}
.mr30 {
    margin-right: 30px;

}
.mr50 {
    margin-right: 50px;
}
.mr100 {
    margin-right: 100px;
}
.ml90 {
    margin-left: 90px;
}
.ml70 {
    margin-left: 70px;
}
.mt5 {
    margin-top: 5px;
}
.mt10 {
    margin-top: 10px;
}
.mt15 {
    margin-top: 15px;
}
.mt20 {
    margin-top: -37px;
}
.mt25 {
    margin-top: 25px;
}
.mt30 {
    margin-top: 30px;
}
.mt40 {
    margin-top: 40px;
}
.mt60 {
    margin-top:60px;
}
.mb5 {
    margin-bottom: 5px;
}
.mb10 {
    margin-bottom: 10px;
}
.mb15 {
    margin-bottom: 15px;
}
.mb20 {
    margin-bottom: 20px;
}
.mm{ margin:20px}
.color-grey {
    color: #999;
}
.row {
    margin-left: -2%;
}
.row2 {
    margin-left: -12px;
}
.row3 {
    margin-left: -30px;
}
.row4 {
    margin-left: -80px;
}
.row5 {
    margin-left: -8px;
}
.ml1{ margin-left:1px}
.blod{ font-weight:bold}
.huise{ color:#999999}
.lv{ color:#2D9D3B}
#cs{color:#F30;  }
.hui{color:#ccc}
.boderr{ border:1px solid #CBCBCB}
.boder-r{ border-right:1px solid #CBCBCB}
.boder-b{ border-bottom:1px solid #e6e6e6}
.boder-t{ border-top:1px solid #CBCBCB}
.boder-l{ border-left:1px solid #CBCBCB}
.baise{ color:#fff}
.red{ color:#D92119}
.huise1{ color:#666}
/*.bg_index{ background:#F8F8F8}*/
/*---导航--------*/
.ml-nav{position: fixed; top: 28px; left: 0; z-index:999; width: 100%; -webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out; min-width: 1300px!important;}
.ml-nav1{position: fixed; top: 0; left: 0; z-index:999; width: 100%;padding:10px 0; background:#fff; -webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out; min-width: 1024px!important;}
.k3 {
    width: 284px;
    float: right;
    margin-right: 25px;
}
.k1.fl {
    margin-left: 13px;
}
.qieh {
    position: fixed;
    left: 0;
    z-index: 99;
    width: 100%;
    height: 28px;
    background-color: white;
    border-bottom: 1px solid #d4d4d4;
}
.ml-logo{
	margin-left: 10px;
	float:left;
	font-size:0;
	margin-top: 7px;
}
.ml-logo img{width:100%;}
.ml-link{float: right; margin-right:20px; font-size: 0;}
.ml-link li{
	float: left;
	height:32px;
	margin-top: 18px;
	margin-right: 18px;
	margin-bottom: 22px;
	margin-left: 18px;
}
.ml-link li div{width:0; margin: 0 auto;background:#fff;display: block;height: 2px;*display: inline; margin:0 auto; transition:all 0.3s;}
.ml-link li a{display: block;font-size: 16px; height:32px; line-height:32px; color: #fff;}
.ml-link li div a{font-size: 0px;}
.ml-link li.current div{ width:100%; }
.ml-link li:hover div{width:120%;}
.ml-link li:hover div a{
	font-size:13px;
	text-align: center;
	background-color: #00CCFF;
}

.ml-link1{float: right; margin-right:20px; font-size: 0;}
.ml-link1 li{float: left; margin:18px 22px 22px; height:32px;}
.ml-link1 li div{width:0; margin: 0 auto;background:#000;display: block;height: 2px;*display: inline; margin:0 auto; transition:all 0.3s;}
.ml-link1 li a{display: block;font-size: 16px; height:32px; line-height:32px; }
.ml-link1 li.current div{ width:100%; }
.ml-link1 li:hover div{width:100%; }

.pest_nav .current{ background: #000; height:2px; bottom:0px}

.STYLE1 {
	font-size: 16px;
	font-weight: bold;
}

.center-wrap{position: relative; z-index: 1; width: 100%; height: 100%; margin: 0 auto;}
.curr{padding: 0 !important; background: #fff;}
.curr .center-wrap{width: 100%; border-bottom:1px solid #dedede;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out}
.curr li a{color: #333;}
.section{overflow: hidden;}
.sed_nav{overflow:hidden;margin-top:3px;}
.sed_nav li{overflow:hidden;float:left;width:24.85%;margin-left:0.2%;*margin-left:0.18%;position:relative;}
.sed_nav li a>img{display:block;width:100%;}
.sed_nav li:first-child{margin-left:0;}
.sed_nav li span.con{position:absolute;top:0;display:block;width:100%;height:100%;background:url(../images/bg.png);}
.sed_nav li span.con span{font-size:22px;color:#fff;position:absolute;top:40%;right:43%;}
.sed_nav li span.con img{position:absolute;top:44%;right:35%;}
.sed_nav li a{width:24.85%;overflow: hidden;cursor: pointer}
.imgg{width: 100%;vertical-align: middle; -webkit-transition: -webkit-transform 1.4s;transition: transform 1.4s;}
.sed_nav li a:hover .imgg{-webkit-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);}

/*------js--------*/
.flexslider{position:relative;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat; z-index:1; clear:both; margin-top:-30px }
.slides{position:relative;z-index:1;}
.slides li{height:806px;}
.flex-control-nav{position:absolute;bottom:30px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:95px 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

/*zhanghaijing 20190623*/
/*RGBA模式遮罩�?*/
/*样式1*/
section.sect_new.chanpin.banquan {
    width: 100%;
    height: 300px;
}
.full-row .row .span-7, .span-7 {
    float: left;
    margin-right: 2%;
    width: 56.33333333%;
}
.an4-img {
    height: 258px;
    width: 600PX;
}
.about-box.l  a img {
    max-width: 100%;
    border: 0;
    width: 100%;
        height: 316px;
    vertical-align: top;
}
section.sect_new {
    margin-top: -52px;
}
 .fadeInLeft a:hover {
        color: #fff;
    background: #9aca20;
}
.morebtn {
    position: relative;
    display: inline-block;
    background: #f54f15;
    color: #fff;
    line-height: 40px;
    padding: 0 30px;
}
.about-box.l {
    text-align: right;
}
.usimg {
    position: relative;
    display: inline-block;
}
.usimg .an3 {
    width: 40px;
    height: 40px;
    background: #f54f15;
    position: absolute;
    bottom: 100%;
    left: 100%;
}
.usimg .an2 {
    width: 40px;
    height: 40px;
    background: #f1f0f0;
    position: absolute;
    bottom: 0%;
    left: -120px;
}
.usimg .an1 {
    width: 80px;
    height: 80px;
    background: #f54f15;
    position: absolute;
    top: 100%;
    right: 100%;
}
.shade {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    transition: all .5s ease
}
a:hover .shade {
    z-index: 999;
    background: url(../images/plus2.png) center center no-repeat rgba(0, 0, 0, .5)
}
/*样式2*/


/*背景样式 张海�?20190623*/
.youshi {
    margin-top: -46px;
    background-color: #fff;
}
section.sect_new.bodyha {
    width: 95%;
   /* height: 531px; */
    background-color: #fff;
    padding-top: 38px;
}
.mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(../images/layer.png) no-repeat;
    background-size: 100%;
    color: #FFF;
    content: "";
    font-size: 18px
}
.mask2 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .2);
}
/*样式3*/
.mask3 {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgba(230, 184, 88, .8);
}
.mask3 {
    -webkit-transition: all ease-in-out .35s;
    -moz-transition: all ease-in-out .35s;
    -o-transition: all ease-in-out .35s;
    transition: all ease-in-out .35s;
    -ms-transition: all ease-in-out .35s
}

html {
    font-size: 16px
}
body:after {
    display: block;
    height: 0;
    line-height: 0;
    overflow: hidden;
    visibility: hidden;
    content: 'Pc';
}
.wrap {
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
*width:1400px;
}
.PcMode:after {
    content: 'Pc' !important;
}
.UnpcPush, .MobilePush {
    display: none;
}

/*
 * PcMode-mid
 */
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
.wrap {
    max-width: 1200px;
    ;
}
}

/*
 * PcMode-min
 */
@media only screen and (min-width: 1024px) and (max-width: 1200px) {
.wrap {
    max-width: 1002px;
    ;
}
}

/*产品中心 start*/
section.sect_new.chanpin {
    margin-top: 60px;
    width: 95%;
    height: 470px;
    background-color: #fff;
    padding-top: 38px;
}
section.sect_new.chanpinc {
    margin-top: 60px;
    width: 95%;
 /*   height: 2070px; */
    background-color: #fff;
    padding-top: 38px;
}
section.sect_new.chanpins {
   /* margin-top: 60px; */
    width: 95%;
 /*   height: 570px; */
    background-color: #fff;
    padding-top: 38px;
}
a{text-decoration:none;color:inherit}
ul{list-style:none}
.overflow-hide{overflow:hidden}
.col-sm-3{width:25%;float:left;position:relative}
.pavilion-container{background:url(../images/yanxuanguan_bg.jpg);background-size:cover;background-repeat:no-repeat;background-position:center;}
.layer-title{padding:50px 0 30px;text-align:center;font-size:30px;color:#fff;letter-spacing:1.09px}
/*tab分类*/
.pavilion-container .pavilion-inner{max-width:1200px;margin:0 auto}
.pavilion-container .pavilion-inner .tabs{padding:0 10px;     margin-left: 140px;}
.pavilion-container .pavilion-inner .tabs li{float:left;padding:0 21px;border:1px solid #f54f15;border-radius:2px;line-height:36px;font-size:16px;letter-spacing:.35px}
.pavilion-container .pavilion-inner .tabs li{margin-left:49px;cursor:pointer}
.pavilion-container .pavilion-inner .tabs li:first-child{margin-left:0}
.pavilion-container .pavilion-inner .tabs li.on{background: #f54f15;color:#1c1f36}
.pavilion-container .pavilion-inner .tabs li .hot-icon{width:18px;height:24px;background:url(../images/marketplace-selected-fire-leave.svg);margin-right:10px;background-repeat:no-repeat}
.pavilion-container .pavilion-inner .tabs li.on .hot-icon{background:url(../images/marketplace-selected-fire.svg)}
.pavilion-container .pavilion-inner .tabs li>span{display:inline-block;vertical-align:middle}
/*tab内容*/
.pavilion-container .tab-content-wrap{position:relative;margin-top:20px;height:420px}
.pavilion-container .tab-content{position:absolute;top:65px;transition:all .5s linear;opacity:0;z-index:-1;height:0;width:100%}
.pavilion-container .tab-content.show{height:auto;opacity:1;top:0;z-index:1}
.pavilion-container .tab-content .col-sm-3{}
.pavilion-container .tab-content .cpzs{
	float: left;
	padding: 15px;
	font-size: 15px;
	line-height: 30px;
	color: #1E220F;
	text-align: center;
	width:20%
}
.pavilion-container .tab-content .cpzs:hover{
	background-color: #F3F8C5;
}

.pavilion-container .tab-content .col-sm-3 .tab-card{
	text-align: center;
	position:relative;
	padding:20px;
	background:#fff;
	border-radius:2px;
	overflow:hidden;
	cursor:pointer;
transition:.2s linear; 	float: left;
}
/*大卡�?*/
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-lg{position:relative;height:420px}
.pavilion-container .tab-content .col-sm-3 .tab-card:before{position:absolute;content:'';top:0;left:0;right:0;height:4px;border-radius:1px 1px 0 0}
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-lg img{height:90px;width:auto;display:block}
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-lg h3{margin-top:30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.pavilion-container .tab-content .col-sm-3 .tab-card p{margin-top:5px;font-size:12px;color:#a0a2a8;letter-spacing:.51px;line-height:20px;height:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-lg .labels{margin-top:10px;margin-right:10px;padding-bottom:20px}
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-lg .labels span{display:inline-block;margin-top:10px;margin-right:10px;padding:0 5px;background:rgba(160,162,168,.1);border:1px solid rgba(102,106,117,.1);border-radius:2px;line-height:20px;color:#a0a2a8;font-size:12px}
.pavilion-container .tab-content .col-sm-3 .tab-card-lg .time{border-top:1px solid #e7e7e7}
/*中卡�?*/
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-md+.tab-card-md{margin-top:20px}
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-md{height:200px}
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-md img{}
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-md h3{margin-top:15px}
.pavilion-container .tab-content .col-sm-3 .tab-card .time{position: absolute;
    bottom: 1px;
    width: calc(100% - 40px);
    padding-top: 17px;
    font-size: 12px;
    color: #666a75;
    letter-spacing: .44px;
    line-height: 23px;}
.pavilion-container .tab-content .col-sm-3 .tab-card .time span{font-size:20px;color:#f66f6a;letter-spacing:0;line-height:23px;margin-right:3px}
/*小卡�?*/
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-sm{height:90px}
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-sm+.tab-card-sm{margin-top:20px}
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-sm .time{border-top-width:0}
.pavilion-container .tab-content .col-sm-3 .tab-card:hover {background:#efedd4}
/*查看全部*/
.pavilion-container .view-go{margin-top:35px;font-size:18px;color:#fff;text-align:center}
.pavilion-container .view-go a span.arrow-more{display:inline-block;vertical-align:middle}
.pavilion-container .view-go a span.arrow-f{width:13px;height:13px;background:url(../images/marketplace-selected-arrow1.svg);display:inline-block;vertical-align:middle;margin-left:10px;position:relative;transition:.3s ease-out}
.pavilion-container .view-go a:hover{color:#c9a467}
.pavilion-container .view-go a:hover span.arrow-f{transform:translate(4px,0);background:url(../images/marketplace-selected-arrow2.svg)}
/*产品中心 end  zhanghaijing 20160623*/
/*
 * PadMode
 */
@media only screen and (min-width: 640px) and (max-width: 1024px) {
html {
    font-size: 14px;
}
body:after {
    content: 'Pad';
}
body {
    user-select: none;
    -webkit-user-select: none;
}
body, input, textarea, button, select {
    font-size: 14px;
}
.wrap {
    padding-left: 2%;
    padding-right: 2%;
    max-width: none;
}
.PcPush {
    display: none;
}
.UnpcPush {
    display: block;
}
}

/*
 * MobileMode
 */
@media only screen and (max-width: 640px) {
html {
    font-size: 13px;
}
body:after {
    content: 'Mobile';
}
body, input, textarea, button, select {
    font-size: 12px;
}
.wrap {
    padding-left: 4%;
    padding-right: 4%;
}
.UnmobilePush {
    display: none;
}
.MobilePush {
    display: block;
}
img[data-src] {
    opacity: 1;
}
}


/* ---------------------------------------------------------- */
/* higher DPI                                                 */
/* ---------------------------------------------------------- */
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13/10), only screen and (min-resolution: 120dpi) {
/* Your code to swap higher DPI images */

}


/* ---------------------------------------------------------- */
/* A media query for iphone device                            */
/* ---------------------------------------------------------- */
@media (device-height:480px) and (-webkit-min-device-pixel-ratio:2) {
/*iphone4*/
.ghost-center p {
    padding: 0;
    font-size: 0.9rem;
}
}
 @media (device-height:568px) and (-webkit-min-device-pixel-ratio:2) {
/*iphone5*/
.ghost-center p {
    padding: 0;
    font-size: 0.9rem;
}
}
 @media (device-height:667px) and (-webkit-min-device-pixel-ratio:2) {
/*iphone6*/

}
 @media (device-height:736px) and (-webkit-min-device-pixel-ratio:2) {
/*iphone6+*/

}


/* ---------------------------------------------------------- */
/* 专门针对ANDROID设备                                        */
/* 可解决安卓不同分辨率引起的页面重构问�?                     */
/* ---------------------------------------------------------- */
@media only screen and (max-device-width:240px) {
/* 240px的宽度Styles */
}
@media only screen and (min-device-width:241px) and (max-device-width:360px) {
/* 360px的宽度Styles */
}
@media only screen and (min-device-width:361px) and (max-device-width:480px) {
/* 480px的宽度Styles */
}
/*
 * 栅格
 */
.hide {
    display: none;
}
.row {
    width: 102%;
}
.row:after, .row:before {
    clear: both;
    display: table;
    content: " ";
}
.full-row .row .span-1, .span-1 {
    float: left;
    margin-right: 2%;
    width: 6.33333333%;
} /*transition:.2s width ease;*/
.full-row .row .span-2, .span-2 {
    float: left;
    margin-right: 2%;
    width: 14.66666667%;
}
.full-row .row .span-3, .span-3 {
    float: left;
    margin-right: 2%;
    width: 23%;
}
.full-row .row .span-4, .span-4 {
    float: left;
    margin-right: 2%;
    width: 31.33333333%;
}
.full-row .row .span-5, .span-5 {
    float: left;
    margin-right: 2%;
    width: 39.66666667%;
}
.full-row .row .span-6, .span-6 {
    float: left;
    margin-right: 2%;
    width: 48%;
}
.full-row .row .span-7, .span-7 {
    float: left;
    margin-right: 2%;
    width: 56.33333333%;
}
.full-row .row .span-8, .span-8 {
    float: left;
    margin-right: 2%;
    width: 64.66666667%;
}
.full-row .row .span-9, .span-9 {
    float: left;
    margin-right: 2%;
    width: 73%;
}
.full-row .row .span-10, .span-10 {
    float: left;
    margin-right: 2%;
    width: 81.33333333%;
}
.full-row .row .span-11, .span-11 {
    float: left;
    margin-right: 2%;
    width: 89.66666667%;
}
.full-row .row .span-12, .span-12 {
    float: left;
    margin-right: 2%;
    width: 98%;
}
.full-row .row .span-13, .span-13 {
    float: left;
    margin-right: 2%;
    width: 106.33333333%;
}
.full-row .row .span-14, .span-14 {
    float: left;
    margin-right: 2%;
    width: 114.66666667%;
}
.full-row .row .span-15, .span-15 {
    float: left;
    margin-right: 2%;
    width: 123%;
}
.index_ .T {
    padding-bottom: 3em;
    text-align: center;
    color: #333333;
    overflow: hidden;
}
.index_ .T h2.border span:before {
    display: block;
 /*   content: ' '; */
    width: 60px;
    height: 4px;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -30px;
    background: #f54f15;
}
.index_ .T h2 span {
 /*   position: relative;
    padding-top: 1rem;
    display: inline-block; */
}
.index_ .T h2 {
    font-size: 35px;
    font-weight: lighter;
    line-height: 1;
}
.index_ .T h3 {
    font-size: 24px;
    font-weight: 600;
    margin-top: 22px;
}
.qute {
    position: relative;
    padding: 25px 0 30px 0;
    line-height: 2;
    color: #656566;
}

/*zhanghaijing 20160623*/


.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;}
.flex-direction-nav li a.flex-next{right:40px;}
/*--------yousho-------*/
.icon_home{
    background: url(../images/yanfa.jpg) center no-repeat;
    height: 317px;
    margin-top: 43px;
   }
.serBox{cursor:pointer; display:inline; width:238px; height:238px; float:left; overflow:hidden; border:1px dashed #D4D4D4; background-color:#F5F5F5; position:relative; margin-top: 40px; border-radius:160px; margin-right:62px;}
.serBox:last-child{ margin-right:0px}
.serBoxOn{font-family:"Microsoft Yahei"; display:none; width:238px; height:238px; background:#fbeaca; position:absolute; left:0px; top:0px; z-index:19;}
.serBox .pic1{margin-top:30px;width:92px; height:63px; text-align:center; position:absolute; top:22px; right:76px; z-index:99;}
.serBox .pic2{margin-top:30px;width:92px; height:63px; text-align:center; position:absolute; top:22px; left:-200px; z-index:99;}
.serBox .txt1{line-height:30px; font-size:16px; width:120px; height:60px; color:#262626; position:absolute; top:125px; left:60px; z-index:99;}
.serBox .txt2{line-height:30px; font-size:16px;width:120px; height:60px; color:#262626; position:absolute; top:125px; right:-280px; z-index:99;}
.serBox span.tit{font-size:16px; display:block; text-align:center;}
.serBox .txt1 .tit{color:#222; line-height:30px;font-weight:bold;font-size:28px;margin-top: 30px;}
.serBox .txt2 .tit{font-size:28px;color:#222; font-weight:bold; line-height:30px; margin-top: 30px;;}
.serBox p{padding:0 10px; text-align:center;color:#383838;}

/*-----我们的服�?----------*/
.w544{ width:544px; padding-top:40px; overflow:hidden; text-align:center; font-size:18px;}
.w544 h5{ font-size:36px; font-weight:bold; color:#414041; font-weight:bold; line-height:40px;}
.w544  p{ position:relative; width:1005; height:1px; background:#909090; z-index:1; margin-top:30px;}

.w544  em{ background:#F7F7F7; padding:0px 10px; font-size:16px; color:#737273; position:relative; z-index:2; margin-top:-20px; height:35px; line-height:35px; display:block; width:40%}

.index_lu{ width:67%; text-align:center; margin:auto}
.img-scroll { position:relative; margin-top:35px; width:100%; height:200px; margin-bottom:30px}
.img-scroll .prev,.img-scroll .next { position:absolute; display:block; width:60px; height:155px;
 top:10px; }
.img-scroll .prev { left:0}
.img-scroll .next { right:0}
.img-list { position:relative; width:90%; height:200px;  overflow:hidden; text-align:center; margin:auto }
.img_list1{ width:100%; height:200px; overflow:hidden; }
.img_list1 ul{width:100%; height:200px; overflow:hidden;}
.img_list1 ul li{ text-align:left;   float:left; margin-left:60px;width:300px; height:200px; position:relative; overflow:hidden }
.img_list1 ul li:last-child{ margin-right:0px}
.img_list1 ul li a img{ text-align:center;  display:block;  overflow:hidden; width:300px; height:200px; transition: all 0.6s; }
.img_list1 ul li  a:hover img{ text-align:center;  display:block;  overflow:hidden;width:300px; height:200px; transform: scale(1.2); }

.img_list1 ul li a div { width:0px; height:0px; display:none;transition:3s all}
.img_list1 ul li a:hover div{ background: url(../images/bg1.png) repeat;width:300px; height:200px; position:absolute; top:0px; left:0px; display:block;  -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d;
-webkit-animation-name: fanzhun;
	animation-duration: 125ms;
	animation-name: fanzhun; color:#fff}
.img_list1 ul li a:hover div span{ width:280px; border:1px solid #fff; margin:10px; height:180px; text-align:center; font-size:16px; display:block; color:#fff}
.img_list1 ul li  div  a{ color:#fff}
.img_list1 ul li a:hover div span h5{ font-size:24px; font-weight:bold; padding-top:60px;}
.img_list1 ul li a:hover div span p{ text-align:center; height:20px; line-height:20px; width:90%; text-align:center; margin:auto; color:#e5e4e4; font-size:13px; padding-top:15px;}
/*-------不同-------------*/
.butong_bg{ background:url(../images/index_r2_c112.jpg) center bottom no-repeat}

.w1036{ width:1000px; background: url(../images/index_r2_c26.png) center no-repeat; height:499px}
.left_bt{ width:200px; padding-top:45px;}

.left_bt dl{ width:100%; height:100px; clear:both; overflow:hidden}
.left_bt dl dt{ text-align:right; font-size:18px}
.left_bt dl dd{ text-align:right; line-height:22px; font-size:12px;}

.right_bt{ width:200px; padding-top:45px; margin-right:5px;}

.right_bt dl{ width:100%; height:100px; clear:both; overflow:hidden}
.right_bt dl dt{ text-align:left; font-size:18px}
.right_bt dl dd{ text-align:left; line-height:22px; font-size:12px;}

.yingxiao{ background:url(../images/xian.png) center 0px   no-repeat; width:70%; text-align:center; margin:auto; padding:0px 0px; margin-bottom:40px;}
.yingxiao p{ font-size:18px; padding-top:40px; }
.yingxiao dl{ float:left; width:25%; text-align:center; padding-top:25px;}
.yingxiao dl dt{ font-size:66px; font-weight:bold; color:#b4b6b6; height:66px; overflow:hidden; line-height:66px}
.yingxiao dl dd{ text-align:center; font-size:22px; color:#B4B6B5; padding-top:10px;}
.yingxiao dl dd em{ font-size:16px;}
.yingxiao dl dt a {
	overflow: hidden;
	height: 66px; color:#B5B7B6
}
.yingxiao dl dt a span {
	position: relative;
	display: inline-block;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}

.yingxiao dl dt a span::before {
	position: absolute;
	top: 100%;
	content: attr(data-hover);
	font-weight: 700;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.yingxiao dl dt a:hover span,
.yingxiao dl dt a:focus span {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
}
*, *::after, *::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/*合作伙伴*/
/*第三部分�?�?*/

.bxysan {
    width: 100%;
    overflow: hidden
}
.bxysann {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
}
.bxysan1 {
    width: 100%;
    text-align: center;
    color: #908f8f;
    margin-bottom: 2px;
    font-size: 30px;
    font-family: "张海山锐线体�?";
}
.bxysan2 {
    width: 320px;
    text-align: center;
    color: #222;
    padding-bottom: 12px;
    font-size: 36px;
    border-bottom: 1px solid #b6b9bf;
    margin: 0 auto;
}
.bxysan2 b {
    padding-bottom: 14px;
    background: url(../images/gang.jpg) no-repeat bottom center;
}
.bxysan3 {
    width: 100%;
    text-align: center;
    color: #333;
    margin-top: 12px;
    font-size: 14px;
}
.bxysan4 {
    width: 1120px;
    overflow: hidden;
    margin-top: 35px;
    margin-left: 40px;
}
.bxysan4 ul {
    width: 100%;
    margin-left: 1px;
    margin-top: 1px;
}
.bxysan4 ul li {
    width: 219px;
    height: 120px;
    float: left;
    border: 1px solid #dfdfdf;
    margin-left: 0px;
    margin-top: 4px;
}
.bxysan4 ul li img {
    width: 100%;
    height: 100%;
    transition: all 1s;/*-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%); -ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;*/
}
.bxysan4 ul li:hover img {
    transform: rotateY(-180deg);
}
/*第三部分结束*/

/*第五部分�?�?*/

.bxywu {
    width: 100%;
    overflow: hidden;
    padding-top: 23px;
    padding-bottom: 108px;
 /*  background: #ecebeb; */
    margin-top: -38px;
}
.bxywun {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
}
.bxywu1 {
    width: 100%;
    text-align: center;
    color: #908f8f;
    margin-bottom: 2px;
    font-size: 30px;
    font-family: "张海山锐线体�?";
}
.bxywu2 {
    width: 320px;
    text-align: center;
    color: #222;
    padding-bottom: 12px;
    font-size: 36px;
    border-bottom: 1px solid #b6b9bf;
    margin: 0 auto;
}
.bxywu2 b {
    padding-bottom: 14px;
    background: url(../images/gang.jpg) no-repeat bottom center;
}
.bxywu3 {
    width: 100%;
    overflow: hidden;
}
.bxywu3 ul {
    width: 100%;
    height: 60px;
    text-align: center;
    overflow: hidden;
}
.bxywu3 ul li {
    display: inline-block;
    margin: 0 33px;
    font-size: 16px;
    color: #333;
    padding-bottom: 14px;
}
/* .bxywu3 ul li.on {
    color:#004e8b;
    background: url(../images/xinwencur.png) no-repeat bottom;
} */
.bxywu3 ul li.on {
   background-color: #004e8b;
   color: #fff;
}
.bxywu3 dl {
    width: 100%;
    overflow: hidden;
}
.bxywu3 dl .dd1 {
    width: 360px;
    height: 315px;
    background: #fff;
    float: left;
}
.bxywu3 dl .dd1 .dd11 {
    width: 100%;
    height: 170px;
    overflow: hidden;
}
.bxywu3 dl .dd1 .dd11 img {
    width: 100%;
    height: 100%;
    transition: all 1s;
}
.bxywu3 dl .dd1 .dd11:hover img {
    transform: scale(1.1);
}
.bxywu3 dl .dd1 .dd12 {
    width: 330px;
    height: 70px;
    position: relative;
    margin: 0 auto;
    margin-top: 15px;
}
.bxywu3 dl .dd1 .dd12 span {
    background: #004e8b;
    width: 80px;
    height: 70px;
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    font-size: 12px;
    color: #fff;
    text-align: center;
}
.bxywu3 dl .dd1 .dd12 span i {
    font-size: 26px;
    font-style: normal;
    display: block;
    height: 35px;
    line-height: 35px;
    background: #004e8b;
    font-family: "Arial";
    margin-bottom: 8px;
}
.bxywu3 dl .dd1 .dd12 h1 {
    font-size: 16px;
    width: 220px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    display: block;
    position: absolute;
    left: 100px;
    top: 5px;
}
.bxywu3 dl .dd1 .dd12 h1 a {
    color: #004e8b;
}
.bxywu3 dl .dd1 .dd12 .img2 {
    width: 15px;
    height: 14px;
    position: absolute;
    left: 100px;
    top: 46px;
}
.bxywu3 dl .dd1 .dd12 strong {
    font-weight: normal;
    font-size: 12px;
    color: #666;
    position: absolute;
    left: 126px;
    top: 45px;
}
.bxywu3 dl .dd1 .dd12 .img1 {
    width: 12px;
    height: 12px;
    position: absolute;
    left: 240px;
    top: 47px;
}
.bxywu3 dl .dd1 .dd12 p {
    font-weight: normal;
    font-size: 12px;
    color: #666;
    position: absolute;
    left: 260px;
    top: 45px;
}
.bxywu3 dl .dd1 .dd12 p a {
    color:#004e8b;
}
.bxywu3 dl .dd1 .dd12 a:hover {
    text-decoration: underline;
}
.bxywu3 dl .dd1 .dd13 {
    width: 330px;
    height: 100px;
    margin: 0 auto;
    overflow: hidden;
    font-size: 13px;
  /*  color: #818181; */
	color:#000;
    line-height: 26px;
    padding-top: 8px;
    margin-bottom: 6px;
    text-align: justify;
}
.bxywu3 dl .dd2 {
    width: 810px;
    height: 315px;
    float: right;
    overflow: hidden;
}
.bxywu3 dl .dd2 p {
    width: 110%;
}
.bxywu3 dl .dd2 p span {
    width: 370px;
    height: 86px;
    background: #fff;
    float: left;
    margin-right: 10px;
    margin-bottom: 22px;
    display: block;
    overflow: hidden;
    border: 2px solid #004e8b;
}
.bxywu3 dl .dd2 p span i {
    width: 70px;
    height: 60px;
    color: #fff;
    text-align: center;
    display: block;
  /*  background: #969393; */
	background:  #004e8b;
    margin-top: 15px;
    margin-left: 20px;
    float: left;
    font-style: normal;
    font-size: 12px;
}
.bxywu3 dl .dd2 p span i b {
    display: block;
    height: 30px;
    font-size: 22px;
    padding-top: 5px;
}
.bxywu3 dl .dd2 p span strong {
    color: #333;
    display: block;
    width: 250px;
    height: 24px;
    line-height: 24px;
    float: left;
    margin-left: 15px;
    font-size: 12px;
    margin-top: 15px;
}
.bxywu3 dl .dd2 p span em {
    line-height: 20px;
    font-size: 13px;
    width: 250px;
    display: block;
    float: left;
    margin-left: 15px;
    height: 36px;
  /* color: #8e8e8e; */
   color:#000;
    font-style: normal;
    text-align: justify;
}
/* .bxywu3 dl .dd2 p span:hover {
    border: 2px solid #004e8b;
} */
.bxywu3 dl .dd2 p span:hover i {
    background: #004e8b;
}
.bxywu3 dl .dd2 p span:hover strong {
    color: #004e8b;
}
/*第五部分结束*/


.case_show_bg{ width:100%; background:#EEF2F5; overflow:hidden; padding:20px 0px}
.case_show_bg .w544  em{ background:#EEF2F5; padding:0px 10px; font-size:16px; color:#737273; position:relative; z-index:2000; margin-top:-20px; height:35px; line-height:35px; display:block; width:40%}
.case_list{ width:1567px; overflow:hidden; text-align:center; margin:auto}
.case_list dl{ width:300px; background:#fff; overflow:hidden; height:270px; overflow:hidden; float:left; margin-left:12px; margin-top:30px; overflow:hidden}
.case_list dl dt{width:300px; height:180px; overflow:hidden; position:relative}
.case_list dl  dd{ clear:both; text-align:left; line-height:26px; padding-top:10px; color:#8f8f8f; padding-left:20px;}
.case_list dl  dd em{ font-size:16px; color:#343434}

 .case_list dl dt div{text-align:center;position:absolute;height:180px;width:100%;top:-100%;text-align:center;-webkit-transition:top 400ms;transition:top 400ms;}
 .case_list dl dt a div { display:block}
.case_list dl:hover div{ top:0px}
.case_list dl:hover{box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    transform: translate3d(0px, -2px, 0px); overflow:hidden;width:300px; height:270px; display:block;}
	
	
.yuanjuan{ width:55px; height:55px; background:#F63C0B; border-radius:60px; border:2px solid #BFBFBF; margin-top:35px;}
.yuanjuan img{ padding-top:13px;-webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d;
-webkit-animation-name: movee;
	animation-duration: 1s;
	animation-name: movee;
	animation-iteration-count:infinite;
	-webkit-animation-iteration-count:infinite; transition:all 2s }
	
/*--评价---*/
.pj_bg{ width:100%; background: url(../images/pj_bg.jpg) center 0px no-repeat; padding-top:58px; padding-bottom:30px}
.pj_bg .w544  em{ background:#F5F5F5; padding:0px 10px; font-size:16px; color:#737273; position:relative; z-index:2000; margin-top:-20px; height:35px; line-height:35px; display:block; width:40%}

.testimonial{
		    background-color: #f3f3f3;
		    border-radius: 5px;
		    padding: 30px;
		    margin: 0 15px;
		}
		.testimonial .pic{
		    width: 90px;
		    height: 90px;
		    margin: 0 30px 15px 0;
		    float: left;
		}
		.testimonial .pic img{
		    width: 100%;
		    height: auto;
		    border-radius: 50%;
		}
		.testimonial .testimonial-title{
		    color: #000000;
		    font-size: 16px;
		    margin-top: 5px;
		    font-weight: 800;
		    text-transform: capitalize;
		}
		.testimonial .testimonial-title small{
		    display: block;
		    color: #dc005a;
		    font-size: 14px;
		    font-weight: 800;
		    margin-top: 10px;
		}
		.testimonial .testimonial-review p{
		    color: #888888;
		    font-size: 15px;
		    font-style: italic;
		    line-height: 19px;
		    margin-bottom: 0;
		}
		.owl-theme .owl-controls{
		    margin-top: 20px;
		}
		.owl-theme .owl-controls .owl-page span{
		    width: 10px;
		    height: 10px;
		    background:#fff;
		    opacity: 1;
		}
		.owl-theme .owl-controls .owl-page.active span,
		.owl-theme .owl-controls.clickable .owl-page:hover span{
		    background: #fff;
		    border: 1px solid #cdcdcd;
		}
		.owl-pagination{
		    margin-top: 40px;
		}
		.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{
		    background:#3F4144;
		    border:3px solid #fff;
		}
		
		
		
#Tab62 {
    height: auto;
    overflow: hidden;
    width: 1200px; clear:both; 
}
.Menubox62 {
    font-size: 18px;
    height: auto;
    overflow: hidden;
    width: 382px; 
}

#Tab62 .Menubox62 li {
    cursor: pointer;
    display: block;
    float: left;
    font-family: "微软雅黑";
    height: 38px;
    line-height: 38px;
    text-align: center;
    width: 160px; background:#A3A2A0; font-size:16px; border-radius:60px; text-align:center; margin-left:20px; color:#fff
	; 
}
#Tab62 .Menubox62 li a{ color:#fff}
#Tab62 .Menubox62 li.hover {
    
    color: #fff;
    display: block;
    font-size: 16px;
    height: 38px;
    line-height: 38px;
    width: 160px; background:#F5951C; border-radius:60px;transition:all 0.3s ease 0s
}

.Contentbox62 {
    clear: both;
    height: auto;
    overflow: hidden;
    width: 1200px; clear:both; padding-top:10px;
}
.Contentbox62 dl{ width:286px; float:left; margin-right:16px; margin-top:30px; position:relative; padding-bottom:10px;}
.Contentbox62 dl dt{width:286px; height:174px; overflow:hidden; position:relative}	
.Contentbox62 dl dt img{ width:286px; height:174px;transition:all 0.3s ease 0s; z-index:1; position:relative}
.Contentbox62 dl:hover img{ transform:scale(1.2);    -webkit-transform:scale(1.2);    -moz-transform:scale(1.2);    -o-transform:scale(1.2);    -ms-transform:scale(1.2); opacity:0.9}

.Contentbox62 dl:last-child{margin-right:0px;}
.Contentbox62 dl dd{ width:100%; padding-top:10px; clear:both; overflow:hidden; position:relative; padding-bottom:15px;}		
.Contentbox62 dl dd h1{ line-height:30px; font-size:16px; font-weight:bold;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; text-align:left; padding-left:5px; padding-right:5px;}		
.Contentbox62 dl dd h1 a{ color:#242332}		
.Contentbox62 dl dd p{ text-align:left; line-height:25px; overflow:hidden; height:25px; padding-top:5px; clear:both; font-size:12px; color:#a8a8a9; padding-bottom:10px; padding-left:5px; padding-right:5px;}	

.copy_bg{
    background: #1F2229;
    padding-top: 50px;
    color: #7E7F83; }
.w810{ width:810px;}
.w810  ul{ padding-bottom:20px; overflow:hidden}	
.w810 li{ width:10%; float:left; text-align:center}	
.w810 li a img{ margin-right:5px; transition:all 2s}
.w810 a{ color:#9a9ba0}
.w810 li a:hover img{transform: rotate(360deg);
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            -ms-transform: rotate(360deg);}
			
.w810 ol{ border-bottom:1px solid #2C2C2C; height:44px; line-height:44px;border-top:1px solid #2C2C2C; margin-top:15px; text-align:left; word-spacing:15px; }
.w810 dl{ width:100%; clear:both; padding-top:35px; overflow:hidden}
.w810 dl dt{ float:left; margin-right:30px;}
.w810 dl dd{ text-align:left; line-height:24px; border-left:1px solid #282B30; padding-left:40px; width:70%; float:right}
.w272{ width:272px;}
.w272 p{ text-align:left; line-height:30px;}
.w272 p em{ font-size:36px; color:#f7f7f7}
.w272 ul{ width:100%; clear:both; padding-top:20px; overflow:hidden}
.w272 ul li{
	float:left;
	margin-right:10px;
	line-height:50px;
	float:left;
	width:100%;
	text-align: center;
}
.w272 ul li:last-child{margin-right:0px;}
.copyright{ border-top:1px solid #282B30; height:40px; line-height:40px; overflow:hidden; margin-top:30px; text-align:center; width:100%}




/*------二级页面app-------------*/
.pest_bt ol{ background:url(../images/app_r4_c9.png) center bottom no-repeat; width:273px; height:40px; text-align:center; font-size:24px;}
.app_why{ background:url(../images/app_r1_c1.png) left 0px no-repeat; padding-bottom:100px;}
.app_why dl{ padding-top:50px; overflow:hidden; clear:both; padding-bottom:20px}
.app_why dl dt{ float:left; width:5%;}
.app_why dl dd{ float:right; width:88%; text-align:left; line-height:25px; color:#797878}

.app_why dl dd h5{ text-align:left; font-size:24px; font-weight:bold; line-height:30px; padding-bottom:10px; color:#4e4e4e}
.app_why dl:nth-child(1){ width:70%; float:right}
.app_why dl:nth-child(2){ width:60%; float:right}
.app_why dl:nth-child(3){ width:60%; float:right}


.app_ys{ width:100%; clear:both; background:url(../images/apptr2_c1.jpg) center 0px no-repeat; height:566px; overflow:hidden}
#Tab63 {
    height: auto;
    overflow: hidden;
    width: 540px; float:left
}
.Menubox63 {
    font-size: 18px;
    height: auto;
    overflow: hidden;
    width: 540px; 
}

#Tab63 .Menubox63 li {
    cursor: pointer;
    display: block;
    float: left;
    font-family: "微软雅黑";
    height: auto;
    line-height: 28px;
    text-align: center;
    width: 111px;  font-size:16px;  text-align:center; margin-right:30px; 
	
}
#Tab63 .Menubox63 li:hover img{transform:rotate(180deg);
-ms-transform:rotate(180deg); 	/* IE 9 */
-moz-transform:rotate(180deg); 	/* Firefox */
-webkit-transform:rotate(180deg); /* Safari �? Chrome */
-o-transform:rotate(180deg);transition:all 0.3s ease 0s}
#Tab63 .Menubox63 li:last-child{ margin-right:0px}
#Tab63 .Menubox63 li.hover {
    
   
    display: block;
    font-size: 16px;
    height: auto;
    line-height: 28px;
    width: 111px; transition:all 0.3s ease 0s
}

.Contentbox63 {
    clear: both;
    height: 130px;
    overflow: hidden;
    width: 540px; clear:both; margin-top:10px; background:#fff; border-radius:10px;
}
.app_list{ width:1370px; height:auto; position:relative}
.app_list .img-list { position:relative; width:90%; height:298px;  overflow:hidden; text-align:center; margin:auto }
.app_list .img-scroll { position:relative; margin-top:35px; width:100%; height:auto; margin-bottom:30px}
.app_list .img-scroll .prev,.img-scroll .next { position:absolute; display:block; width:60px; height:155px;
 top:100px; }
.img-scroll .prev { left:0}
.img-scroll .next { right:0}
.i
.img_list2{ width:100%; height:auto; overflow:hidden; }
.img_list2 ul{width:100%; height:auto; overflow:hidden;}
.img_list2 ul li{ text-align:left;   float:left; margin-left:26px;width:374px; height:298px; position:relative;transition:3s all;  overflow:hidden; border-left:1px solid #eee; border-right:1px solid #eee; }
.img_list2 ul li:last-child{ margin-right:0px}
.img_list2 ul li dt {overflow:hidden; width:374px; height:230px; display:block}
.img_list2 ul li dt a img{ text-align:center;  display:block;  overflow:hidden; width:374px; height:231px; transition: all 0.6s; }
.img_list2 ul li dd{ text-align:center; line-height:27px; font-size:16px; padding-top:10px; z-index:2; position:relative}
.img_list2 ul li dd em{ font-size:12px; color:#999}
.img_list2 ul li a:hover dd { color:#fff;  -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d;
-webkit-animation-name: tuiyi;
	animation-duration: 125ms;
	animation-name: tuiyi; position:absolute; z-index:5; bottom:120px; text-align:center; width:40%; text-align:center; margin:auto; left:28%}
.img_list2 ul li a:hover dd em{ color:#fff}
.img_list2 ul li a:hover span { background:#ee4d06;width:374px; height:300px; position:absolute; bottom:-20px; left:0px; display:block;  -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d;
-webkit-animation-name: fanzhun1;
	animation-duration: 125ms;
	animation-name: fanzhun1; color:#fff; display:block; position:absolute; z-index:1; left:0px; bottom:0}
.img_list2 ul li  span{ width:100%; height:2px; background:#ee4d06; display:block; z-index:1 ; }
.keh ul{ border-top:1px solid #D8D8D8; border-left:1px solid #D8D8D8; width:96.4%; text-align:center; margin:auto; overflow:hidden}
.keh li{ float:left;border-bottom:1px solid #D8D8D8; border-right:1px  solid #D8D8D8;}
.app_con{ background:url(../images/appt_r4_c1.jpg) center 0px no-repeat; height:409px; padding-top:110px; color:#fff}

.keh li:hover{-webkit-transform: translateY(-1px);
-moz-transform: translateY(-1px);
-ms-transform: translateY(-1px);
transform: translateY(-1px);}

.xcx_why dl:hover{-webkit-transform: translateY(-6px);
-moz-transform: translateY(-6px);
-ms-transform: translateY(-6px);
transform: translateY(-6px); }
.xz_us dl:hover{-webkit-transform: translateY(-6px);
-moz-transform: translateY(-6px);
-ms-transform: translateY(-6px);
transform: translateY(-6px);}
.xz_us dl{ transition:all 1s}

/*------企业信息�?---*/
.inf_top_pest{ background:url(../images/inf_r2_c2.png) no-repeat; height:73px; text-align:center; width:739px}
.yiyi { position:relative; z-index:1}
.yiyi dl{  clear:both; overflow:hidden; padding-top:30px}
.yiyi dl dt{ background:url(../images/inf_r5_c2.jpg) no-repeat; width:87px; height:64px; color:#e93707; font-size:30px; line-height:50px; text-align:right; padding-right:17px; float:left; margin-right:20px;}
.yiyi dl dd{ text-align:left; line-height:26px; padding-top:10px; color:#5e5d5d}
.yiyi dl dd h1{ text-align:left; font-size:24px; line-height:30px;}

.yiyi img{ position:absolute;right:0px; bottom:30px}
.ys_img{ position:relative; z-index:2; margin-top:-20px}

#demo {
    height: auto;
    overflow: hidden; width:1200px; clear:both; padding-top:30px
    
}
#indemo {
    float: left;
    width: 800%;
}
#demo1 {
    float: left;
}
#demo2 {
    float: left;
}
.demo1r {
    float: left;
    height: auto;
    overflow: hidden;
    margin-right: 12px;
    width: 290px;
}
.demo1r p{ width:290px; height:190px; overflow:hidden}
.demo1r p a img{width:290px; height:190px;transition:all 0.3s ease 0s; overflow:hidden}


.demo1r p a:hover img{ transform:scale(1.2);    -webkit-transform:scale(1.2);    -moz-transform:scale(1.2);    -o-transform:scale(1.2);    -ms-transform:scale(1.2); opacity:0.9}
.demo1r span{ width:100%; text-align:left; line-height:20px; overflow:hidden; display:block; height:40px; overflow:hidden; font-size:12px; color:#959494}
.demo1r h2 { text-align:center; line-height:50px; font-size:16px; text-align:center; }

.inf_pj{ width:1370px; height:auto; position:relative;}
.inf_pj .img-list { position:relative; width:90%; height:226px;  overflow:hidden; text-align:center; margin:auto }
.inf_pj .img-scroll { position:relative; margin-top:35px; width:100%; height:auto; margin-bottom:30px}
.inf_pj .img-scroll .prev,.img-scroll .next { position:absolute; display:block; width:60px; height:155px;
 top:20px; }
.img-scroll .prev { left:0}
.img-scroll .next { right:0}
.i
.img_list3{ width:100%; height:auto; overflow:hidden; }
.img_list3 ul{width:100%; height:auto; overflow:hidden;}
.img_list3 ul li{ text-align:left;   float:left; margin-left:110px;width:438px; height:226px; position:relative;transition:3s all;  overflow:hidden;  }
.img_list3 ul li h5{ font-size:20px; text-align:left; line-height:40px}
.img_list3 ul li p{ text-align:left; line-height:25px; height:70px; overflow:hidden; color:#878787; font-size:12px; padding-top:15px;}
.img_list3 ul ol{ clear:both; width:100%; line-height:24px; font-size:12px;color:#878787; text-align:left; padding-top:20px;}
.img_list3 ul ol img{ width:50px; height:50px; border-radius:60px; float:left; margin-right:20px; }
.img_list3 ul ol em{ font-size:16px; color:#666;}

.inf_hz_bg{ background:#F1F1F1; padding-top:30px; padding-bottom:30px; margin-bottom:-20px;}
.inf_hez_bot li a{ float:left;  overflow:hidden; margin-top:10px; margin-left:5px; margin-right:5px;transition:all 0.3s ease 0s;}
.inf_hez_bot li a:hover{ box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    transform: translate3d(0px, -2px, 0px); overflow:hidden;}

.pest_about_nav{ border-bottom:1px solid #D4D4D4; height:50px;}
.pest_about_nav ul{ width:70%; text-align:center; margin:auto}
.pest_about_nav a{ width:10%; display:block; float:left; font-size:16px; line-height:50px; margin-left:40px; margin-right:20px}
.pest_about_nav a:hover{width:10%; display:block; border-bottom:2px solid #d12404; height:49px;}
#opnav{width:10%; display:block; border-bottom:2px solid #d12404; height:49px; color:#d12404}
.about_r1 img{ float:right; margin-left:20px;padding-top:15px;}
.about_r1 h5{ text-align:left; font-weight:bold; font-size:24px; line-height:35px;}
.about_r1  p{ padding-top:15px; overflow:hidden; text-align:left; line-height:24px; text-indent:2em;}
.img_us{ position:relative; z-index:1}
.jing_z{ position:relative; z-index:2; margin-top:-90px}
.jing_z ol{ float:right; margin-right:40px}
.jing_z dl{ float:left; width:70%; margin-left:30px; margin-top:60px;}
.jing_z dl dt{ width:60px; height:60px; color:#fff; line-height:60px; font-size:18px; border-radius:60px; float:left; margin-right:20px; background:#EF3004}
.jing_z dl dd{ text-align:left; line-height:22px; float:right; width:88%; color:#707070} 
.jing_z dl dd h1{ text-align:left; font-size:24px; line-height:30px; padding-bottom:10px; color:#41403f; font-weight:bold}
.jing_z dl:nth-child(2){margin-top:130px;}

.about_hj{background: url(../images/ab_r2_c1.jpg);
background-position: center center;
background-attachment: fixed;
background-size: cover;
width: 100%;
padding-top: 50px ; padding-bottom:100px; width:100%; overflow:hidden; z-index:1; position:relative}

.about_top1{ width:30%; text-align:center; margin:auto; font-weight:bold; color:#fff; font-size:24px; line-height:25px;}
.about_top1 p{ width:33.3%; height:1px; background:#fff; margin-top:10px;}
.about_top1 span{ width:33.3%; text-align:center}
.rebox { cursor: pointer; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 1000; -webkit-filter: none !important;
    background: rgb(0, 0, 0); /* IE Fallback (Solid Colour) */
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4T2NkYGDYDMRkA8ZRAxhGw4BhNAyA+WAYpAMAIFgLQfO9BoEAAAAASUVORK5CYII=);
    background: rgba(0, 0, 0, 0.7); }
.rebox *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }
.rebox-contents { position: absolute; top: 5%; left: 5%; text-align: center; width: 90%; height: 90%; }
.rebox-contents .rebox-content { border: 5px solid #fff; box-shadow: 0 0 20px #000; border-radius: 1px; max-width: 100%; max-height: 100%; }
.rebox-loading { width: 31px; height: 31px; margin: -16px 0 0 -16px; position: absolute; top: 48%; left: 50%; }
.rebox-caption { display: none; position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; z-index: 1000; background: #000; background: rgba(0,0,0,0.7); }
.rebox-caption p { margin: 0 auto; max-width: 70%; display: inline-block; *display: inline; *zoom: 1; padding: 10px; color: #fff; font-size: 12px; line-height: 18px; }

.rebox-button { position: absolute; z-index: 9999; min-width: 40px; height: 40px; line-height: 40px; background: rgb(0, 0, 0); opacity:0.4; 
    text-decoration: none; font-size: 24px; color: #fff; text-align: center; vertical-align: middle;
    -webkit-border-radius: 32px; -moz-border-radius: 32px; -ms-border-radius: 32px; border-radius: 32px;
    -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }
.rebox-button:hover,
.rebox-button:focus { opacity: 1; -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); }
.rebox-close { right: 10px; top: 10px; }
.rebox-next { right: 10px; top: 48%; }
.rebox-prev { left: 10px; top: 48%; }
.rebox-loading { left: 50%; top: 48%;
    -webkit-animation-name: spin; -webkit-animation-duration: 2000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear;
    -moz-animation-name: spin; -moz-animation-duration: 2000ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear;
    -ms-animation-name: spin; -ms-animation-duration: 2000ms; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear;    
    animation-name: spin; animation-duration: 2000ms; animation-iteration-count: infinite; animation-timing-function: linear;
}
.gallery{ width:926px; margin-top:40px}
.gallery p:nth-child(1) { width:262px; float:left; }
.gallery p:nth-child(2) { width:340px; float:left; margin-left:31px }
.gallery p:nth-child(3) { width:262px; float:right;}
.gallery p a img{ padding-bottom:35px}
.about_hezuo{ margin-top:-90px; position: relative; z-index:2;}
.about_hezuo ol{ float:left}


.about_hezuo ul{ width:940px; float:right; padding-top:100px}
.about_hezuo li{ float:left; font-size:12px;   font-size:16px; width:190px; margin-left:20px; height:80px; padding-top:10px; margin-right:10px}
.about_hezuo ul li a{ width:100%;display:block; height:80px; text-align:center; position:relative;-webkit-perspective:600px; overflow:hidden;}
.about_hezuo li a.cur{ background:#149b9e; color:#3e3e3e;}
.about_hezuo li a .navBox{-webkit-transition: all .2s ease;-webkit-transform-origin: 50% 50% -45px; position:absolute; width:100%; height:80px;}
.about_hezuo li a .navBox.box1{-webkit-transform: rotateX(90deg); }
.about_hezuo li a .navBox.box2{-webkit-transform: rotateX(0deg); }
.about_hezuo li a:hover .navBox.box1,.nav ul li a.navCur .navBox.box1{-webkit-transform: rotateX(0deg);}
.about_hezuo li a:hover .navBox.box2,.nav ul li a.navCur .navBox.box2{-webkit-transform: rotateX(-90deg);}

.about_lianx{ background:url(../images/about_pest_r19_c9.jpg) no-repeat; height:46px; width:638px;}

.map{ width:526px; height:386px; border:1px solid #D5D5D5}
.map ol{ padding-top:12px; overflow:hidden}
.con_lianxi{ width:650px; float:right; text-align:left; line-height:40px; font-size:16px}
.con_lianxi ul{ width:100%; clear:both; margin-top:30px;}
.con_lianxi ul li{ width:49%; float:left;border:1px solid #D5D5D5; overflow:hidden; text-align:left; line-height:25px; }
.con_lianxi ul li em{ width:50px; height:50px; background:#E84A3F; border-radius:60px; color:#fff; line-height:50px; font-size:22px; display:block; float:left; margin-left:20px; margin-top:20px; text-align:center; margin-right:20px; margin-bottom:20px}
.con_lianxi ul li p{ padding-top:18px; font-size:14px; color:#666; text-align:left}
.con_lianxi ul li p a{ font-size:18px}

/*-----------政务系统--------------*/
.zw_ys{ background:url(../images/zhengwu_r3_c9.jpg) repeat-x ; overflow:hidden; position:relative; padding-top:33px; z-index:2; padding-bottom:50px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;-ms-transition: all .3s ease-in-out 0s;-o-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s; }
.zw_ys dl{ width:255px; height:297px; overflow:hidden; position:relative; z-index:3; height:auto; float:left; margin-right:50px;background: url(../images/zhengwu_r3_c4.jpg)  0px 290px no-repeat ;overflow: hidden;display: inline-block; z-index:2}
.zw_ys dl:last-child{ margin-right:0px;}
.zw_ys dl dt{ width:100%; overflow:hidden; color:#F64905; font-size:30px; line-height:36px; z-index:1;}
.zw_ys dl dd{width:100%; text-align:center; font-size:18px; padding-top:15px;}
.zw_ys dl dd div{ text-align:left; line-height:22px; font-size:14px; width:80%; text-align:center; margin:auto; padding-top:10px; display:none}
.zw_ys dl dd div p{ text-align:left;}
.zw_ys dl:hover{  width:255px; height:297px; background-position: 0px 0px; background-size:100% 100%;transition: all .5s ease-in-out .3s;-webkit-transition: all .5s ease-in-out .3s;-moz-transition: all .5s ease-in-out .3s;-ms-transition: all .5s ease-in-out .3s;-o-transition: all .5s ease-in-out .3s;transition: all .5s ease-in-out .3s; position: relative; }
.zw_ys dl:hover div{ display:block; color:#fff}
.zw_ys dl:hover dd{color:#fff;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}

.zwxt_bg{ background:#EDEBEC url(../images/zhengwu_r7_c2.jpg) repeat-x; z-index:1; position:relative; padding-bottom:100px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;-ms-transition: all .3s ease-in-out 0s;-o-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s; }
.zwxt_bg dl{ width:240px; float:left; margin-left:75px; margin-right:75px; padding-top:40px} 
.zwxt_bg dl dd h1{ line-height:24px; font-size:18px; padding-top:20px;}
.zwxt_bg dl dd p{ text-align:left; line-height:24px; padding-top:10px;}
.zwxt_bg dl dt{ position:relative; width:100%; height:87px;}
.zwxt_bg dl dt a.cur{ background:#149b9e; color:#3e3e3e;}
.zwxt_bg dl dt a .navBox{-webkit-transition: all .2s ease;-webkit-transform-origin: 50% 50% -45px; position:absolute; width:100%; height:80px;}
.zwxt_bg dl dt a .navBox.box1{-webkit-transform: rotateX(90deg); }
.zwxt_bg dl dt a .navBox.box2{-webkit-transform: rotateX(0deg); }
.zwxt_bg dl dt a:hover .navBox.box1,.zwxt_bg dl dt a.navCur .navBox.box1{-webkit-transform: rotateX(0deg);}
.zwxt_bg dl dt a:hover .navBox.box2,.zwxt_bg dl dt a.navCur .navBox.box2{-webkit-transform: rotateX(-90deg);}
.zw_hz_img{ width:1096px;}
.zw_hz_img li{ float:left; margin-left:3px; margin-right:3px; margin-top:6px;}

/*---------网这建设---------------------*/
.web_r1{ background:url(../images/web_r2_c1.jpg) center 0px no-repeat; height:374px; }
.w320{ background:url(../images/web_r1_c4.png) center 0px no-repeat; height:89px;}

.aboutUsB{
	clear:both;
	overflow: hidden;
	height:auto;
	width: 100%;
}
.aboutUsB dl dd{
	display:inline;
	overflow:hidden; width:100%; text-align:center
	}
.aboutUsB span{
	float: left;
	height: 94px;
	line-height: 94px;
	text-align: center;
	color: #fff;
	background: #C20000;
	font-family:arial;
	font-size: 72px;
	position: relative;
	font-weight: bold;
	border-radius: 10px;
	clear:both;
	display:block;
}
.aboutUsB span.span1{
	width: 105px;
}
.aboutUsB span.span2{
	width: 423px;
}
.aboutUsB span i{
	position:absolute;
	left: 0;
	top: 43px;
	z-index: 33;
	display: block;
	width: 100%;
	height: 4px;
	background:#C20000;
	font-style:normal;
}
.aboutUsB dl dd p{
	clear:both;
	display:block;
	line-height:30px;
	text-align:center;
	}
.aboutUsB h2{
	  font-weight:bold; 
	}
.count-title{ width:80px; overflow:hidden;}	 
.count-titlee{ width:40px; overflow:hidden;}	 

.box{ width:1290px; margin:0 auto; padding-top:20px; clear:both}
.bcon{ }
.bcon h1{  padding:0 10px;}
.bcon h1 b{ font:bold 14px/40px '宋体'; border-top:2px solid #3492D1; padding:0 8px; margin-top:-1px; display:inline-block;}
.bcon h1 span{ margin:0px 0; }
.bcon h1 span em{ width:14px; height:14px; background:#6D6B6C;  border-radius:10px; margin:0 5px; display:inline-block; cursor:pointer;}
.bcon h1 span em.emon{ width:14px; height:14px; background:#D00300; border:none;}

.list1{ width:100%;  overflow:hidden; display:none;}
.list1 li{ width:299px; height:340px; border:1px solid #E3E3E3;  float:left; overflow:hidden; margin-right:25px;}
.list1 li h1{ text-align:center; font-size:24px; line-height:70px;  }
.list1 li p { font-size:13px; height:44px; overflow:hidden; line-height:20px; color:#717272; padding-top:6px;   }
.list1 li:last-child{ margin-right:0px;}
.list1 li ol{ width:299px; height:199px; overflow:hidden}
.list1 li a:hover img{ opacity:0.9;-webkit-transform: scale(1.01); -moz-transform: scale(1.01); -ms-transform: scale(1.01); transform: scale(1.01);}
.list1 li a:hover{ background:#f1d2c8;-webkit-transition: all .2s; display:block; overflow:hidden; height:340px}
.te_web{background: url(../images/67r8_c1.jpg);
background-position: center center;
background-attachment: fixed;
background-size: cover;
width: 100%;
padding-top: 50px ; padding-bottom:100px; width:100%; overflow:hidden; z-index:1; position:relative}


.scrollBox{ width:1230px; position:relative; }
.scrollBox .piclist{ overflow:hidden; zoom:1;}
.scrollBox .ohbox{overflow:hidden; position:relative;width:1230px;left:0px}
.scrollBox {position:relative;overflow:hidden;zoom:1;}
.scrollBox .piclist li{width:299px; height:340px; border:1px solid #E3E3E3;  float:left; overflow:hidden; margin-left:5px; margin-right:5px;}
.scrollBox .piclist h1{ text-align:center; font-size:24px; line-height:70px;  }
.scrollBox .piclist p { font-size:13px; height:44px; overflow:hidden; line-height:20px; color:#717272; padding-top:6px;   }
.scrollBox .piclist li:last-child{ margin-right:0px;}
.scrollBox .piclist ol{ width:299px; height:199px; overflow:hidden}
.scrollBox .piclist li a:hover img{ opacity:0.9;-webkit-transform: scale(1.01); -moz-transform: scale(1.01); -ms-transform: scale(1.01); transform: scale(1.01);}
.scrollBox .piclist li a:hover{ background:#f1d2c8;-webkit-transition: all .2s; display:block; overflow:hidden; height:340px}
.scrollBox .pageBtn span{ background:url(../images/bntBg.png) no-repeat; display:block;width:37px;height:59px;position:absolute;top:72px;cursor:pointer;text-indent:-999em;overflow:hidden; }
.scrollBox .pageBtn .prev{left:20px;background-position:-11px -84px ;}
.scrollBox .pageBtn .next{right:20px;background-position:-53px -84px ;}
.scrollBox .pageBtn .list{overflow:hidden;zoom:1;margin:30px 0 0 613px; }
.scrollBox .pageBtn .list li{ background:url(../images/bntBg.png); float:left; display:inline; width:15px;height:15px;background-position:-86px -57px ;cursor:pointer;margin-left:10px;line-height:10000px;overflow:hidden; }.scrollBox .pageBtn .list li.on{background-position:-114px -57px }


.tes_li div{ width:40%;}

.tes_li ol{ width:20%; float:left}
.tes_li ul li{  line-height:40px; font-size:18px; color:#fff; padding-top:70px; }
.web_lianxi{ background: url(../images/webb_r10_c1.jpg) no-repeat; height:546px; margin-bottom:-20px}
.web_lianxi h5{ font-size:30px; font-weight:bold; padding-top:30px; line-height:30px;}
.web_lianxi p{ text-align:center; line-height:35px; padding-top:30px; font-size:18px;}
.web_lianxi span{font-size:30px; font-weight:bold; padding-top:30px; color:#ff0000; display:block}
.ss1_in{ width:560px; height:44px; line-height:44px; color:#515050; text-align:left; background:#fff; border:1px solid #CCCCCC; padding-left:10px; color:#999999;border-radius:30px;}
.text5_r{width:540px; height:100px; line-height:25px; color:#515050; text-align:left; background:#fff; border:1px solid #CCCCCC; padding-left:30px; color:#999999;border-radius:60px;}
.submit1{ width:560px; background:#F6350A; height:44px; border-radius:30px; line-height:44px; font-size:16px; color:#fff; border:none; }
.submit1:hover{background:#3b3b3b;  -webkit-animation-name: yidong;
	animation-duration: 5s;
	animation-name: yidong;}
.zw_gx{ background:url(../images/bgzw_r2_c1.png) center no-repeat; height:718px}
.nr_zw{ width:720px; padding-top:100px}
.nr_zw li{width:340px; height:auto; background:#fff; overflow:hidden; padding:40px 0px;}
.nr_zw em{ font-size:24px; font-weight:bold; line-height:50px; }
.nr_zw li:nth-child(1){ float:left; margin-top:50px;}
.nr_zw li:nth-child(2){ float:right}
.nr_zw li:nth-child(3){ float:right; margin-top:30px}
.nr_zw li:hover{-webkit-transform: translateY(-6px);
-moz-transform: translateY(-6px);
-ms-transform: translateY(-6px);
transform: translateY(-6px); transition:all 2s linear}

/*------小程�?-------------*/
.xcx_why dl{ background: url(../images/xx_r4_c21.jpg) no-repeat; height:250px; overflow:hidden; width:289px; float:left; margin-right:112px; transition:1s all}
.xcx_why dl dt{ width:168px; text-align:left; margin-left:80px; padding-top:25px; height:134px; overflow:hidden}
.xcx_why dl dd{ padding-top:45px; overflow:hidden; font-size:16px; font-weight:bold; color:#fff; padding-right:15px;} 
.xcx_why dl:last-child{margin-right:0px}

.main2-content3 .main2-content3-main{
    width:100%;
    overflow: hidden;
}
.main2-content3 .main2-content3-main .content3-left{
    width:350px;
    padding: 5px;
    margin-left: 28px;
    float: left;
    -webkit-transition: all 1.5s cubic-bezier(0.4, 0, 0.2, 1); overflow:hidden
}
.main2-content3 .main2-content3-main .content3-left a{
    display: block;
    margin-top: 30px;
    padding:15px 0;
    border: 1px solid #bfbfbf;
    overflow: hidden;
    -webkit-transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1); overflow:hidden; height:155px;  border-radius:6px
}
.main2-content3 .main2-content3-main .content3-left a:hover{ background:#f8eddd; }
.main2-content3 .main2-content3-main .content3-left a img{
    width: 50px;
    height: 50px;
    margin-top: 24px;
    margin-left: 15px;
    float: left; border:1px solid #CCC; border-radius:60px; padding:5px
}
.main2-content3 .main2-content3-main .content3-left a ul{
    width:240px;
    float: right; margin-right:10px
}
.main2-content3 .main2-content3-main .content3-left a ul li{
    width:240px;
    margin:0 auto; text-align:left
}
.main2-content3 .main2-content3-main .content3-left:hover a{
    border: 1px solid #ff5931;
    -webkit-transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}
.main2-content3 .main2-content3-main .content3-left a:hover{
    margin-top: 20px;
    -webkit-transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}
.main2-content3 .main2-content3-main .content3-left a ul .cintent3-name{
    font-size: 20px;
    color: #333;
    font-weight: bold;
}
.main2-content3 .main2-content3-main .content3-left a ul .cintent3-text{
    font-size: 14px;
    color: #666;
    margin-top: 10px;
}

.xz_us{ background: url(../images/bgh_r11_c1.jpg) center center no-repeat; height:508px; overflow:hidden;
background-position: center center;
background-attachment: fixed;
background-size: cover;
width: 100%;}
.xz_us dl{ width:544px; background:#fff; height:186px; overflow:hidden; float:left; margin-left:80px; margin-top:44px;}
.xz_us dl dt{ float:left}
.xz_us dl dd{ width:222px; text-align:center; margin:auto; float:right; margin-right:22px; margin-top:22px; border-radius:} 
.xz_us dl dd h1{ text-align:left; line-height:35px; font-size:24px; font-weight:bold}
.xz_us dl dd p{ text-align:left; line-height:22px; padding-top:10px; overflow:hidden; color:#575756}
.xz_us dl:nth-child(2) dt{ float:right}
.xz_us dl:nth-child(2) dd{ float:left; margin-left:22px;}
.xz_us dl:nth-child(3) dt{ float:right}
.xz_us dl:nth-child(3) dd{ float:left; margin-left:22px;}
.zx_xcx{ background:url(../images/xcx_r13_c3.jpg) center 0px no-repeat; height:286px}


/*-----案例展示---------------*/
.case_nav{ border-bottom:1px solid #E0E0E0; padding:20px 0px}
.case_nav ul{ width:40%; text-align:center; margin:auto; position:relative; overflow:hidden; height:33px;}
.case_nav ul li{ width:30%; margin-left:3%; float:left; height:33px; background:#EAE6E5; height:33px; position:relative;  border-radius:30px; display:block; line-height:33px; font-size:16px; z-index:1}

.top1{ background:#ED2808; height:33px; width:100%;  border-radius:30px; display:block; line-height:33px; font-size:16px; color:#fff;-webkit-transition:top 400ms;transition:top 400ms; position:absolute; left:0px; z-index:2; top:-100%}
.top1 a:hover{ color:#fff}
.top1 a{color:#fff}
.case_nav li:hover .top1{top:0; }
#iddfe{background:#ED2808; height:33px; width:100%;  border-radius:30px; display:block; line-height:33px; font-size:16px; color:#fff; position:relative}


.liste ul{height:auto;overflow:hidden;width:1280px;padding:25px 0 0px;}
.liste li{width:300px;height:621px;margin-left:8px;overflow:hidden;line-height:26px;position:relative;float:left;margin-bottom:15px;}
.liste li .img{height:532px;overflow:hidden;}
.liste li img{width:auto;max-width:300px;width:expression(this.width>374?"374px":true);height:auto;max-height:532px;height:expression(this.height>533?"211px":true);}
.liste h1{font-size:16px;color:#2c2c30;padding:10px 0 2px 14px;}
.liste .mode{font-size:12px;color:#b9bdc1;padding-left:18px;padding-bottom:5px;border-bottom:1px solid #f7f7f7;height:26px;}
.liste .mode p{color:#737b84;float:left;margin-right:14px;}
.liste .mode img{vertical-align:middle;}
.liste .top{text-align:center;position:absolute;height:532px;width:100%;top:-100%;background:rgba(236,40,8,0.6)!important;filter:Alpha(opacity=60);background:#ec2808;-webkit-transition:top 400ms;transition:top 400ms;}
.liste .top a{display:block;width:100%;height:100%;position:relative; color:#fff; font-size:16px; line-height:30px;}
.liste .top a img{ padding-top:130px;}
.liste .top img{margin-top:5px;}
.liste .bot{height:40px;line-height:40px;padding-left:14px;color:#737b84;}
.liste .bot em{display:block;float:left;width:26px;line-height:26px;border:1px solid #737b84;border-radius:13px;margin-top:6px;text-align:center;margin-right:8px;}
.liste .info{height:110px;background:#ec2808;color:#FFF;font-size:12px;line-height:22px;padding:15px 20px 0;position:absolute;bottom:-100%;-webkit-transition:bottom 400ms;transition:bottom 400ms; text-align:left}
.liste li:hover .info{bottom:0;}
.liste li:hover .top{top:0;}


.lister ul{height:auto;overflow:hidden;width:1170px;padding:25px 0 17px;}
.lister li{width:374px;height:321px;margin-right:15px;overflow:hidden;line-height:26px;position:relative;float:left;margin-bottom:15px;}
.lister li .img{height:211px;overflow:hidden;}
.lister li img{width:auto;max-width:374px;width:expression(this.width>374?"374px":true);height:auto;max-height:211px;height:expression(this.height>211?"211px":true);}
.lister h1{font-size:16px;color:#2c2c30;padding:10px 0 2px 14px;}
.lister .mode{font-size:12px;color:#b9bdc1;padding-left:18px;padding-bottom:5px;border-bottom:1px solid #f7f7f7;height:26px;}
.lister .mode p{color:#737b84;float:left;margin-right:14px;}
.lister .mode img{vertical-align:middle;}
.lister .top{text-align:center;position:absolute;height:211px;width:100%;top:-80%;background:rgba(236,40,8,0.6)!important;filter:Alpha(opacity=60);background:#ec2808;-webkit-transition:top 400ms;transition:top 400ms;}
.liste .top a{display:block;width:100%;height:100%;background: url(../images/icons_01.png) center center no-repeat;position:relative;}
.liste .top img{margin-top:5px;}
.liste .bot{height:40px;line-height:40px;padding-left:14px;color:#737b84;}
.liste .bot em{display:block;float:left;width:26px;line-height:26px;border:1px solid #737b84;border-radius:13px;margin-top:6px;text-align:center;margin-right:8px;}
.liste .info{height:110px;background:#ec2808;color:#FFF;font-size:12px;line-height:22px;padding:15px 20px 0;position:absolute;bottom:-100%;-webkit-transition:bottom 400ms;transition:bottom 400ms; text-align:left}
.liste li:hover .info{bottom:0;}
.liste li:hover .top{top:0;}



.caseContent {
 padding:0 45px
}
.caseConMiddle {
 padding:0;
 width:1200px
}
.caseConList .caseForm .bgPanel {
 height:100%;
 width:100%;
 margin:0
}
.caseConList .casePic {
 height:100%;
 width:100%
}
.caseConList .casePic img {
 height:100%;
 width:100%;
 margin:0
}
.caseConList .f-imgView {
 width:520px;
 height:322px;
 position:relative;
 border-radius:6px 6px 0 0;
 box-shadow:0 0 5px 0 rgba(0,0,0,0.1);
 transform-origin:center center;
 transition:transform .3s; 
}
.caseConList .f-imgView:hover {
 transform:scale(1.02,1.02)
}
.caseConList .caseText {
 padding:0
}
.caseConList .caseText a {
 display:inline;
 font-size:16px;
 color:#333;
 font-weight:normal;
 margin:0
}
.caseConList .caseText-title {
 text-align:center;
 padding-top:40px;
 width:100%;
 line-height:1
}
.caseConList .caseText-desc {
 padding-top:18px;
 font-size:13px;
 margin:0;
 padding-bottom:20px;
 text-align:center;
 color:#b1b1b1;
 line-height:1
}
.caseMobiContent {
 padding:0
}

.caseForm{ float:left; margin-left:20px; margin-right:20px; margin-top:20px}



.fk-caseForm .f-phone-template {
 position:absolute;
 left:-2px;
 top:0;
 width:260px;
 height:470px;
 background: url(../images/icons_01.png) no-repeat;
 z-index:-1
}
.div_opacity {
 float:none
}

.fk-slider {
 width:100%;
 margin:0 auto;
 overflow:hidden;
 position:relative;
 left:0;
 top:0
}

 .fk-slider .f-slider-item {
 width:1200px
}
.fk-slider .f-slider-wrap {
 width:200%;
 position:relative;
 left:0;
 transition:left .3s;
 overflow:hidden
}
.fk-slider .f-slider-item {
 width:50%;
 float:left;
 vertical-align:top;
 display:block
}
.fkIcon-preview {
 display:inline-block;
 vertical-align:middle;
 height:24px;
 width:24px;
 background:url(../images/home_ico.png) -274px -14px no-repeat;
 margin-right:3px
}

.fk-casePc-formWrap .f-winBg {
 width:536px;
 height:352px;
 position:absolute;
 left:-7px;
 top:0;
 z-index:0;
 background:url(../images/home_ico.png) no-repeat -893px -15px
}
.fk-casePc-formWrap .f-win {
 position:absolute;
 left:0;
 top:20px;
 width:100%;
 height:314px;
 overflow:hidden
}
.fk-casePc-formWrap .f-winMask {
 position:absolute;
 z-index:1;
 width:100%;
 height:100%;
 border-radius:6px 6px 0 0;
 background:#000
}
.fk-casePc-formWrap .f-link-preview {
 width:64px;
 height:64px;
 border-radius:50%;
 margin:100px auto;
 cursor:pointer;
 overflow:hidden;
 position:absolute;
 left:50%;
 top:50%;
 margin-left:-32px;
 margin-top:-32px
}
.fk-casePc-formWrap .f-link-previewBg {
 position:absolute;
 left:0;
 top:0;
 width:64px;
 height:64px;
 z-index:0;
 background:#fff;
 opacity:.4;
 filter:alpha(opacity=40)
}
.fk-casePc-formWrap .f-icon-preview {
 display:block;
 position:absolute;
 left:50%;
 top:50%;
 height:24px;
 width:24px;
 margin-left:-12px;
 margin-top:-12px;
 background: url(../images/icons_01.png) no-repeat;
 z-index:1
}
.fk-casePc-formWrap {
 width:518px;
 height:334px;
 position:relative
}
.fk-casePc-formWrap .f-casePc-form {
 width:518px;
 height:334px;
 position:absolute;
 left:50%;
 top:50%;
 margin-left:-259px;
 margin-top:-167px
}
.fk-casePc-formWrap .f-casePc-form .f-win-img {
 width:100%;
 height:auto
}
.fk-casePc-formWrapUnHover .f-winMask,.fk-casePc-formWrapHover .f-winMask {
 opacity:0;
 filter:alpha(opacity=0)
}
.fk-casePc-formWrapHover .f-winMask {
 transition:opacity .3s
}
.fk-casePc-formWrapHover:hover .f-winMask {
 opacity:.6;
 filter:alpha(opacity=60)
}
.fk-casePc-formWrapHover {
 transition:transform .3s;
 transform:translateZ(0)
}
.fk-casePc-formWrapHover:hover {
 transform:scale(1.02,1.02) translateZ(0)
}


.pest_list_news dl{ width:100%; clear:both; padding-top:40px; padding-bottom:40px; overflow:hidden}
.pest_list_news dl dt{ width:600px; float:left;} 
.pest_list_news dl dt h1{ text-align:left; line-height:30px; font-size:30px; font-weight:bold}
.pest_list_news dl dt p{ text-align:left; line-height:20px; font-size:16px; color:#666; height:44px; overflow:hidden; margin-top:20px; overflow:hidden}
.pest_list_news dl dt span{ text-align:left; color:#CCC; width:100%; display:block; padding-top:20px;}
.pest_list_news dl dd{ float:right}

.lj_list{ border-bottom:1px solid #D4D4D4; line-height:40px;}
.bt{width:100%; height:auto; text-align:center; padding-bottom:5px;  border-bottom:1px dashed #d6d6d6;}
.bt h4{ font-size:22px; font-family:"microsoft yahei"; font-weight:bold; line-height:30px;}
.bt ol{ margin-top:6px; color:#979696; font-size:12px; line-height:30px;}

.con{width:100%; height:auto; font-size:16px; line-height:27px; text-align:left; margin-top:15px; clear:both; }
.con p{ text-align:left; line-height:24px; font-size:14px; padding-top:15px;}
.con p img{ text-align:center; margin:auto; display:block}
.fenpian{ width:100%; clear:both; padding-top:15px;  margin-top:15px; overflow:hidden}
.fenpian li{ text-align:left; line-height:30px;width:50%; float:left}

.zw_hz_img li:hover{-webkit-transform: translateY(-6px);
-moz-transform: translateY(-6px);
-ms-transform: translateY(-6px);
transform: translateY(-6px);}


.Contentbox62 .blueBg {
 position:absolute;
 left:0px;
 bottom:0px;
 width:100%;
 height:0%;
 background:#f63c0b;
 transition:all .7s cubic-bezier(0.71,-0.01,0.07,0.99) 0s;
 -webkit-transition:all .7s cubic-bezier(0.71,-0.01,0.07,0.99) 0s; z-index:0
}
.Contentbox62 .linkA {
 position:absolute;
 left:0px;
 top:0px;
 width:100%;
 height:100%;
 display:block
}
.Contentbox62 dl:hover .blueBg {
 height:100%
}
.Contentbox62 dl:hover .ntype {
 background-color:#fff;
 color:#ff7415
}
.Contentbox62 dl:hover h1{ color:#fff}
.Contentbox62 dl:hover p{ color:#fff}
.ad_img{ width:100%; height:auto; overflow:hidden;}




.ul_list ul li{ position:relative; width:368px; height:44px; line-height:44px;margin-bottom:15px; font-size:16px; text-align:left}
/*.form_form ul li input{ width:260px; border:none; font-size:16px; height:40px; line-height:40px; background:none;}*/
.ul_list ul li input{ width:366px; padding:0 15px; border:none; font-size:16px; height:44px; line-height:44px;; text-align:left; background:none; border:1px solid #c6c5c5;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; font-family:"microsoft yahei";}
.form_bon input{ width:370px; height:64px; background:url(../images/m_form_on.jpg) no-repeat; border:none; cursor:pointer; margin-top:15px;}
.reveal-modal-bg{ position:fixed; height:100%; width:100%;  z-index:10; display:none; top:0; left:0}

.reveal-modal { visibility:hidden;  width:520px; }
.hfly_tit{ font-size:26px; font-weight:bold; margin-left:35px;}

.mydiv {
background: #fff; border-radius:10px;
border: 5px solid #f90;
text-align: center;
line-height: 40px;
font-size: 12px;
font-weight: bold;
z-index:99;
width: 450px;
height: 420px;
left:50%;/*FF IE7*/
top: 28%;/*FF IE7*/

margin-left:-150px!important;/*FF IE7 */
margin-top:-60px!important;/*FF IE7 */

margin-top:0px;

position:fixed!important;/*FF IE7*/
position:absolute;/*IE6*/

_top: expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/

}

.bg {
background-color: #ccc;
width: 100%;
height: 100%;
left:0;
top:0;/*FF IE7*/
filter:alpha(opacity=10);/*IE*/
opacity:0.8;/*FF*/
z-index:1;
position:fixed!important;/*FF IE7*/
position:absolute;/*IE6*/

_top: expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/

}


.page .current{background:#D89101; color:#fff; border:1px solid #D89101; text-decoration:none; padding:2px 20px; border-radius:5px; float:left; margin-right:3px;}

.page{ width:400px;  margin-bottom:20px; font-size:12px; font-family:"microsoft yahei"; overflow:hidden; text-align:center; margin:auto;  margin-top:40px}
.page a{display:block; float:left; height:30px; border:1px solid #bcbcbc; line-height:30px; padding:0 15px; margin:0 3px; color:#666; overflow:hidden; border-radius:5px}
.page a:hover,a.cur{background:#D89101; color:#fff; border:1px solid #D89101; text-decoration:none;}




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







		@media screen and (max-width: 990px){
		    .testimonial-parallax h2{
		        margin-bottom: 40px;
		    }
		    .testimonial{
		        margin: 0;
		    }
		}

@keyframes movee {
    from { padding-top:10px }
    to { padding-top:15px }
}
@keyframes fanzhun {
    from { transform: translatey(-100%); }
    to { transform: translatey(0); }
}
@keyframes fanzhun1 {
    from { bottom:-200px }
    to { bottom:0px }
}

@keyframes tuiyi {
    from { bottom:-20px }
    to { bottom:100px }
}

@keyframes  zwbh {
    from { bottom:-100px }
    to { bottom:0px }
}

@keyframes yidong {
    from { width:560px }
    to { width:100px }
}

@media (max-width: 1220px){
	.center-wrap{width: 100%;}
	.lunbo{width: 100%;}
	.lunbo h2{font-size: 36px;}
	.lunbo p{font-size: 18px; color: #fff; line-height: 40px; padding-top: 25px;margin-left: 300px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;}
	.foot .wrap{width: 98%;padding: 0 1%;}
	.ml-logo{width: 225px; height: 75px;}
	.ml-link li{ margin:21px 13px 21px; }
	.ml-link li a{padding: 31px 8px 10px; padding:0; font-size: 16px;}
	.ml-nav{padding: 20px 0;}
	.center{width: 98%; padding: 0 1%;}
	.part_box{width: 90%; padding-right: 4.16%;padding-left:6.83%;margin: 0 auto;position: relative;}
	.part_box span{left:1%;}
	.web_video .video_left{width: 600px;float: left;}
	.serBox{width:150px;margin-top: 0px;}
	.serBoxOn{width:150px;}
	.serBox .txt1{width:150px;}
	.serBox .txt2{width:150px;}
	.img_list1 ul li{ text-align:left;   float:left; margin-left:20px;width:300px; height:200px; position:relative; overflow:hidden }


}
@media (max-width: 1567px){
	.case_list{ width:1200px; overflow:hidden; text-align:center; margin:auto}
	.case_list dl{ width:290px; background:#fff; overflow:hidden; height:261px; overflow:hidden; float:left; margin-left:12px; margin-top:30px; overflow:hidden}
.case_list dl a{  overflow:hidden;transition:all 0.3s ease 0s; width:290px; height:261px; display:block }
.case_list dl a:hover{
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    transform: translate3d(0px, -2px, 0px); overflow:hidden;width:290px; height:261px; display:block; }
.case_list dl dt{width:290px; height:174px; overflow:hidden}
.case_list dl dt img{ width:290px; height:174px;transition:all 0.3s ease 0s}
.case_list dl dt:hover img{ transform:scale(1.2);    -webkit-transform:scale(1.2);    -moz-transform:scale(1.2);    -o-transform:scale(1.2);    -ms-transform:scale(1.2);}


	}