/*==========全局==========*/
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html{-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 62.5%;}
body{font-family: "Microsoft Yahei",Helvetica, Arial, sans-serif,"iconfont"  !important; font-size: 1.2rem; color:#333; background: #FFFFFF;}
body, button, input, optgroup, select, textarea, h1, h2, h3, h4, h5, h6, p, figure, form, blockquote, ul, ol, li, dl, dd{margin:0;padding:0}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary{display: block;}
input[type="button"], input[type="submit"], input[type="reset"]{-webkit-appearance:none;}
img{vertical-align:middle; max-width:100%; border:0;}
ul,ol{list-style:none;}
input,textarea,select{outline:none; font-size:100%;}
a{color:#333; text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0);}
.table{border-collapse:collapse; border-spacing:0;}
.clear{clear:both; height:0; overflow:hidden;}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
.ui-hidden{display:none;}
.ui-block{display:block;}
.fl{float:left;}
.fr{float:right;}
html,body{height:99.9%; min-height:100%; position:relative;}
.page{width:100%; min-height:100%; position:absolute; top:0; left:0; overflow-x:hidden;}
.page_header{padding-top:44px;}
.page_footer{padding-bottom: 49px;}
.page_header_footer{padding: 44px 0 49px 0;}
.page_full{width:100%; height: 100%; position:absolute; top:0; left:0; overflow:hidden;}
/** 布局通用（整站变动） **/

/*头部*/
.header{width: 100%; height: 44px; position:fixed; top:0; left:0; right:0; z-index:99; background-color: #fff;padding: 0 3%;}
.header_logo{ float: left;}
.header img{height: 24.5px;}
.header_right{ float: right; color: #fff;margin-top: 8px;}
.header_tel { float: right; padding-left: 3%; border-left: 1px solid #ccc; height: 44px; margin-left: 3%;}
.header_tel img {margin-top: 8px;}
.header_right_cn{font-size: 1rem;}
.header_right_cn span{font-size: 1.1rem;}
.header_right_cn .icon-call{display: inline-block;background: url(../img/icon_call.png) 50% no-repeat;width: 20px;height: 9.68px;background-size: contain;}
.header_right_m{font-size: 1.349rem;font-family: arial;font-weight: bold;}

.flow{padding: 14px 0;}
.flow ul{font-size: 0;margin:0 auto;width: 87%;}
.flow ul li{display: inline-block;margin: 0 1.25%;width: 22.41%;}
.flow ul li a{display: block;text-align: center;}
.flow ul li a i{display: inline-block;margin: 5px 0;}
.flow ul li a p{font-size: 1.4rem;color: #282828;padding: 5px 0 9px 0;}

.in_contact {padding: 15px 3%; border-top: 1px solid #eaeaea;}
.in_contact .left {width: 20%;}
.in_contact .num {font-size: 20px; color: #c8392b; line-height: 24px; padding: 0 10px;}
.in_contact .icon {margin-top: 2px;}
.in_contact .icon img {height: 20px;margin-left: 3%;}
.in_contact .text {font-size: 16px; color: #c8392b; line-height: 24px; padding-left: 5px;}

.in_caseTop{background:url(../img/bg.jpg);padding: 0 3%;}
.in_caseTop_title{color: #fff;font-size: 1.2rem;line-height:38px;float: left;}
.in_caseTop_title span{font-size: 1rem;font-family: arial;}
.in_caseTop ul li{float: left;padding-right:7.5% ;height:38px;}
.in_caseTop ul li a{color: #fff;font-size: 1.2rem;line-height:1.2rem;padding-bottom:6px;border-bottom: 5px solid transparent;display: block;padding-top: 10px;display: block; ;}
.in_caseTop ul li.active a{border-bottom: 2.5px solid #fff;}
.in_caseTop_more{color: #fff;float: right;line-height: 38px;font-size: 1.8rem;}
.in_caseCon{margin: 8px 3% 0;}
.in_caseCon ul li{width: 100%;}
.in_caseCon ul li a{float: left;padding-right: 3%;width: 33.3%;padding-bottom: 9px;}
.in_caseCon ul li a:nth-child(1){width: 50%;}
.in_caseCon ul li a:nth-child(2){width: 50%;}
.in_caseCon ul li a{display: block;}
.in_caseInfo{background:url(../img/bg.jpg);color: #fff;margin: 15px 3% 20px;text-align: center;}
.in_caseInfoCn{padding-top: 8px;}
.in_caseInfoCn span{display: inline-block;font-weight: bold;letter-spacing: 12px;vertical-align: middle;font-size: 1.6rem;}
.in_caseInfoCn i{display: inline-block;width: 15.7%;height: 1px;background-color: #fff;vertical-align: middle;}
.in_caseInfoEn{font-family: arial;padding-bottom: 3px;}

.in_showList ul {margin: 6px 4px 16px 8px;}
.in_showList ul li{float: left;width: 25%;padding-right: 4px;padding-bottom: 4px;}
.in_showImg{margin-bottom: 20px;}

.in_aboutCon{margin: 9px 3% 20px;}
.in_aboutConImg{width: 36%;float: left;}
.in_aboutConF{float: left;width:64%;padding-left: 4.6%;}
.in_aboutConFH{color: #333333;font-weight: bold;}
.in_aboutConFP{color: #454545;font-size: 1.2rem;padding-top: 5px;text-indent: 2em;}
.in_aboutConFP span{color: #da251c;}

.in_teamSwiper{margin: 0 3%;}
.in_teamSwiperImg{position: absolute;width:27% ;border: 3px solid #ca170e;left: 2px;top: 12px;}
.in_teamSwiperImg i{}
.in_teamSwiperCon{float: left;width: 100%;padding-left: 32%;border: 1px solid #e9e9e9;margin-top: 9px;height:120px;overflow: hidden;}
.in_teamSwiperConH{color: #282828;font-size: 1.2rem;font-weight: bold;padding-top: 6px;}
.in_teamSwiperConH i{width: 10px;height: 1px;background-color: #959595;display: inline-block;vertical-align: middle;margin: 0 2px 0 4px;}
.in_teamSwiperConH  span{color: #676767;font-size:1rem;font-weight: normal;}
.in_teamSwiperConP{color: #323232;font-size: 1.05rem;font-weight: bold;padding: 2px 0;;}
.in_teamSwiperConResume{padding: 10px 0 5px;}
.in_teamSwiperConResume span{color: #676767;font-size: 1rem;margin-right: 20px;}

.in_teamList{margin-bottom: 20px;margin-top: 10px;}
.in_teamList ul {padding: 0 2%;}
.in_teamList ul li{width:20% ;float: left;padding:0 1% ;}
.in_teamList ul li a{border: 2px solid #727272;display: block;}
.in_teamList ul li.active a{border-color: #ca170e;}

.in_newsConImg{margin-top: 12px;}
.in_newsConImg i{float: left;width: 39%;font-weight: bold;}
.in_newsConImgF{float: left;width: 50%;margin-left: 3%;padding-top: 2px;}
.in_newsConImgFH{font-weight:bold;color: #282828;}
.in_newsConImgFP{color: #454545;padding-top: 7px;line-height: 1.6rem;}
.in_newsConImgFP span{color: #da251c;}
.in_newsCon ul li dl{border-top: 1px solid #dadada;width: 94%;margin: 15px auto;padding-top: 7px;}
.in_newsCon ul li dl dd{padding-bottom: 10px;}
.in_newsCon ul li dl dd a:active{color: #da251c ;}
.in_newsCon ul li dl dd span{float: right;}

.in_customer{border:solid #da251c;border-width: 2px 0 2px;padding: 9px 0;margin-bottom: 35px;}
.in_customer ul{font-size:0 ;}
.in_customer ul li{display: inline-block;width: 33.3%;padding: 0 2%;margin-bottom: 10px;}




/*尾部*/
.footer{width: 100%;   position: fixed; bottom: 0; left: 0; background: #fff; z-index: 99;height: 49px;border-top: 2px solid #da251c;}
.footer ul li{width: 25%;  float: left; text-align: center;padding: 2% 0; }
.footer ul li a{color: #454545;}
.footer ul li i{margin: 0 auto;font-size: 2rem;}
.footer ul li span{display: block;font-size: 1.2rem;}
.footer ul .current{background:url(../img/bg.jpg);color: #fff;}
.footer ul .current a{color: #fff;}



/*通用*/
.headerTop{width: 100%; height: 44px; top:0; left:0; right:0; z-index:99; background-color: #5b4333;position:fixed;}
.headerBack{ background: url(../img/headerBack.png)50% 50% no-repeat;background-size: contain; display: inline-block;width: 25px;height: 25px;margin:22px 0 0 5px;
    -webkit-transform:translate(0, -50%);
    transform:translate(0, -50%);background: url(../img/headerBack.png)50% 50% no-repeat;
}
.headerMenu{padding:0 16px; position:absolute; top:5px; right:0; font-size:20px; color:#fff; text-align:center;}
.headerMenu span{width:5px; height:5px; margin:5px 0; display:block; background-color:#fff;}
/** 测边面板 **/
.panel{width:150px; position:absolute; top:44px; right:0; background: url(../img/bg.jpg); z-index:9999;
    -webkit-transform: translate(150px,0);
    -moz-transform: translate(150px,0);
    -ms-transform: translate(150px,0);
    transform: translate(150px,0);
    -webkit-transition:300ms; -moz-transition:300ms; -ms-transition:300ms; transition:300ms;
}
.panel li a{height:36px; line-height:36px; color:#fff; display:block; padding:0 10px; border-bottom:1px solid #fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.panel li:last-child a{border:0;}
.panelActive{
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
}
.panelBg{width:100%; height:100%; position:fixed; top:0; bottom:0; background-color:rgba(0,0,0,.3); z-index:9998; display:none;}



/*新闻列表*/
.news{margin: 0 auto;width: 93.75%;font-weight: normal;font-family: simhei;}
.newsTitle{color: #c48e00;font-size: 1.62em;text-align: center;margin: 7px 0;padding: 0 4px;}
.newsTime{color: #929292;font-size: 1em;border-bottom: 1px solid #a8a8a8;padding:0 0 3px 6px;}
.newsContent{margin: 10px auto;width: 96.75%;}
.newsContent_h{padding: 7px 0;}
.newsContent_list{margin: 0 auto;width: 95.75%;}
.newsContent_list_img{margin-bottom: 7px;}
.newsContent_list ul li{font-size: 1.2em; padding-bottom: 10px;}
.newsContent_list ul li p{padding:0 4px;}



/*tab切换*/
.demo{ }
.demo_title {border-top:2px solid #5b4333 ;border-bottom:2px solid #5b4333 ;padding-left: 7px;line-height:40px; font-size: 17px;}
.demo_title >i{float: left;width: 2.2rem;height: 1.8rem;background: url(../img/icon_title.png) no-repeat;margin-top: 11px;background-size: contain;}
.demo_title ul li{ height:40px;    float:left; display:inline; font-family:  SimHei; text-align:center; cursor:pointer; }
.demo_title ul li.active{color:#c3b691;}
.demo_title ul li i{font-style: normal;color: #000000;}
.demo_con{ line-height: 30px;}


/*afer added*/
.header_top{width: 100%; height:44px; padding:0 44px; position:fixed; top:0; left:0; right:0; z-index:99; background: url(../img/bg.jpg);}
.headerTitle{height:44px; line-height:44px; font-weight: normal; font-size:18px; color:#fff; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.headerLogo{height:44px; line-height:44px; font-weight: normal; font-size:18px; color:#fff;  white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.headerLogo img{height: 40px; padding: 5px;}
.headerBack{position:absolute;  left:6px; font-size:20px; color: #fff;
    -webkit-transform:translate(0, -50%);
    transform:translate(0, -50%);
}
.headerMenu{padding:0 10px; position:absolute; top:5px; right:0; font-size:30px; color:#b10606; }
.headerMenu span{width:5px; height:5px; margin:5px 0; display:block; background-color:#fff;}

/*头部子栏目样式*/
.MenuList{overflow:hidden;}
.MenuList ul{margin-top: 10px;}
.MenuList li{float:left; margin:5px 5px;width: 30%;}
.MenuList li a{width:100%; height:34px; font-size: 1.4rem; line-height:34px; display:block; background:#f4ece0; color:#D5A334; text-align:center;}
.MenuList li a:hover{background:#D5A334; color:#fff;}
.MenuList li.pre a{background:#D5A334; color:#fff;}
.ser-Menu li.pre a{background:#D5A334; color:#fff;}

/*about详细页*/
.detailPage{padding: 0 12px; }
.detailPage_top{padding:10px 0; border-bottom:1px solid #ccc;}
.detailPage_title{font-weight:normal; font-size: 18px;}
.detailPage_time{margin-top: 5px; font-size: 12px; color:#999;}
.detailPage_con{padding:12px 0; line-height:30px; color:#666;}
.detailPage_con img{margin-bottom: 5px;}

/*contact*/
.news_list{padding: 0 10px; }
.news_list li{padding:10px 0 10px 13px; border-bottom:1px solid #e2e2e2; position:relative;}
.news_list a{display: block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.news_list i{width:6px; height:6px; position:absolute; top:50%; left:0; margin-top: -3px; border-radius: 50%; background-color:#ccc;}


/** ajax翻页 **/
.ajaxpage{display:none;}
.ajax_tips{height: 30px; line-height: 30px; background-color: #efefef; text-align:center; margin-top: 10px;}
.fixedloading{width:80px; height:80px; position:fixed; top:50%; left:50%; margin:-40px 0 0 -40px; z-index:9999; display:none; background: url(../img/loading.svg) 0 0 no-repeat; background-size: cover;}
.fixedloadingbg{position:fixed; top:0px; left:0; width:100%; height:100%; background-color: rgba(0,0,0,.5); z-index:9998; display:none;}

/** 案例列表 领导关怀**/
.caseList{padding:0 4px;}
.caseList ul li{width:50%; float:left; padding:0 5px; margin-top:10px; text-align:center; overflow:hidden;}
.caseList ul li a{display:block; position:relative; font-size:14px; color:#fff;}
.caseList ul li span{width:100%; height:26px; line-height:26px; position:absolute; bottom:0; left:0; background-color:rgba(0,0,0,.6); white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.case_top span{padding:5px 10px; background: #d8d8d8; border-radius: 5px; display: inline-block; }

/*案例列表顶部多个分类样式*/
.swiper-case{width: 100%; margin-top: 5px;}
.swiper-case .swiper-slide{width: auto; text-align: center; font-size: 14px; }
.swiper-case .swiper-slide a{margin: 0 10px;}
.swiper-case .swiper-slide .current span{color: #fff;}

/**案例筛选**/
.caseMenu{margin-top:10px; text-align:center;}
.caseMenu ul{display: inline-block;}
.caseMenu ul li{float:left;}
.caseMenu ul li .caseMenu_link{height:35px; line-height:35px; display:block; padding:0 25px 0 10px; margin:0 5px; border:1px solid #ccc; border-radius: 3px; position: relative;}
.caseMenu ul li .caseMenu_link i{transition: 0.5s; position: absolute; top:50%; margin-top:-4px; right:5px;; width:0; height:0; border:4px solid transparent; _border-color: tomato;  _filter: chroma(color=tomato); border-left-color: #999; overflow:hidden; pointer-events: none;}
.caseMenu_con{width:100%; padding:10px; position: absolute; left:0; z-index: 999; background:#fff; display:none;}
.caseMenu_con ul li{width:25%; margin:5px 0; padding:5px 0; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.caseMenu_link .current{transform: rotate(90deg);}
.caseMenu_con ul .on{background:#ccc; border-radius: 3px; line-height:16px; }
.caseMenu_con ul .on a{color:#fff; }