/**
 * style.less
 * 层叠样式表
 */

.banner
{
    font-size: 0;

    position: relative;

    overflow: hidden;

    width: 100%;
}
@media (max-width: 1199px)
{
    .banner
    {

    }
}
.banner .item
{
    position: relative;
}
.banner .slickbanner
{
    overflow: hidden;
}

.banner .slick-dots
{
    position: absolute;
    bottom: 30px;

    width: 100%;
    margin: 0;
    padding: 0;

    text-align: center;
}
@media (max-width: 1199px)
{
    .banner .slick-dots
    {
        bottom: 10px;
    }
}
.banner .slick-dots li
{
    display: inline-block;

    width: 10px;
    height: 10px;
    margin: 0 10px;

    cursor: pointer;
    -webkit-transition: all .4s;
            transition: all .4s;

    border-radius: 50%;
    background-color: #fff;
}
.banner .slick-dots li.slick-active
{
    background-color: #133077;
}
.banner .slick-dots li button
{
    display: none;
}
.banner .slick-arrow
{
    line-height: 40px;

    position: absolute;
    z-index: 9;
    z-index: 8;
    top: 50%;
    left: 3%;

    overflow: hidden;

    padding: 0;

    cursor: pointer;
    -webkit-transition: all .4s;
            transition: all .4s;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    text-align: center;

    color: #fff;
    border: none;
    border-radius: 50%;
    outline: none;
    background: none;
}
@media (max-width: 1199px)
{
    .banner .slick-arrow
    {
        left: 8%;
    }
}
.banner .slick-prev
{ width:68px; height:68px;  background:url(../../images/iban_btn01.png) no-repeat; background-size:100%;
   
}
@media (max-width: 991px)
{
    .banner .slick-arrow:before
    {
        font-size: 30px;
    }
}
.banner .slick-arrow.slick-next
{
    right: 3%;
    left: auto; 
}

.banner .slick-arrow.slick-next
{
    
    left: auto; background:url(../../images/iban_btn02.png) no-repeat; width:68px; height:68px; background-size:100%;
}
.banner .slick-arrow:hover
{
    color: #062164;
}
.banner img
{
    display: block;

    width: 100%;
}

@media (max-width: 1199px)
{
    .banner .slick-arrow.slick-next
    {
        right: 10%; background:none;
    }
	
	.banner .slick-prev{ background:none;}
}



.page
{
    padding-top: 70px;

    text-align: center;
}
@media (max-width: 991px)
{
    .page
    {
        padding-top: 20px;
    }
}




.page a
{
    font-size: 16px;
    line-height: 30px;

    display: inline-block; margin:0 3px;
    padding: 0 10px; border:1px solid #999;
    color: #999;
}



@media (max-width: 991px)
{
    .page a
    {
        font-size: 14px;

        padding: 0 10px;
    }
}
.page a:hover,
.page a.active
{
    color: #e31118; border:1px solid #e31118;
}
.lazy
{
    background-image: url(../js/slick/ajax-loader.gif);
    background-repeat: no-repeat;
    background-position: center;
}
.zoomDiv
{
    z-index: 8;

    display: none;
    overflow: hidden;

    text-align: center;

    border: 1px solid #ccc;
    background: #fff;
}
@media (min-width: 768px)
{
    .zoomDiv
    {
        position: absolute;
    }
}
.zoomMask
{
    position: absolute;
    z-index: 1;

    cursor: move;

    background: url('../images/mask.png') repeat scroll 0 0 transparent;
}
@media (max-width: 767px)
{
    .zoomMask
    {
        display: none;
    }
}
.fancybox-slide--iframe .fancybox-content
{
    width: 733px;
    max-width: 80%;
    height: 500px;
    max-height: 50%;
    margin: 0;
}
#google_translate_element
{
    float: right;

    margin-top: 48px;
    margin-left: 30px;
}
@media (max-width: 1199px)
{
    #google_translate_element
    {
        display: none;
    }
}
a
{
    color: inherit;
}
a:hover
{
    color: inherit;
}


.app{

	padding: 78px 0 100px 0;
}
.app ul{ margin-top: 80px;}

@media (max-width: 1199px)
{
   .app ul{ margin-top: 40px;}
}

@media (max-width: 991px)
{
   .app ul{ margin-top: 20px;}
}

.app ul li{
	float: left;
	width: 50%;
	padding:12px 60px 12px 66px;
}
.app ul li:first-child{
	margin-top: 0;
}
.app ul li .app-t span{
	display: inline-block;
	font-size: 28px;
	padding-bottom: 18px;
	border-bottom: 1px solid #d5d5d5;
}
.app ul li .app-bot{
	background:#fafafa;
	float: left;
    width: 100%;
}
.app ul li .app-bot .app-pic{
	float: right;
	width: 34.3%; border-left:10px solid #fff;
	overflow: hidden;
}
.app ul li .app-bot .app-pic .img-box{
	padding-bottom: 114.285714%;
}
.app ul li .app-bot .app-pic .img-box img{
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s; 
	-o-transition: all 0.3s ease-out 0s; 
	transition: all 0.3s ease-out 0s;
}
.app ul li:hover .app-bot .app-pic .img-box img{
	-webkit-transform: scale(1.1);
	-mos-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.app ul li .app-bot .app-p{
	float: left; 
    padding: 42px 42px 10px 42px;
	width: 60.3%;
}	
.app ul li .app-bot .app-p .app-pt{
	font-size: 28px; 
	font-weight:bold;
	line-height:1.2;
	color: #0979b9;
}

.app ul li .app-bot .app-p .app-pt span
	 { 
	   font-size:14px; 
	   font-weight:lighter;
	   color:#2e2a2b;
	}
	

.app ul li .app-bot .app-p .app-pt p{
	margin-bottom: 0; margin:0;
}
.app ul li .app-bot .app-p .app-pp{
	font-size: 16px;
	margin-top: 25px;
	line-height: 2;
	color: #2c2829;
}
.app ul li .app-bot .app-p .app-pp p{
	margin-top: 15px;
	padding-left: 0px;
	margin-bottom: 0;
	position: relative;
}
.app ul li .app-bot .app-p .app-pp p span{
	position: absolute;
	left: 0;
	top: 0;
}
@media (max-width: 1440px){
	.app{
		padding: 68px 0 104px 0;
	}
	.app ul li {
		padding: 12px 60px 12px 66px;
	}
	
	.app ul li .app-bot .app-p{
	float: left; 
    padding: 32px 22px 10px 32px;
	width: 60.3%;
}
	
	.wrap-history .history .item{ height:340px;}
	.app ul li .app-t span {
		font-size: 24px;
		padding-bottom: 16px;
	}
	.app ul li .app-bot .app-p .app-pp{
		margin-top:8px;
	}
	.app ul li .app-bot .app-p .app-pp p {
	  margin-top: 10px;
	}
}
@media (max-width: 1199px){
	.app{
		padding: 60px 0 64px 0;
	}

	.app ul li {
		padding: 10px 10px 10px 48px;
		border-radius: 24px;
	}
	.app ul li .app-bot .app-p{ padding: 20px 4px 10px 22px;}
	.app ul li .app-t span {
		font-size: 22px;
		padding-bottom: 14px;
	}
	.app ul li .app-bot {
	  margin-top: 30px;
	}
	.app ul li .app-bot .app-p .app-pt{
		font-size: 28px;
		line-height: 1.2;
	}
	
	
	.app ul li .app-bot .app-p .app-pp {
		font-size: 14px;
		line-height: 1.5;
	}
	.app ul li .app-bot .app-p .app-pp p {
		margin-top: 8px;
	}
}
@media (max-width: 991px){
	.app ul li .app-bot .app-pic,
	.app ul li .app-bot .app-p{
		width: 100%;
	}
	.app ul li .app-bot .app-p{
		margin-top: 2px;
		padding: 20px 4px 30px 22px;
	}
	.app ul li {
	  padding: 10px 3% 10px 3%;
	}
	.app ul li .app-bot .app-pic {
    
    border-left: 0;
    overflow: hidden;
}
.app ul li .app-bot .app-p .app-pt span{ line-height:1.2;}

}
@media (max-width: 767px){
.wrap-history .history .item{ height:266px;}
	.app {
	  padding: 66px 0 0px 0;
	}
	.app ul li{
		
	}
	.app ul li .app-bot .app-p .app-pt{ font-size:22px;}
	.app ul li .app-t span {
		font-size: 20px;
		padding-bottom: 12px;
	}
	.app ul li {
	  padding: 10px 1% 10px 1%;
	}
	.app ul li .app-bot {
	  margin-top: 20px;
	}
	.app ul li .app-bot .app-p {
	  margin-top: 5px;
	}
	.app ul li .app-bot .app-p
	{
	padding: 10px 2px 20px 12px; min-height:110px;
	}
	.app ul li .app-bot .app-p .app-pt span{ display:none;}
	.app ul li .app-bot .app-p .app-pp p{ font-size:13px;}
}


/*面包屑*/
.add{
	font-family: 'AvantGardeITCbyBT-Book';
	position: absolute;
	right: 0;
	top: 0;
	line-height: 60px;
	color: #c3c2c2;
	padding-left: 34px;
	background: url(../images/link-ico.png) left center no-repeat;
}
.add a{
	font-size: 14px;
	margin: 0 4px;
	color: #c3c2c2;
}
.add a:hover,
.add a.active{
	color: #e31118;
}
@media (max-width: 1680px){
	.add{
		right: 3%;
	}
}

@media (max-width: 1199px){
	.add{
		display: none;
	}
}

.wrap-product .proLeft{
	float: left;
	width: 19.1%;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	overflow: hidden;
	line-height: 58px;
	line-height: 64px;
}
.wrap-product .proLeft .proL-t{
	font-size: 28px;
	padding-left: 20px;
	letter-spacing: 0px;
	background: #0b2052;
	color: #fff;
}
.wrap-product .proLeft .proL-list,
.wrap-product .proLeft .proL-list > ul{
	float: left;
	width: 100%;
}
.wrap-product .proLeft .proL-list > ul > li{
	float: left;
	width: 100%;
	border-top: 1px solid #fff;
}
.wrap-product .proLeft .proL-list > ul > li > a{
	display: block;
	float: left;
	width: 100%;
	font-size: 18px;
	padding-left: 20px;
	letter-spacing: -1px;
	color: #999;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s; 
	-o-transition: all 0.3s ease-out 0s; 
	transition: all 0.3s ease-out 0s;
	background: #f8f8f8;
	position: relative;
}
.wrap-product .proLeft .proL-list > ul > li.active > a,
.wrap-product .proLeft .proL-list > ul > li > a:hover{
	background: #133077;
	color: #fff;
}



.wrap-product .proLeft .proL-list > ul > li:nth-child(1) > a::after,
.wrap-product .proLeft .proL-list > ul > li:nth-child(1) > a::before,
.wrap-product .proLeft .proL-list > ul > li:nth-child(3) > a::after,
.wrap-product .proLeft .proL-list > ul > li:nth-child(3) > a::before
{
	display: none;
}


.wrap-product .proLeft .proL-list > ul > li.active > a::after,
.wrap-product .proLeft .proL-list > ul > li > a:hover::after{
	background: #fff;
}

.wrap-product .proLeft .proL-list > ul > li.active > a::before,
.wrap-product .proLeft .proL-list > ul > li > a:hover::before{
	background: #fff;
}



.wrap-product .product{
	float: right;
	width: 76.9%;
}
@media (max-width: 1440px){
	.wrap-product .proLeft{
		line-height: 59px;
	}
	.wrap-product .proLeft .proL-t{
		font-size: 24px;
		letter-spacing: 0px;
	}
	.wrap-product .proLeft .proL-list > ul > li > a{
		font-size: 16px;
		letter-spacing: 0px;
	}
}
@media (max-width: 1199px){
	.wrap-product .proLeft{
		margin-bottom: 5px;
	}
	.wrap-product .proLeft,
	.wrap-product .product{	
		width: 100%;
	}
}
@media (max-width: 767px){
	.wrap-product .proLeft .proL-list > ul > li > a{
		font-size: 14px;
	}
	.wrap-product .proLeft .proL-list > ul > li{
		float: left;
		width: 49%;
		margin: 2px 2% 2px 0;
	}
	.wrap-product .proLeft .proL-list > ul > li:nth-child(2n){
		margin-right: 0;
	}
	.wrap-product .proLeft{
		line-height: 42px;
	}
	.wrap-product .proLeft .proL-t {
	  font-size: 18px;
	}
	.wrap-product .proLeft .proL-list > ul > li > a{
		font-size: 14px;
	}
	.wrap-product .proLeft .proL-list > ul > li > a::after{
		top: 15px;
		right: 15px;
		width: 2px;
		height: 12px;
	}
	.wrap-product .proLeft .proL-list > ul > li > a::before{
		top: 20px;
		right: 10px;
		width: 12px;
		height: 2px;
	}
}

.proL-ul2{
	display: none;
}
.wrap-product .proLeft .proL-list > ul > li.active .proL-ul2{
	display: block;
}
.proL-ul2,
.proL-ul2 ul{
	float: left;
	width: 100%;
}
.proL-ul2 ul li{
	float: left;
	width: 100%;
	border-top: 1px solid #fff;
}
.proL-ul2 ul li a{
	display: block;
	width: 100%;
	float: left;
	background: #f1f1f1;
	color: #999;
	line-height: 60px;
	font-size: 14px;
	padding-left: 22px;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s; 
	-o-transition: all 0.3s ease-out 0s; 
	transition: all 0.3s ease-out 0s;
}
.wrap-product .proLeft .proL-list > ul > li.active .proL-ul2 ul li.active a,
.proL-ul2 ul li a:hover{
	background: #133077;
	color: #fff;
}
@media (max-width: 767px){
	.proL-ul2 ul li a{
		font-size: 12px;
		line-height: 36px;
	}
}