@charset "utf-8";
/* CSS Document */

@import url("normalize.css");
@import url("base.css");
@import url("font.css");


/**
 * reset
 */
body{width: 100%;height: 100%;overflow-x: hidden;overflow-y: scroll;color:#666;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{outline:0;color:#000;text-decoration:none;font-family:"微软雅黑"}
a:hover{color:#0d62be}
b,i{font-style:normal}

/*a, i,input, b, h1, img, span, button, header, .arrow, .portinfo, .portinfo h3, .portinfo p, .portimg,*:before, *:after {
    -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;}
.fix{*zoom:1;}
.fix:before,.fix:after{content:"";display:table;}.fix:after{clear:both;}
.dib{display:inline-block;*display:inline;*zoom:1;}
.pr{position:relative;}.pa{position:absolute;}
.el{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.eln{ white-space:normal;}
.btn{cursor:pointer;}
.hide{display:none;}
.arr{width:0;height:0;overflow:hidden;}
.f_ewm{float:left;margin-right: 1em;}
.mt10{ margin-top:10px}
.center{ text-align:center}
.wrap{max-width:1200px;margin-left:auto;margin-right:auto;overflow:hidden;}
.PcMode:after { content: 'Pc' !important;}
.UnpcPush, .MobilePush { display: none;}
.tr{text-align:right}
/*




/* ==========================================================================
   Index Page
   ========================================================================== */

/* 两列右侧自适应布局 */
.g-bd1{margin:0 0 10px;}
.g-sd1{position:relative;float:left;width:240px;margin-right:-240px;}
.g-mn1{float:right;width:100%;}
.g-mn1c{margin-left:260px;}




/*
 * 公共横幅
 */
.section_public{ color:#fff;position: relative;background: url("../images/inba_bg.jpg")/*tpa=http://response.lyqingfeng.cn/DEMO/no18/web/img/index/adv_bg.jpg*/ top center no-repeat #0d62be}
.section_public .index_ {padding-top:1em;padding-bottom:1em}
.section_public .shade{background-color: rgba(0,0,0,0.3);z-index: 0;}
.section_public .article{text-align: right;}
.section_public h3{font-size: 1.375rem;line-height: 60px;padding-right: 20%}
.section_public h4{font-size: 0.875rem;font-weight:lighter;padding-right: 8%}
.section_public strong{font-size: 1.624rem;}
.section_public2 .index_{padding-top: 0;padding-bottom: 0}

/*
 * 产品
 */
.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 h2{font-size: 30px;line-height: 84px;text-align: center;overflow: hidden;background: url("../images/01.jpg")/*tpa=http://response.lyqingfeng.cn/DEMO/no18/web/img/01.jpg*/ no-repeat;}
.prod-slide .cate-box ul{padding: 10px 15px}
.prod-slide .cate-box ul h3{font-size: 15px;background-color: #fff;margin-bottom: 10px;position: relative;}
.prod-slide .cate-box ul h3 a{color: #000;display: block;padding: 0 5px 0 18px;line-height: 40px; background:url(../images/icon01.png) no-repeat right center;}
.prod-slide .tel-box{text-align: center;background-color: #0d62be;padding: 15px;color: #fff;font-size: 12px}

.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}
.prod-cont .icon{border:1px solid #ebeaea;width: 297px;margin-bottom:30px;float:left;
    margin-right:20px;
}
.prod-cont img{
    width:100%;
    height:180px;
    display:block;
}
.prod-cont .f-toe{font-size: 15px;background-color: #f3f3f3;line-height: 46px}


.full-row .row .span-4,.span-4{float:left;margin-right:2%;width:31.33333333%;transition:.2s width ease;}

.full-row .row .span-5,.span-5{float:left;margin-right:2%;width:39.66666667%;transition:.2s width ease;}
full-row .row .span-6,.span-6{float:left;margin-right:2%;width:48%;transition:.2s width ease;}
.full-row .row .span-7,.span-7{float:left;margin-right:2%;width:56.33333333%;transition:.2s width ease;}
.full-row .row .span-12,.span-12{float:left;margin-right:2%;width:98%;transition:.2s width ease;}

.row {
    width: 102%;
}
/*
 * 我们优势
 */
.section_advtage{background-color: #fff;overflow: hidden;}
.section_advtage .T{background: url("../images/adv05.png")/*tpa=http://response.lyqingfeng.cn/DEMO/no18/web/img/index/adv05.png*/ top center no-repeat;height: 130px;}
.section_advtage .T h1,.section_advtage .T h3{text-indent: -10000px}
.section_advtage .services-box{padding:20px 0;background:inherit;text-align:left}
.section_advtage .services-box h3{position:relative;padding-left:76px;color:#000;font-weight:700}
.section_advtage .services-box h3 p{padding:0;color:#ff8e00;font-size:24px;line-height:1}
.section_advtage .services-box h3 p:before{content:''}
.section_advtage .services-box h3 small{padding:0;text-transform:uppercase;font-size:24px}
.section_advtage .services-box h3:before{position:absolute;top:7px;left:0;width:58px;height:58px;background:url("../images/advtange_bg.png")/*tpa=http://response.lyqingfeng.cn/DEMO/no18/web/img/index/advtange_bg.png*/ no-repeat;color:#fff;text-align:center;font-weight:bolder;font-size:36px;line-height:58px}
.services-box.adv01 h3:before{content:'01'}
.services-box.adv02 h3:before{content:'02'}
.services-box.adv03 h3:before{content:'03'}
.services-box.adv04 h3:before{content:'04'}
.section_advtage .services-box p{padding-left:76px;height:auto;color:#5b5b5b;font-size:14px}
.section_advtage .services-box p strong{color:#ff8e00;font-weight:400}
/*.section_advtage .services-box p:before{color:#ff8e00;content:'+';font-weight:700}*/

/* 优势 */
.ys_bg{ width:100%; height:auto; overflow:hidden; background:#f2f2f2; padding-top:56px; padding-bottom:66px; margin: 0 auto;}
.ys_bk{ width:1180px; height:auto; overflow:hidden; background:#fff; padding-top:32px; margin: 0 auto;}
.ys_bt{ width:1180px; height:38px; background:url(../images/ysbt.gif); padding-top:110px; text-align:center; line-height:38px; font-size:16px; margin-bottom:44px; margin: 0 auto;}

.ys01_bk{ width:1180px; height:260px; margin: 0 auto;}
.ys01_left{ width:590px; height:260px; float:left;}
.ys01_right{ width:460px; height:220px; float:right; background:url(../images/ysbg01.gif); padding-left:130px; padding-top:40px;}
.ys03_right{ width:460px; height:220px; float:right; background:url(../images/ysbg03.gif); padding-left:130px; padding-top:40px;}
.ys05_right{ width:460px; height:220px; float:right; background:url(../images/ysbg05.gif); padding-left:130px; padding-top:40px;}
.ys01_bt{ width:450px; height:56px; float:left;}
.ys01_bt span{ width:450px; height:30px; line-height:30px; font-size:20px; font-weight:bold;}
.ys01_bt p{ width:450px; height:22px; line-height:22px; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#999;}
.ys_list{ width:440px; height:auto; float:left;margin-top:17px;}
.ys_list ul{ list-style-image:none;}
.ys_list ul li{ width:440px; height:22px; float:left; background:url(../images/ysdd.png) no-repeat left; text-indent:28px; margin-bottom:12px; }
.wzcd{ color:#f60;}

.ys02_bk{ width:1180px; height:260px; margin: 0 auto;}
.ys02_left{  width:487px; height:220px; float:left; background:url(../images/ysbg02.gif); padding-left:103px; padding-top:40px;}
.ys04_left{  width:487px; height:220px; float:left; background:url(../images/ysbg04.gif); padding-left:103px; padding-top:40px;}
.ys02_right{ width:590px; height:260px; float:left;}
.ys02_bt{ width:450px; height:56px; float:left;}
.ys02_bt span{ width:450px; height:30px; line-height:30px; font-size:20px; font-weight:bold;}
.ys02_bt p{ width:450px; height:22px; line-height:22px; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#999;}

/*
 * 客户案例
 */
 
.jcarousel {
    position: relative;
    overflow: hidden;
    width: 100%;
}
.case_tite{
	text-align: center;
	margin: 20px auto;
}
.case_tite h2{
	font-size: 30px;
	line-height: 50px;
	color: #555;
	font-weight: bold;
	
}
.case_tite p{
	font-size: 16px;
	color: #666;
}
.jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel li {
    /*定义*/
    /*width: 240px;*/
    text-align: center;
    margin-bottom:10px;
    /*基础*/
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.section_case{background: url("../images/case_bg.jpg")/*tpa=http://response.lyqingfeng.cn/DEMO/no18/web/img/index/case_bg.jpg*/ top center repeat;}
/*.section_case .index_{padding-top: 3em;padding-bottom: 3em}*/
.section_case .index_ .T{color: #fff;}
.section_case .index_ .T h2{font-size: 44px}
.section_case .index_ .T h3{font-weight: lighter;}
.case-item{float:left;width: 224px;border: 8px solid #fff;line-height:2.2;background-color: #fff;text-align: center;margin-right: 20px}
.case-item .icon{display: inline-block; background: #fff; border: 0px;width: 100%;height: 176px;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 h3{font-size: 16px}
.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}

/*
 * 关于我们
 */
.about-box img{height: 144px;width: 100%}
.about-box p{line-height: 2;padding: 15px 0 0 0;height: 110px;overflow: hidden;}


/*
 * 新闻
 */
 .box-t{font-size:22px;line-height:60px}
 .box-t .iconMore{font-size:14px;float:right;}
.section_news{background:#fff;overflow: hidden;}
/*ul li新闻*/
.new-box{font-size: 14px;color: #414141;margin-bottom: 20px;width: 100%;}
.new-box li{line-height: 32px;border-bottom: 1px solid #d2d2d2;width: 100%;padding-right:10px;overflow:hidden;}
.new-box li .iconDetail{float: left;color: #fff;background-color: #0d62be;width: 45px;height: 45px;text-align: center;cursor:pointer;position: relative;}
.new-box li .iconDetail:after{position: absolute;display: block;content: '+';width: 24px;height: 24px;line-height:24px;font-size: 24px;left: 50%;top: 50%;margin-top: -12px;margin-left: -12px;    -webkit-transition: -webkit-transform 0.3s ease,background 0.3s ease;}
.new-box li i{float: right;font-size: 13px;}
.new-box li.open .iconDetail:after{content: '-'}
.new-box li a{display: block;float: left;}
.new-box .licont{background-color: #f0f0f0;padding: 10px 10px 10px 55px;color: #5b5b5b;border-bottom: 1px solid #d2d2d2;display: none;height: 70px;overflow: hidden;}
/*新闻样式2*/
.news-box{position: relative;color: #828282;border-bottom: 1px solid #ddd;padding-bottom: 1em;margin-bottom: 1em}
.news-box.one{padding-top: 0}
.news-box.one h3 a{color: #2f9d60;font-weight: normal;}
.news-box .date{line-height: 22px; text-align: center;color: #b2b2b2}
.news-box .item{display: none;}
.news-box .date i{font-size: 55px;font-weight: bold;font-family: 'DIN Condensed Bold';display: block;line-height: 55px}
.news-box h3{font-size: 16px;font-weight: bold;}
.news-box h3 a:hover{color: #2785ce;text-decoration: underline}
.news-box .more{font-weight: normal;}
.news-box .more:hover{color: #2785ce;background:none}
.news-box .news-time span{display:inline-block;padding-right:15px;color:#bbb;font-size:12px;line-height:22px}

/*修正样式*/
.news-box2{padding: 15px 20px 10px 10px;margin-bottom: 0}
.news-box2 h3{padding-top: 6px}
.news-box2 p{padding: 5px 0}
.news-box2 .t span{font-size: 14px;float: right;font-weight: normal;}
.news-box2 a.more.block{padding: 3px 10px;border: 1px solid #777777;background-color: #777777;border-radius: 0;display: inline-block;margin-top: 0;}

.section-title {text-align: center;margin-bottom: 10px;}

.section-title h4 {font-size: 32px;font-weight: normal;margin: 0; font-weight: bold;}

.section-title h4 strong {color: #ff0000;}

.section-title h4:after {display: block;margin: 10px auto;height: 1px;width: 20px;background-color: #000;content: '';}

.section-title p {margin: 0;font-size: 24px;}

#tabs_box{float:left;width: 800px;}

.tabs{width: 800px;float:right;position: relative;}

.tabs a{

    position: absolute;

    top:0px;

    right: 16px;

    font: 400 12px/48px "微软雅黑";

    color: #5c5c5c;

}

.tabs ul{height: 48px;line-height: 48px;color: #ffffff;background: #ececec;}

.tabs ul li{float:left;font: bold 20px/48px "微软雅黑";width:  130px;background: #909090;text-align:  center;}

.tabs ul li:nth-child(2){

    margin-left: 2px;

}

.tab-nav{cursor:pointer;}

.tabs ul li.tab-nav-action{cursor:pointer;background:  #2953b9;}

.tabs-body{float:right;width:800px;}

.news_list2{}

.news_list2 li{line-height:40px;position:relative;float: left;width: 360px;border-bottom: none;background: url(../images/newsicon.png) no-repeat 0% 50%;padding-left: 16px;}

.news_list2 li a{color: #5c5c5c;font-size: 14px;    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 267px;background-color: white; display: block;}

.news_list2 li a:hover{text-decoration:none;}

.news_list2 li span{color: #5c5c5c;z-index:0;line-height:27px;position:absolute;right:0px;top:0px;font-size: 14px;}

.news_list2 li h3 {font-size:14px;}

.news_list2 li div{line-height:24px;}

.news_list2 li:nth-child(2n){

  float: right;

  width: 360px;

}

.zxxw_b{

  float: right;

  width: 520px;

}

.zxxw_b span{

  font:400 12px/27px "微软雅黑";

}

/*.news_list3{margin-top: 16px;}*/

.news_list3 li{line-height:27px;position:relative;background: url(../images/ask.png) left 5px no-repeat;height: 80px;margin-top: 16px;border-bottom:  none;}

.news_list3 li a{line-height:27px;color: #5c5c5c;font-size: 14px;padding-left: 32px;}

.news_list3 li a:hover{text-decoration:none;color:#006835;}

.news_list3 li span{color: #5c5c5c;z-index:0;line-height:22px;position:absolute;left:0px;top: 34px;padding-left:30px;background: url(../images/answer.png) left 5px no-repeat;font-size: 14px;}

.news_list3 li h3 {font-size:14px;}

.news_list3 li div{line-height:22px;}

.xin1-sub1{

    position: relative;

    background: #ececec;

}

.xin1{

    width: 380px;
}

.xin1-sub1 span{

    font: 600 20px/48px "微软雅黑";

    color: #ffffff;

    position: relative;

    background: #2953b9;

    width:130px;

    text-align:center;

    display:block;

}

.xin1-sub1 a{

    position: absolute;

    top:0px;

    right: 16px;

    font: 400 12px/48px "微软雅黑";

    color: #5c5c5c;

}

.about-in {background: no-repeat center 0;padding-top: 40px; margin-top: 50px;padding-bottom: 40px;/*margin-bottom: 20px;*/ }

.about-in .box {padding: 28px 57px;background-color: #fff;box-shadow: 0 0 6px #e9e9e9;text-align: center;}

.about-in h4 {margin: 0 0 20px;color: #ff0000;font-size: 20px;}

.about-in p {margin: 0 0 20px;line-height: 2;}

.about-in .more {width: 172px;line-height: 40px;color: #fff;background-color: #ff0000;text-align: center;display: block;border-radius: 20px;margin: 0 auto;}

.ilinks {padding: 5px 0; line-height: 30px;}
.ilinks a {color: #666; margin: 0 5px;}