﻿*{font-family: "微软雅黑";}
p,h1,h2,h3,h4,h5,h6{margin: 0;}
ul{list-style: none;margin: 0;padding: 0;}
a,a:hover{text-decoration: none;color: #333;}
html,body{background: #eaeaea;}
@charset "utf-8";

@font-face{font-family:'iconfont';src:url('http://at.alicdn.com/t/font_1432720974_1547027.eot');src:url('http://at.alicdn.com/t/font_1432720974_1547027.eot?#iefix') format('embedded-opentype'),url('http://at.alicdn.com/t/font_1432720974_1547027.woff') format('woff'),url('http://at.alicdn.com/t/font_1432720974_1547027.ttf') format('truetype'),url('http://at.alicdn.com/t/font_1432720974_1547027.svg#iconfont') format('svg')}
@font-face{font-family:'Pacifico';font-style:normal;font-weight:400;src:local('Pacifico Regular'),local('Pacifico-Regular'),url(http://fonts.gstatic.com/s/pacifico/v7/Q_Z9mv4hySLTMoMjnk_rCfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2')}

.fa{display:inline-block;font-family:"iconfont";font-size:20px;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale}
.fa-icon-qq:before{content:"\e604"}
.fa-icon-weibo:before{content:"\e600"}
.fa-icon-weixin:before{content:"\e605"}
.fa-icon-zaixianzixun:before{content:"\e608"}

.header{padding: 30px 0;position: relative;}
.logobox{padding-right: 20px; width: 25%;min-width: 272px; margin-top: 10px;}

@media only screen and (max-width:767px ) {
	.logobox{ min-width: 240px;}
}

.head_td{ padding: 0 20px;border-left: 1px solid #d2d2d2;margin-top: 10px;}
.head_td h3{font-size: 26px;line-height: 1;margin-bottom: 10px;color: #337ff2;}
.head_td p{font-size: 20px;line-height: 1;letter-spacing: 2px;}
.head_tel h4 {font-size: 14px;color: #333333;line-height: 34px;}
.head_tel h4 .tel_t{font-size: 30px;color: #ff0014;padding-left: 40px;background: url(../images/tel.png)no-repeat left center;}
.head_tel h5 .tel_nub{font-size: 21px;color: #ff0014;line-height: 32px;padding-left: 30px;background:url(../images/dh.png)no-repeat left center;}
.head_tel h5 .tel_ph{font-size: 21px;color: #ff0014;line-height: 32px;padding-left: 30px;margin-left: 10px; background: url(../images/phone.png)no-repeat left center;}
.ck_btn{position: absolute;color: #337FF2; top: 50%;right: 0;display: block;width:40px;height: 40px;line-height: 40px;text-align: center;margin-top: -20px;font-size: 24px;}
.menu{background: #337ff2;}
.menu ul.yj:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.menu ul.yj{zoom:1;} 
.menu ul.yj>li{width: 12.5%;float: left;text-align: center;position: relative;}
.menu ul.yj>li>a{display: block;width: 100%;line-height: 50px;font-size: 16px;color: #fff;background: url(../images/shu.jpg)no-repeat left center;}
.menu ul.yj{background: url(../images/shu.jpg)no-repeat right center;}
.menu ul.yj>li:hover{background: #2170e7;}
.menu ul.yj>li>a span{font-size: 12px;margin-left: 3px;}
.menu ul.yj>li ul.ejmenu{position: absolute;width: 100%;left: 0;top:50px;display: none;z-index: 9;}
.menu ul.yj>li ul.ejmenu li a{display: block;width: 100%;line-height: 34px;border-bottom: 1px solid #1c59b5;background: #337ff2;color: #fff;transition: all 0.25s;}
.menu ul.yj>li ul.ejmenu li:first-child a{border-top: 1px solid #1c59b5;}
.menu ul.yj>li ul.ejmenu li a:hover{background: #2170e7;}
.menu ul.yj>li:hover ul.ejmenu{display: block;}

@media only screen and (min-width:768px ) {
	.menu ul.yj{display: block !important;}
}
@media only screen and (max-width:767px ) {
	.header{padding: 5px 0;}
	.menu ul.yj>li ul.ejmenu{display: none;}
	.menu {display: block;width: 30%;min-width: 150px;right: 0;position: absolute;z-index: 9;}
	.menu ul.yj{background:none;}
	.menu ul.yj>li{width: 100%;overflow: hidden;float: none;}
	.menu ul.yj>li>a{font-size: 14px;line-height: 32px;background: none;border-bottom: 1px solid rgba(255,255,255,0.8);}
}

.title1{margin-bottom: 2em;margin-top:15px;}
.title01{border-bottom: 1px solid #c5c5c5;}
.title01 h4{font-size:24px;color: #337ff2;font-weight: bold;line-height: 28px; }
.title01 h5{font-size: 13px;color:#aaaaaa;line-height: 28px;padding-bottom:3px;text-transform: uppercase;}
.tit_w{width: 80px;height: 3px;background: #337ff2;margin: 0 auto;position: relative;top: -2px;}



/** 悬浮QQ **/
*{ margin:0; padding:0; list-style:none;}
img{ border:0;}
.lanren{ position:absolute; right:0; top:150px;}
.lanren .slide_min{ width:28px; height:112px; background:url(http://demo.lanrenzhijia.com/2014/service1205/images/slide_min.jpg) no-repeat; cursor:pointer;position: relative;z-index: 99999;}
.lanren .slide_box{ width:154px; height:auto; overflow:hidden; background:url(http://demo.lanrenzhijia.com/2014/service1205/images/slide_box_bg.jpg) repeat-y; font-size:12px; text-align:center; line-height:130%; color:#666; border-bottom:2px solid #76A20D;position: relative;z-index: 99999;}
.lanren .slide_box .weixin{ margin-bottom:5px;}
.lanren .slide_box img{ cursor:pointer;}
.lanren .slide_box p{ text-align:center; padding:5px; margin:5px;border-bottom:1px solid #ddd;}
.lanren .slide_box span{ padding:5px 10px; display:block;}
.lanren .slide_box span a{ color:#76A20C;}
/** 悬浮QQ 上部多余的原因 **/
.lanren .slide_box h2{ margin-top: 0;}


.main{padding: 40px 0;}
/*分页*/
.page_list a{color:#000; margin: 0px 5px;}
.page_list a:hover{ text-decoration: underline;}
.page_list a.on{color:#f00;}


/*服务*/
.in_serlist{position: relative;padding: 0 15px;}
.in_serlist .swiper-button-next{background: url(../images/rightbtn.png)no-repeat right center;width: 51px;height: 51px;right: -25px;}
.in_serlist .swiper-button-prev{background: url(../images/leftbtn.png)no-repeat right center;width: 51px;height: 51px;left: -25px;}
@media only screen and (min-width: 1200px) and (max-width: 1240px) {
	.in_serlist{padding: 0 30px;}
	.in_serlist .swiper-button-next{right: -15px;}
	.in_serlist .swiper-button-prev{left: -15px;}
}
@media only screen and (min-width: 992px) and (max-width: 1022px) {
	.in_serlist{padding: 0 30px;}
	.in_serlist .swiper-button-next{right: -10px;}
	.in_serlist .swiper-button-prev{left: -10px;}
}
.in_serlist .service  .ser_li a{display: block;overflow: hidden;width: 100%;}
.in_serlist .service  .ser_li a .serpic{position: relative;display: block;margin: 0 auto;}
.in_serlist .service  .ser_li a .serpic:before{content: "";padding-top: 134%;display: block;}
.in_serlist .service  .ser_li a .serpic span{display: block;width: 100%;overflow: hidden;height: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;transition: all 0.35s;}
.serzz{position: absolute;bottom: 0;width: 100%; height: 100%;}
.serzz .zz_t{padding: 0 10px;background: #333;width: 100%;height: 50px;margin: 0;top: 0;transition: all 0.35s;}
.serzz .zz_t p{line-height: 50px;color: #fff; padding-right: 35px;background: url(../images/moreicon.png)no-repeat right center;}
.serzz .zz_bg{width: 100%;overflow: hidden;height: calc(100% - 50px);background:rgba(20,30,44,0.65);position: relative;opacity: 0;transition: all 0.35s;}
.serzz .zz_bg span{position: absolute;left: 0;top: 0; display: block;width:calc(100% - 4px);height:calc(100% - 4px);margin-top: 2px;margin-left: 2px; background:url(../images/serlibg.png)no-repeat center center;-webkit-background-size:100% 100%;background-size:100% 100%;}
.zz_bg p{font-size: 14px;line-height: 24px;color:#fff;padding-top: 40%;width: 90%;margin: 0 auto;height: 48px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
.in_serlist .service  .ser_li a:hover .zz_bg{opacity: 1;}

.in_serlist .service  .ser_li a:hover .zz_t{background: #337ff2;}
.in_serlist .service  .ser_li a:hover .serpic span{transform: scale(1.05);}

/*管理特色*/
.tc_left{width:35%;padding-right: 20px;float: left;}
.tc_right{width: 65%;float: right;}
.tc_left ul li a{display: block;width: 100%;color: #fff;background: #337ff2;padding: 25px 15px;}
.tc_left ul li a:hover{background: #2170e7;}
.tc_left ul li a.active{background: #2170e7;}
.tc_left ul li a h4{font-size: 20px;line-height: 24px;}
.tc_left ul li a h4 b{font-size: 24px;line-height: 24px;}
.h_tc{margin-top:15px;overflow: hidden;}
.h_tc p{font-size: 14px;line-height: 24px;height: 48px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

.tc_left ul li .h_tc{height: 0; transition: all 0.35s;}
.tc_left ul .s_a .h_tc{height: 48px; transition: all 0.35s;}

/*.tc_right{position: relative; display: block; overflow: hidden; margin: 0 auto;background: #fff;border: 1px solid #b8b8b8;}
.tc_right:before{content: ""; padding-left: 100%; display: block;}
.tc_right img{position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; max-width: 100%; max-height: 100%;}*/
.tc_right{text-align: center;line-height: 578px;background: #fff;border: 1px solid #b8b8b8;padding: 3px}
.tc_r_p{border: 1px solid #b8b8b8;width: 100%;height: 100%;}
.tc_right img{width: 100%;max-width: 577px;margin: 0 auto;line-height: 588px;}


@media only screen and (max-width:767px ) {
.tc_left{width:100%;padding-right: 0;float: left;}
.tc_right{width: 100%;float: right;line-height: 1;margin: 15px 0;}
}



/*首页产品*/
@media only screen and (min-width: 524px) and (max-width: 595px) {
	.title02>ul{margin: 0 auto !important;width: auto;display:block;}
}
.title02:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.title02{ margin:0 0 30px;zoom:1;}
.title02>ul{margin: 0 auto;width: auto;display:inline-block;width:100%;font-size:0;}

.title02>ul>li>a{width:100%;display: block; font-size: 14px; display:inline-block;
background:#337ff2;padding:0px 5px 3px 5px; height:42px; line-height:38px;border-top: 2px solid #0255d1;
color:#fff;overflow: hidden;text-overflow: inherit;
transition:all 0.3s;
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
-ms-transition:all 0.3s;
-o-transition:all 0.3s;
}
.title02>ul>li{width:12.5%; line-height: 1;border-left:1px solid #fff;border-right: 1px solid #fff;display:inline-block;}
@media only screen and (min-width:768px ) {
	.title02 .dd{margin: 0 !important;}
}
@media only screen and (min-width:1200px ) {
	.title02>ul>li{padding: 0;}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.title02>ul>li{padding: 0;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
		.title02>ul>li{padding: 0;}
}

@media only screen and (max-width:767px ) {
	.title02 .dd{margin-left:margin-left: 16.66666667% !important;}
	.title02>ul>li{width: 33.3333%;min-width: 106px;}
	.title02>ul>li>a{font-size: 12px;}
}

.title02>ul>li>a:hover{ color:#fff; background:#1564dc;border-top: 2px solid #1564dc;}
.title02>ul>li>a.active{ color:#fff;background:#1564dc;border-top: 2px solid #1564dc;}
.title02>ul>li>a:link{text-decoration: none;}
.title02>ul>li>a:visited{text-decoration: none;}


.qh1 .cpimgbox{padding:2px;width: 100%;overflow: hidden;border: 1px solid #d7d7d7; position: relative;background: #fff;transition: all 0.35s;}
/*.cpbg{
width: 100%;height: 100%;
position: absolute;top: 0;left: 0;
padding:3px;width: 100%;overflow: hidden;background: url(../images/hoverbg_12.png) no-repeat center center;
background-size: 100% 100%;
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
opacity: 0;
transition: all 0.35s; 
}*/
.in_pro{width: 100%;overflow: hidden; background: url(../images/probg_02.png)no-repeat center center;-webkit-background-size: cover;background-size: cover;}
.qh1 .qhpic{position: relative; display: block; overflow: hidden; margin: 0 auto;background: #fff;opacity: 1;padding: 3px;background: #fff;border: 1px solid #1c59b5;}
.qh1 .qhpic:before{content: ""; padding-top: 70%; display: block;}
.qh1 .qhpic img{position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; max-width: 100%; max-height: 100%;transition: all 0.35s;}

.qh1 .lunbo a{width: 100%;display: block;overflow: hidden;position: relative;top: 0;transition: all 0.35s}

.qh1 .lunbo a:hover .cpbg{opacity: 1;border: 1px solid #1c59b5;}
.qh1 .lunbo a p{color: #333;transition: all 0.5s;font-size: 14px;background: #dbdbdb; line-height:34px;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}
.qh1 .lunbo a:hover p{color: #DE010E;background: #337ff2;color: #fff;}
.qh1 .lunbo a:hover .cpimgbox{background: #fff;border: 1px solid #1c59b5;}

.qh1 .lunbo a:hover .qhpic img{
transform: scale(1.1);
-ms-transform: scale(1.1); 	/* IE 9 */
-moz-transform: scale(1.1); 	/* Firefox */
-webkit-transform: scale(1.1); /* Safari 和 Chrome */
-o-transform: scale(1.1); 	/* Opera */
}
.lunbo .item{margin-bottom: 15px;}

/*选择时卫*/
.in_fw .tit h3{font-size: 40px;line-height: 1;color: #337FF2;}
.swpic{width: 100%;text-align: center;margin-bottom: 10px;margin-top: 10px;padding: 3px;}
.swpic img{max-width: 100%;position: relative;top: 0;transition: all 0.3s;}
.swlist ul li{width: 14.285714%;float: left;}
.swlist{width: 100%;overflow: hidden;margin-top: 50px; padding: 20px 0 10px 0;background: url(../images/fwbg.jpg)no-repeat center center;-webkit-background-size: cover;background-size: cover;}
.sw-t h4{font-size: 14px;font-weight: bold;line-height: 24px;color: #fff;}
.sw-t h5{font-size: 14px;line-height: 24px;color: #fff;height: 48px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.swlist ul li{cursor: pointer;}
.swlist ul li:hover .swpic img{
transform:scale(1.03);
-ms-transform:scale(1.03); 	/* IE 9 */
-moz-transform:scale(1.03); 	/* Firefox */
-webkit-transform:scale(1.03); /* Safari 和 Chrome */
-o-transform:scale(1.03); 	/* Opera */
}

@media only screen and (max-width:767px ) {
	.swlist ul li{width: 33.3333%;}
	.in_fw .tit h3{font-size: 34px;padding: 0 13px;}
}
@media only screen and (max-width:560px ) {
	.in_fw .tit h3{font-size: 28px;}
}

.ystit h4{font-size:38px;font-weight: bold;margin-bottom: 10px;}
.ystit h4 span{color: #337ff2;}
.ystit h5{font-size: 20px;color: #b0b0b0;}
@media only screen and (max-width:767px ) {
	.ystit h4{font-size: 34px;font-weight: bold;}
}
@media only screen and (max-width:560px ) {
	.ystit h4{font-size: 28px;font-weight: bold;}
	.ystit h5{font-size: 18px;color: #b0b0b0;}
}
.ys_td{width: auto;overflow: hidden;}
.ys_td_l{width: 35%;padding-right:92px;position: relative;margin-top:40px;}
.ys_td_l h4{font-size: 20px;line-height: 24px;color: #333333;margin-bottom: 10px;padding-left: 30px;border-bottom: 2px solid #5581c3;}
.ys_td_l h5{font-size: 14px;line-height: 24px;font-weight: bold;color: #333333;margin: 10px 0;padding-left: 30px;}
.ys_td_l p{font-size: 14px;line-height: 24px;color: #333333;padding-left: 30px;}
.ys_td_l .fixed_tit{width: 93px;height: 72px;text-align: right;padding-right:15px;line-height: 72px;font-size: 32px;color: #fff;position:absolute;right: 0;top:-8px;}
.ys_td_l .fixed_tit{background:url(../images/ystit.png)no-repeat center center;}

.ys_td_r{width: 35%;padding-left:92px;position: relative;margin-top:40px;}
.ys_td_r h4{font-size: 20px;line-height: 24px;color: #333333;margin-bottom: 10px;border-bottom: 2px solid #5581c3;}
.ys_td_r h5{font-size: 14px;line-height: 24px;font-weight: bold;color: #333333;margin: 10px 0;}
.ys_td_r p{font-size: 14px;line-height: 24px;color: #333333;}
.ys_td_r .fixed_tit{width: 93px;height: 72px;text-align: left;padding-left:15px;line-height: 72px;font-size: 32px;color: #fff;position:absolute;left: 0;top:-8px;}
.ys_td_r .fixed_tit{background:url(../images/ystit1.png)no-repeat center center;}
@media only screen and (max-width:991px ) {
	.ys_td_r,.ys_td_l{width: 48%;}
}
.ys_tcli{width: 42%;margin-top: 40px;}
.ys_tc_t{padding-left: 110px;background: url(../images/ys_zy.png)no-repeat left center;-webkit-background-size: contain;background-size: contain;}
.ys_tc_t h4{font-size: 20px;line-height: 28px;display: block;white-space: nowrap;text-overflow: ellipsis;}
.ys_tc_t h5{font-size: 14px;font-weight: bold;line-height: 28px;white-space: nowrap;text-overflow: ellipsis;}
.ys_tc_t p{font-size: 14px;line-height: 24px;height: 48px;overflow: hidden;}
.yys{width: 100%;overflow: hidden;background: url(../images/ysbg.png)no-repeat top center;background-size: contain;-webkit-background-size: contain;}
@media only screen and (max-width:991px ) {
	.yys{background: none;}
}
@media only screen and (max-width:767px ) {
	.ys_td_r,.ys_td_l{width:100%;}
	.ys_tcli{width:100%;margin-top: 30px;margin-bottom: 20px;}
	.ys_td_l p,.ys_td_r p{font-size: 12px;}
}

.ysbg img{max-width: 100%;}

/*成功案例*/
.in_case .title1{padding: 40px 0 140px 0;background: url(../images/casebg.jpg)no-repeat center center;-webkit-background-size:cover;background-size:cover;}
.in_case .title1 h4{color: #fff;}
.in_case .title1 h5{color: #fff;}
.in_case .title1 .title01{border-bottom: 1px solid #fff;}
.in_case .title1 .tit_w{background: #fff;}

/*首页产品*/
@media only screen and (min-width: 524px) and (max-width: 595px) {
	.title03 ul{margin: 0 auto !important;width: auto;display:block;}
}

.title03{ margin:0 0 30px;}
.title03 ul{margin: 0 auto;display:inline-block;width: auto;}
.title03 ul li{padding: 0 4px;min-width:106px;}
.title03 ul li a{width:100%;display: block; font-size: 14px; display:inline-block;
padding:0px 14px 3px 14px; height:38px; line-height:36px;border: 1px solid #fff;
color:#fff;overflow: hidden;text-overflow: inherit;
border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;
transition:all 0.3s;
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
-ms-transition:all 0.3s;
-o-transition:all 0.3s;
}
.title03 ul li{min-width: 106px;line-height: 1;margin-bottom: 5px;}
@media only screen and (min-width:768px ) {
	.title03 .dd{margin: 0 !important;}
	
}
@media only screen and (max-width:767px ) {
	.title03 .dd{margin-left:margin-left: 16.66666667% !important;}
	.title03 ul li{width: 33.3333%;}
}
@media only screen and (min-width: 767px) and (max-width: 771px) {
	.title03 ul li a{padding: 1 4px; margin: 0 7px;}
}

@media only screen and (min-width:1200px ) {
	.title03>ul>li{padding: 0 10px;min-width:150px;}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.title03>ul>li{padding: 0 8px;min-width:116px;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
		.title03>ul>li{padding: 0 8px;min-width:110px;}
}

@media only screen and (max-width:767px ) {
	.title03 .dd{margin-left:margin-left: 16.66666667% !important;}
	.title03>ul>li{min-width: 106px;width: 33.3333%;}
	.title03>ul>li>a{font-size: 12px;}
}

.title03 ul li a:hover{ color:#165dad; background:#fff;}
.title03 ul li a.active{ color:#165dad;background:#fff;}
.title03 ul li a:link{text-decoration: none;}
.title03 ul li a:visited{text-decoration: none;}

.qh2{width: 100%;overflow: hidden;background: #fff;padding-top:15px;box-shadow: 0 2px 7px #999999;}
.qh2 .cpimgbox{padding:2px;width: 100%;overflow: hidden;border: 1px solid #d7d7d7; position: relative;background: #fff;transition: all 0.35s;}
/*.cpbg{
width: 100%;height: 100%;
position: absolute;top: 0;left: 0;
padding:3px;width: 100%;overflow: hidden;background: url(../images/hoverbg_12.png) no-repeat center center;
background-size: 100% 100%;
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
opacity: 0;
transition: all 0.35s; 
}*/
.in_pro{width: 100%;overflow: hidden; background: url(../images/probg_02.png)no-repeat center center;-webkit-background-size: cover;background-size: cover;}
.qh2 .qhpic{position: relative; display: block; overflow: hidden; margin: 0 auto;background: #fff;opacity: 1;padding: 3px;background: #fff;border: 1px solid #1c59b5;}
.qh2 .qhpic:before{content: ""; padding-top: 70%; display: block;}
.qh2 .qhpic img{position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; max-width: 100%; max-height: 100%;transition: all 0.35s;}

.qh2 .lunbo a{width: 100%;display: block;overflow: hidden;position: relative;top: 0;transition: all 0.35s}

.qh2 .lunbo a:hover .cpbg{opacity: 1;border: 1px solid #1c59b5;}
.qh2 .lunbo a p{color: #333;transition: all 0.5s;font-size: 14px;background: #dbdbdb; line-height:34px;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}
.qh2 .lunbo a:hover p{color: #DE010E;background: #337ff2;color: #fff;}
.qh2 .lunbo a:hover .cpimgbox{background: #fff;border: 1px solid #1c59b5;}

.qh2 .lunbo a:hover .qhpic img{
transform: scale(1.1);
-ms-transform: scale(1.1); 	/* IE 9 */
-moz-transform: scale(1.1); 	/* Firefox */
-webkit-transform: scale(1.1); /* Safari 和 Chrome */
-o-transform: scale(1.1); 	/* Opera */
}
.lunbo .item{margin-bottom: 15px;}
.casebox{position: relative;top: -150px;}

.in_new{width: 100%;overflow: hidden;margin-top: -120px;}
.in_new_l{width: 70%;float: left;}
.in_new_r{width: 30%;float: right;padding: 0 15px;}
.in_new_l #myTab{margin-bottom: 20px;}
.in_new_l #myTab li{width: 50%;text-align: center;margin: 0;border-right:1px solid #bbbbbb;}
.in_new_l #myTab li:last-child{border-right:none;}

.in_new_l #myTab li a{background: #fff;font-size: 20px; color: #1c59b5;margin: 0;border-radius: 0;border: none;}
.in_new_l #myTab li.active a{background: #1c59b5;color: #fff;}
.in_new_l #myTab li a:hover{background: rgba(51,127,242,0.3);color: #fff;}
.in_new_l #myTab li.active a:hover{background: #1c59b5;color: #fff;}
.honor_tit h4{font-size: 20px; color: #333;line-height:48px;text-align: center;border-bottom: 1px solid #333333;margin-bottom: 20px;}

.new_top_l{width: 35%;float: left; position: relative; display: block; overflow: hidden; margin: 0 auto;background: #fff;border: 1px solid #b8b8b8;}
.new_top_l:before{content: ""; padding-top: 208px; display: block;}
.new_top_l span{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0; background-size: cover;-webkit-background-size: cover;}
.new_top_r{width: 65%;padding-left: 10px;float: right;}
.new_top_r h4{font-size: 14px;color: #333333;line-height: 20px;margin-bottom: 10px;}
.new_top_r .new_top_t{color: #888888;font-size: 14px;line-height: 22px;height: 178px;text-align: justify; overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 8;}


.new_bot ul li a{display: block;width: 100%;overflow: hidden;position: relative;border-bottom: 1px dashed #ccc;}
.new_bot ul li a p{font-size: 14px;line-height: 38px;background-color:inherit;display: block;overflow:hidden;white-space: nowrap;position: relative;padding-right:108px;text-overflow: ellipsis;}
.new_bot ul li a span.date{position: absolute;z-index:5 ; display: inline-block;right:0 ;top: 0;padding:0 15px; line-height: 26px;}
.in_honor>.swiper-wrapper>.swiper-slide{text-align: center;}
.in_honor img{margin: 0 auto;max-width: 100%;width:58%;}
.in_honor{margin-top: 20px;}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.in_honor img{margin: 0 auto;max-width: 100%;width:90%;}
}
@media only screen and (max-width:767px ) {
.in_new_l{width: 100%;float: left;padding: 0 5px;}
.in_new_r{width:100%;float: right;padding: 0 15px;}
.new_top_l{width: 45%;}
.new_top_r{width: 55%;}
.in_honor img{margin: 0 auto;max-width: 100%;width:80%;}

}


.in_ab,.in_pt{width: 50%;float: left;}
.in_ab h3,.in_pt h3{margin-bottom: 30px;}
.in_ab h3 a,.in_pt h3 a{display: block;width: 100%; font-size: 20px;line-height: 50px;text-align: center;background: #337ff2;color: #fff;}
.in_ab h3 a{border-right:1px solid #2467ce;}

.in_ab h3 a:hover,.in_pt h3 a:hover{background: #2170e7;}
/*关于我们*/

.in_ab .abtxt{position: relative; font-size: 14px;text-align: justify; line-height: 25px;height: 100px;overflow: hidden; text-indent: 1em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4;}
.in_ab .abtxt span{ font-size: 14px !important;}
.in_ab .abtxt .s_more{position: absolute;right: 0;bottom: 0;display: inline-block; background: #eaeaea;}
.in_ab .abtxt .s_more a{color: #007AFF;}
/*合作伙伴*/
.pt_list{padding-left: 15px;}
.pt_list ul{width: 100%;overflow: hidden;border: 1px solid #ccc;}
.pt_list ul li{width:33.3333%;float: left;border: 1px solid #ccc;}
.pt_list ul li img{width: 100%;}
@media only screen and (max-width:767px ) {
	.in_ab,.in_pt{width: 100%;float: left;margin-bottom: 30px;}
	.abtxt{padding: 0 10px;}
	.in_ab h3,.in_pt h3{margin-bottom: 20px;}
	.pt_list{padding-left: 0;}
}
/*底部*/
.cfot{overflow: hidden;width: 100%;background: #337ff2;padding:10px 0;}
.cfot .fot_c{width: 40%;float: left;padding-top: 35px;}
.cfot .fot_l{width: 40%;float: left;padding-top: 35px;}

.cfot .fot_r{width: 20%;float: right;padding-top: 25px;}
.cfot p{color: #fff;}
.fot_top{width: 100%;overflow: hidden;padding-bottom: 25px;background: url(../images/fot_b_21.jpg)repeat-x bottom center;}
.fot_l ul {width: 100%;overflow: hidden;}
.fot_l ul li{width: 25%;float: left;line-height: 24px;margin-bottom: 18px;}
.fot_l ul li a{display: block;width: 100%;color: #fff;text-align: center;}
.fot_l ul li a:hover{text-decoration: underline;}
.fot_tel{padding-left:45px;background: url(../images/tel1.png)no-repeat left center;float: left;}
.fot_tel h4{font-size:30px;color: #fff;line-height: 42px;}
.fot_tel p{font-size: 14px;color: #fff;}
.yjfk{float: right;margin-right: 15px;margin-top: 10px;}
.yjfk a{display: inline-block;padding: 7px 15px;color: #fff;border: 1px solid #fff;font-size: 14px;}
.ewmbox{float: right;}
.ewmbox img{width:48%;float: left;}
.ewmbox img:last-child{width:48%;float: right;}




/*新闻*/
.new_tit ul{width: 100%;overflow: hidden;}
.new_tit ul li{width: 50%;float: left;}
.new_tit ul li a{display: block;width: 100%;line-height: 40px;background: #fff;}
.new_tit ul li.act a{background: #007AFF;color: #fff;}


.yq1 ul li{border-bottom: 1px dashed #bbb;padding: 3px 0;}
.yq1 ul li a .n_l{display: none;
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
-ms-transition:all 0.3s;
-o-transition:all 0.3s;
transition:all 0.3s;
}
.yq1 ul li a .n_r .n_tit{display: none;
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
-ms-transition:all 0.3s;
-o-transition:all 0.3s;
transition:all 0.3s;
}
.yq1 ul li a .n_r .n_nr{white-space: nowrap;text-overflow: ellipsis;height: 36px; line-height: 36px; padding-right: 90px;overflow: hidden;position: relative;}
.yq1 ul li a .n_r .n_nr p{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.yq1 ul li a .n_r .n_nr .n_date{position: absolute;right: 0;top: 0;line-height: 36px;}

.yq1 ul li a{display: block;width: 100%;overflow: hidden;}
.yq1 ul li.act a .n_l{width: 32%;display: block; float: left;height: 174px;overflow: hidden;}
.yq1 ul li.act a .n_r{width: 68%;float: right;padding-left: 10px;padding-top: 5px;padding-bottom: 5px;}
.yq1 ul li.act a .n_r .n_nr{position: static;padding: 0;white-space: normal;text-align: justify; text-overflow: inherit; font-size: 14px;line-height: 24px;height: 144px;color: #888888; overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
transition:all 0.5s;
}
.yq1 ul li.act a .n_r .n_nr p{overflow: hidden;white-space: normal;text-overflow: inherit;}
.yq1 ul li.act a .n_r .n_tit{font-size: 14px;padding-bottom: 5px;display: block;}
.yq1 ul li.act a .n_l span{display: block;width: 100%;height: 100%;}
.yq1 ul li.act a .n_date{display: none;}

@media only screen and (max-width:767px ) {
	.yq1 ul li.act a .n_l{width: 35%;}
	.yq1 ul li.act a .n_r{width: 65%;}
}
@media only screen and (max-width:640px ) {
	.yq1 ul li.act a .n_l{width: 40%;}
	.yq1 ul li.act a .n_r{width: 60%;}
}
@media only screen and (max-width:560px ) {
	.yq1 ul li.act a .n_l{width: 45%;}
	.yq1 ul li.act a .n_r{width: 55%;}
}








.yq_link{color: #fff;display: block;margin-top: 25px;}
.yq_link a{display: inline-block;margin-right:25px;color: #fff;line-height: 33px;}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.cfot .fot_c{width: 45%;float: left;padding-top: 35px;}
.cfot .fot_l{width: 35%;float: left;padding-top: 35px;}
.fot_tel h4{font-size: 26px;}
}

@media only screen and (max-width:767px ) {
	.main{padding: 20px 0;}
	.cfot .fot_l,.cfot .fot_c{width: 100%;}
	.fot_l ul li a{text-align: center;}
	.cfot .fot_r{display: none;}
	.yq_link{padding: 0 5px;}
	.yq_link a{font-size: 12px;}
	.fot_c{padding-left:10%;padding-right: 10%;}
	.fot_tel h4{font-size: 26px;}
}
@media only screen and (max-width:480px ) {
	.fot_c{padding-left:5px;padding-right: 5px;}
	.fot_tel h4{font-size: 22px;}
}
/*手机底部*/
.hot{width:100%; height:58px; background:#2170e7; position:fixed; bottom:0; left:0; z-index:99; border-top:solid 2px #fff;}
.hot span{ color:#fff; font-size:16px; line-height:20px;}
.hot h6{ font-size:12px; line-height:20px;}
.hot .row div a{ display:block; color:#fff; padding:7px 0;}
.dbbox{ position: fixed; left: 0; bottom:70px; z-index:99; width: 100%; }
.dbbox .dbs{ position: relative; padding: 0 15px; display:none;}
.dbbox .dbs .neirong{padding: 10px; background: #fff; border-radius: 5px;}
.dbbox .dbs.ewm-box{ text-align:center; }
.dbbox .dbs.ewm-box:after{ content: ""; position: absolute; left:50%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../images/icon/dbtc_jt.png) no-repeat center;}
.dbbox .dbs.fenxiang-box:after{ content: ""; position: absolute; left:75%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../images/icon/dbtc_jt.png) no-repeat center;}
.dbbox .dbs.ewm-box img{ max-width: 140px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 .li{ position: relative; padding: 6px 0; width: 20%; height: 44px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 a{ position: absolute; left: 50%; top:6px; margin:0 0 0 -16px; float: inherit !important; display: block; }
footer ul li a{ padding: 0 10px; height: 12px; font-size: 12px; line-height: 12px; }


/*内页产品*/
@media only screen and (max-width:991px ) {
	.title02>ul>li .ejtit{display: none !important;}
}



.title02>ul{position: relative;}
.title02>ul>li .ejtit{position: absolute;top:100%; display: none;left: 0; width:100%;text-align: left;}
.title02>ul>li .ejtit li{display:inline-block; margin-right: 15px;}
.title02>ul>li .ejtit li a{display:block;font-size: 14px;padding: 0px 5px;line-height: 34px;}
.title02>ul>li:hover .ejtit{display:block;}

.ser-list {margin-top: 30px;margin-bottom: 30px;width: 100%;overflow: hidden;}
.ser-list ul li{margin-bottom: 10px;}
.ser-list ul li a{display: block;width: 100%;overflow: hidden;}
.ser_p{display: block;position: relative;overflow: hidden;margin: auto;border: 1px solid #d7d7d7;transition:all .35s;}
.ser_p:before{content: "";padding-top: 73.6% ; display: block;}
.ser_p img{display: block;position: absolute;top: 0;left: 0;right:0;bottom:0; max-width: 100%;max-height: 100%;margin:auto; transition: all .35s;}
.ser_t p{font-size: 14px;line-height:38px;border: 1px solid #d7d7d7;border-top: none;transition:all .35s;}
.ser-list ul li a:hover .ser_p img{
transform:scale(1.05);
-ms-transform:scale(1.05); 	/* IE 9 */
-moz-transform:scale(1.05); 	/* Firefox */
-webkit-transform:scale(1.05); /* Safari 和 Chrome */
-o-transform:scale(1.05); 	/* Opera */
}
.ser-list ul li a:hover .ser_t p{color: #2170e7;border: 1px solid #2170e7;border-top: none;}
.ser-list ul li a:hover .ser_p{border: 1px solid #2170e7;}

/*新闻中心*/
.newlist{width: 100%;overflow: hidden;margin: 20px 0;}
.newlist>h4{font-size: 32px;line-height: 50px;color: #2170e7;font-weight: bold;}
.newlist li {margin-bottom: 25px;padding: 0 5px; }
.newlist li a{display: block;width: 100%;overflow: hidden;padding: 5px;border: 1px solid #ccc;transition:all .25s;}
.new_t{padding: 3px;background: #fff;transition:all .35s;}
.new_t .tie h5{font-size: 14px;line-height: 24px;margin-bottom: 5px; color: #333333;padding-right: 50px;width: 100%; display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; position: relative; transition:all .25s;}
.new_t .tie h5 span{position: absolute;right: 0;top: 0;line-height:24px;display:inline-block;}
.new_t .newtxt{font-size: 14px;color: #888888;text-align: justify; line-height: 28px;height: 140px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;transition:all .25s;}
.new_t{width: 65%;float:right;padding-left: 15px;}
.new_p{width: 35%;float: left;height: 175px;overflow: hidden;}
.new_p span{display: block;width: 100%;height: 100%;transition:all .35s;}
.newlist li a:hover{border: 1px solid #2170e7;}
.newlist li a:hover .new_t {background: #2170e7;}
.newlist li a:hover .new_t .newtxt{color: #fff;}
.newlist li a:hover .new_t h5{color: #fff;}
.newlist li a:hover .new_p span{
transform:scale(1.05);
-ms-transform:scale(1.05); 	/* IE 9 */
-moz-transform:scale(1.05); 	/* Firefox */
-webkit-transform:scale(1.05); /* Safari 和 Chrome */
-o-transform:scale(1.05); 	/* Opera */
}
@media only screen and (max-width:640px ) {
	.new_t{width: 55%;padding-left: 10px;}
	.new_p{width: 45%;}
}

/*成功案例*/
.case_jj{margin-bottom: 25px;}
.case_jj h4{font-size:32px;line-height: 52px;color: #2170e7;}
.case_jj p{font-size: 14px;line-height: 24px;text-align: justify;}
.casepic{position: relative;display: block;overflow: hidden;width: 100%;}
.casepic:before{content: "";padding-top: 70%;display: block;}
.casepic span{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;margin: 0 auto;transition: all 0.35s;}
.casep p{font-size: 14px;color: #333;line-height: 34px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: center;}
.case_t{font-size: 14px;line-height: 26px;}
.caselist ul li{margin-bottom: 25px;}
.caselist ul li a{display: block;width: 100%;overflow: hidden;border: 1px solid #d7d7d7;padding: 2px;
transition:all 0.35s;
-moz-transition:all 0.35s; /* Firefox 4 */
-webkit-transition:all 0.35s; /* Safari 和 Chrome */
-o-transition:all 0.35s; /* Opera */
}
.caselist ul li a:hover{border-color: #007AFF;}
.caselist ul li a:hover .casep p{color: #007aff;}
.caselist ul li a:hover .casepic span{
transform:scale(1.05);
-ms-transform:scale(1.05); 	/* IE 9 */
-moz-transform:scale(1.05); 	/* Firefox */
-webkit-transform:scale(1.05); /* Safari 和 Chrome */
-o-transform:scale(1.05); 	/* Opera */
}

@media only screen and (max-width:767px ) {
	.case_jj{padding: 0 15px}
	.case_jj h4{display: none;}
}
/*新闻单页*/
.newtit{margin-bottom: 10px;}
.newtit h4{font-size: 32px;line-height: 50px;color: #2170e7;}
.newtit h5{font-size: 14px;line-height: 34px;border-bottom: 1px dashed #7d7d7d;text-align: center;}
.newtit h6{font-size: 12px;line-height: 20px;color: #555;}
.new-txt p{font-size: 14px;color: #666;line-height: 28px;text-indent: 1.5em}

/*联系我们*/

.con_lxfs{display: inline-block;}
.con_lx{margin: 10px 0 20px 0;text-align: center;}
.mapbox{width: 900px;max-width: 98%;margin: 15px auto;}

/*案例详情*/

.case-pic {text-align: center;width: 100%;}
.case-pic img{max-width: 100%;margin: 0 auto;}

.case-txt{margin: 15px 0;}
.case-txt p{font-size: 14px;color: #555;line-height: 26px;text-indent: 1.5em;}

.news-x{margin: 15px 0;}
.news-x img{max-width:100%;margin: 0 auto;text-align: center;}
/*手机端下拉*/
.sjdmenu{margin-top: 15px;}
.sjdmenu h4{font-size: 20px;line-height: 40px;color: #fff;background:#1564DC;padding: 0 15px;position: relative;}
.clkbtn {display: block;width: 40px;height: 40px;position: absolute;right: 0;line-height: 40px;text-align: center;top: 0;}
.sjdnav ul li a{display: block;width: 100%;overflow: hidden;font-size: 14px;line-height: 32px;text-indent: 15px;background: #498df3;color: #fff;border-bottom: 1px solid #cbe0ff;}
.new-txt table tbody tr td p{text-indent:0;}
.new-txt table tbody tr td p img{max-width:100%;}




/*新的更改样式*/
.ewmbox .ewm{width: 50%;float: left;text-align: center;}
.ewmbox .ewm img{width: 98%;}
.ewmbox .ewm p{font-size: 12px;line-height: 24px;}

.tc_right img{max-width: 100%;width: auto;}

.in_honor>.swiper-wrapper>.swiper-slide{line-height: 300px;padding: 0 40px}

.fot_l ul li a:hover{text-decoration: underline;}

.yq_link a{display: inline; margin-right:0;color: #fff;line-height: 1;padding: 0 5px;position: relative;}
.yq_link a:before{content: "";display: block;height: 14px;width: 1px;background: #ffffff;position: absolute; left: 0;top:3px;}
.yq_link a:hover{text-decoration: underline;}
.fot_tel h4{font-size: 18px;line-height:26px;}
.fot_tel h3 span{float: left;display: block; font-size: 16px;line-height: 26px; float: left;color: #fff;}
.fot_tel h3 span:first-child{margin-right: 8px;}


.yjfk a{
transition:all 0.25s;
-moz-transition:all 0.25s; /* Firefox 4 */
-webkit-transition:all 0.25s; /* Safari 和 Chrome */
-o-transition:all 0.25s; /* Opera */
}
.yjfk a:hover{background: #fff;color:#337ff2;}

.fot_l ul li a{text-align: center;line-height:36px;border-radius: 3px;
transition:all 0.25s;
-moz-transition:all 0.25s; /* Firefox 4 */
-webkit-transition:all 0.25s; /* Safari 和 Chrome */
-o-transition:all 0.25s; /* Opera */
}
.fot_l ul li a:hover{background: #ffffff;color: #337ff2;text-decoration: none;}
.fot_l ul li{margin-bottom: 0;padding: 3px 10px;}


