﻿/*公用样式*/
.left{ float:left;}
.right{ float:right;}
.clear{ clear:both;}
.clear0{ clear:both; font-size:0px; height:0px; overflow:hidden;}
.hidden{display:none;}
.w{ max-width:1600px; width:88%; margin:0 auto;}
.comflex{ display:flex; flex-wrap:wrap; justify-content:space-between;}
.comflex1{ display:flex; flex-wrap:wrap;}
.comflex2{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.comflex3{ display:flex; flex-wrap:wrap; align-items:center;}
.comflex5{ display:flex; flex-wrap:wrap; justify-content:center;}
.comflex4{ display:-webkit-flex; -webkit-flex-flow:row-reverse wrap; display:flex; flex-flow:row-reverse wrap; justify-content:space-between;}
.comflex5{ display:-webkit-flex; -webkit-flex-flow:row-reverse wrap; display:flex; flex-flow:row-reverse wrap; justify-content:space-between; align-items:center;}
.pic{ position:relative; width:100%; overflow:hidden; transition:all .6s; display:block;}
.dfimg{ display:block; width:100%;}
.pic_w{ position:absolute; left:0; right:0; top:0; bottom:0;}
.pic_w a{ display:block;}

/*header*********************************************************************/



.about_bg{ width:100%; background:#fff;}
.about_tab{ width:100%; height:100px; background:#ebebeb;}
.about_tab .nav_wrap{ width:100%;}
.about_tab .nav_wrap.navFix{ position:fixed; left:0; top:0; right:0; z-index:9999; background:#ebebeb;}
.about_tab .nav_wrap .wrap_tab{ line-height:100px; margin-right:70px;}
.about_tab .nav_wrap .wrap_tab:last-child{ margin-right:0;}
.about_tab .nav_wrap a{ padding:0 5px; display:block; font-size:20px; position:relative;}
.about_tab .nav_wrap .active,.details_main .about_tab .nav_wrap a:hover{ color:#ff9421; font-family:"arialbd";}
.about_tab .nav_wrap .active:after{ content:""; display:block; position:absolute; left:0; right:0; bottom:0; height:8px; background:#ff9421; font-size:0; overflow:hidden;}
.com_show{ padding-top:85px;background-color:#fff}
.ab_t{ font-size:40px; font-family:"arialbd";}
.com_con{ width:100%; margin:25px 0 120px 0;}
.com_con .pic{ width:50%;}
.com_con .pic img{ display:block; width:100%;}
.com_con .txt{ width:48.125%; line-height:1.388888888888889; font-size:18px;}
.com_con .txt .clear{ width:100%;}
.com_con .txt *{ color:#000;}
.com_con .txt p{ margin-bottom:25px;}
.com_con .txt p:last-child{ margin-bottom:0;}
.ab_con1_2{ width:100%; background:url(../images/abg1.jpg) center top no-repeat; background-size:cover; padding:100px 0;}
.ab_con1_2 .clear{ width:100%; display:flex; justify-content:flex-end; align-items:flex-end;}
.ab_con1_2 *{ color:#fff; font-size:18px;}
.ab_con1_2 .txt{ width:58%; padding:0 1.25%; line-height:1.444444444444444;}
.ab_con1_2 .txt p{ margin-bottom:26px;}
.ab_con1_2 .txt p:last-child{ margin-bottom:0;}
.ab_con1_2 .ab_ico{ width:50%;}
.ab_con1_2 .ab_ico img{ width:13.875%; margin-right:5%;}
.ab_con1_2 .ab_ico img:last-child{ margin-right:0;}
#about2{ width:100%; background:url(../images/abg2.jpg) center top no-repeat; background-size:cover; padding:100px 0;}
.ab2_list1{ width:105.9375%; padding:0 0 70px 0;}
.ab2_list1 li{ margin:3.625% 5.9375% 0 0; width:27.39583333333333%;}
.ab2_list1 li .pic_w img{ width:100%; height:100%;}
.ab2_list1 li .txt{ padding:22px 3.2% 0 3.2%;}
.ab2_list1 li .txt em{ font-size:22px; font-family:"arialbd"; color:#000; display:block;}
.ab2_list1 li .txt p{ font-size:18px; color:#000; line-height:1.333333333333333; margin-top:4px;}
.ab2_list1 li:nth-child(2){ display:flex; flex-direction:column;}
.ab2_list1 li:nth-child(2) .txt{ order:1; padding-top:0; padding-bottom:22px;}
.ab2_list1 li:nth-child(2) .pic{ order:2;}
.ab2_list2{ width:100%;}
.ab2_list2 li{ border-bottom:2px solid #cdcecf; padding:15px 0;}
.ab2_list2 li:last-child{ border-bottom:none;}
.ab2_list2 li .ab_t2{ font-size:20px; font-family:"arialbd"; width:35.3125%; padding:0 1.25%;}
.ab2_list2 li .txt{ font-size:18px; width:64.6875%; padding-right:1.25%;}

.com li .pic_w img,.con5_rt .pic img{ display:block; transition:all 0.6s; max-height:100%; max-width:100%;}
.com li.hover .pic_w img,.con5_rt .pic.hover img{ transform:scale(1.05);}

