*{font-family: "微软雅黑";color: #333;}
p,h1,h2,h3,h4,h5,h6{margin: 0;}
ul{list-style: none;margin: 0;padding: 0;}
a,a:hover{text-decoration: none;color: #333333;}
@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"}
.text-blod{font-weight: bold;}
.container-fluid{max-width: 1030px;}



.header:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.header{zoom:1;position: relative;background: #677e99;} 

.logobox{width: 60%;max-width: 293px;min-width: 230px;line-height: 90px;}

.ck_btn{position: absolute;display: block;width: 40px;text-align: center;line-height: 40px;font-size: 22px;right: 0;top: 50%;margin-top: -20px;color: #ffffff;}
.ck_btn span{color: #fff;}


.menu ul.yj:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.menu ul.yj{zoom:1;background: url(../images/shu.jpg)no-repeat right center;} 
.menu ul.yj>li{float: left;width: 12.5%;position: relative;background: url(../images/shu.jpg)no-repeat left center;padding: 23px 0;}
.menu ul.yj>li>a{display: block;width: 100%; position:relative; line-height: 36px;font-size: 16px; text-align: center;color: #fff;}
.menu ul.yj>li>a h5{font-size: 14px;font-weight: bold;color: #ffffff;line-height: 24px;}
.menu ul.yj>li>a h6{font-size: 12px;color: #ffffff;line-height: 20px;}
.menu ul.yj>li:hover>a h5{color:#f49701;}
.menu ul.yj>li:hover>a h6{color:#f49701;}
.menu ul.yj>li ul.ejmenu{position: absolute;width: 100%;left: 0;top:90px;display: none;z-index: 9;}
.menu ul.yj>li ul.ejmenu li a{display: block;width: 100%;text-align: center; line-height: 34px; border-bottom: 1px solid #fff;background: rgba(0,0,0,.6);color: #fff;transition: all 0.25s;}
.menu ul.yj>li ul.ejmenu li:first-child a{border-top: 1px solid #fff;}
.menu ul.yj>li ul.ejmenu li a:hover{background: #677e99;}
.menu ul.yj>li:hover ul.ejmenu{display: block;}
@media only screen and (min-width:768px ) {
	.menu{display: block !important;}
	.headbox{padding-left:313px;position: relative;} 
	.logobox{position: absolute;top: 0;left: 0;}
}

@media only screen and (max-width:767px ) {
	.header{padding-left: 10px;}
	.logobox{line-height: 70px;}
/*菜单*/
.menu ul.yj{background:rgba(0,0,0,.6);}
.menu ul.yj>li{background: none;}
.menu ul.yj>li ul.ejmenu{display: none;}
.menu {display: block;width: 30%;min-width: 150px;right: 0;top: 70px; position: absolute;z-index: 99;}
.menu ul.yj>li>a h6{display: none;}
.menu ul.yj>li>a h5{line-height: 34px;}

.menu ul.yj>li{width: 100%;overflow: hidden;float: none;padding: 0;}
.menu ul.yj>li>a{font-size: 14px;line-height: 32px;background: none;border-bottom: 1px solid rgba(255,255,255,0.8);}
.menu ul.yj>li:before{background: none;}
}

@media only screen and (max-width:420px ) {
	.logobox{line-height: 60px;}
	.menu {top: 60px;}
}



/*手机底部*/
.hot{width:100%; height:58px; background:#677e99; 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; }

.tit01 h4{font-size: 30px;font-weight: bold;color: #3c5a7f;}
.tit01 h5{font-size: 26px;font-family: "黑体";}
.tit01{background: url(../images/titbg.png)no-repeat center center;margin-bottom: 30px;}
.main{padding: 35px 0;}

/*产品*/
.in_pro{padding-bottom: 35px;}
.probox{position: relative;padding: 0 40px;}
.pro_box a{display: block;width: 100%;overflow: hidden;position: relative;}
.pro_box .pro_p{position: relative; display: block; overflow: hidden; margin: 0 auto;}
.pro_box .pro_p:before{content: ""; padding-top:76.66%; display: block;}

.pro_box .pro_p span{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.pro_box .pro_z{background: #bd2842; position: absolute;width: 100%;height: 100%;top: 100%;margin-top: -42px;left: 0;
transition:all 0.35s;
-moz-transition:all 0.35s; /* Firefox 4 */
-webkit-transition:all 0.35s; /* Safari 和 Chrome */
-o-transition:all 0.35s; /* Opera */
}
.pro_box .pro_z h4{font-size: 14px;line-height: 42px;color: #fff;text-align: center;}
.pro_box .pro_z .fdj{margin: 0 auto;width: 32px;height: 32px;}
.pro_box .pro_z .pro_jj{font-size: 12px;padding: 0 20px; line-height: 22px;height: 44px;overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.pro_box .pro_z .pro_jj p{color: #fff;}
.pro_box a:hover .pro_z{top: 0;margin:0;left: 0;background: rgba(103,126,153,0.8);padding-top: 10%;}
.pro_box a:hover .pro_z h4{line-height: 32px;}

.probox .swiper-button-prev{left: 0;width: 32px; background: url(../images/leftbtn.png)no-repeat center left;}
.probox .swiper-button-next{right: 0;width: 32px; background: url(../images/rightbtn.png)no-repeat center right;}
@media only screen and (max-width:640px ) {
	.probox{padding: 0 15px;}
	.probox .swiper-button-prev{display: none;}
	.probox .swiper-button-next{display: none;}
	
	.pro_box .pro_z h4{line-height: 32px;}
	.pro_box .pro_z{margin-top: -32px;}
	
}


/*简介*/
.in_ab{background: url(../images/abbg.jpg)no-repeat center center;-webkit-background-size: cover;background-size: cover;}
.in_abbox:after{display:block;clear:both;content:"";visibility:hidden;height:0;} 
.in_abbox{zoom:1;} 
.ab_l{width:55%;float: left;padding-right:7.5%;background: url(../images/videobg.png)no-repeat right bottom;}
.ab_r{width: 45%;float: right;padding-left: 6%;}

.ab_lpic{float: left;margin-right: 10px;margin-bottom: 10px;height: 182px;overflow: hidden;}
.ab_lpic img{float: left;}
.ab_ltxt{font-size: 14px;line-height: 24px;text-align: justify;}
.ab_ltxt p{color: #ffffff;}
.ab_lbox{height: 336px;overflow: hidden;}
.abmore a{display: block;float: right; width:81px;text-align: center; line-height: 25px;font-size: 14px;color: #fff;background: #ff9d00;}
.abmore a:hover{background: #ffb135;}
.videomore a{color: #ff9d00;display: inline-block;font-size: 16px;line-height: 42px;padding-left: 30px;background: url(../images/moreicon.png)no-repeat left center;}
.videomore a:hover{color:#ffb135;}
.in_ab .tit01 h4{color: #fff;}
.in_ab .tit01 h5{color: #fff;}
@media only screen and (max-width:991px ) {
	.ab_l{padding-right: 3%;}
	.ab_r{padding-left: 2.6%;}
}
@media only screen and (max-width:767px ) {
	.ab_l{width: 100%;padding:15px 0;background: none;}
	.ab_r{width: 100%;padding: 0;}
	.ab_lbox{height: auto;}
	.in_abbox{padding: 0 15px;}
	.ab_lpic{float: none;display: block;text-align: center;}
	.ab_lpic img{float: none;max-width: 100%;}
	
}

/*新闻*/
.in_newlist:after{display:block;clear:both;content:"";visibility:hidden;height:0;} 
.in_newlist{zoom:1;padding-top: 20px;}
.in_newlist li{padding-bottom:20px;}
.in_newlist li a{display: block;width: 100%;padding-left: 189px;position: relative;}
.in_newlist li a .new_p{width: 189px;height:120px;overflow: hidden;position: absolute;top: 0;left: 0;}
.in_newlist li a .new_p span{display: block;width: 100%;height: 100%;
transition:all 0.35s;
-moz-transition:all 0.35s; /* Firefox 4 */
-webkit-transition:all 0.35s; /* Safari 和 Chrome */
-o-transition:all 0.35s; /* Opera */
}
.in_newlist li a .new_t{padding: 13px 0;padding-left: 10px;position: relative;overflow: hidden;
transition:all 0.45s;
-moz-transition:all 0.45s; /* Firefox 4 */
-webkit-transition:all 0.45s; /* Safari 和 Chrome */
-o-transition:all 0.45s; /* Opera */
}
.in_newlist li a .new_t h3.newtit{font-size: 14px;color: #242424;line-height: 28px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.in_newlist li a .new_t .new_tbox{font-size: 12px;line-height: 22px;height: 66px;overflow: hidden;overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.in_newlist li a .new_t b{display: block;width: 120px;height: 120px;background: url(../images/hover.png)no-repeat center center;-webkit-background-size: 100% 100%;background-size: 100% 100%; position: absolute;right: -120px;top:0;
transition:all 0.45s;
-moz-transition:all 0.45s; /* Firefox 4 */
-webkit-transition:all 0.45s; /* Safari 和 Chrome */
-o-transition:all 0.45s; /* Opera */
}
.in_newlist li a:hover .new_t{background: #bd2842;}
.in_newlist li a:hover .new_t b{right: 0;}
.in_newlist li a:hover .new_t h3.newtit{color: #fff;}
.in_newlist li a:hover .new_t .new_tbox p{color: #fff;}
.in_newlist li a:hover .new_p span{
transform:scale(1.05);
-ms-transform:cale(1.05); 	/* IE 9 */
-moz-transform:cale(1.05); 	/* Firefox */
-webkit-transform:cale(1.05); /* Safari 和 Chrome */
-o-transform:cale(1.05); 	/* Opera */
}
@media only screen and (max-width:767px ) {
	
}
@media only screen and (max-width:440px ) {
	.in_newlist li a {padding-left: 140px;}
	.in_newlist li a .new_p{width: 140px;}
}

/*案例*/
.picture17 { height:480px; transition:all 0.3s;transition:all 1s;}
.picture17 a{ display:block;width:100%; height:100%; text-align:center;transition:all 1s;}
.picture17 .left,.picture17 .picture17-4 .picture17-4-1{ width:30%; height:100%;transition:all 1s;}
.picture17 .content{ padding:0 16px; width:50%;height:100%;transition:all 1s;}
.picture17 .right{ width:20%;height:100%;transition:all 1s;}
.picture17 .picture17-1{ padding:42px 0 0 0;height:27%; background:#ffb400;transition:all 0.3s;}
.picture17 .picture17-1:hover{background:#bc2a2a ;}
.picture17 .picture17-2{ padding:16px 0 0 0; height:73%;transition:all 1s;}
.picture17 .picture17-3,.picture17 .picture17-5{ height:70%;transition:all 1s;}
.picture17 .picture17-4,.picture17 .picture17-6{ padding:16px 0 0 0; height:30%;transition:all 1s;}
.picture17 .picture17-4 .picture17-4-1{ padding:40px 0 0 0; background:#bd0a31;transition:all 1s;}
.picture17 .picture17-4 .picture17-4-2{ padding:0 0 0 16px; width:70%;height:100%;transition:all 1s;}
.picture17 span{ display:block; height:100%; background:url(../images/fdjmb3.png) no-repeat 50% 50%; opacity:0; transition:all 0.3s;}
.picture17 a:hover span{ opacity:1;}

@media only screen and (max-width:991px ) {
.picture17 { height:400px;}
}

@media only screen and (max-width:767px ) {
.picture17 .left,.picture17 .picture17-4 .picture17-4-1{ width:30%; height:100%;}
.picture17 .content{ padding:0 7px 0 15px; width:50%;}
.picture17 .right{ padding:0 15px 0 7px; width:50%;}
.picture17 .left,.picture17 .picture17-4 .picture17-4-1{ display:none;}
.picture17 .picture17-3,.picture17 .picture17-5{ height:50%;}
.picture17 .picture17-4,.picture17 .picture17-6{ height:50%;}
.picture17 .picture17-4 .picture17-4-2{ padding:0; width:100%;}
}
@media only screen and (max-width:414px ) {
	.picture17 { height:300px;}
}

/*PC底部*/

.cfot{padding: 20px 0;background:#d4d6da;}
.cfotbox{padding-left: 20%;}
.cfotmenu{padding: 5px 0;}
.cfotmenu a{display: inline-block;padding: 0 10px;line-height: 1; border-left: 1px solid #3c5a7f;color: #3c5a7f;}
.cfotmenu a:first-child{border-left: none;padding-left: 0;}

.fot_lx p{color: #3C5A7F;font-size: 12px;line-height: 20px;}
.fot_lx h4{color: #3C5A7F;font-size: 14px;line-height: 24px;font-weight: bold;}


@media only screen and (max-width:767px ) {
	.main{padding: 15px 0;}
	.tit01{margin-bottom: 15px;}
}


/*内页*/
.cenbox:after{display:block;clear:both;content:"";visibility:hidden;height:0;} 
.cenbox{zoom:1;padding: 20px 0;}
.cen_l{width: 25%;float: left;border: 1px solid #677e99;}
.cen_r{width: 75%;float: right;padding-left: 35px;}
.tit02 h3{font-size: 18px;font-weight: bold;line-height: 44px;text-indent: 25px;background: #677e99;color: #fff;}
.tit02{margin-bottom: 3px;}
.dropmenu ul li{padding: 0;}
.dropmenu ul li a{display: block;width: 100%;line-height: 42px; padding-left: 10px; font-size: 16px;background: #677e99;border-bottom: 1px solid #fff;color: #fff;}
.dropmenu ul li a p{display: inline-block; padding-left:40px;background: url(../images/jt1.png)no-repeat left center;color: #fff}
.dropmenu ul li:hover a{background: #54667c;}


.suoyin p{text-align: right;line-height: 38px;}
@media only screen and (min-width:768px ) {
	.dropmenu{display: block !important;}
}
@media only screen and (max-width:767px ) {
	.cen_l{width: 100%;float: none;padding-bottom:15px ;}
	.cen_r{width: 100%;float: none;padding: 0 10px;}
	.suoyin{display: none;}
	.dropmenu ul li{padding: 0;}
	.dropmenu ul li a{background: #eee;margin-top: 2px;}
	.dropmenu ul li a p{padding: 0;background: none;}
	.dropmenu ul li a:hover p{background: none;}
	.tit02{position: relative;}
	.tit02 h3{background: #677e99;color: #fff;line-height: 46px;position: relative;}
	.tit02 .dropbtn{color: #fff;position: absolute;z-index: 9; display: block;width: 40px;text-align: center;line-height: 40px;right: 0;top: 50%;margin-top: -20px;}
	.tit02 .dropbtn span{color: #fff;}
}

/*产品*/
.product ul li{padding: 0 4px;padding-bottom: 8px;}
.product ul li a{display: block;width: 100%;position: relative;overflow: hidden;}
.product ul li a .propic{position: relative; display: block; overflow: hidden; margin: 0 auto;}
.product ul li a .propic:before{content: ""; padding-top: 77.6%; display: block;}
.product ul li a .propic span{display:block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.product ul li a .prozz{display: block;width: 100%;height: 100%;background: #bd2842; position: absolute;top: 100%;height: 100%;margin-top: -42px;
transition:all 0.35s;
-moz-transition:all 0.35s; /* Firefox 4 */
-webkit-transition:all 0.35s; /* Safari 和 Chrome */
-o-transition:all 0.35s; /* Opera */
}
.product ul li a .prozz h4{font-size: 14px;text-align: center;font-weight: bold; color: #fff; line-height: 42px; white-space: nowrap;display: block;overflow: hidden;text-overflow: ellipsis;}
.fdj img{max-width: 100%;}
.protxt{font-size: 12px;line-height: 22px;height: 44px;padding: 0 20px; overflow: hidden;overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.protxt p{color: #fff;}
.product ul li a:hover .prozz{top: 0;margin: 0;background:  rgba(103,126,153,0.8);padding-top: 5%;}
@media only screen and (max-width:640px ) {
	.product ul li a .prozz h4{line-height: 32px;}
	.product ul li a .prozz{margin-top: -32px;}
}
/*产品详情*/
.pro_x .pro_x_p{width: 100%;text-align: center;padding-bottom: 15px;}
.pro_x_p img{max-width: 100%;}
.pro_tit {font-size: 14px;font-weight: bold;line-height: 30px;}
.pro_x_t{font-size: 14px;line-height: 26px;text-indent: 1.5em;}

/*页码CSS*/
.yema{width: 100%; text-align: center;margin-top:10px;}
.yema ul,.yema ul li,.yema ul li a{display: inline-block;}
.yema ul li{padding: 0;}
.yema ul li a{font-size:12px;padding: 2px 8px;border: 1px solid #d7d7d7;transition: all 0.25s;}
.yema ul li a:hover{background: none;border-color: #bd2842;color: #bd2842;}

/*公司简介*/
.about h3.tit{font-size: 24px;font-weight: bold;line-height: 32px;}
.abtxt {font-size: 16px;line-height: 28px;}
.about img{max-width: 100%;}

/*视频中心*/
.video ul{padding-top: 15px;zoom: 1;overflow: hidden;width: 100%;}
.video ul li{padding-bottom: 15px;}
.video ul li .video_list{position: relative; display: block; overflow: hidden; margin: 0 auto;padding: 0 10px;background: #ccc}
.video ul li .video_list:before{content: ""; padding-top:240px; display: block;}
.video ul li .video_list .video_box{position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; max-width: 100%; max-height: 100%;}
.video ul li .video_list .video_box img{width: 100%;}
.video_p {font-size: 14px;line-height: 38px;}
.video p{text-align: left;}
/*新闻*/
.news ul{padding-top: 15px;}
.news ul li{padding-bottom: 15px;}
.news ul li a{display: block;width: 100%;padding-left: 189px;position: relative;}
.news ul li a .newpic{width: 189px;height:120px;overflow: hidden;position: absolute;top: 0;left: 0;}
.news ul li a .newpic span{display: block;width: 100%;height: 100%;
transition:all 0.35s;
-moz-transition:all 0.35s; /* Firefox 4 */
-webkit-transition:all 0.35s; /* Safari 和 Chrome */
-o-transition:all 0.35s; /* Opera */
}
.news ul li a .newtxt{padding: 13px 0;padding-left: 10px;position: relative;overflow: hidden;
transition:all 0.45s;
-moz-transition:all 0.45s; /* Firefox 4 */
-webkit-transition:all 0.45s; /* Safari 和 Chrome */
-o-transition:all 0.45s; /* Opera */
}
.news ul li a .newtxt h3.newtit{font-size: 14px;color: #242424;line-height: 28px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.news ul li a .newtxt .newtbox{font-size: 12px;line-height: 22px;height: 66px;overflow: hidden;overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.news ul li a .newtxt b{display: block;width: 120px;height: 120px;background: url(../images/hover.png)no-repeat center center;-webkit-background-size: 100% 100%;background-size: 100% 100%; position: absolute;right: -120px;top:0;
transition:all 0.45s;
-moz-transition:all 0.45s; /* Firefox 4 */
-webkit-transition:all 0.45s; /* Safari 和 Chrome */
-o-transition:all 0.45s; /* Opera */
}
.news ul li a:hover .newtxt{background: #bd2842;}
.news ul li a:hover .newtxt b{right: 0;}
.news ul li a:hover .newtxt h3.newtit{color: #fff;}
.news ul li a:hover .newtxt .newtbox p{color: #fff;}
.news ul li a:hover .newpic span{
transform:scale(1.05);
-ms-transform:cale(1.05); 	/* IE 9 */
-moz-transform:cale(1.05); 	/* Firefox */
-webkit-transform:cale(1.05); /* Safari 和 Chrome */
-o-transform:cale(1.05); 	/* Opera */
}
@media only screen and (max-width:767px ) {
	
}
@media only screen and (max-width:440px ) {
	.news ul li a {padding-left: 140px;}
	.news ul li a .newpic{width: 140px;}
}

/*新闻详情*/

.new_x .new_title h3{font-size:24px;line-height: 32px;font-weight: bold;}
.new_x .new_title h6.date{font-size: 14px;color: #666666;padding: 10px 0;}
.new_x .new_x_p{margin-bottom: 10px;}
.new_x img{max-width: 100%;}
.new_x_t{font-size: 16px;line-height: 28px;}

/*案例*/

.case ul li{padding: 0 4px;padding-bottom: 8px;}
.case ul li a{display: block;width: 100%;position: relative;overflow: hidden;}
.case ul li a .casepic{position: relative; display: block; overflow: hidden; margin: 0 auto;}
.case ul li a .casepic:before{content: ""; padding-top: 77.6%; display: block;}
.case ul li a .casepic span{display:block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.case ul li a .casezz{display: block;width: 100%;height: 100%;background: #bd2842; position: absolute;top: 100%;height: 100%;margin-top: -42px;
transition:all 0.35s;
-moz-transition:all 0.35s; /* Firefox 4 */
-webkit-transition:all 0.35s; /* Safari 和 Chrome */
-o-transition:all 0.35s; /* Opera */
}
.case ul li a .casezz h4{font-size: 14px;text-align: center;font-weight: bold; color: #fff; line-height: 42px; white-space: nowrap;display: block;overflow: hidden;text-overflow: ellipsis;}
.fdj img{max-width: 100%;}
.casetxt{font-size: 12px;line-height: 22px;height: 44px;padding: 0 20px; overflow: hidden;overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.casetxt p{color: #fff;}
.case ul li a:hover .casezz{top: 0;margin: 0;background:  rgba(103,126,153,0.8);padding-top: 5%;}
@media only screen and (max-width:640px ) {
	.case ul li a .casezz h4{line-height: 32px;}
	.case ul li a .casezz{margin-top: -32px;}
}
/*案例详情*/
.case_x .case_x_p{width: 100%;text-align: center;padding-bottom: 15px;}
.case_x_p img{max-width: 100%;}
.case_tit {font-size: 14px;font-weight: bold;line-height: 30px;}
.case_x_t{font-size: 14px;line-height: 26px;text-indent: 1.5em;}
/*服务*/
.service h3.tit{font-size: 24px;font-weight: bold;line-height: 32px;}
.zxly {margin-top: 15px;}
.zxly input{border: 1px solid #1c8dd6;}
button.sub_tj{width: 100%;line-height: 32px;border-radius: 4px; background: #1c8dd6;color: #fff;border: none;}

/*联系我们*/
.contact h3.tit{font-size: 24px;font-weight: bold;line-height: 32px;}
.contact p{font-size: 16px;line-height: 28px;}
.contact .mapbox{width: 100%;text-align: center;}


.about,.product,.case,.case_x,.contact,.news,.new_x,.product,.pro_x,.service,.video{padding: 15px 0;}
.videobox{color: #fff}

/*浮动QQ*/
.dock {
	position: fixed;
	right: 0px;
	width: 50px;
	-moz-opacity: 0.7;
	opacity: 0.7;
	z-index: 200;
}

.dock.close {
	z-index: 50;
}

.dock ul.icons {
	position: absolute;
	list-style: none;
	right: 0px;
	padding: 0px;
	width: 50px;
	border: 1px solid #333;
	border-right: none;
	background: #111;
	-moz-border-radius: 10px 0 0 10px;
	-webkit-border-radius: 10px 0 0 10px;
	border-radius: 10px 0 0 10px;
	-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;
}

.dock.close ul.icons {
	right: -70px;
}

.dock ul.icons li i {
	display: block;
	position: relative;
	width: 50px;
	height: 50px;
	background: url(../images/icons.png) no-repeat;
	cursor: pointer;
	-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;
	z-index: 210;
}

.dock ul.icons li.active i {
	-moz-opacity: 0.4;
	opacity: 0.4;
}

.dock ul.icons li.up i {
	background-position: -63px -150px;
}

.dock ul.icons li.tel i {
	background-position: -62px -108px;
}

.dock ul.icons li.im i {
	background-position: -63px -20px;
}

.dock ul.icons li.wechat i {
	background-position: -59px -66px;
}

.dock ul.icons li.down i {
	background-position: -63px -190px;
}

.dock ul.icons li p {
	display: block;
	position: absolute;
	top: 50px;
	right: -260px;
	padding: 15px 20px;
	height: 120px;
	color: White;
	line-height: 30px;
	border: 1px solid #333;
	border-right: none;
	background: #111;
	-moz-border-radius: 10px 0 0 10px;
	-webkit-border-radius: 10px 0 0 10px;
	border-radius: 10px 0 0 10px;
	-moz-opacity: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .4s ease-in-out .1s;
	-moz-transition: all .4s ease-in-out .1s;
	-ms-transition: all .4s ease-in-out .1s;
	-o-transition: all .4s ease-in-out .1s;
	transition: all .4s ease-in-out .1s;
	overflow: hidden;
	z-index: 201;
}

.dock ul.icons li.active p {
	right: 50px;
	-moz-opacity: 1;
	opacity: 1;
	filter: alpha(opacity=100);
}

.dock ul.icons li.tel p {
width: 140px;
    height:130px;
    line-height:30px
}

.dock ul.icons li.im p {
	width: 140px;
    height:180px;
    line-height:30px
}

.dock ul.icons li.im p a {
	display: block;
	margin-top: 12px;
	width: 100px;
	height: 35px;
	line-height: 32px;
	color: #00dfb9;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	border: 1px solid #00dfb9;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-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;
}

.dock ul.icons li.im p a:hover {
	color: White;
	background: #0f8773;
	border: 1px solid #0f8773;
}

.dock ul.icons li.wechat p {
	width: 160px;
    height:150px;
    line-height:30px
}

.dock ul.icons li.wechat p img {
	
	border: 2px solid #000;
}

.dock a.switch {
	position: absolute;
	display: block;
	top: 270px;
	right: 11px;
	width: 26px;
	height: 26px;
	background: url(../images/icons.png) no-repeat 0px -640px;
	cursor: pointer;
	-webkit-transition-delay: .15s;
	-moz-transition-delay: .15s;
	-ms-transition-delay: .15s;
	-o-transition-delay: .15s;
	transition-delay: .15s;
}

.dock a.switch.off {
	background-position: -32px -640px;
}