*{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;}
@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: 15px 0;}
.topserch {width: 26%;float: left;margin-left:60px;margin-top:10px;}
@media only screen and (max-width:1199px ) {
	.topserch{margin-left: 40px;}
}.input-group{width: 100%;}
.topserch input{width: 80%;border: none;line-height: 36px; background: #efefef;border: 1px solid #d8d8d8;border-right: none;font-size: 10px;padding-left: 10px;}
.topserch button{width: 20% !important;padding: 0;margin: 0;line-height: 40px;border: none;background: #df141f;color: #fff;}
.tel1{padding-left:45px;background: url(../images/tel_03.png)no-repeat left center;height: 60px;}
.tel1 p{float: left;font-size: 14px;line-height: 60px;}
.tel1 p b{font-size: 26px;color: #e50112;}
.logo{line-height: 50px;}
@media only screen and (min-width:992px ) {
	.logo{width:36%;max-width: 418px;line-height: 60px;}
	.logo img{width: 100%;}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.logo{width: 50%;}
}
@media only screen and (max-width:767px ) {
	.header{padding: 0;padding-left: 15px;}
	.logo{width: 60%;max-width: 418px;}
.zxly .form-group{position: static;padding: 0}
  .zxly .form-group label{position: static;}
  .cfot{display: none;}
}
@media only screen and (max-width:414px ) {
	.logo{width: 260px;}
}
@media only screen and (max-width:360px ) {
	.logo{width: 230px;}
}

/*移动端导航*/
.header{position: relative;}
#sjnav{position: relative;z-index:6666667;}
#sjnav ul{padding: 0;position: absolute;width:100% ;top: 0;z-index: 6666666;}
#sjnav ul li a{display: block;width: 100%;text-align: center;font-size: 14px;color: #333;line-height: 28px;margin-top: 1px;background: rgba(0,0,0,0.6);color: #fff;transition: all 0.5s;}
#sjnav ul li a:hover{background: #F5272F;}
.menuicon{position: relative;font-size: 24px;display: inline-block;width: 50px;height: 50px;line-height: 50px;text-align: center; top: 50%;margin-top: -25px;right: 0;}
.cnav{background: url(../images/navbg_03.jpg)repeat-x center top;z-index: 999999;}
nav{background: url(../images/shu_03.jpg)no-repeat left center;}
.cnav ul{width: 100%;}
.cnav ul li.yjnavli{width: 14.2%; background: url(../images/shu_03.jpg)no-repeat right center;position: relative;z-index: 999999;}
.cnav ul li.yjnavli a.yjnava{display: block;color: #353535;line-height: 55px;font-size: 16px;}
.cnav ul li.yjnavli a.yjnava:hover{color: #fff;background:url(../images/hoverbg_03.jpg)repeat-x center top;}
.cnav ul li.yjnavli a.act{color: #fff;background:url(../images/hoverbg_03.jpg)repeat-x center top;}
.cnav ul li.yjnavli .cejnav,.cnav ul li .cejnav li{width: 100%;}
.cnav ul li.yjnavli .cejnav li a{display: block;width: 100%;color: #fff;line-height: 40px;}
.cnav ul li.yjnavli .cejnav li a:hover{background: url(../images/hoverbg_03.jpg)repeat-x center center;background-size:cover;}
.cnav ul li.yjnavli .cejnav{position: absolute;z-index: 999999;background: rgba(36,136,214,0.8);display:none;}
.cnav ul li.yjnavli:hover .cejnav{display: block;}
/*悬浮菜单*/
.fixednav {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index:999;
}


/*banner*/
.pagination{margin: 0 !important;position: relative;z-index: 99999 !important;text-align: center;bottom:30px !important;}
.swiper-pagination-bullet{background: #000 !important;opacity: 0.5 !important;}
.swiper-pagination-bullet-active{background: #DE010E !important;opacity: 1 !important;}
@media only screen and (max-width:640px) {
	.pagination{bottom: 10px;}
}
/*标题*/
.title1 {background: url(../images/titbg_08.png) no-repeat center top;padding-bottom: 25px;}
.title1 a{display: block;padding-top: 2em; }
.title1 h2{font-size: 26px;font-weight: bold;color: #de010e;line-height: 1;}
.title1 h3{font-size: 21px;font-weight: bold;color: #000000;padding: 10px 0 5px 0;text-transform: uppercase;}
.tit-heng{width:50px;height: 2px;background: #000;margin: 0 auto;transition:ALL 0.6s;}
.title1 a:hover .tit-heng{width:600px;max-width: 60%; background: #DE010E;}
.title1 a:hover h3{color: #de010e;}
.main{padding:40px 0 0 0;}
@media only screen and (max-width:768px ) {
	.title1 h3{font-size: 16px;font-weight: bold;color: #000000;padding: 10px 0 5px 0;}
}
/*产品*/
@media only screen and (min-width: 524px) and (max-width: 595px) {
	.title01 ul{margin: 0 auto !important;width: auto;display:block;}
}

.title01{ margin:0 0 30px;}
.title01 ul{margin: 0 auto;display:inline-block;width: auto;}
.title01 ul li{padding: 0 4px;}
.title01 ul li a{width:100%;display: block; font-size: 14px; display:inline-block;
background: url(../images/sanjiao_05.png)no-repeat top center;
background-color: #d4d4d4;border-bottom: 3px solid #b3000e;
 padding:2px 14px; height:40px; line-height:40px;
 color:#333333;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;
}

@media only screen and (min-width:992px ) {
	.title01 ul li{width:12.5%;}
}
@media only screen and (min-width:768px ) and{max-width:991px} {
.title01 ul li{width:20%;}
}
.title01 ul li{min-width: 106px;}
@media only screen and (min-width:768px ) {
	.dd{margin: 0 !important;}
	
}
@media only screen and (max-width:767px ) {
	.dd{margin-left:margin-left: 16.66666667% !important;}
}

@media only screen and (min-width: 767px) and (max-width: 771px) {
	.title01 ul li a{padding: 1 4px; margin: 0 7px;}
}

.title01 ul li a:hover{ color:#fff; background-color:#DE010E;}
.title01 ul li a.active{ color:#fff; background-color:#DE010E;}
.cpimgbox{padding:3px;width: 100%;overflow: hidden;border: 1px solid #c7c7c7;position: relative;}
.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;}
.qhpic{position: relative; display: block; overflow: hidden; margin: 0 auto;background: #fff;border: 1px solid #d7d7d7;opacity: 1;}
.qhpic:before{content: ""; padding-top: 85%; display: block;}
.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:hover .cpbg{ opacity: 1;}
.qh1 .lunbo a p{color: #333;transition: all 0.5s;font-size: 16px;line-height:34px;}
.qh1 .lunbo a:hover p{color: #DE010E;}

.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 */

}


/*关于我们*/
.in_ab{overflow: hidden;width: 100%;background: url(../images/abbg_12.jpg)no-repeat center center;padding-top: 45px;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
}
.abpic{height: 340px; background: url(../images/gsjj_13.jpg)no-repeat center center;-webkit-background-size: cover;background-size: cover;position: relative;}
.in_abtxt{max-height: 320px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp:10;}
.in_abtxt p{font-size:16px;color: #fff;line-height:32px;text-align: justify;text-indent: 1.5em;  }
.abright a .seemore{font-size: 12px;line-height: 20px; display: inline-block;padding:0 12px;text-align: center;color: #fff;background: #de010e;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
.ab{width: 100%;overflow: hidden;}
.abpic span{background: #fff;display: inline-block;transition: all 0.5s;}
.abpic span.spantop{width:0;height: 1px;position: absolute;top: 45px;left: 20px;}
.abpic span.spanleft{height:0;width: 1px;position: absolute;top: 20px;left: 45px;}
.abpic span.spanright{height:0;width: 1px;position: absolute;bottom: 20px;right: 45px;}
.abpic span.spanbottom{width:0;height: 1px;position: absolute;bottom: 45px;right: 20px;}
.ab:hover .abpic span.spantop{width: calc(100% - 40px);}
.ab:hover .abpic span.spanleft{height: calc(100% - 40px);}
.ab:hover .abpic span.spanright{height: calc(100% - 40px);}
.ab:hover .abpic span.spanbottom{width: calc(100% - 40px);}
.abpic p{position: absolute;bottom: 35px;left: 65px; opacity: 0;font-size: 18px; color: #de010e;transition:all 0.5s;}
.ab:hover p{bottom: 75px;left: 65px; opacity: 1;}





.in_ab .title1 {background: url(../images/titlebgw_14.png) no-repeat center top;padding-bottom: 25px;}
.in_ab .title1 a{display: block;padding-top: 2em; }
.in_ab .title1 h2{font-size: 26px;font-weight: bold;color: #fff;line-height: 1;}
.in_ab .title1 h3{font-size: 21px;font-weight: bold;color: #fff;padding: 10px 0 5px 0;text-transform: uppercase;}

.in_ab .tit-heng{width:50px;height: 2px;background: #fff;margin: 0 auto;transition:all 0.6s;}
.in_ab .title1 a:hover .tit-heng{width:600px;max-width: 60%; background: #fff;}
.in_ab .title1 a:hover h3{color: #fff;}
	
/*更多*/
.xqmore{display: inline-block;width:150px;height: 30px;border-radius:5px; line-height: 30px;text-align: center; border: 1px solid #de010e;margin:15px auto;color: #de010e;transition: all 0.3s;}
.xqmore:hover{color: #fff;background: #de010e;}
/*视频*/
.videoxqbox{position: relative; display: block; overflow: hidden; margin: 0 auto;}
.videoxqbox:before{content: ""; display: block;}
@media only screen and (max-width:767px ) {

}
.videoxqbox img{position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; max-width: 100%; max-height: 100%;}
/*新闻*/
.newleft a{display: block;width: 100%;overflow: hidden;}

/*.newleftimg{position: relative; display: block; overflow: hidden; margin: 0 auto;}
.newleftimg:before{content: ""; padding-top: 340px; display: block;}
.newleftimg img{position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; max-width: 100%; max-height: 100%;}
*/
/*.in_new{background: url(../images/newbg_02.jpg)no-repeat center center;-webkit-background-size: cover;background-size: cover;}*/
.newleftimg{position: relative; display: block; overflow: hidden; margin: 0 auto;border: 1px solid #ededed;}
.newleftimg:before{content: ""; padding-top:324px; display: block;}
.newleftimg img{position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; max-width: 100%; max-height: 100%;transition:all 0.45s;}
.newleft a:hover .newleftimg 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 */
}
.newlist{margin-bottom: 15px;width: 100%;border-bottom: 1px solid #d7d7d7;}
.newlist a{display: block;overflow:hidden;width: 100%;padding: 20px 5px;background:rgba(2550,255,255,0.8);box-shadow: 3px 3px 5px #ccc;transition: all 0.35s;
	 position: relative;
    display: block;
    overflow: hidden;

}
.newlist a .newtxt{height: 40px;font-size: 14px;line-height: 20px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
.newli h2{font-size: 16px;color: #de010e;margin: 15px 0;transition: all 0.35s;white-space: nowrap;display: block;overflow: hidden;}
.newli .newdate{font-family: arial;font-size: 12px;transition: all 0.35s;}
.newli .newdate span{font-size: 18px;color: #de010e;transition: all 0.35s;}
.newlist a:hover{color: #fff;background: rgba(222,1,14,0.5);}
.newlist a:hover h2{color: #fff;}
.newlist a:hover .newdate{color: #fff;}
.newlist a:hover .newdate span{color: #fff;}
.newlist a:after {
    position: absolute;
    top: 0;
    right: -152px;
    width: 152px;
    height: 100%;
    content: "";
    background-image: url(../images/infolink_bg.png);
    background-repeat: no-repeat;
    background-position: right top;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.newlist a:hover:after{right: 0;}


.newtitle{text-align: center;}
.newtitle>ul{display: inline-block;border: none;}
.newtitle>ul>li{margin: 0;}
.newtitle>ul>li>a{border: 1px solid #d7d7d7;border-radius: 0;}
.newtitle>ul>li.active>a.act{background-color:#de010e ;color: #fff;border:1px solid #de010e;}
/*首页服务*/
.in_service{width: 100%;overflow: hidden;padding: 10px 0; background: #de010e;}
.in_service a{display: block;width: 100%;overflow: hidden;}
.in_service a img{width: 100%;}
@media only screen and (max-width:767px ) {
	.in_service{padding: 10px 0;}
}
/*联系我们*/
.in_con{width: 100%;overflow: hidden;background:url(../images/conbg_25.jpg)no-repeat center center;-webkit-background-size:cover;background-size:cover;}
.title03 h3{font-size: 30px;margin-bottom: 25px;color: #fff;}
.title03 h3 span{text-transform: uppercase;font-size: 20px;font-family: arial;color: #fff;}
.ewm{padding:15px 0;background: #fff;}
@media only screen and (max-width:767px ) {
  .ewm{max-width: 220px;width: 100%;margin: 0 auto;float: none;}
}
.lxfs p{font-size: 14px;line-height: 28px;color: #fff;}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.lxfs{padding: 0 5px;}
	.lxfs p{font-size:12px;}
}
@media only screen and (max-width:400px ) {
	
	.lxfs{padding: 0 5px;}
	.lxfs p{font-size:12px;}
}
.lyk .form-control{color: #fff;background: rgba(0,0,0,0);}
.lyk .form-control:focus{border-color: #fff;}
.lyk>.form-group>textarea.form-control{max-width: 100%;}

/*首页案例*/
.wrap{width: 900px;margin:20px auto;}
.poster-main{
	width: 640px;
	height: 130px;
	position: relative;
}
.poster-main{ position:relative;width:900px;height:270px; margin: 0 auto;}
  .poster-main a,.poster-main img{display:block;}
  .poster-main .poster-list{width:900px;height:200px;}
  .poster-main .poster-list .poster-item{ position:absolute;left:0; background-color: #fff}
  .poster-main .poster-item .imgbox{position: relative; display: block; overflow: hidden; padding-top: 69%; border: 2px solid #c4c4c4;}
  .poster-main .poster-list .poster-item .imgbox img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: 100%;}
  .poster-main .poster-list .poster-item p{text-align: center; font-size: 14px; color: #222222; line-height: 30px; height: 30px;}
  .poster-main .poster-list .poster-item a p {display: none; color: #fff;}
  .poster-main .poster-list .poster-item.active a p{ display: block; color: #222;}
  .poster-main .poster-list .active .imgbox{border: 2px solid #df0303;background: rgba(255,255,255,0.9);}
  .poster-main .poster-btn{ position:absolute;top:0;width:100px;height:200px; z-index:10; cursor:pointer;  opacity:0.8}
  .poster-main .poster-prev-btn{left:0; background: url(../image/btn_l.png) no-repeat center center;}
  .poster-main .poster-next-btn{right:0; background: url(../image/btn_r.png) no-repeat center center;}
  .imgbox{position: relative; display: block; overflow: hidden; padding-top: 69%; border: 2px solid #c4c4c4;}
  .imgbox img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%;}
.casepic{position: relative; display: block; overflow: hidden; margin: 0 auto;}
.casepic:before{content: ""; padding-top:90%; display: block;}
.casepic img{position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; max-width: 100%; max-height: 100%;}
.caseli a{display: block;width: 100%;text-align: center;border: 1px solid #ddd;}

/*底部*/
.in_pcfoot{padding: 20px 0;background: #de010e;}
.in_pcfoot a{display: inline-block;line-height: 1;color: #fff;padding: 0 10px;border-left: 1px solid #fff;}
.in_pcfoot a:first-child{border-left: none;}
.in_pcfoot .fotright{line-height: 1;color: #fff;}
.in_pcfoot .fotright{margin-top:5px;}
@media only screen and (max-width:991px ) {
	.fotright{width:100%;line-height: 35px;text-align:center;}
	.fotleft{width:100%;text-align: center;margin-bottom:10px;}
}



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

/*内页*/

.contentr{padding: 20px 0;}
.menutit{display: block;margin-bottom:5px; -webkit-background-size:cover ;background-size:cover;padding: 1px;border: 1px solid #de010e;}
.menutit h3{display: inline-block;width: 100%; color: #ffffff;background:#de010e;font-size:26px;line-height:56px;}
.menutit .xlclick{display: none;}
.con_left{width: 25%;float: left;}
.leftlist{margin-bottom: 15px;}
.con_left .leftlist li a{display: inline-block;width: 100%;color:#333333;font-size: 16px;line-height:40px;background: #d8d8d8;padding-left: 15px;transition: all 0.35s;}
.con_left .leftlist .ej li a{font-size: 14px;line-height: 36px;width: 96%;margin: 0 auto;display: block; background: none;color: #767676;text-align: center;border: none;border-bottom: 1px dashed #cecece;}
.con_left .leftlist .ej li a span{margin-right: 5px;font-size: 10px;line-height: 24px;}
.leftlist li a.active{background-color: #de010e; color: #fff;}
.leftlist li a:hover{background-color: #de010e; color: #fff;}
.con_left .leftlist .ej li a:hover{color: #de010e;background: none;}
.leftlist>li{margin-bottom: 4px;padding: 1px;border: 1px solid #a7a7a7;}
.con_left .leftlist .ej li{margin-bottom: 0;}
.left_lx{padding: 5px;background: #d8d8d8;}
.left_lx p{font-size: 14px;line-height: 26px;color: #292929;}
.left_lx img{width: 100%;}
@media only screen and (min-width:992px ) {
	.menutit{text-align: center;}
	.leftlist{display: block !important;}
}
.con_right{width: 75%;float: left;padding-left: 15px;}
.suoyin{width: 100%;overflow: hidden; border-bottom: 1px solid #cecece;margin-bottom: 20px;}
.suoyin p{line-height:1;margin-bottom: 5px;font-size: 14px;margin-top: 25px;}
/*产品*/
.prolist ul li a:hover .cpbg{opacity: 1;}
.prolist ul li a p{text-align: center;font-size: 14px;line-height:26px;}
.cpimg{position: relative;padding: 3px;border: 1px solid #cecece;}
.propic{position: relative; display: block; overflow: hidden; margin: 0 auto;background: #fff;border: 1px solid #d7d7d7;opacity: 1;}
.propic:before{content: ""; padding-top: 85%; display: block;}
.propic img{position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; max-width: 100%; max-height: 100%;transition: all 0.35s;}

.prolist ul li a:hover .propic 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 */
}

/*手机左侧变样式*/
@media only screen and (max-width:991px ) {
.con_right{width: 100%;padding: 0 15px;}
.con_left{width: 100%;}
.suoyin{display: none;}
.leftlxfs{display: none;}
.menutit h3{padding: 0 15px;}
.menutit .xlclick{display:inline-block;width: 46px;text-align: right; line-height: 46px;color: #fff;}
.con_left .leftlist .ej li a span{display: none;}
.leftlist li a.active{background:none;background-color:#e4e4e4;color: #de010e;}
.leftlist li a:hover{background:none;background-color: #dedede;color: #de010e;}
.leftlist{display:none;}
}
/*案例*/
.caselist ul li a:hover .cpbg{opacity: 1;}
.caselist ul li a p{text-align: center;font-size: 14px;line-height:26px;}
.caseimg{position: relative;padding: 3px;border: 1px solid #cecece;}
.casepic{position: relative; display: block; overflow: hidden; margin: 0 auto;background: #fff;border: 1px solid #d7d7d7;opacity: 1;}
.casepic:before{content: ""; padding-top: 85%; display: block;}
.casepic img{position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; max-width: 100%; max-height: 100%;transition: all 0.35s;}

.caselist ul li a:hover .casepic 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 */
}

/*视频*/
.videoli ul li{margin-bottom: 15px;}
.videoli ul li a:hover .cpbg{opacity: 1;}
.videoli ul li a p{text-align: center;font-size: 14px;line-height:26px;}
.videoimg{position: relative;border: 1px solid #cecece;}
.videopic{position: relative; display: block; overflow: hidden; margin: 0 auto;background: #fff;border: 1px solid #d7d7d7;opacity: 1;}
.videopic:before{content: "";  display: block;}
.videopic img{position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; max-width: 100%; max-height: 100%;}
.videopic iframe{ height: 300px; }
.videoxqbox iframe{ height: 300px; }
@media only screen and (max-width:767px ) {
.videopic iframe{ height: 200px; }
.videoxqbox iframe{ height: 200px; }
}

/*新闻*/
.new>ul>li{width: 100%;overflow: hidden;margin-bottom: 15px;}
.new ul li .newpic{width: 25%;float: left;}
.new ul li .newbox{width: 75%;float: right;padding-left: 10px}
.newbox .date{overflow: hidden;font-size: 12px;color: #cd281f;margin-top:10px;line-height: 16px;transition: all 0.35s;}
.newbox .newxq p{font-size: 14px;line-height: 25px;height:75px;text-align: justify;transition: all 0.35s;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp:3;}
.newbox .newxq h3{font-size: 15px;line-height: 25px;color: #cd281f;transition: all 0.35s;}
.newbox .newxq{width: calc(100% - 100px);}

.newpic{height: 135px;overflow: hidden;}
.newpic1 span{display: block; width: 100%;height: 100%;-webkit-background-size:cover ;background-size:cover;}
.newpic2 span{display: block; width: 100%;height: 100%;-webkit-background-size:cover ;background-size:cover;}
.newpic3 span{display: block; width: 100%;height: 100%;-webkit-background-size:cover ;background-size:cover;}
.new>ul>li a{display: block;width: 100%;overflow: hidden;padding: 3px;transition: all 0.35s;}
.new>ul>li a:hover{background: #cd281f;}
.new>ul>li a:hover .date{color: #fff;}
.new>ul>li a:hover .newxq p{color: #fff;}
.new>ul>li a:hover .newxq h3{color: #fff;}
/*服务+关于我们*/
.service p{font-size: 14px;line-height: 32px;text-indent:1.5em;color: #333333;text-align: justify;}
/*联系我们*/
.contact{font-size: 14px;line-height: 30px;color: #333;}
.mapbox{width: 100%;overflow: hidden;padding: 0 10px;margin: 10px 0;}
.mapbox img{width: 100%;}
/*产品详情*/
.pro-x-img{position: relative; display: block; overflow: hidden; margin: 0 auto;}
.pro-x-img:before{content: ""; padding-top: 300px; display: block;}
.pro-x-img img{position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; max-width: 100%; max-height: 100%;}
.pro-x p{text-align: center;}


/*案例详情*/
.case-x-img{position: relative; display: block; overflow: hidden; margin: 0 auto;}
.case-x-img:before{content: ""; padding-top: 320px; display: block;}
.case-x-img img{position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; max-width: 100%; max-height: 100%;}
.case-x p{text-align: center;}
/*新闻详情*/
.new-x h4{font-size: 20px;color: #cd281f;margin-bottom: 25px;}
.new-x h6{font-size: 14px;color: #979797;margin-bottom: 40px;}
.new-x p{font-size: 14px;color: #979797;line-height: 27px;}

.yema{width: 100%; text-align: center;margin-top: 20px;}
.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: #de010e;color: #de010e;}

@media only screen and (max-width:767px ) {
.qh1 .lunbo .item:nth-child(5){display: none;}
.qh1 .lunbo .item:nth-child(6){display: none;}
.qh1 .lunbo .item:nth-child(7){display: none;}
.qh1 .lunbo .item:nth-child(8){display: none;}
.contentr{ min-height: 640px; }
.biaoge tr td{ float: left; width: 100% }
.swiper-slide img{ height: 150px; }
}
.videobox p{font-size: 14px;line-height: 32px;font-weight: bold;color: #555;}
.biaoge tr td{ lighting-color: 30px; }
/*浮动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 15px;
  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: 180px;
    height:150px;
    line-height:30px
}

.dock ul.icons li.im p {
  width: 140px;
    height:130px;
    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;
}
.zxly{ margin-top: 15px; }
.zxly .form-group{width: 100%;position: relative;padding-left: 40px;}
.zxly .form-group label{position: absolute;left: 0;top: 0;line-height: 34px;color: #000;font-size: 14px;}
.zxly .form-group input.form-control{background: none;border: 1px solid #1a66bb;}
.zxly .form-group textarea.form-control{background: none;border: 1px solid #1a66bb;width: 100%;max-width: 100%;height: 106px;max-height: 106px;}
.in_box .btbox{text-align: center;}
.in_box .btbox button{width: 80px;line-height: 26px;margin: 0 10px; font-size: 14px;background:none;border: none;color: #0350a7;border: 1px solid #2475cf;}
.in_box .btbox button.tj{background: #eff7ff;}
.in_box .btbox button.cz{background: #eff7ff;}