/*****通用编码******/
body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,input{margin:0px;padding:0px;}
*html{background-image:url(about:blank);background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/
img{border:none;}
body {color:#666; font:14px/1.5 Arial, "Microsoft Yahei"; width:100%; background-color:#fff;}
ul,ol,li,form, dl {list-style: none;}
ul{ clear: both;}
p{margin:0px; padding:0px;}
a{text-decoration:none;color:#434343;}
a:hover {text-decoration:none; }
div{ margin:0 auto;}
table{clear: both;}
textarea{ resize:none;}
*{padding: 0px; margin: 0px;}
.txt{font-size: 12px; line-height: 28px;text-align: left;}
.page{ text-align:center; color:#338bff; padding:10px 0;}
.page a{ display:inline-block; background-color:#fff; border:1px solid #e4e4e4; height:1.75rem; vertical-align:middle; line-height:1.75rem; margin:0 1px; padding:0 0.625rem; font-size:0.75rem; color:#338bff;}
.page b{ border:#338bff 1px solid; display:inline-block; background-color:#fff; height:1.75rem; vertical-align:middle; line-height:1.75rem; margin:0 1px; padding:0 0.625rem; font-size:0.75rem; color:#338bff;}


@font-face {font-family: 'iconfont';
    src: url('../fonts/iconfont.eot'); /* IE9*/
    src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/iconfont.woff') format('woff'), /* chrome、firefox */
    url('../fonts/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../fonts/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:1rem;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

@media only screen and (min-width: 100px) and (max-width: 767px) {
	.tops, .header, .footer{ display:none !important;}
	.nav_b{display: block !important;}
	.nav_b li{width: 100% !important;}
	.nav_b li a{color: #141414 !important;}
	.navbar-default .navbar-brand{padding: 5px !important;}

	
}

/*顶部*//*头部*/
#nav{
	width:100%;
	text-align: center;
	line-height: 28px;
	border-bottom:1px solid #ccc;
	position: fixed;
	_position:absolute;
	background:rgba(249,245,246,0.6);
	z-index: 999;
	_top:expression(eval(document.documentElement.scrollTop));
}

.headers{display: flex; align-items: center;padding: 20px 0; height: 100px;}

.header{overflow: hidden; height: 120px;display: flex; align-items: center;padding: 0; z-index:888;}
.header h1{padding: 0;}
.header h1 img{text-align: left; display: block;}
.header .tel{margin-right: 0; padding: 0;}
.header .tel ul{overflow: hidden;width: 100%}
.header .tel ul li{width:12.5%}
.header .tel ul li a{color: #141414;font-size: 15px;}
.header .tel ul li:hover a{color: #338bff;background-color:#fff;}
/*导航*/
.nav_b{background-color: #fff;color: #fff; display: none;}
.navbar{margin-bottom: 0px;}
.nav_b ul{width: 100%;}
.nav_b li{float: left; width: 12%;}
.nav_b li a{display: block; text-align:center; font-size: 16px;color: #fff;}
.nav>li>a{padding: 10px !important;}
.nav_b li:hover a{background-color: #338bff !important;}
.navbar-brand>img{height: 40px}

/*首页内容*/
#index_box{padding-top: 35px;}
/*公共标题*/
.in_title{text-align: center; padding: 10px 0;}
.in_title img{display: inline-block;}

/*优势*/
.adv{overflow: hidden;background-color: #338bff;}
.adv ul{overflow: hidden;}
.adv ul li{margin: 6px auto;text-align: center;}
.adv ul li a{display: block;padding: 10px;color: #fff;}
.adv ul li a img{display: inline-block;text-align: center;}
.adv ul li a samp{text-align: center;display: block; font-size:16px; line-height: 60px; font-family:"微软雅黑";}

/*业务范围*/
.product{overflow: hidden;margin-top: 30px;margin-bottom: 30px;}
.product li{margin: 10px auto;text-align: center;}
.product li .p_box{display: block;background-color: #fff;}
.product li a img{display: inline-block;text-align: center;}
.product li p{display: block;overflow: hidden;text-align: center;font-size: 16px;background: #e8f2ff;line-height: 52px;color: #e8f2ff}
.product li p a{color:#2e7eff}
.product li p:hover a{color: #fff;background-color: #2e7eff;display: block  }
.product li .txt{display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-align: center;text-align: left;font-size: 13px;}


/*案例展示*/
.case{overflow: hidden;margin-bottom: 15px}
.case ul li{text-align: center;}
.case ul li a{display: block;}
.case ul li a img{position: relative;}
.case ul li a p{position: absolute;bottom: 0;width: 100%;text-align: center; background:rgba(0,0,0,0.2);line-height: 28px;color: #fff;}
.case ul li a:hover p{background-color: #338bff;}
.mr_frbox{position: relative;margin: 1% auto; overflow: hidden;}
.mr_frBtnL{cursor: pointer;position: absolute;top: 44%;left: 0;z-index: 1;width: 16px;height: 34px;}
.mr_frUl{width: 96%;overflow: hidden;margin-left: 2%;}
.mr_frBtnR{cursor: pointer;position: absolute;top: 44%;right: 0;z-index: 1;width: 16px;height: 34px;}
.mr_frUl ul li{display: inline;width: 250px; margin: 0 6px; float: left;overflow: hidden;position: relative;}
#mr_fu {width: 500%;overflow: hidden;}

/*公司简介*/
.about_box{overflow: hidden;}
.about_box dl{padding: 0;}
.about_box dl dd{padding: 0;margin: 4px auto;}
.about_box dl dd a{display: inline-block;position: relative;}
.about_box dl dd a span{position: absolute;left:50%;top:50%;transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);width: 60%;height: 46px;text-align: center;line-height: 46px;background:#21a66f ;color:#fff}
.about_box dl dd:nth-child(2) a span{background: #ff7f00;}
.about_box dl dd:nth-child(3) a span{background: #e83b3d;}
.about_box dl dd:nth-child(4) a span{background: #93cb42;}
.about_box dl dd:nth-child(5) a span{background: #f0d75e;}
.about_box dl dd:nth-child(6) a span{background: #535adf;}
.about{overflow: hidden;}
.about .aboutimg{padding: 0;position: relative;}
.about .cont{position: absolute;bottom: 5px;right: 3%;background-color: #fff; padding: 0;}
.about .cont h3{font-size: 20px;color: #fff;background-color: #338bff;text-align: center; padding: 10px;}
.about .cont h3 span{display: block;color: #fff;font-size: 14px;line-height: 28px;}
.about .txt{line-height: 24px;text-indent: 2em;font-size: 14px;padding: 15px;}




/*公司简介及新闻资讯*/
.tx_title{font-size: 14px;line-height: 28px; border-bottom: 1px solid #f1f1f1; margin:20px auto;color: #ccc;}
.tx_title span{display: inline-block;font-size: 18px;margin-right: 6px; color:#338bff;}
.tx_title a{color: #338bff; font-size: 14px;font-family: arial; text-transform: uppercase;}



.news{overflow: hidden; margin: 10px 0;padding-top: 25px;}
.news .news_cont{padding-right: 0;}
.news .news_cont .newsimg{text-align: center;padding: 0;margin-bottom: 10px;max-height: 370px;overflow: hidden}
.news .news_cont h4{line-height: 24px;font-size: 14px;font-weight: normal;}
.news .news_cont h4 a{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:inline-block;width: 50%;font-size: 16px;color: #338bff}
.news .news_cont h4:hover a{color: #338bff;}
.news .news_cont .txt{font-size: 12px;line-height: 24px;}


/*底部*/
.footer{background: #338bff; padding:10px 0;}
/*底部导航*/
.flex{display: flex; align-items: center;}
.f_nav{color: #fff;}
.f_nav a{color: #fff; display: inline-block;padding: 4px 10px;font-size: 16px;}
.f_nav a:hover{color: #fff;}
.f_nav p{line-height: 28px;}
.wxerm{display: inline-block;text-align: center;}
.banquan{text-align: center;background-color: #101010;}
.banquan p{text-align: center;color: #fff;}
.banquan p a{color: #fff;}
.banquan p a:hover{color: #338bff;}
/*手机端底部*/
.foot-nav{ display: none; position:fixed; line-height:2.5rem;height:2.5rem; background:#000;color:#fff;}
.foot-nav li{text-align:center;padding:0;}
.foot-nav li a{ display:block;color:#fff;font-size:0.875rem;font-family:"Microsoft Yahei"; border-left: 1px solid #fff; border-right: 1px solid #fff;}
.foot-nav li i{color:#fff;margin-right:5px; font-size:1rem;}






/*次页*/
#main{margin: 2% auto; overflow: auto;}
.silder{}
.silder dl{padding: 0; text-align: center; overflow:hidden ; border: 1px solid #ccc; border-bottom: 10px solid #338bff;background-color: #fff;}
.silder dl dt{padding:30px 0; background-color: #338bff; color: #fff; font-size: 18px; font-weight: normal;}
.silder dl dt span{font-size: 14px;display: block;text-transform: uppercase;}
.silder dl dd{border-bottom: 1px dashed #ccc; padding:0;}
.silder dl dd:last-child{border-bottom: 0px;}
.silder dl dd a{display: block;line-height: 44px; text-align:left; padding-left: 36%;}

.silder dl dd:hover{background-color: #338bff;color: #fff !important;}
.silder dl dd:hover a{background-color: #338bff;color: #fff !important;}
.hover{background-color: #338bff !important;color: #fff !important;}



.tel_01{padding: 0; margin: 2% auto; border-bottom: 3px solid #338bff; background-color: #fff;}
.tel_01 .txt{padding: 1% 4%;}
.tel_01 p{font-size: 14px; color: #656565;}

.warpper{background-color: #fff;border: 1px solid #E6E6E6;}
.warpper h4{border-bottom: 1px solid #E6E6E6; color: #5f5f5f; font-size: 16px; line-height: 40px; overflow:hidden;}
.warpper h4 span{font-size: 12px;}
.warpper h4 span a{color: #5F5F5F;}
.warpper h4 span a:hover{color: #FF4E00;}
.txt{line-height: 28px; font-size: 1.5rem;}


/*about*/
#about,
#sevice,
#jobs,
#jobpage,
#case,
#link,
.popup,
#news,
#newpage{overflow: hidden;padding: 15px;}


/*在线留言*/
#link input{margin: 1% 2%; padding: 1% 3%; font-size: 16px;  border-radius: 2px;  border: 1px solid #ccc;}
#link input:nth-last-child{width: auto;}
#link dd:last-child{padding-left: 10%;}
#link textarea{resize:none;  width: 46%;  margin: 1% 2%; padding: 1%;}
#link em{color: #CC0000; font-size: 1.25rem; line-height: 1rem;}
.btn_1{background: #CC0000;padding: 1% 6% !important; color: #fff; border-radius: 10px !important;}


/*弹出层公共样式*/
.popup ul{overflow: hidden;}
.popup ul li{margin: 6px auto; text-align: center;}
.popup ul li a{display: inline-block;}
.popup ul li img{border: 1px solid #fff;}
.popup ul li p{line-height: 44px;background-color: #141414; color: #fff;}
.popup ul li:hover p{background-color: #AE913C;color: #141414;}
.popup ul li:hover img{border: 1px solid #FFA320;}
.page{text-align:center; color:#338bff; padding:10px 0;}
.page a{display:inline-block; background-color:#fff; border:1px solid #e4e4e4; height:1.75rem; vertical-align:middle; line-height:1.75rem; margin:0 1px; padding:0 0.625rem; font-size:0.75rem; color:#338bff;}
.page b{border:#338bff 1px solid; display:inline-block; background-color:#fff; height:1.75rem; vertical-align:middle; line-height:1.75rem; margin:0 1px; padding:0 0.625rem; font-size:0.75rem; color:#338bff;}


.gallery li a{display: block;}
.gallery li .contentEdit_pic{max-height: 168px;min-height:168px;overflow: hidden;}
.rebox-contents .rebox-content img{max-height: 80%;}
.rebox-contents{top: 50%;left:50%;transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);}

/*news*/
#news h4:hover a{color: #FF4E00;}
#news ul{overflow: hidden;}
#news ul li{ border-bottom: 1px dashed #dedede; overflow: auto; margin:10px auto;}
#news ul li a{padding-left:0;}
#news ul li .a{color: #FF4E00; font-size: 12px; margin-right: 2%;}
#news ul li p{ line-height:28px;}
#news ul li .txt{margin:2px auto;}
#news ul li img{border:1px solid #dedede;}
#news ul li h5{border:0;}
#news ul li h5 a{display:inline-block; width:70%   ;overflow:hidden;text-overflow:ellipsis;white-space: nowrap; color:#000; font-weight: bolder;}
#news ul li h5:hover a{ color:#338bff;}
#news ul li h6 span{float:right;color:#a6a6a6;}
/*新闻-次页*/
#newpage h5{font-size: 20px; padding: 2% 0; text-align: center;}
#newpage h6{font-size: 14px; padding: 2%; text-align: center; color: #999;}
#newpage img{ margin: 0 auto; display: inline-block;max-width:100%;height:auto!important;}
#newpage .txt{padding: 2%;}
.news_page{padding: 2%;}
.news_page a{color: #787878;}
.news_page a:hover{color: #FF4E00;}
/*产品展示*/
#propage h5 {font-size: 16px;padding: 2% 0;}
#propage .pro_box{overflow: hidden;}
#propage .pro_box img{border: 1px solid #ccc;padding: 0;}
#propage .pr_cont{}
#propage .txt_ti {background: #f7f7f7;padding: 2%;font-size: 14px;}
#propage .txt_ti p {line-height: 28px;}
#propage .txt {padding: 2% 0;	overflow: hidden;}
.z_bigbox {padding: 2% 0;}
.z_bigbox .menu-nav li.menuItem{float:left;width: 15%;border-right:1px solid #ddd;text-align: center;line-height:28px;cursor: pointer;}
.z_bigbox .menu-nav li.fl-btn{float:right; position:relative;top:3px;}
.z_bigbox .base-other .menu-nav li.fl-btn b{color:#FE6A10;font-size: 16px;margin-right:8px;font-weight:normal;}
.z_bigbox .menu-nav{border:1px solid #ddd;font-size: 16px;color:#454545;overflow:hidden;}
.z_bigbox .menu-nav li.active{ background: #FE690E; color:#fff;}
.box1,.box2,.box3{padding: 2%; line-height: 28px;}



.news_list{padding-left: 0}
.news_list ul{overflow: hidden;}
.news_list ul li{overflow: hidden;border-bottom: 1px solid #e6e6e6; margin: 30px auto;padding-bottom: 35px;}
.news_list ul li:first-child{margin-top: 0}
.news_list ul li .time{border:1px solid #ccc;font-size: 40px;line-height: 50px;font-family: "宋体";color: #808080;text-align: center;}
.news_list ul li .time p{}
.news_list ul li .time span{display: block;border-top: 1px solid #ccc;font-size: 18px;}
.news_list ul li .n_cont{padding-right: 0;}
.news_list ul li .n_cont h5{font-size: 18px;margin-bottom: 10px;}
.news_list ul li .n_cont h5 a{ color: #338bff;}
.news_list ul li .n_cont h5:hover a{color: #808080;}
.news_list ul li .n_cont .txt{font-size: 14px;color: #808080;text-align: left;line-height: 24px}
.news_list ul li:hover .time{border: 1px solid #338bff; color: #338bff;}



#jobs ul{overflow: hidden;}
#jobs ul li{overflow: hidden;border-bottom: 1px solid #e6e6e6; margin: 30px auto;}
#jobs ul li .time{border:1px solid #ccc;font-size: 40px;line-height: 50px;font-family: "宋体";color: #808080;text-align: center;}
#jobs ul li .time p{}
#jobs ul li .time span{display: block;border-top: 1px solid #ccc;font-size: 18px;}
#jobs ul li .n_cont{padding-right: 0;}
#jobs ul li .n_cont h5{font-size: 18px;margin-bottom: 10px;}
#jobs ul li .n_cont h5 a{ color: #338bff;}
#jobs ul li .n_cont h5:hover a{color: #808080;}
#jobs ul li .n_cont .txt{font-size: 14px;color: #808080;text-align: left;}
#jobs ul li:hover .time{border: 1px solid #338bff; color: #338bff;}

#jobpage .title{}
#jobpage .title h4{text-align: center;font-size: 18px;color: #2e2e2e;line-height: 30px;}
#jobpage .title span{display: block;text-align: center;border-bottom: 1px dashed #E6E6E6; line-height: 30px;font-family: "宋体";font-size: 12px;}
#jobpage .txt{padding: 15px;color: #333;}

/*QQ悬浮窗口*/
.izl-rmenu{
	       margin-right: 0;
	       width: 82px;
	       position: fixed;
	       right: 2px;
	       top: 40%;
	       -webkit-box-shadow: #DDD 0px 1px 5px;
	       -moz-box-shadow: #DDD 0px 1px 5px;
	       box-shadow: #DDD 0px 1px 5px;
	       z-index:999;
}
.izl-rmenu .consult{    
	background-image: url(../images/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center -77px;
    display: block;
    height: 76px;
    width: 82px;
}
.izl-rmenu .consult .phone {
    background-color: rgb(247,247,255);
    position: absolute;
    width: 160px;
    left: -160px;
    top: 0px;
    line-height: 73px;
    color: #000;
    font-size: 18px;
    text-align: center;
    display: none;
    box-shadow: #DDD -1px 1px 4px;
}
.izl-rmenu a.consult:hover .phone{display:inline !important;}
.izl-rmenu .cart {
    background-image: url(../images/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center bottom;
    display: block;
    height: 16px;
    width: 16px;
    font-size: 12px;
    line-height: 16px;
    color: #45BDFF;
    text-align: center;
    padding-top: 15px;
    padding-right: 34px;
    padding-bottom: 47px;
    padding-left: 48px;
}
.izl-rmenu a.cart:hover .pic{display:block;}
.izl-rmenu .btn_top {
    background-image: url(../images/float_top.gif);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 39px;
    width: 82px;
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
}
.izl-rmenu .btn_top:hover {
	background-image: url(../images/float_top.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.izl-rmenu .cart .pic {
	display:none;
    position: absolute;
    left: -160px;
    top: 65px;
    width: 160px;
    height: 160px;
    background:url(../images/wxewm.jpg) no-repeat 100%;
    background-size: 100%;
}
#udesk-feedback-tab {
    position: fixed;
    right: 2px;
    top: 40%;
    margin-top: -76px;
    -webkit-box-shadow: #DDD 0px -1px 5px;
    -moz-box-shadow: #DDD 0px -1px 5px;
    box-shadow: #DDD 0px -1px 5px;
    z-index: 10000;
    cursor: pointer;
    background-image: url(../images/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 76px;
    width: 82px;
    background-color: #FFF!important;
    z-index:999;
}
@media(max-width: 760px){
    #index_box{margin-bottom: 30px}
    .container{padding: 0 5px;}
    .adv ul li{padding: 0 5px;}
    .adv ul li a img{max-width: 50%}
    .adv ul li a samp{font-size: 14px;line-height: 34px}
    .product li{padding: 0 5px;}
    .product li p{font-size: 14px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden}
    .about_box dl dd{padding: 0 5px}
    .about .txt{font-size: 13px;}
    .news_list ul li .time{display: none}
    #main{margin-bottom: 30px;}
    .silder{padding: 0}
    .silder dl{border: none}
    .silder dl dt{display: none}
    .silder dl dd{padding: 5px;border: none;width: 33.33%}
    .silder dl dd a{line-height: 34px;border: solid 1px #338bff;color: #338bff;padding: 0;text-align: center}
    .tel_01{display: none}
    .warpper{padding:  0 5px}
    #about, #sevice, #jobs, #jobpage, #case, #link, .popup, #news, #newpage{padding:  10px;}
    .txt{font-size: 1.2rem}
    .txt img{max-width: 100%;height: auto}
    #product,#case{padding: 0}
    .popup ul li{padding:  0 5px}
    .popup ul li a{display: block}
    .popup ul li img{display: block;max-height: 140px;min-height: 140px;margin: auto}
    .popup ul li p{line-height: 40px;font-size: 14px;}
    #news ul li .txt{line-height: 20px;text-indent: 2rem;color:#999}
}