/*

* @Author: dell

* @Date:   2017-08-03 22:09:22

* @Last Modified by:   jinbo

* @Last Modified time: 2019-11-05 17:06:49

*/



/*

 * reset

 */

body { width: 100%; height: 100%; overflow-x: hidden; overflow-y: scroll; color: #393a45; font: 14px/1.8 'Microsoft Yahei', Arial, sans-serif }

input, textarea { margin: 0; padding: 0; outline: 0; border: 0; background: 0 0; vertical-align: middle }

body, button, dd, dl, form, h1, h2, h3, h4, h5, ol, p, ul, menu { margin: 0 }

ol, ul, menu { padding-left: 0; list-style-type: none }

img { max-width: 100%; border: 0; vertical-align: top }

a, input, select, textarea { outline: none; star: expression(this.onFocus=this.blur()); }



/*禁止点击时出现蓝色区域*/

a { outline: 0; color: #000; text-decoration: none; font-family: "微软雅黑" }

a:hover { color: #008bfe }

b, i { font-style: normal }

input, b, h1, img, span, *:before, *:after, .arrs, .mask2, a.cateMore, .media-box h5 { -moz-transition: all ease-in-out 0.35s; -webkit-transition: all ease-in-out 0.35s; -o-transition: all ease-in-out 0.35s; -ms-transition: all ease-in-out 0.35s; transition: all ease-in-out 0.35s; }



/*

 * common

 */

.opc0 { opacity: 0; display: none; }

.fix { *zoom: 1; }

.fix:before, .fix:after { content: ""; display: table; }

.fix:after { clear: both; }

.dib { display: inline-block; *display: inline; *zoom: 1; }

.btn { cursor: pointer; }

.hide { display: none; }

/*

* header

*/

.bar{background: #393939; color:#e1e1e1; position: relative; clear: both; z-index: 101; line-height:26px; overflow: hidden;}

.bar a{color: #e1e1e1;}

.bar ul li{ float:left;}

.bar ul li i.split{ display:inline-block;vertical-align:middle;width: 1px;height: 9px;background: #e1e1e1;margin:0 4px}



.widget-tel{background-color: #008bfe;font-size: 14px;padding: 0 10px;font-weight: bold;margin-left: 6px}

.widget-tel i{padding-right: 5px;}



/* 社会化标志 */

.bar .link a{display:inline-block;float:left;background:url(../img/social.jpg) no-repeat; vertical-align:middle; margin-top:7px; margin-right:16px;width: 25px;height: 28px;}

.bar .link .link01{ background-position:0 0;}

.bar .link .link02{ background-position:-43px 0}

.bar .link .link03{ background-position:-87px 1px}

.bar .link .link04{ background-position:-130px 1px}

.bar .link .link05{ background-position:-173px 0}

.bar .link .link06{ background-position:-216px 0}

/* 导航 */

/* LOGO */

.logo{height: 113px;vertical-align: middle;display: table-cell;}

.logo img{display:block;}

.logo .head_tel{position:absolute;right: 0;top: 18%;color:#246cd7;font-size: 26px;font-weight: bold;line-height: 1.4}

.logo .head_tel p{font-size: 14px;color:#6c6666;line-height:30px;padding-left:40px;background: url(../img/icon_tel.jpg) center left no-repeat;}

/* 导航-2 */

.nav_transform1 { position: absolute; top: 0; right: 0px; width: 55%; z-index: 100 }

.nav_transform1 .navTop { position: absolute; top: 0px; display: none; height: 4px; background: #f89120; }

.nav_transform1 .navTop { transition-duration: .5s; -ms-transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s; }

.nav_transform1 ul.navCont li.child { position: relative; float: left; width: 14.28%; height: 113px; line-height: 113px; text-align: center; color: #666; }

.nav_transform1 ul.navCont li.child a { display: block; }

.nav_transform1 ul.navCont li.child .title { font-size: 16px; color: #424342; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis;border-right: 1px solid #eaeaea;font-weight: bold;}

.nav_transform1 ul.navCont li.child .title { transition-duration: .5s; -ms-transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s; }

.nav_transform1 ul.navCont li.child:last-child .title:after { display: none; }

.nav_transform1 ul.navCont li.child a:hover .title { color: #fff; background-color: #008bfe  }

.nav_transform1 ul.navCont li.child.on .title {}

.nav_transform1 ul.navCont li.child.on .title:after { display: none; }

/*二级*/

.child .childContent{display: none;position: absolute;top: 113px;width: 100%;z-index: 999;}

.child .childContent .childContentLi{color: #fff;font-size: 14px;line-height: 38px;background-color: #008bfe;}

.child .childContent .childContentLi:hover{background: #fff;color: #008bfe;}

.ny-tit span{display: block;width: 100%;background: url(../img/title_01.jpg) no-repeat center;text-align: center;font-size: 1.5rem;font-weight: bold;margin-bottom: .8rem;color: #008bfe;letter-spacing: 2px;}

.ny-tit span strong{color: #8f8f8f;}

.ny_ablist .f-pr a{display: block; box-sizing: border-box;border: 5px solid #eaeaea;font-size: 1rem;}



/*导航动画*/

.nav_transform1 .bg { position: absolute; width: 50%; height: 50%; background: rgba(0, 0, 0, .8); display: none; }

.nav_transform1.skin-white .bg { background: rgba(255, 255, 255, .8); }

.nav_transform1.skin-org .bg { background: rgba(251, 155, 52, .8); }

.nav_transform1 .bg1 { top: 0px; left: 0px; }

.nav_transform1 .bg2 { top: 0px; right: 0px; }

.nav_transform1 .bg3 { bottom: 0px; left: 0px; }

.nav_transform1 .bg4 { bottom: 0px; right: 0px; }

.nav_transform1.in .bg1 { animation: navBgin1 .6s  ease-in-out 0s  both; -moz-animation: navBgin1 .6s  ease-in-out 0s  both; -webkit-animation: navBgin1 .6s  ease-in-out 0s  both; -o-animation: navBgin1 .6s  ease-in-out 0s  both; }

.nav_transform1.in .bg2 { animation: navBgin2 .6s  ease-in-out 0s  both; -moz-animation: navBgin2 .6s  ease-in-out 0s  both; -webkit-animation: navBgin2 .6s  ease-in-out 0s  both; -o-animation: navBgin2 .6s  ease-in-out 0s  both; }

.nav_transform1.in .bg3 { animation: navBgin3 .6s  ease-in-out 0s  both; -moz-animation: navBgin3 .6s  ease-in-out 0s  both; -webkit-animation: navBgin3 .6s  ease-in-out 0s  both; -o-animation: navBgin3 .6s  ease-in-out 0s  both; }

.nav_transform1.in .bg4 { animation: navBgin4 .6s  ease-in-out 0s  both; -moz-animation: navBgin4 .6s  ease-in-out 0s  both; -webkit-animation: navBgin4 .6s  ease-in-out 0s  both; -o-animation: navBgin4 .6s  ease-in-out 0s  both; }

@keyframes navBgin1 {

	0% { transform: translateX(-100%); }

	100% { transform: translateX(0); }

}

@-moz-keyframes navBgin1 {

	0% { -moz-transform: translateX(-100%); }

	100% { -moz-transform: translateX(0); }

}

@-webkit-keyframes navBgin1 {

	0% { -webkit-transform: translateX(-100%); }

	100% { -webkit-transform: translateX(0); }

}

@-o-keyframes navBgin1 {

	0% { -o-transform: translateX(-100%); }

	100% { -o-transform: translateX(0); }

}

@keyframes navBgin2 {

	0% { transform: translateY(-100%); }

	100% { transform: translateY(0); }

}

@-moz-keyframes navBgin2 {

	0% { -moz-transform: translateY(-100%); }

	100% { -moz-transform: translateY(0); }

}

@-webkit-keyframes navBgin2 {

	0% { -webkit-transform: translateY(-100%); }

	100% { -webkit-transform: translateY(0); }

}

@-o-keyframes navBgin2 {

	0% { -o-transform: translateY(-100%); }

	100% { -o-transform: translateY(0); }

}

@keyframes navBgin3 {

	0% { transform: translateY(100%); }

	100% { transform: translateY(0); }

}

@-moz-keyframes navBgin3 {

	0% { -moz-transform: translateY(100%); }

	100% { -moz-transform: translateY(0); }

}

@-webkit-keyframes navBgin3 {

	0% { -webkit-transform: translateY(100%); }

	100% { -webkit-transform: translateY(0); }

}

@-o-keyframes navBgin3 {

	0% { -o-transform: translateY(100%); }

	100% { -o-transform: translateY(0); }

}

@keyframes navBgin4 {

	0% { transform: translateX(100%); }

	100% { transform: translateX(0); }

}

@-moz-keyframes navBgin4 {

	0% { -moz-transform: translateX(100%); }

	100% { -moz-transform: translateX(0); }

}

@-webkit-keyframes navBgin4 {

	0% { -webkit-transform: translateX(100%); }

	100% { -webkit-transform: translateX(0); }

}

@-o-keyframes navBgin4 {

	0% { -o-transform: translateX(100%); }

	100% { -o-transform: translateX(0); }

}

.nav_transform1.out .bg1 { animation: navBgout1 .6s  ease-in-out .4s  both; -moz-animation: navBgout1 .6s  ease-in-out .4s  both; -webkit-animation: navBgout1 .6s  ease-in-out .4s  both; -o-animation: navBgout1 .6s  ease-in-out .4s  both; }

.nav_transform1.out .bg2 { animation: navBgout2 .6s  ease-in-out .4s  both; -moz-animation: navBgout2 .6s  ease-in-out .4s  both; -webkit-animation: navBgout2 .6s  ease-in-out .4s  both; -o-animation: navBgout2 .6s  ease-in-out .4s  both; }

.nav_transform1.out .bg3 { animation: navBgout3 .6s  ease-in-out .4s  both; -moz-animation: navBgout3 .6s  ease-in-out .4s  both; -webkit-animation: navBgout3 .6s  ease-in-out .4s  both; -o-animation: navBgout3 .6s  ease-in-out .4s  both; }

.nav_transform1.out .bg4 { animation: navBgout4 .6s  ease-in-out .4s  both; -moz-animation: navBgout4 .6s  ease-in-out .4s  both; -webkit-animation: navBgout4 .6s  ease-in-out .4s  both; -o-animation: navBgout4 .6s  ease-in-out .4s  both; }

@keyframes navBgout1 {

	100% { transform: translateX(-100%); }

	0% { transform: translateX(0); }

}

@-moz-keyframes navBgout1 {

	100% { -moz-transform: translateX(-100%); }

	0% { -moz-transform: translateX(0); }

}

@-webkit-keyframes navBgout1 {

	100% { -webkit-transform: translateX(-100%); }

	0% { -webkit-transform: translateX(0); }

}

@-o-keyframes navBgout1 {

	100% { -o-transform: translateX(-100%); }

	0% { -o-transform: translateX(0); }

}

@keyframes navBgout2 {

	100% { transform: translateY(-100%); }

	0% { transform: translateY(0); }

}

@-moz-keyframes navBgout2 {

	100% { -moz-transform: translateY(-100%); }

	0% { -moz-transform: translateY(0); }

}

@-webkit-keyframes navBgout2 {

	100% { -webkit-transform: translateY(-100%); }

	0% { -webkit-transform: translateY(0); }

}

@-o-keyframes navBgout2 {

	100% { -o-transform: translateY(-100%); }

	0% { -o-transform: translateY(0); }

}

@keyframes navBgout3 {

	100% { transform: translateY(100%); }

	0% { transform: translateY(0); }

}

@-moz-keyframes navBgout3 {

	100% { -moz-transform: translateY(100%); }

	0% { -moz-transform: translateY(0); }

}

@-webkit-keyframes navBgout3 {

	100% { -webkit-transform: translateY(100%); }

	0% { -webkit-transform: translateY(0); }

}

@-o-keyframes navBgout3 {

	100% { -o-transform: translateY(100%); }

	0% { -o-transform: translateY(0); }

}

@keyframes navBgout4 {

	100% { transform: translateX(100%); }

	0% { transform: translateX(0); }

}

@-moz-keyframes navBgout4 {

	100% { -moz-transform: translateX(100%); }

	0% { -moz-transform: translateX(0); }

}

@-webkit-keyframes navBgout4 {

	100% { -webkit-transform: translateX(100%); }

	0% { -webkit-transform: translateX(0); }

}

@-o-keyframes navBgout4 {

	100% { -o-transform: translateX(100%); }

	0% { -o-transform: translateX(0); }

}

.nav_transform1.in .navCont { animation: navContentIn .4s  ease-in-out .6s  both; -moz-animation: navContentIn .4s  ease-in-out .6s  both; -webkit-animation: navContentIn .4s  ease-in-out .6s  both; -o-animation: navContentIn .4s  ease-in-out .6s  both; }

@keyframes navContentIn {

	0% { transform: scale(0); opacity: 0; }

	80% { transform: scale(1.1); }

	100% { transform: scale(1); opacity: 1; }

}

@-moz-keyframes navContentIn {

	0% { -moz-transform: scale(0); opacity: 0; }

	80% { -moz-transform: scale(1.1); }

	100% { -moz-transform: scale(1); opacity: 1; }

}

@-webkit-keyframes navContentIn {

	0% { -webkit-transform: scale(0); opacity: 0; }

	80% { -webkit-transform: scale(1.1); }

	100% { -webkit-transform: scale(1); opacity: 1; }

}

@-o-keyframes navContentIn {

	0% { -o-transform: scale(0); opacity: 0; }

	80% { -o-transform: scale(1.1); }

	100% { -o-transform: scale(1); opacity: 1; }

}

.nav_transform1.out .navCont { animation: navContentOut .4s  ease-in-out 0s  both; -moz-animation: navContentOut .4s  ease-in-out 0s  both; -webkit-animation: navContentOut .4s  ease-in-out 0s  both; -o-animation: navContentOut .4s  ease-in-out 0s  both; }

@keyframes navContentOut {

	100% { transform: scale(0); opacity: 0; }

	20% { transform: scale(1.1); }

	0% { transform: scale(1); opacity: 1; }

}

@-moz-keyframes navContentOut {

	100% { -moz-transform: scale(0); opacity: 0; }

	20% { -moz-transform: scale(1.1); }

	0% { -moz-transform: scale(1); opacity: 1; }

}

@-webkit-keyframes navContentOut {

	100% { -webkit-transform: scale(0); opacity: 0; }

	20% { -webkit-transform: scale(1.1); }

	0% { -webkit-transform: scale(1); opacity: 1; }

}

@-o-keyframes navContentOut {

	100% { -o-transform: scale(0); opacity: 0; }

	20% { -o-transform: scale(1.1); }

	0% { -o-transform: scale(1); opacity: 1; }

}

.wapNavBtn {

    display: none;

    position: absolute;

    top: 10px;

    right: 16px;

    cursor: pointer;

    z-index: 5;

    font-size: 24px;

}

.title-xq1{width: 100%;background: url(../img/title_03.png) no-repeat center #008bfe;overflow: hidden;}

.title-xq1 span{display: block;font-size: 18px;color: #fff;text-align: center;height: 45px;line-height: 45px;}

.content_box{border: 1px solid #bebebe;box-sizing: border-box;padding: 15px;text-align: left;}

.content_box p{margin: 0 !important;}



/* 在线留言 */

.mess-box span{padding: 2% 5%;background: #008bfe;line-height: 2.9375rem;text-align: center;color: #fff;}

.gray-box{width: 100%;background: #a0a0a0;padding: 30px;box-sizing: border-box;}

.gray-box p{color: #fff;line-height: 32px;margin-top: 35px;}

.gray-box .span-name{font-size: 1.25rem;color: #484848;font-weight: bold;border-bottom: 1px dotted #fff;background: none;color: #fff;text-align: left;padding: 0;padding-bottom: 15px;}

/*

 * banner 

 */

.banner{position:relative;overflow:hidden;height:705px;clear:both;margin-top:2px}

	.banner ul,.banner li{position:relative;height:100%;overflow:hidden;}

	.banner ul img{position:absolute;left:50%;top:0;margin-left:-50%;max-width:none; width:100%;}

	.banner .dots{position:absolute;left:0;bottom:10px;width:100%;text-align:center;}

	.banner .dot{display:inline-block;width:10px;height:10px;overflow:hidden;border-radius:50%;margin:0 8px;font-size:0;cursor:pointer;background-color:rgba(0,0,0,0);border: 1px solid #fff;}

	.banner .active{background:#fff;}

/*	.banner .arrow{position:absolute;width:69px;height:70px;background:url(../img/btn_banner.png);cursor:pointer;top:50%;margin-top:90px;opacity:0;font-size:0;}*/

	.banner .prev{left:0;}

	.banner .next{right:0;background-position:right 0;}

	.banner .prev:hover{background-position:0 bottom;}

	.banner .next:hover{background-position:right bottom;}



/*

 * 搜索 

 */

.section_find{background-color: #008bfe;text-align: center;}

.widget_search{margin-bottom:20px;padding: 14px 0;width: 100%;line-height: 35px;text-align: left;background-color: #fff;position: relative;text-align: center;}

.widget-search-hot{color:#000;font-size:14px;padding-bottom: 20px}

.widget-search-hot p{font-size: 18px;padding-bottom: 10px}

.widget-search-hot a{padding:0 6px;color:#3a3a3a}

.widget-search-hot a:hover{text-decoration:underline}

.widget-search-hot label{font-weight:700;}

.widget-notice{width: 65%;float: left;color: #000;position: relative;padding-left: 34px}

.widget-notice i{color: #0f8e47;font-size: 18px;position: absolute;left: 0;top: 7px;}

.widget-search-form{width:550px;font-size: 14px;color: #fff;margin:0 auto;}

.widget-search-form label{float: left;width: 10%;height: 45px;font-size: 26px;color: #bbbbbb}

.widget-search-form .form-control{float:left;width:70%;height:45px;vertical-align:top;border-color: #f3f3f3}

.widget-search-form .search_btn{width:20%;height:45px;border:none;background-color:#008bfe;color:#fff}

.widget-search-form span{padding-left: 20px;color: #b2b2b2}

.widget-search-form span strong{color: #ff343f}

.widget-search-form a{float: right;height: 30px;background-color: #ff6159;padding: 0 20px;color: #fff}

/* 全国统一服务热线 */

.mobile-box{background: #333;padding: 1.5rem 0;}

.mobile-box span{display: block;font-size: 1rem;color: #fff;line-height: 2rem;font-weight: bold;}

.youshi-box{background:#008bfe;}

/*产品*/

/*

 * 产品

 */

.section_pro{}

.section_pro .index_{padding-top: 2em;padding-bottom: 2em}

.prod-slide .cate-box{width: 100%;background-color: #f3f3f3;color: #fff}

.prod-slide .cate-box h3{font-size: 30px;line-height: 84px;text-align: center;overflow: hidden;background: url(../img/01.jpg) no-repeat;}

.prod-slide .cate-box ul{padding: 10px 15px}

.prod-slide .cate-box ul li{font-size: 17px;background-color: #fff;margin-bottom:5px;position: relative;}

.prod-slide .cate-box ul li a{color: #000;display: block;padding: 0 5px 0 18px;line-height: 45px; font-weight: bold;}

.prod-slide .cate-box ul li a:hover{background-color: #0d62be;color: #fff}

.prod-slide .cate-box ul li:after{display: block;content: '\e613';position: absolute;top: 50%;right: 10px;margin-top: -8px;font-family: 'iconfont';background-color: #f0831e;color: #fff;font-size: 12px;border-radius: 50%;width: 17px;height: 17px;line-height: 17px;text-align: center;}



.prod-slide .tel-box{text-align: left;background-color: #0d62be;padding: 15px;color: #fff;font-size: 14px}

.prod-slide .tel-box p.big{font-size: 16px;text-align: center;background-color: #f0831e;color: #fff}

.prod-slide .tel-box strong{color: #ffffff;font-size: 24px;}

.prod-slide .tel-box i{margin-right: 10px}



.prod-cont{text-align: center;padding: 20px 0; position: relative;}

.prod-cont .media-box{background-color: #fff;margin-bottom: 20px}

.prod-cont .media-box .icon{border:1px solid #ebeaea;}

.prod-cont .media-box p{font-size: 15px;background-color: #f3f3f3;line-height: 60px}

.prod-cont .up{ position: absolute; z-index: 1000; bottom: 0; width: 100%; height: auto;}











.sect_prod { background:#ededed; }

.sect_prod .index_{padding-top: 1em;padding-bottom: 1em}

.sect_prod .index_ .T{color: #fff;background: url(../img/title_01.jpg) no-repeat left center;}

.sect_prod .index_ .T h2{font-size: 1.75rem;color: #141414;}

.sect_prod .index_ .T h2 em{font-style: normal;font-size: 1.75rem;color: #008bfe;}

.sect_prod .index_ .T h3{font-weight: lighter;color: #141414;font-size: 1rem;}

.module_cate { padding-bottom: 2rem;}

.module_cate .fenlei-tou{width: 100%;background: #008bfe;text-align: center;padding: 1rem 0;}

.module_cate .fenlei-tou span{display: block;font-size: 2rem;color: #fff;}

.module_cate .fenlei-tou em{font-style: normal;color: #7eb1db;font-size: 1.8125rem;}

.module_cate h2 span { background: #008bfe; color: #fff; padding: 1px 25px; font-size: 3rem; font-weight: lighter; float: right; }

.module_cate ul { background: #fff;}

.module_cate ul li { border-bottom: 1px solid #ededed; position: relative; text-align: left}

.module_cate ul li a { display: block; color: #333; padding: 10px 4px 10px 45px;font-size: 1rem;font-weight: bold;background: url(../img/sub_li1.jpg) no-repeat 17px center;}

 .module_cate ul li a small{float: right;color: #008bfe;font-size: 10px;padding-right: 23px;line-height: 30px;} 

.module_cate ul li a:hover { }

.module_cate ul li a:hover, .module_cate ul li a.cur { cursor: pointer; color: #fff;background: url(../img/sub_hover.jpg) no-repeat 17px center #008bfe;}

 .module_cate ul li a:hover small {color: #fff;}

.module_cate ul li h4 { font-weight: normal; font-size: 17px }

.module_cate a.more { display: block; text-align: center; color: #333; padding: 15px 0 15px 0; }

.module_cate a.more:hover { text-decoration: underline; }

.module_prod { background: #fff;  /* overflow: hidden; */ }

.module_prod h2 { text-align: center;  color: #fff;  font-size: 1.0rem;text-align: left;}

.module_prod h2 strong { font-size: 1.5rem;font-weight: normal !important;background: #008bfe;padding: 1% 2%;}

.module_prod #swiper_prod { padding: 0.5rem 1rem 0 1rem }

.module_prod #swiper_prod .swiper-slide { background: #fff }



.module_prod #swiper_prod .swiper-wrapper{

    　　　　 transition-timing-function: linear;

　　　　 }

.module_prod .media-box { border: #e8e8e8 1px solid }

.module_prod .media-box h4 { background:#008bfe; font-weight: normal; color: #fff; padding: 5px 0 }

.module_prod .media-box h4 a{color: #fff;}

.module_prod .media-box h4:hover{background: #333;color: #fff;}

.tel-sub-box{background: #008bfe;box-sizing: border-box;padding: 1rem;font-size: .9rem;}

.tel-sub-box .tel-c{background: url(../img/dot_tel.jpg) no-repeat left center;box-sizing: border-box;padding-left: 2.5rem;color: #fff;}

.tel-sub-box .tel-c span{display: block;font-size: 1.5625rem;line-height: 1.5;}

.tel-sub-box .txt-address{color: #fff;border-top: 2px dotted #fff;padding-top: .5rem;}

/*优势*/

.sect_advtage{background:url(../img/bg-adv-t1.jpg) no-repeat left top #ededed;box-sizing: border-box;padding-top: 12rem;}

.sect_advtage .services-box h3{padding:15px 15px 20px 28px;line-height: 0.8; color:#008bfe}

.sect_advtage .services-box h3 span{font-family:'DIN Condensed Bold';top:-20px;left:10px;color:#000;text-align:center;font-weight:700;font-size:40px;padding: 30px 6px 0px 6px}

.sect_advtage .services-box p{padding-left: 90px;}

.san-ji a{padding:0px !important;font-weight: normal !important;display: inline-block !important;text-align: left;width: 30%;margin-left: 1rem;line-height: 2.2rem;padding-left: 1.5rem !important;font-size: 0.875rem !important;background: url(../img/sub_li1.jpg) no-repeat left center !important;}

.san-ji a:hover{background: url(../img/sub_hover.jpg) no-repeat left center  #008bfe !important;}

.content_bak a,.content_bak span {font-weight: normal;}

/*

 * 客户案例

 */

.section_case{background:#ededed;}

.liucheng{overflow:hidden;}

.section_case .index_{padding-top:2em;padding-bottom: 1em}

.section_case .index_ .T{color: #fff;background: url(../img/title_01.jpg) no-repeat center;}

.section_case .index_ .T h2{font-size: 1.75rem;color: #141414;line-height: 1.5;}

.section_case .index_ .T h2 em{font-style: normal;font-size: 1.75rem;color: #008bfe;}

.section_case .index_ .T h3{font-weight: normal;color: #141414;font-size: 1rem;}

.case-item{float:left;width: 364px;border: 8px solid #008bfe;line-height:2.2;background-color: #008bfe;text-align: center;margin-right: 20px;margin-bottom: 1rem;}

.case-item .icon{display: inline-block; background: #fff; border: 0px;width: 100%;height: 273px;overflow: hidden;}

.case-item .icon img{width: 100%;height: auto}

.case-item .icon img{transition-duration: 1s;-ms-transition-duration: 1s;-moz-transition-duration: 1s;-webkit-transition-duration: 1s;}

.case-item p{font-size: 1.5rem;color: #fff;font-weight: bold;}

.section_case .jcarousel-control{margin-top: -20px;width: 40px;height: 40px;line-height: 36px;background-color: #fff;color: #000;border-radius: 0}

.section_case .jcarousel-control-prev {left: -60px}

.section_case .jcarousel-control-next {right: -60px}

.section_case .jcarousel-wrapper:hover .jcarousel-control-next{right:-50px;background-color:#fff}

.section_case .jcarousel-wrapper:hover .jcarousel-control-prev{left:-50px;background-color:#fff}



/*

 * 简介

 */

.section_about{background: #fff; background-size: contain;}

.section_about .index_ .T{background: url(../img/title_02.jpg) no-repeat left center;}



/*

 * section_news

 */

.section_news .T{color:#fff;background: url(../img/title_02.jpg) no-repeat center;}

.section_news{background: #fff; overflow: hidden;}

.section_news .media-box{background: #f4f4f4}

.section_news .media-box .icon{height: 180px}

.section_news .media-box .icon img{width:100%;height: 100%}

.section_news .media-box p{height: 50px;}

.news-box-cont a{display: block;font-weight: bold;font-size: 1rem;}

.news-box-cont p{font-size: 0.875rem;color: #494949;line-height: 1.5rem;}

.date-news{box-sizing: border-box;padding: 0 10%;margin-top: 2%;}

.news-item{margin-bottom: 10px;}

.date-news span{display: block;font-size: 2.25rem;color: #000;text-align: center;line-height: 1.2;}

.date-news em{display: block;font-size: 0.875rem;color: #000;text-align: center;border-top: 1px solid #5a5a5a;font-style:normal;line-height: 1.6875rem;}

.C .f-tac{font-size: 1rem;}

	

	.media1-box{display:block;text-align: center;padding-bottom: 30px;background: #fff;width: 100%;}

	.media1-box .icon{display: inline-block; background: #fff; width: 100%; height: 140px; overflow: hidden;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}

	.media1-box .icon img{transition-duration: 1s;-ms-transition-duration: 1s;-moz-transition-duration: 1s;-webkit-transition-duration: 1s;}

	.media1-box h3{font-size: 16px;padding:5px 5px}

	.media1-box p{font-size: 14px;padding:0 10px;}

	.news-box-cont{margin-top: 12px;}

	.news-more{margin-top: .5rem;}



/* 常见问题 */

.cj-ques{width: 100%;background: url(../img/line.jpg) no-repeat left top;box-sizing: border-box;padding-top: 2rem;}

.cj-wtit .span-4 span{display: block;background: #008bfe;text-align: center;line-height: 2.9375rem;color: #fff;font-size: 1.125rem;}

.cj-wtit .span-8 a{display: block;color: #888888;float: right;line-height: 2.9375rem;}

.case-item1{margin-top: 2rem;}

.case-item1 a{display: block;background: url(../img/dot_w.jpg) no-repeat left center;box-sizing: border-box;padding-left: 25px;}

.case-item1 p{display: block;background: url(../img/dot_d.jpg) no-repeat left center;box-sizing: border-box;padding-left: 25px;}

/*

 * top

 */

.top { display: none; position: fixed; right: 10px; bottom: 80px; z-index: 999; width: 40px; height: 40px; font-size: 24px; background: #ccc; color: #fff; line-height: 40px; text-align: center; cursor: pointer; }

.top { transition-duration: .5s; -ms-transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s; }

.top:hover { opacity: 0.8 }

.top img { vertical-align: middle; }	



/*友链*/

.footer_link{ text-align: left;border-top: 1px solid #ccc;background-color: #fff;color: #000}

.footer_link a{color: #000;/*padding: 0 4px;*/line-height: 3;font-size: 15px}

.footer_link a:hover{color: #ff000;}

.link_bt{background: url(../img/t_dot_01.jpg) no-repeat left center;box-sizing: border-box;padding-left: 4rem;}

/*

 * 联系方式 

 */

.section_address{background: #fff;overflow: hidden;}

.section_address .services-box .icon{width: 80px;}

.section_address .services-box .icon a {width: 50px;height: 50px;}

.section_address .services-box.horizontal p {margin-left: 80px;}

/*

* footer

*/

.foot_ul{text-align: left;}

.foot_ul a{color: #fff;font-size: 1rem;margin-right: 15px;}

.foot_ul a:hover{color: #008bfe;}

footer{text-align:center;background:#312f2f;color: #fff;font-family:'微软雅黑';}

.usinfo{margin-top: 1rem;}

.usinfo p{line-height:2;text-align: left;color: #8f8f8f;}

.usinfo p a{color: #8f8f8f;line-height: 2;}

.usinfo p a:hover{text-decoration: underline;color: #008bfe;}

.usinfo p.footlogo{height:7em; line-height:200%;}

.usinfo1 p{color: #fff;font-size: 1rem;font-weight: bold;text-align: left;}









/*

 * block

 */

.index_ {padding:2em 0 2em;}

.index_ .T{padding-bottom: 15px;text-align: center;}

.index_ .T h1 { font-size: 55px; font-weight: normal; text-transform: uppercase; font-family: -webkit-pictograph; line-height: 1 }

.index_ .T h2{font-size: 24px;line-height:2;font-weight: normal;color: #000}

.index_ .T h2 strong{padding: 0 10px;position: relative;font-weight: normal;}

.index_ .T h2.border strong:before{display: block;content: ' ';width:30px;height: 1px;border-bottom: 1px solid #8d8d8d;position: absolute;right: 100%;bottom: 46%}

.index_ .T h2.border strong:after{display: block;content: ' ';width:30px;height: 1px;border-bottom: 1px solid #8d8d8d;position: absolute;left: 100%;bottom: 46%}

.index_ .T h3 { font-size: 28px; font-weight: normal;color: #333;}

.index_ .T h4 { font-size: 14px; font-weight: normal; color: #333; }

.index_ .T h5 { font-size: 12px; font-weight: normal }





/* ==========================================================================

   Common module

   ========================================================================== */



/* more: text or block */

a.more { }

a.more { transition-duration: .5s; -ms-transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s; }

a.more:hover { }

a.more.block { padding: 6px 30px; border: 1px solid #d2d2d2; display: inline-block; margin-top: 20px }

a.more.block:hover { border-color: #ad2226; color: inherit; }

a.button { width: 220px; height: 45px; border: 1px #eee solid; border-radius: 40px; background-color: #fff; display: block; margin: 0 auto; text-align: center; line-height: 45px; position: relative; overflow: hidden; }

a.button.anim span { position: absolute; left: 50%; top: 0; white-space: nowrap; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition-delay: 250ms; -moz-transition-delay: 250ms; -ms-transition-delay: 250ms; -o-transition-delay: 250ms; transition-delay: 250ms; }

a.button.anim i:before { font-size: 22px; color: #ec408c; position: absolute; top: 9px; left: 0; -webkit-transform: translateX(-200%); -ms-transform: translateX(-200%); -o-transform: translateX(-200%); transform: translateX(-200%); }

a.button.anim:hover i:before { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }

a.button.anim:hover span { left: 120%; }



/*字体盒子模型*/

.services-box { padding:2rem 0 0rem 0; display: block; text-align: center;}

.services-box .icon { display: inline-block; background: #fff; width: 100px; height: 100px; position: relative; margin-bottom: 0px; }

.services-box .icon a { display: block; width: 67px; height: 67px; margin: 0 auto; padding-top: 12px; }

.services-box .icon img { transition-duration: .5s; -ms-transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s; }

.services-box .icon a:hover img { transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); -webkit-transform: rotate(360deg); }

.services-box h3 { font-size: 2rem; padding-bottom: 0.5rem;}

.services-box p { font-size: 14px; }

.tleft{text-align:left}

.services-box i {

    display: inline-block;

    width: 88px;

    height: 88px;

    border-radius: 100%;

    font-size: 40px;

    line-height: 88px;

    background-color: #008bfe;

    color: #fff;

	text-align:center

}

.services-box.horizontal { text-align: left; padding: 0 }

.services-box.horizontal .icon { display: block; float: left; width: auto; height: auto; border-radius: 5px; font-size: 16px; font-weight: bold; color: #ccc; text-align: center; line-height: 24px; margin-top: 8px; }

.services-box.horizontal .icon a { padding-top: 0; line-height: 67px; text-align: center; font-size: 40px; }

.services-box.horizontal h3 { margin-left: 180px; padding: 0; margin-bottom: 20px; }

.services-box.horizontal p { margin-left: 40px; height: 40px; font-size: 1rem; }



/*媒体盒子模型*/

.media-box { display: block; text-align: center; margin-bottom: 14px; width: 100%; position: relative; }

.media-box .icon { display: inline-block; /*background: #f3f4f8;*/ width: 300px; height: 195px; overflow: hidden }

.media-box .icon { transition-duration: .5s; -ms-transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s; }

.media-box h5 { font-size: 1rem; padding: 0.35rem 0.75rem; font-weight: normal; color: #fff;background: #008bfe; }

.media-box h5:hover a{color: #fff;}

.media-box h5 a {color: #fff;}

.media-box h3{font-size:14px;padding:5px 10px;font-weight:normal;color:#000;}

.media-box p { font-size: 0.88rem; padding: 0 10px; line-height: 2.4; }

.media-box h6 { background: rgba(54, 105, 170, 0.8); line-height: 3; left: 0; right: 0; bottom: 0; font-size: 14px; color: #fff; position: absolute; font-weight: normal; }

.media-box .icon img { width: auto; height: auto }

.media-box .icon img { transition-duration: 1s; -ms-transition-duration: 1s; -moz-transition-duration: 1s; -webkit-transition-duration: 1s; }

.media-box.anim.anim-scale:hover .icon img { transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); -webkit-transform: scale(1.2); }



/*图片+遮罩模型*/

.port-box { border: 1px #fff solid; position: relative; overflow: hidden; }

.port-box .portimg { display: inline-block; background: #fff; width: 100%; height: 230px; }

.port-box .portimg img { width: 100%; height: 100%; max-width: 100% !important; max-height: 100% !important; opacity: 1 !important; }

.port-box .portinfo { position: absolute; top: 0; bottom: 0; right: 0; left: 0; text-align: center; opacity: 0; color: #fff }

.port-box .portinfo h3 { display: block; margin-top: 18%; padding: 8px; font-size: 40px; color: #fff; border: 0px }

.port-box .portinfo p { color: #fff }

.port-box .portinfo p a { color: #fff; font-size: 16px; padding: 0 6px }

.port-box.anim .portinfo h3 { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); }

.port-box.anim .portinfo p { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); }

.port-box.anim:hover .portinfo { background-color: rgba(94, 40, 50, 0.9); opacity: 1; }

.port-box.anim:hover .portinfo h3, .port-box.anim:hover .portinfo p { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }

.port-box.anim:hover .portimg img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }

.i-prorec .icon { position: relative }

.i-prorec .bg { position: absolute; top: 100%; left: 0; width: 100%; height: 100%; background: #333; opacity: .68; filter: alpha(opacity=.68) }

.i-prorec .bg-text { position: absolute; top: 50px; left: -100%; width: 100%; text-align: center; transition: initial }

.i-prorec .num { color: #fff; font-size: 18px; font-family: 微软雅黑 }

.i-prorec .price { display: inline-block; margin-top: 20px; width: 100%; color: #fff; line-height: 30px }

.article { text-align: left; }

.article .C { margin: 15px 0; font-size: 14px; overflow: hidden; }