﻿
.fl{ float:left;}
.fr{ float:right;}
.w22{ width:22%; padding-bottom:4%;}
.w75{ width:75%; padding-bottom:4%;}
@media(max-width:1024px){
.fl,
.fr{ float:none;}
.w22,
.w75{ width:auto; padding-bottom:2%;}
}
/*↑↑↑如修改栏目左右结构宽度比例 请不要修改这里的  在style.css 加上修改*/
/**页面框架 End**/
.auto{ margin:0 auto;}


.auto1200{ width:1270px}


.clear {clear: both;height: 0px;overflow: hidden;zoom: 0;}
.clearfix {*zoom:1;}/*IE/7/6*/
.clearfix:after { content:"\200B"; display:block; height:0; clear:both; } 
.fix { *zoom: 1; *clear: both;}
.fix:before, .fix:after { display: table; clear: both; content: '';}
.l { float: left;}.r { float: right;}
/**头部导航**/
header{position:absolute; width:100%; left:0; top:37px; z-index:10;}
.head{width:1300px; margin:0 auto; background:#fff; position:relative; z-index:3;height:110px;transition:all 0.5s  ease; -webkit-transition:all 0.5s  ease;   }
.head .logo{float:left; margin-top:5px}
.head .inav_wrapper{float:right; width:56%;}
.head .inav li{float:left; width:12.2%; text-align:center; font-size:15px;  color:#000; line-height:110px; position:relative;}
.head .inav li.cur:after{position:absolute; content:'';left:0; bottom:0; width:100%; height:3px;background:#03539c;}
.head .inav li:hover:after{position:absolute; content:'';left:0; bottom:0; width:100%; height:3px;background:#03539c;}
.head .inav .sec_ul{display:none;}
.mobile_key{display:none;}
.head .r_nav{width:8%;  height:110px; color:#555;text-align:center; font-size:14px; line-height:110px;transition:height 0.5s  ease; -webkit-transition:height 0.5s  ease; background:#ededee}
.head .r_nav .visitor{width:100%; position:relative;}
.head .r_nav .search{width:35%; }
.head .r_nav .search a{display:block;}
.head .r_nav  a{color:#555; display:inline-block;}
.head .r_nav .visitor >a{padding-left:30px; font-size:15px; background:url(../xinimg/qq.png) left center no-repeat;}
.head .r_nav .visitor >a:hover{opacity:0.8;}
.head .r_nav .lan >a:hover{opacity:0.8;}
.head .r_nav .search>a:hover{opacity:0.8;}
.head .r_nav .search .fdj{background:url(../xinimg/search.png) center center no-repeat; height:110px;}
header .trs_bar{position:absolute; width:0; top:0; height:110px; z-index:1;} 
header .trs_bar.trs_blue{left:50%; background:#0068A6;}
header .trs_bar.trs_white{right:50%; background:#fff;}
header.compress .head{height:100px;  transition:height 0.5s  ease; -webkit-transition:height 0.5s  ease;}
header.compress .trs_bar{width:50%;height:100px; transition: width 0.5s ease 0.5s;-webkit-transition: width 0.5s  ease 0.5s;}
header.compress .head .logo{ padding-top:15px;}
header.compress .head .inav li{line-height:100px;}
header.compress .head .r_nav{height:100px;  line-height:100px; transition:height 0.5s  ease; -webkit-transition:height 0.5s  ease;}
header.compress .head .r_nav .search .fdj{height:100px;}
.head .r_nav .visitor .xiala{padding:15px 0; position:absolute; top:100%; left:0; background:#0068A6; text-align:center; z-index:2; width:100%; display:none;}
.head .r_nav .visitor .xiala li{height:36px; line-height:36px;}
.head .r_nav .visitor .xiala li a{display:block; color:#fff; font-size:14px;}
.head .r_nav .visitor .xiala li a:hover{ background:#2073b3; }
.Top002070 header{position:relative;}


.Top002070 .logoaa dd{ float:right; line-height:28px; position:absolute; text-align:right;  width:1190px;}
.Top002070 .logoaa dd a{display:inline-block;font-size: 16px;}

.Top002070 .r_nav{width:20%; background:#0068A6; color:#fff;text-align:center; font-size:14px; height:100px;  line-height:100px; transition:height 0.5s  ease; -webkit-transition:height 0.5s  ease;;}
.Top002070 .r_nav .visitor{width:46%; position:relative;}
.Top002070 .r_nav .visitor:after{content:''; width:1px; height:40px; position:absolute; right:0; top:50%; margin-top:-20px; background:#2d81c1;}
.Top002070 .r_nav .lan{width:27%;   font-size:18px; position:relative;}
.Top002070 .r_nav .lan:after{content:''; width:1px; height:40px; position:absolute; right:0; top:50%; margin-top:-20px; background:#2d81c1;}
.Top002070 .r_nav .search{width:27%; }
.Top002070 .r_nav .search a{display:block;}
.Top002070 .r_nav  a{color:#fff; display:inline-block;}
.Top002070 .r_nav .visitor >a{padding-left:25px; background:url(../img/visitor.png) left center no-repeat;}
.Top002070 .r_nav .visitor >a:hover{opacity:0.8;}
.Top002070 .r_nav .lan >a:hover{opacity:0.8;}
.Top002070 .r_nav .search>a:hover{opacity:0.8;}
.Top002070 .r_nav .search .fdj{background:url(../img/search.png) center center no-repeat; height:110px;}

.Top002070 .top dt{ position:relative; width:40px; height:40px; background:url(../tupian/sousuo.png) no-repeat center center; margin-top:37px}
.Top002070 .top dt div{ position:absolute; right:0; top:0; overflow:hidden; width:0; opacity:0;background:#ffffff; transition:0.3s; border:#CCCCCC 1px solid; border-radius:3px}
.Top002070 .top dt:hover div{ width:200px; opacity:1;}
.Top002070 .top dt div .text{ width:100%; background:none; height:40px; border:none; line-height:40px; padding:0 40px 0 10px;}
.Top002070 .top dt div .btn{ position:absolute; right:0; top:0; height:40px; border:none; cursor:pointer; width:40px;background:url(../tupian/sousuo.png) no-repeat center center;}
.Top002070 .logo{ left:0;}

.Top002070 nav{ float:right; padding-right:3px ; padding-top:6px}
.Top002070 nav li{ float:left; text-align:center;}
.Top002070 nav li.aon >a,
.Top002070 nav li:hover >a{border-bottom:3px solid #0068A6; color:#0068A6; }
.Top002070 nav li a{ display:block;}
.Top002070 nav li > a{height: 92px;line-height:92px; position:relative; font-size:16px; color:#222222;padding:0 17px;display: inline-block;}
@media screen and (max-width: 1368px) {
.Top002070 nav li > a{height: 92px;line-height:92px; position:relative; font-size:15px; color:#222222;padding:0 15px;display: inline-block;}
}

.Top002070 nav li .cur{ color:#0068A6;  border-bottom:#0068A6 3px solid }




.Top002070 nav li .subnav{ position:absolute; width:1980px; left:-25%;padding-top:18px;padding-bottom:20px;background:#fff; border-top:1px solid #f3f3f3;  z-index:2;display:none;margin-top:-1px; }
.Top002070 nav li .subnav dl{/* float:right; */text-align:  center; /* display:  inline-block;*/}
.Top002070 nav li .subnav dd{display:inline-block;text-align:center; padding:0 18px;}
.Top002070 nav li .subnav dd:last-child{/*margin-right: 0;*/}
.Top002070 nav li .subnav dd img{height:40px;transition: ease-in-out 0.3s;}
.Top002070 nav li .subnav dd a:hover img{transform-style: preserve-3d;  transform:rotateY(180deg);}
.Top002070 nav li .subnav dd.pp{display: none;}
.Top002070 nav li .subnav dd:hover figure{}
.Top002070 nav li .subnav dd:hover .pp{display:none;}
.Top002070 nav li .subnav dd p{color: #333;padding: 6px 0 0 0; margin: 0; font-size:16px}

.Top002070 nav li .subnav dd p:hover{color: #0068A6;padding: 6px 0 0 0; margin: 0; font-size:16px}


.Top002070 nav li .guyu{padding-top:12px;padding-bottom:12px}
.Top002070 nav li .guyu .auto{max-width: 560px; text-align:left;}
.Top002070 nav li .guyu dd{width: 120px;margin-left: 0;padding:0;text-align:left;}
.Top002070 nav li .guyu dd:nth-child(3n){margin-right:0;}
.Top002070 nav li .guyu dd a p:hover{color: #c91523;}

.Top002070 .navbg{position: absolute;width:100%;/*height: 222px;*/top: 100%;left:0;z-index:1;background: #f7f7f7;display: none;}



.Top002070 nav li .guyu dl{}
.Top002070 nav li .guyu dd{ float:none;}
.Top002070 nav li .add_dl{ width:150px; line-height:14px;}


.jj_tab_list_item{ float:left; width:387px; margin-right:12.9%; position:relative; overflow: hidden;}
.jj_tab_list_item_last{ margin-right:0;}
.jj_tab_list_item_div{ position: absolute; height:260px; width:100%; top: 0;}

.jj_tab_list_item1{ float:left; width:370px; margin-right:25px;margin-bottom:32px; position:relative; overflow: hidden;}
.jj_tab_list_item2{ float:left; width:370px; margin-right:25px;margin-bottom:32px; position:relative; overflow: hidden;border:#f1f1f1 1px solid}


.swiper_solution_outter {position:relative; }
.swiper_solution .swiper-slide {height:auto !important;}
.swiper_solution .swiper-wrapper {height:auto !important;}

.jj_tab_list_item2 .jj_tab_list_item_div img
{
	display:none;
}
.jj_tab_list_item2 a:hover .jj_tab_list_item_div img{
    display:block;
}

.jj_tab_list_item_div img{
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 50%;
    margin-left: -22px;
    margin-top: -22px;
}

.jj_tab_list_item_div .da-txt{
	height:38px;
	position: absolute;
	background: #000;
    opacity: 0.2;
    text-align:center;
    width:100%;
    bottom:0px;
    color:#fff;
    font:16px/50px Microsoft YaHei;
}

.jj_tab_list_item_div .da-text {
    height: 38px;
    position: absolute;
    background: none;
    opacity: 1;
    text-align: center;
    width: 100%;
    bottom: 0px;
    color: #fff;
    font: 15px/40px Microsoft YaHei;
}
.jj_tab_list_item a>img{width:100%; height:auto; display:block; transition: all 0.5s;}
.jj_tab_list_item:hover a>img{ transform: scale(1.15);}


.jj_tab_list_item1 a>img{width:100%; height:260px; display:block; transition: all 0.6s;}
.jj_tab_list_item1:hover a>img{ transform: scale(1.15);}

.jj_tab_list_item2 a>img{width:100%; height:260px; display:block; transition: all 0.6s;}
.jj_tab_list_item2:hover a>img{ transform: scale(1.15);}


.swiper-button-prev {left:0 !important; background-image: url("../xinimg/jshowoff_prev_btn.png") !important; margin-left: -45px;}
.swiper-button-next {right:0 !important; background-image: url("../xinimg/jshowoff_next_btn.png") !important; margin-right: -45px;}

.opacity img{opacity: 0.5;}


.rimain{ width: 100%; height: auto; background-color: #fff; }
.rimain h3 {
    font-size: 35px;
    color: #d7000e;
    padding-top: 50px;
    padding-bottom: 53px;
    text-align: center;
	font-weight:normal;
	line-height:36px
}

.wrap1{ width:1200px; margin:0 auto; position:relative;}


.main44_left{ width: 45%; position: relative;}
.main44_left img{width: 100%;}
.main44_left h3{font-family: 'HelveticaNeueLTPro-ThEx'; font-size: 24px; color: #fff; border-left: 3px solid #fff; padding-left: 10px; margin: 0 5%; text-transform: uppercase; margin-top: 10%; position: absolute;}
.main44_left h3.l{ left: 30px; }
.main44_left h3.r{ right: 30px; }

.main44_left4{ width: 40%; background: url(../images/kywh_pho_1.jpg) no-repeat; background-size: 100%;}

.main44_left5{ background: url(../images/kywh_pho_2.jpg) no-repeat; background-size: 100%; }

.main44_i{ position: absolute; height: 100%; }

.main44_right{    width: 46%;
    padding: 0 5%;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%; }
    .main44{ position: relative; z-index: 999;}
.main44_item{ display: table; width: 100%; height: 100%; padding-top:20px; padding-bottom:10px}
.main44_item_con .title_cn{ padding-top: 0; padding-right: 3%; }
.main44_right h4{ padding-top: 2%; font-size: 24px; color: #333; line-height: 35px; padding-bottom: 10px; padding-right: 10px; }
.main44_item_con{ display: table-cell;vertical-align: middle; }


.main44{ background-color: #f5f5f5;}
.main44_item_con h6{ font-size: 12px; }

.main44_right h5{ padding-right: 5%; font-size: 14px; line-height: 24px; color: #444444; }
.main44_right p { font-weight:bold; padding-top:4px;font-size: 14px; line-height:25px}
@media (min-width: 1680px) {
.main44_right h5{ padding-right: 5%; font-size: 15px; line-height: 23px; color: #444444; }
.main44_right p { font-weight:bold; padding-top:4px;font-size: 15px; line-height:30px}
}




.line{width:24px;height:3px;background:#0068A6;border-radius:3px;margin:0 auto}




.wrap-sidenav
{
    position: relative;
    border-bottom: 1px solid #dcdcdc;
	
}
 .container2
    {
        width: 1300px;
		margin:auto
    }
.wrap-sidenav .sidenav
{
    display: inline-block;
}
.wrap-sidenav .sidenav ul li
{
    position: relative;
    display: inline-block;
    padding: 0 32px;
}

.wrap-sidenav .sidenav ul li:after
{
    line-height: 58px;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    content: '|';
    color: #ddd;
}
.wrap-sidenav .sidenav ul li:first-child
{
    padding-left: 0;
}
.wrap-sidenav .sidenav ul li:last-child
{
    padding-right: 0;
}
.wrap-sidenav .sidenav ul li:last-child:after
{
    display: none;
}
.wrap-sidenav .sidenav ul li a
{
    font-size: 16px;
    line-height: 58px;
    position: relative;
    display: block;
    color: #666;
}

 @media (min-width: 1680px) {
.wrap-sidenav .sidenav ul li a
{
    font-size: 18px;
    line-height: 58px;
    position: relative;
    display: block;
    color: #666;
}
}

.wrap-sidenav .sidenav ul li a:before
{
    position: absolute;
    z-index: 5;
    bottom: -1px;
    left: 0;
    display: block;
    width: 0;
    height: 3px;
    content: '';
    -webkit-transition: all .4s;
    transition: all .4s;
    background-color: #0068A6;
}
.wrap-sidenav .sidenav ul li.active a:before,
.wrap-sidenav .sidenav ul li:hover a:before
{
    width: 100%;
}

.wrap-sidenav .location
{
    font-size: 14px;
    line-height: 58px;
    position: relative;
    z-index: 4;
    display: inline-block;
    float: right;
    color: #666;
}

 @media (min-width: 1680px) {
.wrap-sidenav .location
{
    font-size: 16px;
    line-height: 58px;
    position: relative;
    z-index: 4;
    display: inline-block;
    float: right;
    color: #666;
}
}


.wrap-sidenav .location .iconfont {
    position: absolute;
    width: 285px;
    height: 60px;
    float: left; margin-left:-270px;
	background: url(../tupian/bgmenu.png) no-repeat  center;
}

.wrap-sidenav .location span
{
    display: inline-block;
	font-size:14px;
	color:#666666
}
.wrap-sidenav .location a
{
    display: inline-block;
	font-size:14px;
	color:#666666
}


.wrap-sidenav .location a:after
{
    content: '-';
}
.wrap-sidenav .location a:last-child:after
{
    display: none;
}
.wrap-sidenav .location a:hover
{
    color: #0068A6;
	font-size:14px;
}

 @media (min-width: 1680px) {
.wrap-sidenav .location span
{
    display: inline-block;
	font-size:16px;
	color:#666666
}
.wrap-sidenav .location a
{
    display: inline-block;
	font-size:16px;
	color:#666666
}
.wrap-sidenav .location a:after
{
    content: '-';
}
.wrap-sidenav .location a:last-child:after
{
    display: none;
}
.wrap-sidenav .location a:hover
{
    color: #0068A6;
	font-size:16px;
}
}

.location1 .iconfont1 {
    position: absolute;
    width: 285px;
    height: 56px;
    float: left;
	background: url(../tupian/bgmenu.png) no-repeat  center;
}


.ban-sales {
  width: 100%;
  min-width: 1200px;
  overflow: hidden;
    height: 440px;
}
.ban-sales .txt {
  left: 0;
  top: 100px;
  width: 100%;
  text-align: center;
}
.ban-sales .txt h2, .ban-sales .txt h3, .ban-sales .txt p {
  position: relative;
  opacity: 0;
  filter: alpha(opacity=0);
  top: 40px;
  font-weight: normal;
  text-shadow: 0 0 10px #ccc;
}
.ban-sales .txt h2 {
  text-transform: uppercase;
  font-size: 50px; letter-spacing:1px; 
  color: #000000;
}
.ban-sales .txt h3 {
	width: 100%;
    text-align: center;
    margin: 0 auto;
    color: #fff;
    line-height: 36px;
    font-size: 47px;
    text-shadow: 0 0 4px #999; letter-spacing:2px
}
.ban-sales .txt p {
  font-size: 18px;
  line-height: 30px;
  color: #888;
}
.ban-sales .bg {
  background: url(bg5.png) no-repeat center;
}

.por{
    position: relative;
}
.poa{
    position: absolute;
}
.conimg img{ max-width:1200px}

.aaimg img { max-width:1150px}

.leftfont1 {font-size:25px; font-weight:bold; letter-spacing:2px; color:#333}
@media (min-width: 1680px) {
.leftfont1 {font-size:27px; font-weight:bold; letter-spacing:2px; color:#333}
}
.aaimg1 img { max-width:1150px}

.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:98%}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}
.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}
.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}
.clearfix:before,.clearfix:after,.dl-horizontal dd:before,.dl-horizontal dd:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after,.btn-toolbar:before,.btn-toolbar:after,.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after,.nav:before,.nav:after,.navbar:before,.navbar:after,.navbar-header:before,.navbar-header:after,.navbar-collapse:before,.navbar-collapse:after,.pager:before,.pager:after,.panel-body:before,.panel-body:after,.modal-footer:before,.modal-footer:after{display:table;content:" "}.clearfix:after,.dl-horizontal dd:after,.container:after,.container-fluid:after,.row:after,.form-horizontal .form-group:after,.btn-toolbar:after,.btn-group-vertical>.btn-group:after,.nav:after,.navbar:after,.navbar-header:after,.navbar-collapse:after,.pager:after,.panel-body:after,.modal-footer:after{clear:both}

.contact{margin-top:60px}.contact .list-ol{width:100%;padding:0;display:flex;margin-top:35px}.contact .list-ol li{flex:1;text-align:center}.contact .list-ol li:nth-child(2n+1){border-left:1px dashed #c2c2c2;border-right:1px dashed #c2c2c2}.contact .list-ol li p{color:#1a355e;margin-top:10px}.contact .list-ol li a{margin-top:.5em}.contact .list-ol li span{display:inline-block;width:30%; }.contact .list-ol li span>img{margin:0 auto;width:38%}.contact .list-ol+h2{margin-top:6em}.contact .mode{margin-top:3em;overflow:hidden;position:relative;margin-bottom:6em}.contact .mode ul{float:left;width:100%;padding:0;padding-top:12.5px;width:calc(100% + 30px);margin-left:-30px}.contact .mode ul li{float:left;border:1px solid #989898;height:150px;margin-left:30px;width:calc(33.3% - 30px);border-top:0;text-align:center}.contact .mode ul li .dian{color:#1a355e;font-size:1.3em;margin-top:-12.5px;background:url(../images/temp/about/dian.png) center center repeat-x;width:100%}.contact .mode ul li .dian span{padding-left:1.2em;padding-right:1.2em;display:inline-block;background-color:#fff}.contact .mode ul li .dian+div{margin-top:1.5em;text-align:left;padding-left:5em}.contact .mode ul li .dian+div span{color:#1a355e;font-size:1em}.contact .mode ul li .dian+div img{display:inline-block}.contact .mode ul li .dian+div+div{margin-top:.8em;text-align:left;padding-left:5.3em}.contact .mode ul li .dian+div+div span{color:#1a355e;font-size:1em}.contact .mode ul li .dian+div+div img{display:inline-block}.news .toggle-icon li a{width:20%;margin:0 auto}.news .toggle-icon li a>span{min-height:48px}.news .toggle-icon li a>img{width:68%}.news .toggle-icon li a span:nth-child(2){margin-top:1em}.news-list{width:100%;margin-top:1em;margin-bottom:6em}.news-list>div{overflow:hidden;position:relative;padding-top:3em}.news-list>div .news-img{float:left;width:26%}.news-list>div .news-img img{width:100%}.news-list>div .news-brief{float:left;width:74%;padding-left:2.5em}.news-list>div .news-brief .brief-title{margin-top:.8em;font-size:16px}.news-list>div .news-brief .brief-time{margin-top:.8em}.news-list>div .news-brief .brief-content{margin-top:.8em}.news-list>div .news-brief .view-more{color:#1a355e;bottom:0;position:relative;font-size:1em;cursor:pointer;margin-top:.5em}.news-list>.page{padding-top:0}.page{width:100%;text-align:center;margin-top:3.5em}.page .pagination{margin-left:-.3em;margin:0}.page .pagination li a{margin-left:.3em;color:#666}
.btn-qq{display:inline-block;padding:10px 28px 10px 28px;text-align:center;position:relative;text-decoration:none;letter-spacing:3px; font-size:16px}.btn-qq.btn-qq-default{background-color:#0068A6;color:#fff; font-size:16px}.btn-qq.btn-qq-default:hover:after{border:solid 1px #1a355e;background-color:#0068A6}.btn-qq.btn-qq-white{background-color:#fff;color:#1a355e}.btn-qq.btn-qq-white:hover:after{border:solid 1px #fff;background-color:#0068A6}.btn-qq.btn-qq-hollow{border:solid 1px #1a355e;background-color:transparent;color:#1a355e}

.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}




/*工具*/
.fix { *zoom: 1; *clear: both;}
.fix:before, .fix:after { display: table; clear: both; content: '';}
.l { float: left;}.r { float: right;}


.auto1200 { width:1200px; margin-right:auto; margin-left:auto;}
.autos{transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease;}
.main .pinpai{padding-top:40px;padding-bottom:70px; overflow:hidden; background:#fff; position:relative; z-index:3; transition-duration:1s;}
.main .pinpai.go_top{margin-top:-94px;}
.main .pinpai .title{font-size:36px; line-height:1; margin-bottom:10px; color:#000; text-align:center;}
.main .pinpai .info{font-size:14px; color:#a3a3a3; width:40%; margin:0 auto 40px;}
.main .pinpai .l_box{width:49%;}
.main .pinpai .l_box  a{display:block;}
.main .pinpai .l_box .img_box{position:relative; height:450px; width:100%;}
.main .pinpai .l_box .img_box >img{position:absolute; left:0; top:0; width:100; height:100%;}
.main .pinpai .l_box .img_box .pd{padding:100px 100px 0 40px; position:relative; z-index:1;}
.main .pinpai .l_box .img_box .pd .tit{font-size:65px; font-family:Impact; color:#fff; width:250px; margin-bottom:15px; line-height:1;}
.main .pinpai .l_box .img_box .pd .zh_tit{font-size:30px; color:#fff; margin-bottom:30px;}
.main .pinpai .l_box .img_box .pd .pinpai_info{font-size:14px; line-height:26px; color:#fff;}
.main .pinpai .r_box{width:50%;}
.main .pinpai .r_box .video_box{height:260px; width:100%; position:relative; overflow: hidden;}
.main .pinpai .r_box .video_box video{position:absolute; left:0; top:0; min-width:100%; min-height:100%;}
.main .pinpai .r_box .video_box >img{position:absolute; left:0; top:0; width:100%; height:100%;}
.main .pinpai .r_box .video_box .v_mask{position:absolute; width:100%; height:100%; left:0; top:0; background:url(../tupian/mainwh.png) center center no-repeat;}
.main .pinpai .r_box .info_box{height:190px; background:#1b76bc;background:-webkit-gradient(linear,center left, center right, from(#255495), to(#1b76bc)); background: -webkit-linear-gradient(left,#255495,#1b76bc); overflow:hidden;
background:url(../tupian/mainjishu.jpg)center center no-repeat;}
.main .pinpai .r_box .info_box a{display:block;}
.main .pinpai .r_box .info_box a:hover .name{color:#dfecf7;}
.main .pinpai .r_box .info_box a:hover .text{color:#dfecf7;}
.main .pinpai .r_box .info_box .name{margin-top:60px; font-size:26px; color:#fff; text-align:center; margin-bottom:15px; line-height:1;}
.main .pinpai .r_box .info_box .text{font-size:15px; color:#fff; text-align:center; padding:0 50px;}

.index .pt4 {height:300px; background-repeat:no-repeat; background-position:center center; }
.index .pt4 .box{float:left; width:33.333333%; position:relative; height:300px;}
.index .pt4 .box1 .mask{position:absolute; width:100% ;height:100%; right:0; top:0;}
.index .pt4 .box3 .mask{position:absolute; width:100%;height:100%; left:0; top:0; }
.index .pt4 .box2 .mask{position:absolute; width:100%;background:url(../xinimg/pink.png) repeat; height:100%; left:0; top:0; }
.index .pt4 .box2 .img_con{background:url(../img/circle.png) center 12px no-repeat;}
.index .pt4 .box a{display:block; position:relative; z-index:1;}
.index .pt4 .box .img_con{margin-top:60px; width:170px; margin-left:auto; margin-right:auto; padding:20px 0 30px;}
.index .pt4 .box .img_con .img_box{width:80px; height:70px; margin:0 auto; background-repeat:no-repeat; transition: transform 0.5s ease; -webkit-transition: transform 0.5s ease;}
.index .pt4 .box .img_con .t1{font-size:24px; color:#fff;text-align:center;}
.index .pt4 .box .img_con .t2{font-size:15px; color:#fff; text-align:center; padding-top:6px}
.index .pt4 .box a:hover .img_box{transform:  rotateY(180deg); -webkit-transform:  rotateY(180deg);}
.index .pt4 .box a:hover .img_con{background:url(../xinimg/circle.png) center 12px no-repeat;}


.mw{width:1200px;margin:0 auto;}
dl#honor{padding:50px 0 25px 0;height:615px; background:#F0F2F7}
dl#honor dt.tl{padding-left:5px;height:55px;font-size:35px;color:#0068A6f;font-weight:normal;width:360px;margin:0 auto 30px;line-height:55px;}
dl#honor dt.tl strong{padding:0px 10px;color:#0068A6;font-size:36px;font-weight:bold;}
dd#CerHonor{height:530px; position:relative; overflow:hidden; }
dd#CerHonor ul{height:260px;}
dd#CerHonor ul li{width:300px;float:left;height:180px;}
dd#CerHonor ul li a{display:block;text-align:center;margin:0 auto;width:260px;height:210px;padding:10px;background:#fff;}
dd#CerHonor ul li a:hover{background-color:#0068A6;color:#fff; text-decoration:none}
dd#CerHonor ul li a span.img{display:block;height:180px;overflow:hidden;}
dd#CerHonor ul li a span.els{display:block;height:30px;line-height:42px;font-size:15px; }
dd#CerHonor div.hd{padding:20px 0;height:43px; text-align:center;clear:both;}
dd#CerHonor div.hd a{display:inline-block;width:51px;height:43px;background-color:#fff;background-position:center center; background-repeat:no-repeat;}
dd#CerHonor div.hd a.prev{background-image:url(prev.gif);}
dd#CerHonor div.hd a.next{background-image:url(next.gif);}


.w1121{
	width: 1230px;
	margin: 0 auto;
	position: relative;
}

.f-cb {
  zoom: 1;
}

.f-cb:after {
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden;
  content: ".";
}

.fl {
  float: left;
  display: inline;
}

.fr {
  float: right;
  display: inline;
}
.pro-list{
	background: #f5f5f5;
	width: 100%;
	padding: 20px 0px 28px 0;
}
.pro-list li{
	width: 100%;
	padding: 30px 0 28px;
	float: left;
}
.pro-list li .pic{
	width: 400px;
	height: 300px;
	overflow: hidden;
	margin-left:20px;
	 border: #E1E1E1 1px solid;
    padding: 2px;
}
.pro-list li img{
	max-height: 298px;
	max-width: 398px;
	transition: all 1s;
}
.pro-list li:hover img{
	transition: transform 1s;
	transform: scale(1.1);
}
.pro-list li .box{
	width: 735px; padding-right:20px
}
.pro-list li h2{
	color: #333333;
	font-weight: bold;
	font-size: 21px;
	line-height: 42px;
}
.pro-list li p.con{
	font-size: 14px;
	color: #666666;
	line-height: 27px;
	min-height: 136px;
	overflow: hidden;
	padding-bottom:20px;
	padding-top:6px
}
.pro-list li p.more{
	font-size: 16px;
	width: 150px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #0068A6;
	color: #eaeaea;
	transition: all 0.5s;
	border-radius: 3px;
}
.pro-list li:hover p.more{
	background: #1d6bc3;
	color: #fff;
	transition: all 0.5s;
}


.fade-bot{
	position: relative;
	top: 30px;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: all 0.4s linear 0s;
}
.fade-bot.fadeIn{
	top: 0;
	opacity: 1;
	filter: alpha(opacity=100);
}


.pro-list1{
	background: #E4E4E4;
	width: 100%;
	padding: 20px 0 28px;
}
.pro-list1 li{
	width: 100%;
	padding: 30px 0 28px;
	float: left;
}
.pro-list1 li .pic{
	width: 400px;
	height: 300px;
	overflow: hidden;
	margin-left:20px;
	 border: #E1E1E1 1px solid;
    padding: 2px;
}
.pro-list1 li img{
	max-height: 298px;
	max-width: 398px;
	transition: all 1s;
}
.pro-list1 li:hover img{
	transition: transform 1s;
	transform: scale(1.1);
}
.pro-list1 li .box{
	width: 735px; padding-right:20px
}
.pro-list1 li h2{
	color: #333333;
	font-weight: bold;
    font-size: 21px;
	line-height: 42px;
}
.pro-list1 li p.con{
	font-size: 14px;
	color: #666666;
	line-height: 27px;
	min-height: 136px;
	overflow: hidden;
	padding-bottom:20px;
	padding-top:6px
}
.pro-list1 li p.more{
	font-size: 14px;
	width: 150px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #0068A6;
	color: #eaeaea;
	transition: all 0.5s;
	border-radius: 3px;
}
.pro-list1 li:hover p.more{
	background: #0D54A5;
	color: #fff;
	transition: all 0.5s;
}

.PrevNextBox dl{font-size:17px; line-height:50px; height:50px; padding: 15px 0px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; float:left; width:49.5%; text-align:center; background:#F5F5F5;}
.PrevNextBox dl:nth-child(2n){float:right;}
.PrevNextBox dl b{color:#000; font-weight: normal;}
.PrevNextBox dl a{color:#333; font-size:17px;}
.PrevNextBox dl:hover{background:#0068a6;}
.PrevNextBox dl:hover b{color:#fff;}
.PrevNextBox dl:hover a{color:#fff;}

.FrontComContent_list01-d1_c1 .menu-first{overflow:hidden;float:left}
.FrontComContent_list01-d1_c1 .menu-first UL LI{width:130px;float:left}
.FrontComContent_list01-d1_c1 .menu-first UL LI A{line-height:60px;display:block;background:none transparent scroll repeat 0 0;height:60px;border-right:#dedede 1px solid;text-decoration:none}
.FrontComContent_list01-d1_c1 .menu-first UL LI A:hover{background:#0068A6}
.FrontComContent_list01-d1_c1 .menu-first UL LI A.current{background:none transparent scroll repeat 0 0}
.FrontComContent_list01-d1_c1 .menu-first UL LI A.current:hover{background:#0068A6}
.FrontComContent_list01-d1_c1 .menu-first UL LI.menu-none A{text-align:center;line-height:56px;display:block;background:none transparent scroll repeat 0 0;height:56px;border-right:#dedede 1px solid;text-decoration:none}
.FrontComContent_list01-d1_c1 .menu-first UL LI.menu-none A:hover{background:#0068A6}
.FrontComContent_list01-d1_c1 .menu-first UL LI.menu-none1 A{text-align:center;line-height:56px;display:block;height:56px;text-decoration:none;color:#ffffff;background:#0068A6;}
.FrontComContent_list01-d1_c1 .menu-first UL LI.menu-none1 A:hover{background:#0068A6;color:#ffffff}


.f-cb{
    zoom: 1;
}
.f-cb:after{
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    overflow:hidden;
    content:".";
}

.footer .foot .nav {
      width:100%;
      height: auto;
      float: right; }
.footer .foot .nav dl {
        width: 20.5%;
        height: auto;
        margin-right: 4.46%;
        float: left; margin-top:-20px }
        .footer .foot .nav dl dt {
          width: 100%;
          height: auto;
          border-bottom: 1px solid rgba(255, 255, 255, 0.1);
          font-size: 18px;
          line-height: 18px;
          padding-bottom: 20px;
          margin-bottom: 12px; }
          .footer .foot .nav dl dt a {
            display: block;
            width: 100%;
            height: auto;
            color: #fff;
			 font-size: 17px;
            transition: color .5s; }
            .footer .foot .nav dl dt a:hover {
              color: #0068A6; }
			  
        .footer .foot .nav dl dd {
          width: 100%;
          height: auto;
          font-size: 13px;
          line-height: 30px; }
          .footer .foot .nav dl dd a {
            color: #c2c2c2;
            display: block;
            width: 100%;
            height: auto;
			font-size: 13px;
            transition: color .5s; }
            .footer .foot .nav dl dd a:hover {
              color: #fff; }
			  
	
.youshi1{background: url(../tupian/jiameng_youshi_07.png); width: 171px; height: 42px; color: #fff; font-size: 22px; font-family: txwth;text-align: center; line-height: 42px; margin-bottom:20px; margin-top:20px}


.maxwh{
	width: 100% !important;
}



.company {padding-bottom: 20px}
 .auto_1300{width:1300px;}
.company .new_left{width:650px;float: left; background:#E7E7E7}
.company .new_right{width: 600px;float: right;}

.btn-more{display:inline-block;padding:13px 38px;text-align:center;position:relative;text-decoration:none;letter-spacing:2px; font-size:16px;border-radius:5px}
.btn-more.btn-more-default{background-color:#0068A6;color:#fff; font-size:16px}
.btn-more.btn-more-default:hover{background-color:#ED1B24}

.btn-more1{display:inline-block;padding:13px 33px;text-align:center;position:relative;text-decoration:none;font-size:16px;border-radius:8px; width:354px}
.btn-more1.btn-more1-default{background-color:#F5F6F7;color:#59597E; font-size:16px; line-height:28px}
.btn-more1.btn-more1-default:hover{background-color:#163581;color:#ffffff;transform: translateX(-15px);filter: alpha(opacity=0); transition: transform .5s,opacity .5s; }

.abouta1 li{ float:left; width:33%; position:relative; padding-left:27px;padding-right:20px;  text-align:left; border-left:1px solid #ccc; height:110px;box-sizing: border-box;}
.abouta1 li:before{ content:''; position:absolute; left:-1px; top:0; width:1px; height:30%; background:#FF5E1E; z-index:1; } 
.abouta1 .counter{ font-family:'Open Sans'; font-size:42px; color:#686868; line-height:70px; font-weight:bold; display:inline-block; text-align:center } 
.abouta1 li p{ color:#999; font-size:14px; line-height:26px} 
.abouta1 .count-unit{ font-size:22px; color:#333; text-align:right; display:inline-block; font-style:normal;  } 


.w101-page-header .w101-page-header-title {
  font-size: 40px;
  text-align: center;
  line-height: 1;
  margin-bottom: 12px;
  font-weight: normal;
  color: #024886;
  text-transform: uppercase;
}
.w101-page-header .w101-page-header-desc {
  font-size: 16px;
  line-height: 1.576;
  color: #333333;
  margin-bottom: 32px;
}
.w101-wrapper {
  max-width: 1300px;
  margin: 0 auto;
  padding: 0 32px;
}
.w101-section {
  margin-bottom: 64px;
}
/*!- w101-tabs begin -*/
.w101-tabs .w101-tabs-thumb {
  font-size: 0;
  text-align: center;
  margin-bottom: 32px;
  border-bottom: 1px solid #f0f0f0;
}
.w101-tabs .w101-tabs-thumb {
  position: relative;
}
.w101-tabs .w101-tabs-thumb .swiper-slide {
  height: auto;
  
}
.w101-tabs .w101-tabs-thumb .w101-tabs-thumb-item {
  display: block;
  position: relative;
  height: 100%;
  padding-top: 36px; padding-bottom:16px;
  margin: 0 16px;
  transition: color .5s;
  color: #333333;
  background:#F4F2F2
}
.w101-tabs .w101-tabs-thumb .w101-tabs-thumb-item:hover {
  display: block;
  position: relative;
  height: 100%;
  padding-top: 36px; padding-bottom:16px;
  margin: 0 16px;
  color: #ffffff;
  background:#0068A6
}
.w101-tabs .w101-tabs-thumb .w101-tabs-thumb-item:after {
  display: block;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 1px;
  background-color: #024886;

}
.w101-tabs .w101-tabs-thumb .w101-tabs-thumb-item .w101-tabs-thumb-icon {
  display: block;
}
.w101-tabs .w101-tabs-thumb .w101-tabs-thumb-item .w101-tabs-thumb-icon > img {
  display: inline-block;
  vertical-align: top;
  width: auto;
  height: 48px;
}
.w101-tabs .w101-tabs-thumb .w101-tabs-thumb-item .w101-tabs-thumb-text {
  display: block;
  font-size: 22px;
  line-height: 1;
  margin-top: 24px;
}
.w101-tabs .w101-tabs-thumb .w101-tabs-thumb-item:hover {
  color: #B2DAF2;
}
.w101-tabs .w101-tabs-thumb .swiper-slide-thumb-active .w101-tabs-thumb-item:after {
  width: 100%;
}

.w101-tabs .w101-tabs-content-item {
  padding: 2px 0 0;
  font-size: 18px;
  color: #666666;
}
.w101-tabs .w101-tabs-content-item:before, .w101-tabs .w101-tabs-content-item:after {
  display: table;
  content: "";
  width: 100%;
}
.w101-tabs .w101-tabs-content-item:after {
  clear: both;
}
.w101-tabs .w101-tabs-content-item img {
  display: block;
  width: 100%;
  height: auto;
}
.w101-tabs .w101-tabs-content-item p {
  line-height: 2;
  text-align: justify;
}
.w101-tabs .w101-tabs-content-item .title {
  display: block;
  font-size: 28px;
  line-height: 1.576;
  margin-bottom: 12px;
  font-weight: normal;
  color: #024886;
}
.w101-tabs .w101-tabs-content-item .btn {
  display: inline-block;
  border: 1px solid #024886;
  color: #024886;
  font-size: 14px;
  line-height: 36px;
  text-align: center;
  padding: 0 24px;
  margin-top: 4vh;
  transition: all .5s;
}
.w101-tabs .w101-tabs-content-item .btn:hover {
  background-color: #024886;
  color: rgba(255, 255, 255, 0.85);
}
.w101-tabs .w101-tabs-content-item .w101-tabs-content-cover {
  float: left;
  width: 44%;
}
.w101-tabs .w101-tabs-content-item .w101-tabs-content-intro {
  float: left;
  width: 52%;
  padding-left:30px
}



.project{
  width:100%;
  height:auto;
  margin:0 auto;
  overflow:hidden;
}
.indexTypes{width:100%;margin:0 auto; overflow:hidden;}
.indexTypes ul{
  width:101%;
  list-style:none;
  display:block;
}
.indexTypes ul li{position:relative;float:left;width:20%;overflow:hidden;height:570px;overflow:hidden;}
.indexTypes ul li:hover{cursor:pointer;}
.indexTypes ul li.currnet{width:30.99%;}
.indexTypes ul li .title{width:100%; font-size:18px;color: #fff;font-family:"微软雅黑";height:570px; float:left; text-align:center; display:none;}
.indexTypes ul li .title p{width:60.5%;border-bottom:1px solid #fff;height:75px; display:block; margin:10px auto 0; color:#abaaab;text-transform:uppercase; font-size:18px;}
.indexTypes ul li:first-child .title h2{font-size:36px;}
.indexTypes ul li .title h2{width:46.5%;font-weight:100;padding-top:50px; border-top:1px solid #fff; display:block; margin:50% auto 0; max-height:42px; font-size:28px;}


.indexTypes ul li.current .title{background:url(../xinimg/syb_03.png); width:100%; height:570px; display:block;}
.indexTypes ul li .con{position:absolute;top:0; width:100%; left:0%;overflow:hidden;height:570px;overflow:hidden; }

.indexTypes ul li .title h2{
  font-size:18px;
}

.indexTypes ul li .title h2:first-child{font-size:18px;}

.indexTypes ul li .title p{
  font-size:14px;
}

