@charset 'utf-8';

/** Generated by FG **/

/*@font-face {*/

/*	font-family: 'Conv_Helvetica Neue CE 35 Thin';*/

/*	src: url('../fonts/Helvetica Neue CE 35 Thin.eot');*/

/*	src: local('☺'), url('../fonts/Helvetica Neue CE 35 Thin.woff') format('woff'), url('../fonts/Helvetica Neue CE 35 Thin.ttf') format('truetype'), url('../fonts/Helvetica Neue CE 35 Thin.svg') format('svg');*/

/*	font-weight: normal;*/

/*	font-style: normal;*/

/*}*/

/** Generated by FG **/

/*@font-face {*/

/*	font-family: 'Conv_HelveticaExtObl-Heavy';*/

/*	src: url('../fonts/HelveticaExtObl-Heavy.eot');*/

/*	src: local('☺'), url('../fonts/HelveticaExtObl-Heavy.woff') format('woff'), url('../fonts/HelveticaExtObl-Heavy.ttf') format('truetype'), url('../fonts/HelveticaExtObl-Heavy.svg') format('svg');*/

/*	font-weight: normal;*/

/*	font-style: normal;*/

/*}*/

/** Generated by FG **/

/*@font-face {*/

/*	font-family: 'Conv_BELL';*/

/*	src: url('../fonts/BELL.eot');*/

/*	src: local('☺'), url('../fonts/BELL.woff') format('woff'), url('../fonts/BELL.ttf') format('truetype'), url('../fonts/BELL.svg') format('svg');*/

/*	font-weight: normal;*/

/*	font-style: normal;*/

/*}*/

body{

	overflow: hidden;

}

/*img{

	max-width: 100%;

}*/

.header1{

	position: fixed;

	top: 0px;

	left: 0px;

	z-index: 99;

	padding-left: 2.6%;

	padding-right: 2.6%;

	width: 100%;

	height: 100px;

	background-color: rgba(0,0,0,0); 

}

.header1 .logo{

	line-height: 100px;

	width: 208px;

}

.header1 nav{

	margin-right: 10%;

}

.header1 nav .li1{

	float: left;

	padding-left: 50px;

	padding-right: 50px;

}

.header1 nav .li1 > a{

	color: #fff;

	font-size: 16px;

	line-height: 100px;

}

.header1 .pulldown{

	position: fixed;

	top: 100px;

	left: 0;

	width: 100%;

	padding-right: 3%;

	background-color: rgba(255,255,255,.9);

	display: none;

	overflow: hidden;

	z-index: 99; 

	/* height: 480px; */

}

.header1 .pulldown .pdleft{

	/* width: calc(33.8% - 3px); */

	width: 33.8%;

	/* height: inherit; */

	height: 100%;

	padding: 50px 0 45px 48px;

	/* border-right: 1px solid #d2d2d2; */

	/* position: absolute; */

}

.header1 .pulldown .pdleft:after{

	position: absolute;

	top: 0px;

	left: 32.8%; 

	content: '';

	display: block;

	width: 1px;

	height: 100%;

	background-color: #d2d2d2;

}

.header1 .pulldown .pdleft h1{

	font-size: 24px;

	color: #333333;

	margin-bottom: 30px;

}

.header1 .pulldown .pdleft img{

	width: 340px;

	height: 163px;

	margin-bottom: 15px;

}

.header1 .pulldown .pdleft p{

	width: 340px;

	font-size: 16px;

	color: #464646;

	line-height: 30px;

}

.header1 .pulldown .pdcenter{

	/* position: absolute; 

	left: 33.8%;*/

	width: 47.2%;	

	/* height: inherit; */

	/* height:100%;  */

	padding: 30px 90px 60px 90px;

	/* border-right: 1px solid #d2d2d2; */

	position: relative;

}



.header1 .pulldown .pdcenter ul .li2{

	width: 39.8%;

	padding: 30px 0;

	border-bottom: 1px solid #d2d2d2;

}

.header1 .pulldown .pdcenter ul .li2 a{

	color: #464646;

	font-size: 18px;

	line-height: 1.5;

	/* display: inline-block; */

}

.header1 .pulldown .pdcenter ul .li2 a:hover{

	color: #021648;

}

.header1 .pulldown .pdcenter ul .li2 a img{

	width: 27px;

	float: left;

	margin-right: 20px;

}

.header1 .pulldown .pdcenter ul .li2 a:hover .img_s{

	display: none;

}

.header1 .pulldown .pdcenter ul .li2 a:hover .img_d{

	display: inline-block;

}

.header1 .pulldown .pdcenter ul .li2 a span{

	display: inline-block;

	float: left;

	line-height: 1.5;

}

.header1 .pulldown .pdcenter .navpro{

	width: 100%;

	padding-top: 25px;

	/* display: none; */

}

/* .header1 .pulldown .pdcenter .slick-track .navpro{

	display: block;

} */

.header1 .pulldown .pdcenter .navpro ul li{

	float: left;

	width: 45%;

	border-bottom: 1px solid #d2d2d2;

	display: inline-block;

}

.header1 .pulldown .pdcenter .navpro ul li:nth-child(odd){	

	margin-right: 10%; 

}

.header1 .pulldown .pdcenter .slick-track .navpro li{

	display: inline-block;

}

.header1 .pulldown .pdcenter .navpro ul li a{

	font-size: 18px;

	line-height: 60px;

	color: #464646;

}

.header1 .pulldown .pdcenter .navpro ul li a:hover{

	color: #021648;

}

.header1 .pulldown .pdcenter .slick-dots{

	bottom: -30px;

}

.header1 .pulldown .pdcenter .slick-dots li{

	width: 9px;

	height: 9px;

	background: url(../images/dotg.png) no-repeat;

	background-size: 100% 100%;

}

.header1 .pulldown .pdcenter .slick-dots li.slick-active{

	background: url(../images/dotb.png) no-repeat;

	background-size: 100% 100%;

}

.header1 .pulldown .pdcenter ul .li2 a img.arrow{

	/* position: absolute;

	right: 0px;

	top: 50%;

	transform: translateY(-50%); */

	float: right;

	width: 11px;

	height: 19px;	

	display: none;

	margin-right: 0px;

}

.header1 .pulldown .pdcenter li.act a{

	color: #021648;

}

.header1 .pulldown .pdcenter li.act a .img_s{

	display: none;

}

.header1 .pulldown .pdcenter li.act a .img_d{

	display: inline-block;

}

.header1 .pulldown .pdcenter ul .li2.act a img.arrow{

	display: inline-block;

}

.header1 .pulldown .pdcenter .pcnext{

	position: absolute;

	top: 70px;

	/* right: -390px; */

	left: 57%;

	padding-left: 60px;

	border-left: 1px solid #d2d2d2;

	width: 40%;

	display: none;

}

.header1 .pulldown .pdcenter .pcnext ul li{

	padding: 0px 0 30px;

}

.header1 .pulldown .pdcenter .pcnext ul li a{

	color: #464646;

	font-size: 16px;

}

/*.header1 .pulldown .pdcenter .pcnext ul li:nth-child(1) a{

	color: #021648;

}

.header1 .pulldown .pdcenter .pcnext ul li:nth-child(2) a{

	color: #021648;

}*/

.header1 .pulldown .pdcenter li.act .pcnext{

	display: block;

}

.header1 .pulldown .pdcenter ul{

	overflow: hidden;

}

.header1 .pulldown .pdcenter .hd{

	text-align: center;

	margin-top: 40px;

}

.header1 .pulldown .pdcenter .hd li{

	display: inline-block;

	width: 11px;

	height: 11px;

	background: url(../images/dotg.png) no-repeat;

	background-size: 100% 100%;

	margin: 0 8px;

	cursor: pointer;

}

.header1 .pulldown .pdcenter .hd li.on{

	background: url(../images/dotb.png) no-repeat;

	background-size: 100% 100%;

}

.header1 .pulldown .pdright{

	width: 16%;

	/* height: inherit; */

	height: 100%; 

	padding: 0 20px;

}

.header1 .pulldown .pdright:before{

	position: absolute;

	top: 0px;

	left: 78.5%;

	content: '';

	display: block;

	width: 1px;

	height: 100%;

	background-color: #d2d2d2;

}

.header1 .pulldown .pdright:after{

	position: absolute;

	top: 0px;

	left: 94%;

	content: '';

	display: block;

	width: 1px;

	height: 100%;

	background-color: #d2d2d2;

}

.header1 .pulldown .pdright ul li{

	position: relative;

	padding: 50px 0 50px 50px;

	border-bottom: 1px solid #d2d2d2;

}

.header1 .pulldown .pdright ul li a{

	color: #464646;

	font-size: 18px;

}

.header1 .pulldown .pdright ul li a:hover{

	color: #021648;

}

.header1 .pulldown .pdright ul li a img{

	position: absolute;

	left: 0px;

	top: 50%;

	margin-right: 20px;

	transform: translateY(-50%);

	-o-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	-moz-transform: translateY(-50%);

	-webkit-transform: translateY(-50%);

}

.header1 .pulldown .pdright ul li a:hover .img_s{

	display: none;

}

.header1 .pulldown .pdright ul li a:hover .img_d{

	display: inline-block;

}

.header1 .return{

	position: absolute;

	top: 50%;

	right: 50px;

	color: #fff;

	transform: translateY(-50%);

	-o-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	-moz-transform: translateY(-50%);

	-webkit-transform: translateY(-50%);

}

.header1 .return a{

	display: inline-block;

	padding:0 10px;

	font-size: 16px;

	color: #fff;

}

.header1 .return a:nth-child(1){

	border-right: 1px solid #ffffff;

}

.header1 .ab{

	position: absolute;

	top: 0px;

	right: 50px;

	display: none;

}

.header1 .ab .language{

	font-size: 16px;

	color: #fff;

	/* font-weight: bold; */

	padding-left: 20px;

	line-height: 100px;

	border-left: 1px solid #fff;

}

.header1 .ab .search img{

	padding-left: 20px;

	width: 45px;

}

.header1.act{

	position: fixed;

	top: 0px;

	left: 0px;

	width: 100%;

	height: 80px;

	padding-left: 2.6%;

	padding-right: 2.6%;

	background-color: rgba(255,255,255,.98);

}

.header1 .logo img:last-child{

	display: none;

}

.header1.act .logo img:first-child{

	display: none;

}

.header1.act .logo img:last-child{

	display: inline-block;

}

.header1.act .logo{

	line-height: 80px;

}

.header1.act nav .li1 > a{

	color: #333333;

	line-height: 80px; 

}

.header1.act .pulldown{

	top: 80px;

}

.header1.act .ab .language{

	color: #333333;

	line-height: 80px;

	border-left: 1px solid #999999;

}

.header1 .ab .search img{

	display: none;

}

.header1 .ab .search img:first-child{

	display: inline-block;

}

.header1.act .ab .search img{

	width: 40px;

}

.header1.act .ab .search img:first-child{

	display: none;

} 

.header1.act .ab .search img:nth-child(2){

	display: inline-block;

}

.header1.act .ab .search:hover img:nth-child(2){

	display: none;

}

.header1.act .ab .search:hover img:nth-child(3){

	display: inline-block;

}

.header1.act .return a{

	color: #333333;

}

.header1.act .return a:nth-child(1){

	border-right: 1px solid #333333;

}

.header2{

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 80px;

	background-color: #012d52;

	z-index: 99;

	padding-left: 15px;

	padding-right: 15px;

}

.header2 .logo{

	line-height: 80px;

}

.header2 .phsearch{

	position: absolute;

	top: 50%;

	transform: translateY(-50%);

	-ms-transform:translateY(-50%); 	/* IE 9 */

	-moz-transform:translateY(-50%); 	/* Firefox */

	-webkit-transform:translateY(-50%); /* Safari 和 Chrome */

	-o-transform:translateY(-50%);

	right: 75px;

}

.header2 .phsearch img{

	width: 30px;

	cursor: pointer;

}

.header2 .menuph{

	position: absolute;

	top: 50%;

	transform: translateY(-50%);

	transform: translateY(-50%);

	-ms-transform:translateY(-50%); 	/* IE 9 */

	-moz-transform:translateY(-50%); 	/* Firefox */

	-webkit-transform:translateY(-50%); /* Safari 和 Chrome */

	-o-transform:translateY(-50%);

	right: 15px;

	width: 50px;

	height: 50px;

	cursor: pointer;

	text-align: center;

	/*background-color: #fff;*/

}

.header2 .menuph .point{

	position: relative;

	display: inline-block;

	width: 28px;

	height: 22px;

	margin-top: 14px;

}

.header2 .menuph .point:hover .navbtn,

.header2 .menuph .point:hover .navbtn::after,

.header2 .menuph .point:hover .navbtn::before{

    width: 28px;

}

.header2 .menuph .navbtn{

	position: absolute;

	top: 10px;

	right: 0;

	display: inline-block;

	width: 28px;

	height: 1px;

	-webkit-transition: all .3s ease-out 0s;

       -moz-transition: all .3s ease-out 0s;

        -ms-transition: all .3s ease-out 0s;

         -o-transition: all .3s ease-out 0s;

            transition: all .3s ease-out 0s;

    /*background:#012d52;*/

    background: #fff;

}

.header2 .menuph .navbtn::after,

.header2 .menuph .navbtn::before{

    position: absolute;

    right: 0;

    display: inline-block;

    width: 28px;

    height: 1px;

    content: '';

    -webkit-transition: all .3s ease-out 0s;

       -moz-transition: all .3s ease-out 0s;

        -ms-transition: all .3s ease-out 0s;

         -o-transition: all .3s ease-out 0s;

            transition: all .3s ease-out 0s;

    /*background: #012d52;*/

    background: #fff;

}

.header2 .menuph .navbtn::after{

    top: -11px;

}

.header2 .menuph .navbtn::before{

    top: 10px;

}

.header2 .menuph .point.active .navbtn{

    background: transparent;

}

.header2 .menuph .point.active .navbtn::after{

    top: 0;

    -webkit-transform: rotate(45deg);

       -moz-transform: rotate(45deg);

        -ms-transform: rotate(45deg);

         -o-transform: rotate(45deg);

            transform: rotate(45deg);

}

.header2 .menuph .point.active .navbtn::before{

    top: 0;

    -webkit-transform: rotate(-45deg);

       -moz-transform: rotate(-45deg);

        -ms-transform: rotate(-45deg);

         -o-transform: rotate(-45deg);

            transform: rotate(-45deg);

}

.searchbox{

    position: fixed;

    z-index: 999;

    top: 0;

    left: 0;

    display: none;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, .85);

}

.searchbox .sou{

    position: absolute;

    top: 50%;

    left: 50%;

    width: 847px;

    -webkit-transform: translate(-50%, -50%);

       -moz-transform: translate(-50%, -50%);

        -ms-transform: translate(-50%, -50%);

         -o-transform: translate(-50%, -50%);

            transform: translate(-50%, -50%);

}

.searchbox .sou input{

    font-size: 18px;

    float: left;

    width: 731px;

    height: 87px;

    padding-left: 30px;

    color: #333;

    background: #fff;

}

.searchbox .sou button{

    line-height: 86px;

    float: right;

    width: 102px;

    height: 87px;

    margin-left: 3px;

    text-align: center;

    background: #012d52;

}

.searchbox .sou button img{

    width: 44px;

}

.searchbox .tansouc{

    position: absolute;

    top: 60px;

    right: 15px;

    cursor: pointer;

}

@media screen and (max-width: 991px)

{

    .searchbox .sou{

        width: 750px;

    }

    .searchbox .sou input{

        width: 638px;

    }

}

@media screen and (max-width: 767px)

{

    .searchbox .sou{

        width: 100%;

        padding-right: 15px;

        padding-left: 15px;

    }

    .searchbox .sou input{

        font-size: 12px;

        width:         calc(100% - 70px);

        width: -webkit-calc(100% - 70px);

        height: 50px;

        padding-left: 15px;

    }

    .searchbox .sou button{

        line-height: 50px;

        width: 60px;

        height: 50px;

    }

    .searchbox .sou button img{

        width: 26px;

    }

}

/*手机下拉*/

.phxia{

    position: relative;

    margin-top: 80px; 

   /*  position: fixed;

   top: 80px;

   left: 0px; */

    width: 100%;

    z-index: 98;

}

.xialaph{

    font-family: '微软雅黑';

    position: absolute;

    z-index: 99;

    top: 0px;

    left: 0;

    display: none;

    width: 100%;

    padding-bottom: 30px;

    background-color: #fff;

}

@media screen and (max-width: 992px)

{

    .xialaph .container{

        width: 100%;

        padding: 0 40px;

    }

}

@media screen and (max-width: 768px)

{

    .xialaph .container{

        width: 100%;

        padding: 0 20px;

    }

}

.xialaph h4 a{

    font-size: 16px;

    font-weight: bold;

    line-height: 59px;

    color: #999;

    width: 90%;

    display: inline-block;

}

.xialaph h4{

    position: relative;

    border-bottom: 1px solid #ddd;

}

.xialaph .ul1 li:last-child h4{

	border-bottom: 0;

}

.xialaph .ul1 li:last-child h4 a{

	width:100%;

	border-bottom: 1px solid #ddd;

}

.xialaph h4::after{

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 1px;

    content: '';

    opacity: .1;

    background-color: #e5e5e5;

}

.xialaph h4 img{

    float: right;

    width: 13px;

    margin-top: 23px;

    cursor: pointer;

}

.xialaph .ul2{

    padding-top: 7px;

    padding-bottom: 8px;

    background-color: #f0f0f0;

    display: none;

}

.xialaph h5 a{

    font-family: '微软雅黑';

    font-size: 14px;

    line-height: 40px;

    color: #999;

    display: inline-block;

    width: 90%;

}

.xialaph h5{

    position: relative;

    padding-left: 30px;

}

.xialaph h5::after{

    position: absolute;

    right: 0;

    bottom: 0;

    left: 0;

    height: 1px;

    content: '';

    opacity: .05;

    background-color: #fff;

}

.xialaph h4.active,

.xialaph h5.active{

    border-bottom: 0;

}

.xialaph h4.active img.img_s,

.xialaph h5.active img.img_s{

    display: none;

}

.xialaph h4.active img.img_d,

.xialaph h5.active img.img_d{

    display: block;

}

.xialaph h5 img{

    float: right;

    width: 13px;

    margin-top: 13px;

    cursor: pointer;

}

.xialaph .ul3{

    padding-left: 50px;

    background-color: #f0f0f0;

    display: none;

}

.xialaph h6 a{

	font-family: '微软雅黑';

    font-size: 12px;

    line-height: 40px;

    color: #999;

}

.phonemeng{

    position: absolute;

    z-index: 90;

    top: 0;

    left: 0;

    display: none;

    width: 100%;

    height: 100%;

    opacity: .6;

    background-color: #000;

}

.phonemeng.active{

    display: block;

}

/* .index .banner1{

	overflow: hidden;

} */

.index .banner1 .banimg{

	width: 100%;

}

.index .banner1 img{

 	display: none;

 }

  .index .banner1 .bancon{

  	width: 100%;

  }

 .index .banner1 .bancon:nth-child(1) .banimg{

 	display: block;

 }

 .index .banner1 .slick-track img{

 	display: inline-block;

 }  

.index .banner1 .slick-dots{

	bottom: 70px;

}

.index .banner1 .slick-dots .slick-active{

	width: 40px;

	height: 18px;

	background:url(../images/dotspe.png) no-repeat;

	background-size: 100% 100%;

}

.index .banner1 .slick-dots li{

	background:url(../images/dot.png) no-repeat;

	margin: 0 12px;

}

.index .banner1 .bancon{

	position: relative;

	width: 100%;

	/* margin-right: 10px; */

}

.index .banner1 .bancon .bantext{

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%,-50%);

	-ms-transform:translate(-50%,-50%); 	/* IE 9 */

	-moz-transform:translate(-50%,-50%); 	/* Firefox */

	-webkit-transform:translate(-50%,-50%); /* Safari 和 Chrome */

	-o-transform:translate(-50%,-50%);

	color: #fff;

	text-align: center;

	width: 100%;

}

.index .banner1 .bancon .bantext img{

	max-width: 63%; 

}

.index .bannerph{

	display:none;

}

.index .bannerph img{

	width: 100%;

	display: none;

}

  .index .bannerph .bancon{

  	width: 100%;

  }

 .index .bannerph .bancon:nth-child(1) img{

 	display: block;

 }

 .index .bannerph .slick-track img{

 	display: inline-block;

 } 

.index .bannerph .slick-dots .slick-active{

	width: 40px;

	height: 18px;

	background:url(../images/dotspe.png) no-repeat;

	background-size: 100% 100%;

}

.index .bannerph .slick-dots li{

	background:url(../images/dot.png) no-repeat;

	margin: 0 12px;

}

.titlei{

	padding-top: 65px; 

}

.titlei h1{

	font-size: 36px;

	color: #464646;

	text-align: center;

	letter-spacing: 2px;

}

.index .chip{

	background-color: #f3f7fb;

	text-align: center;

}

.index .chip .chipcon{

	margin-top: 100px;

}

.index .chip .chipbox{

	width: 20%;

	height: 340px;

	border-right: 1px solid #dcdcdc;

}

.index .chip .slick-active:nth-child(1){

	border-left: 1px solid #dcdcdc;

}

.index .chip .chipcon .slick-list{

	padding-left: 5px;

	padding-right: 5px;

} 

/* .index .chip .chipcon .slick-prev{

	width: 55px;

	height: 8px;

	background:url(../images/prev.png) no-repeat;

	background-size: 100% 100%;

	left: -104px;

} */

.index .chip .chipcon .slick-prev{

	/* position: relative;

	width: 55px;

	height: 1px;

	background-color: #999999;

	left: -104px; 

	position: relative;*/

	left: -155px; 

	width: 55px;

	height: 8px;

	transition: .5s;

	z-index: 1;

}

.index .chip .chipcon .slick-prev:after{

	content: '';

	position: absolute;

	left: 0px;

	bottom: 0px;

	width: 100%;

	height: 1px;

	background-color: #999999;

}

.index .chip .chipcon .slick-prev:before{

	content: '';

	position: absolute;

	top: -1px;

	left: 2px;

	display: inline-block;

	width: 1px;

	height: 11px;

	background-color: #999999;

	transform: rotate(45deg);

	-o-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	-moz-transform: rotate(45deg);	

	-webkit-transform: rotate(45deg);

}

@media screen and (min-width: 991px){

	.index .chip .chipcon .slick-prev:hover{

		width: 75px;

	}

}

.index .chip .chipcon .slick-next{

	/* width: 55px;

	height: 8px;

	background:url(../images/next.png) no-repeat;

	background-size: 100% 100%;

	right: -104px; */

	right: -155px; 

	width: 55px;

	height: 8px;

	transition: .5s;

}

.index .chip .chipcon .slick-next:after{

	content: '';

	position: absolute;

	left: 0px;

	bottom: 0px;

	width: 100%;

	height: 1px;

	background-color: #999999;

}

.index .chip .chipcon .slick-next:before{

	content: '';

	position: absolute;

	top: -1px;

	right: 2px;

	display: inline-block;

	width: 1px;

	height: 11px;

	background-color: #999999;

	transform: rotate(-45deg);

	-o-transform: rotate(-45deg);

	-ms-transform: rotate(-45deg);

	-moz-transform: rotate(-45deg);	

	-webkit-transform: rotate(-45deg);

}

@media screen and (min-width: 991px){

	.index .chip .chipcon .slick-next:hover{

		width: 75px;

	}

}

.index .chip .chipbox{

	display: none;

}

.index .chip .slick-track .chipbox{

	display: block;

	position: relative;

}

.index .chip .chipbox .chipimg{

	padding-top: 30px;

	text-align: center;

	transition: .5s ease; 

	margin-bottom: 35px;

	text-align: center;

}

.index .chip .chipbox .chipimg img{

	width: 100%;

} 

.index .chip .chipbox h6{

	font-size: 18px;

	color: #464646;

	margin-bottom: 5px;

	font-weight: bold;

}

.index .chip .chipbox p{

	font-size: 16px;

	color: #848484;

	margin-bottom: 10px;

	line-height: 1.5;

}

.index .chip .chipbox .proarrow{

	display: none;

	/* margin: 30px auto 0; */

	position: absolute;

	left: 50%;

	bottom: 45px;

	transform: translateX(-50%);

	-ms-transform:translateX(-50%); 	/* IE 9 */

	-moz-transform:translateX(-50%); 	/* Firefox */

	-webkit-transform:translateX(-50%); /* Safari 和 Chrome */

	-o-transform:translateX(-50%);

}

.index .chip .btna.phbtn{

	display: none;

}

.index .chip .btna{

	margin: 65px 0 90px;

	display: inline-block;

}

.index .chip .btna button{

	padding: 0 115px;

	line-height: 50px;

	text-align: center;

	color: #333333;

	font-size: 16px;

	border:1px solid #666666;

	transition: .5s;

}

.index .chip .btna button:hover{

	color: #fff;

	background-color: #193c64;

}

.index .invideo{

	position: relative;

}

.index .invideo img{

	width: 100%;

}

.index .invideo .invtext{

	position: absolute;

	top: 0;

	left: 8.8%;

	width: 47%;

	opacity: 0;

}

.moon{

	animation: text .5s ease-in .2s forwards;

	-webkit-animation: text .5s ease-in .2s forwards;

}

@keyframes text{

	to{

		top: 50%;

		transform: translateY(-50%);

		-ms-transform:translateY(-50%); 	/* IE 9 */

		-moz-transform:translateY(-50%); 	/* Firefox */

		-webkit-transform:translateY(-50%); /* Safari 和 Chrome */

		-o-transform:translateY(-50%);

		opacity: 1;

	}

}

@-webkit-keyframes text{

	to{

		top: 50%;

	transform: translateY(-50%);

	-ms-transform:translateY(-50%); 	/* IE 9 */

	-moz-transform:translateY(-50%); 	/* Firefox */

	-webkit-transform:translateY(-50%); /* Safari 和 Chrome */

	-o-transform:translateY(-50%);

		opacity: 1;

	}

}

.index .invideo .invtext p{

	color: #fff;

	margin-bottom: 20px;

}

.index .invideo .invtext p:nth-child(1){

	font-size: 60px;

	text-align: left;

	/*font-family: 'Conv_BELL';*/

}

.index .invideo .invtext p:nth-child(2){

	font-size: 60px;

	text-align: right;

	/*font-family: 'Conv_BELL';*/

}

.index .invideo .invtext p:nth-child(3){

	font-size: 30px;

	text-align: center;

	margin-top: 10px;

}

.index .invideo .play{

	position: absolute;

	top: 100%;

	right: 15.7%;

	cursor: pointer;

	opacity: 0;

}

.playstart{

	animation: play .5s ease-in .2s forwards;

	-webkit-animation: play .5s ease-in .2s forwards;

}

@keyframes play{

	to{

		top: 50%;

	transform: translateY(-50%);

	-ms-transform:translateY(-50%); 	/* IE 9 */

	-moz-transform:translateY(-50%); 	/* Firefox */

	-webkit-transform:translateY(-50%); /* Safari 和 Chrome */

	-o-transform:translateY(-50%);

		opacity: 1;

	}

}

@-webkit-keyframes play{

	to{

		top: 50%;

	transform: translateY(-50%);

	-ms-transform:translateY(-50%); 	/* IE 9 */

	-moz-transform:translateY(-50%); 	/* Firefox */

	-webkit-transform:translateY(-50%); /* Safari 和 Chrome */

	-o-transform:translateY(-50%);

		opacity: 1;

	}

}

.index .happen{

	background-color: #e0e7ed;

	padding-bottom: 90px;

}

.index .happen .halist{

	width: 100%;

	margin:90px 0 0;

}

.index .happen .halist .hacon{

	width: 31.7%;

	/* height: 530px; */

	float: left;

	margin-left: 2.45%;

	padding-top: 20px;

	overflow: hidden;

}

.index .happen .hacon:nth-child(1){

	margin-left: 0px;

}

.index .happen .hacon .haimg{

	width: 100%;

	/* height: 230px; */

	margin-bottom: 37px;

	overflow: hidden;

}

.index .happen .hacon .haimg img{

	width: 100%; 

	/* height: 100%; */

	transition: 1s;

	/* margin-left: 50%;

	transform: translateX(-50%); */

}

@media screen and (min-width: 991px){

	.index .happen .hacon .haimg img:hover{

		transform: scale(1.1); 

		/* margin-left: 0;

		transform: translateX(-50%); 

		transform: (1.1,-50%,0,1.1,0,0);*/

	}

}

.index .happen .hatext{

	position: relative;

	width: 100%;

	/* height: 235px; */

	background-color: #fff;

}

.index .happen .hacon .hatext:nth-child(1){

	margin-bottom: 37px;

}

.index .happen .hacon.sec .hatext:nth-child(1){

	width: 100%;

	/* height: 325px; */

	margin-bottom: 37px;

}

.index .happen .hacon.sec .hatext:nth-child(2){

	width: 100%;

	/* height: 140px; */

}

.index .happen .hacon.sec .hatext:nth-child(1) h6{

	margin-bottom: 30px;

}

/*.index .happen .hacon.sec .hatext:nth-child(1) .jian{

	bottom: 38px;

}*/

/*.index .happen .hacon.thr .hatext:nth-child(2) .jian{

	bottom: 39px;

}*/

.index .happen .hacon .hatext .habox{

	position: relative;

	width: 100%;

	height: 100%;

	padding: 40px 40px 40px 40px;

}

.index .happen .habox h6{

	font-size: 16px;

	color: #999999;

	margin-bottom: 30px;

}

.index .happen .habox h1{

	font-size: 18px;

	color: #333333;

	margin-bottom: 20px;

	font-weight: bold;

	display: inline-block;

	line-height: 1.3;

}

.index .happen .habox:hover h1{

	color: #193c64;

}

.index .happen .habox p{

	position: relative;

	font-size: 16px;

	color: #666666;

	line-height: 30px;

	margin-bottom: 20px;

	text-align: justify;

}

.index .happen .habox p:after{

	content: '';

    width: 100%;

    position: absolute;

    bottom: 6px;

    left: 0px;

    height: 16px;

    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3),rgba(255, 255, 255, 1));

    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.3),rgba(255, 255, 255, 1));

    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.3),rgba(255, 255, 255, 1));

    background: -webkit-linear-gradient(top,rgba(255, 255, 255, 0.3),rgba(255, 255, 255, 1));

    background: linear-gradient(top,rgba(255, 255, 255, 0.3),rgba(255, 255, 255, 1));

}

.index .happen .hacon.thr .hatext:nth-child(1){

	width: 100%;

	/* height: 140px; */

}

.index .happen .hacon.thr .hatext:nth-child(2){

	width: 100%;

	/* height: 325px; */

}

.index .happen .hacon.thr .hatext:nth-child(2) h6{

	margin-bottom: 30px;

}

.index .happen .habox .jian{

	position: relative;

	/* width: 55px; */

	width: 40px;

	display: block;

	transition: 1s;

}

.index .happen .habox.sp .jian{

	position: absolute;

	left: 84.4%;

	/* right: 30px; */

	bottom: 39px;

}

.index .happen .habox .jian .line{

	width: 100%;

	display: inline-block;

	height: 1px;

	background-color: #999999;

}

.index .happen .habox .jian .arrow{

	position: absolute;

	right: 2px;

	top: 3px;

	display: inline-block;

	width: 1px;

	height: 11px;

	background-color: #999999;

	transform: rotate(-45deg);

	-o-transform: rotate(-45deg);

	-ms-transform: rotate(-45deg);

	-moz-transform: rotate(-45deg);

	-webkit-transform: rotate(-45deg);

}

.index .happen .habox:hover .jian{

	/* width: 115px; */

	width: 60px;

}

/* .index .happen .habox .hatext .b50 .jian{

	bottom: 50px;

} */

.index .happen .hatext .hatime{

	position: absolute;

	right: 30px;

	top: -20px;

	background-color: #193c64;

	padding: 15px 5px;

	text-align: center;

}

.index .happen .hatext .hatime h1{

	font-size: 24px;

	color: #fff;

}

.index .happen .hatext .hatime p{

	font-size: 14px;

	color: #fff;

}

/* .index .happen .halist .slick-prev{

	width: 55px;

	height: 8px;

	background:url(../images/prev.png) no-repeat;

	background-size: 100% 100%;

	left: -104px;

}

.index .happen .halist .slick-next{

	width: 55px;

	height: 8px;

	background:url(../images/next.png) no-repeat;

	background-size: 100% 100%;

	right: -104px;

} */

.index .happen .halist .slick-prev{

	/* position: relative;

	width: 55px;

	height: 1px;

	background-color: #999999;

	left: -104px; 

	position: relative;*/

	left: -104px; 

	width: 55px;

	height: 8px;

	transition: .5s;

}

.index .happen .halist .slick-prev:after{

	content: '';

	position: absolute;

	left: 0px;

	bottom: 0px;

	width: 100%;

	height: 1px;

	background-color: #999999;

}

.index .happen .halist .slick-prev:before{

	content: '';

	position: absolute;

	top: -1px;

	left: 2px;

	display: inline-block;

	width: 1px;

	height: 11px;

	background-color: #999999;

	transform: rotate(45deg);

	-o-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	-moz-transform: rotate(45deg);	

	-webkit-transform: rotate(45deg);

}

.index .happen .halist .slick-prev:hover{

	width: 75px;

}

.index .happen .halist .slick-next{

	/* width: 55px;

	height: 8px;

	background:url(../images/next.png) no-repeat;

	background-size: 100% 100%;

	right: -104px; */

	right: -104px; 

	width: 55px;

	height: 8px;

	transition: .5s;

}

.index .happen .halist .slick-next:after{

	content: '';

	position: absolute;

	left: 0px;

	bottom: 0px;

	width: 100%;

	height: 1px;

	background-color: #999999;

}

.index .happen .halist .slick-next:before{

	content: '';

	position: absolute;

	top: -1px;

	right: 2px;

	display: inline-block;

	width: 1px;

	height: 11px;

	background-color: #999999;

	transform: rotate(-45deg);

	-o-transform: rotate(-45deg);

	-ms-transform: rotate(-45deg);

	-moz-transform: rotate(-45deg);	

	-webkit-transform: rotate(-45deg);

}

.index .happen .halist .slick-next:hover{

	width: 75px;

}

.index .happen .halistph{

	display: none;

	width: 100%;

	padding-top: 20px;

}

.index .happen .halistph .hacon{

	/* height: 530px; */

	float: left;

	padding-top: 20px;

	overflow: hidden;

	margin:100px 20px 0;

}

.index .happen .halistph .slick-prev{

	width: 55px;

	height: 8px;

	background:url(../images/prev.png) no-repeat;

	background-size: 100% 100%;

	left: -55px;

}

.index .happen .halistph .slick-next{

	width: 55px;

	height: 8px;

	background:url(../images/next.png) no-repeat;

	background-size: 100% 100%;

	right: -55px;

}

.index .free{

	width: 100%;

	height: 410px;

	background: url(../images/video_16.jpg) no-repeat top center;

	position: relative;

}

.index .free .phclick{

	display: none;

}

.index .free .titlei h1{

	color: #fff;

	margin-bottom: 60px;

	cursor: pointer;

}

.index .free .freecon{

	text-align: center;

	color: #fff;

	width: 55.6%;

	margin: 0 auto;

}

.index .free .freecon p{

	line-height: 30px;

	font-size: 16px;

	cursor: pointer;

	letter-spacing: 1.5px;

}

.index .free .jian{

	position: relative;

	width: 55px;

	margin-top: 45px;

	display: inline-block;

	transition: 1s;

	cursor: pointer;

}

.index .free .jian .line{

	width: 100%;

	display: inline-block;

	height: 1px;

	background-color: #ffffff;

}

.index .free .jian .arrow{

	position: absolute;

	right: 2px;

	top: 2px;

	display: inline-block;

	width: 1.5px;

	height: 11px;

	background-color: #ffffff;

	transform: rotate(-45deg);

	-o-transform: rotate(-45deg);

	-ms-transform: rotate(-45deg);

	-moz-transform: rotate(-45deg);

	-webkit-transform: rotate(-45deg);

}

.index .free:hover .jian{

	width: 115px;

}

.index .free .news{

	position: absolute;

	bottom: 0px;

	left: 0px;

	width: 100%;

	height: 50px;

	padding-left: 45px;

	background-color: rgba(0,0,0,.6);

	color: #fff;

}

.index .free .news .newscon{

	width: 100%;

	height: 50px;

	overflow: hidden;

}

.index .free .news span{

	margin-right: 70px;

	line-height: 50px;

	color: #fff;

	font-size: 16px;

}

.index .free .news .newsarrow{

	width: 54px;

	height: 9px;

	margin-right: 50px;

	line-height: 50px;

}

.index .free .news .newsarrow img{

	width: 100%;

	height: 100%;

}

.footer{

	width: 100%;

	background: url(../images/footbg_02.jpg) no-repeat top center;

	background-size: cover;

}

.footer .fotop{

	width: 100%;

	padding: 90px 50px 40px 50px;

}

.footer .fotop .fopar{

	width: 29.6%;

	margin-right: 14.8%;

}

.footer h1{

	font-size: 18px;

	color: #fff;

	margin-bottom: 25px;

}

.footer .fotop .fopar .fplogo{

	width: 100%;

	border-top: 1px solid #3d3d3d;

}

.footer .fotop .fopar .fplogo .fplogobox{

	width: 25%;

	height: 90px;

	float: left;

	line-height: 90px;

	/* text-align: center; */

}

.footer .fotop .fopar .fplogo .fplogobox img{

	width: 90px;

}

.footer .fotop .fopar .fplogo .fplogobox:hover .img_s{

	display: none;

}

.footer .fotop .fopar .fplogo .fplogobox:hover .img_d{

	display: inline-block;

}

.footer .fplogo .slick-prev{

	right: -35px;

	top: 50px;

	left: auto;

	width: 20px;

	height: 11px;

	background: url(../images/up.png) no-repeat;

	background-size: 100% 100%;

}

.footer .fplogo .slick-next{

	right: -35px;

	top: 120px;

	left: auto;

	width: 20px;

	height: 11px;

	background: url(../images/down.png) no-repeat;

	background-size: 100% 100%;

}

.footer .focen{

	width: 20.7%;

	margin-right: 12.8%;

}

.footer .focen ul li{

	float: left;

	width: 47%;

	padding: 15px 0;

	line-height: 1.5;

	border-bottom: 1px solid #464647;

}

.footer .focen ul li:nth-child(odd){

	margin-right: 6%;

}

.footer .focen ul li a{

	color: #fff;

	font-size: 16px;

	letter-spacing: 1px;

}

.footer .focen ul li a:hover{

	color: #a1adba;

}

.footer .forig{

	width: 22.1%;

}

.footer .forig h1{

	margin-bottom: 35px;

}

@media screen and (max-width: 767px){

	.footer .forig h1{

		margin-bottom: 10px;

	}

}

.footer .forig p:first-child{

	margin-top: 30px;

}

.footer .forig p{

	font-size: 16px;

	color:#fff;

	margin-bottom: 20px;

	z-index: 1;

}

.footer .forig p .dbt{

	width: 20px;

	margin-right: 7px;

}

.footer .forig p > a{

	float: left;

	width: calc(100% - 50px);

}

.footer .forig .contect{

	margin-top: 50px;

	width: 250px;

}

.footer .forig .contect ul{

	margin: 0px -25px;

}

.footer .forig .contect li{

	float: left;

	padding: 0px 25px;

	width: 33.3333%;

	position: relative;

	

}

@media screen and (min-width: 991px){

	.footer .forig .contect li .qq_pc:hover,

	.footer .forig .contect li .bw .weixin:hover,

	.footer .forig .contect li:nth-child(3) a img:hover{

		opacity: .4;

	}

} 

.footer .forig .erfu a{

	position: relative;

	display: block;

}

.footer .forig img{

	width: 40px;

}

.footer .forig .erweima{

    position: absolute;

    width: 138px;

    height: 145px;

    left: 25%;

    top: 40px;

    transform: translate(-30%,-50%);

    transition: all 0.9s;

    -o-transition: all 0.9s;

    -webkit-transition: all 0.9s;

    -ms-transition: all 0.9s;

    -moz-transition: all 0.9s;

    opacity: 0;

    z-index: 2;

}

.footer .forig .erweima img{

    width: 138px;

}

.footer .forig .bw{

	display: block;

	position: relative;

	z-index: 10;

}

/* .footer .forig .erfu:hover .erweima{

	z-index: 999;

	opacity: 1;

	top: -150px;

} */

.footer .forig .erfu.atv .erweima{

	transform: translate(-30%,-150%);

    -webkit-transform: translate(-30%,-150%);

    -ms-transform: translate(-30%,-150%);

    -moz-transform: translate(-30%,-150%);

    opacity: 1;

    /* position: relative;

    z-index: 2; */

}

.bgt{

	display: none;

	position: fixed;

	top: 0px;

	left: 0px;

	width: 100%;

	height: 100%;

	background-color: rgba(0,0,0,0);

	z-index: 1;

} 

/* .footer .forig .erfu.atv .erweima:before{

	content: '';

	position: fixed;

	width: 100%;

	height: 100%;

	background-color: rgba(0,0,0,0);

	z-index: 1;

} */

.yidong{

    animation: lmove 1000ms forwards;

 	-webkit-animation:lmove 1000ms forwards;

}  

@keyframes lmove

{

	from {top:40px;opacity: 0;}

	to {top:-150px;opacity: 1;}

}



@-webkit-keyframes

{

	from {top:40px;opacity: 0;}

	to {top:-150px;opacity: 1;}

} 

.footer .fobottom{

	width: 100%;

	border-top: 1px solid #3c3c3c;

	padding-left: 45px;

	padding-right: 45px;

}

.footer .fobottom span{

	color: #999999;

	line-height: 2;

}

.footer .fobottom span br{

	display: none;

}

.footer .fobottom span a{

	color: #999999;

}

.footer .fobottom .fr a{

	padding: 0 10px;

	color: #999999;

}

.footer .fobottom .fr a:first-child{

	border-right: 1px solid #999999;

}

.footer .qq_ph{

	display: none;

}

.fixme{

	z-index: 99; 

	position: fixed; 

	bottom: 195px;

	right: 4px; 

	/*display: none;

	position: relative;*/

}

.fixme li{

	position: relative;

	width: 46px;

	height: 46px;

	text-align: center;

	line-height: 46px;

	margin-bottom: 3px;

	background-color: #888888;

	transition: .3s;

}

.fixme li:hover{

	opacity: .9;

}

.fixme li a{

	position: absolute;

	top: 50%;

	left: 50%;

		transform: translate(-50%,-50%);

		-ms-transform:translate(-50%,-50%); 	/* IE 9 */

		-moz-transform:translate(-50%,-50%); 	/* Firefox */

		-webkit-transform:translate(-50%,-50%); /* Safari 和 Chrome */

		-o-transform:translate(-50%,-50%);

}

.fixme li .qqr_ph{

	display: none;

}

.fixme li.satis{

	width: 46px;

	height: 160px; 

	text-align: center;

	line-height: 1px;

	padding: 14px 12px 12px;

	background-color: #193c64;

}

.fixme li.satis img{

	margin-bottom: 13px;

}

.fixme li.satis a p{

	color: #ffffff;

	font-size: 14px;

	line-height: 14px;

}

.fixme li:last-child{

	background-color: #193c64;

}

.fixme li .erweimas{

	position: absolute;

	top: 0px;

	right: -150px;

	opacity: 0;

	transition: 1s;

	z-index: -1;

}

/* .fixme li .fixmes:hover + .erweimas{

	opacity: 1;

} */





.fixmes:hover + .erweimas{

    animation:mymove 1000ms forwards;

 	-webkit-animation:mymove 1000ms forwards;

}  

@keyframes mymove

{

	from {right:-150px;opacity: 0;}

	to {right:55px;opacity: 1;}

}



@-webkit-keyframes

{

	from {right:-150px;opacity: 0;}

	to {right:55px;opacity: 1;}

} 





.meng{

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	z-index: 100;

	background-color: rgba(0,0,0,.9);

	display: none; 

}

.meng2{

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	z-index: 100;

	background-color: rgba(0,0,0,.5);

	/* display: none;  */

}

.index .tanvideo{

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	z-index: 101;

	display: none;

}

.index .tanvideo .wrapper{

	width: 100%;

	height: 100%;

	position: fixed;

	top: 50%;

	left: 0px;

	transform: translateY(-50%);

	-ms-transform:translateY(-50%); 	

	-moz-transform:translateY(-50%); 	

	-webkit-transform:translateY(-50%); 

	background-color: #000;

}

.index .tanvideo #myvideo{

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%,-50%);

	-ms-transform:translate(-50%,-50%); 	

	-moz-transform:translate(-50%,-50%); 	

	-webkit-transform:translate(-50%,-50%); 

	/* width: 100%;

	height: 80%;

	position: fixed;

	top: 50%;

	left: 0px;

	transform: translateY(-50%);

	-ms-transform:translateY(-50%); 	

	-moz-transform:translateY(-50%); 	

	-webkit-transform:translateY(-50%); 

	border-top: 40px solid #000000;

	border-bottom: 40px solid #000000;

	border-left: 100px solid #000000;

	border-right: 100px solid #000000; */

}

.index .tanvideo .close {

    position: fixed;

    /* top: -35px;

    right: -60px;

    transform: translateY(-100%); */

    top: 50px;

    right: 50px;

    cursor: pointer;

    z-index: 100;

}

.index .tanvideo .start{

	position: fixed;

	top: 50%;

	left: 50%;

	transform: translate(-50%,-50%);

	-ms-transform:translate(-50%,-50%); 	/* IE 9 */

	-moz-transform:translate(-50%,-50%); 	/* Firefox */

	-webkit-transform:translate(-50%,-50%); /* Safari 和 Chrome */

	cursor: pointer;

}

.index .formbt{

	position: fixed;

	top: 0px;

	left: 0px;

	width: 100%;

	height: 100%;

	z-index: 101;

	display: none;

}

.index .formaa{

	/* position: fixed;

	top: 50%;

	left: 50%; */

	/* transform: translate(-50%,-50%); */

	position: relative;

	margin: 0 auto;

	/* z-index: 101; */

	width: 62.5%;

	height: 101%;

	background-color: #ffffff;

	padding: 60px 100px 90px;

	overflow: auto;

}

/* .index .formaa{

	position: relative;

	margin: 0 auto;

	z-index: 101;

	width: 62.5%;

	height: 101%;

	overflow: hidden;

	background-color: #ffffff;

	padding: 60px 100px 90px;

	display: none;

	overflow: auto;

} */

.index .formaa .close{

	position: absolute;

	top: 20px;

	right: 20px;

	z-index: 1;

}

.index .formaa h1{

	font-size: 36px;

	color: #000000;

	margin-bottom: 25px;

}

.index .formaa h1 span{

	font-size: 16px;

	color: #666666;

	margin-left: 10px;

}

.index .formaa .formcon{

	width: 100%;

	border-top: 2px solid #adadad;

}

.index .formaa .formcon .formc{

	width: 100%;

	margin-top: 30px;

}

.index .formaa .formcon .formc > span{

	display: inline-block;

	width: 47%;

	height: 50px;

	/* line-height: 50px; */

	border-left: 1px solid #193c64;

	position: relative;

	float: left;

	background-color: #f2f2f2;

	padding-left: 40px;

	padding-right: 50px;

}

.index .formaa .formcon .formc span:nth-child(1){

	margin-right: 6%;

}

.index .formaa .formcon .formc span .inname{

	font-size: 16px;

	color: #999999;

	margin-right: 0px;

}

.index .formaa .formcon .formc span input{

	/* color: #333333; */

	width: 100%;

	height: 50px; 

	/* width: calc(100% - 80px); */	

	/* line-height: 36px;

	height: 50px;*/

	/* padding: 10px 0;*/

	font-size: 16px; 

	line-height: normal; 

	/* vertical-align: middle; */

	top: 50%;

	position: relative;

	transform: translateY(-50%);

	-webkit-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	-moz-transform: translateY(-50%);

	display: block; 

}



input::-moz-placeholder,textarea::-moz-placeholder { color: #999999;opacity: 1; }

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { color:#999999;opacity: 1; }

input:-ms-input-placeholder{ color:#999999;opacity: 1; } 

input::-ms-clear{display:none;}

textarea:-ms-input-placeholder{ color:#999999;opacity: 1; }



.index .formaa .formcon .formc span img{

	position: absolute;

	top: 50%;

	transform: translateY(-50%);

	-ms-transform:translateY(-50%); 	/* IE 9 */

	-moz-transform:translateY(-50%); 	/* Firefox */

	-webkit-transform:translateY(-50%); /* Safari 和 Chrome */

	right: 16px;

	width: 20px;

}

.index .formaa .formcon .formc .selec{

	float: left;

	width: 47%;

	height: 50px;

	padding: 10px 0;

	padding-left: 40px;

	margin-right: 6%;

	font-size: 16px;

	color: #666;

	background-color: #f2f2f2;

	border-left: 1px solid #193c64;

}

.index .formaa .formcon .formc .selec .name{

	line-height: 30px;

	border-left: none;

	float: left;

	width: 20%;

	margin-right: 0px;

	color:#999999;

}

.index .formaa .formcon .formc .selec .xuanze{

	position: relative;

	float: right;

	width: 80%;

	/* padding-left:25%; */

	text-align: center;

}

.index .formaa .formcon .formc .selec .xuanze .nameshow{

	line-height: 30px;

	font-size: 16px;

	color: #333333;

	border-left: none;

	height: 30px;

	overflow: hidden;

	float: left;

	width: calc(100% - 45px);

}

.index .formaa .formcon .formc .selec .xuanze .nameshow .c9{

	color: #999999;

}

.index .formaa .formcon .formc .selec ul{

	position: absolute;

	top: 40px;

	left: 0px;

	z-index: 1;

	width: 100%;

	background-color: #e7e5e5;

	display: none;

	height: 300px;

	overflow-y: scroll;

}

.index .formaa .formcon .formc .selec ul li{

	font-size: 14px;

	color: #333333;

	line-height: 36px;

	text-align: center;

	cursor: pointer;

}

.index .formaa .xuanze a{

	position: absolute;

	top: 0px;

	right: 0px;

	padding: 0 15px;

	line-height: 30px;

	width: 45px;

	border-left: 1px solid #cacaca;

}

.index .formaa .selec .buynum{

	line-height: 30px;

}

.index .formaa .selec .buynum input.jian{

	margin: 0 40px 0 15px;

	cursor: pointer;

}

.index .formaa .selec .buynum input.jia{

	margin: 0 0 0 35px;

	cursor: pointer;

}

.index .formaa .selec .buynum .shuzi{

	display: inline-block;

	background-color: #fff;

	width: 130px;

	height: 25px;

	text-align: center;

	/* box-shadow:3px 3px 3px 3px #e8e8e8 inset; */

}

input[type=number] {  

   -moz-appearance:textfield; 

}  

input[type=number]::-webkit-inner-spin-button,  

input[type=number]::-webkit-outer-spin-button { 

   -webkit-appearance: none;  

   margin: 0; 

}  

.index .formaa .formcon .formc:nth-child(6){

	background-color: #f2f2f2;

	border-left: 1px solid #193c64;

}

.index .formaa .formcon .formc > .inname{

	font-size: 16px;

	color: #999999;

	margin-right: 0px;

}

.index .formaa .formcon .formc textarea{

	width: 100%;

	height:200px;

	padding: 20px 0 0 40px;

	line-height: 20px;

	font-size: 16px;

	/* color: #333333; */

}

.index .formaa .formcon .formc .yanzhengma{

	width: 115px;

	height: 50px;

	margin-right: 20px;

}

.index .formaa .formcon .formc .yanzheng{

	display: inline-block;

}

.index .formaa .formcon .formc .yanzheng a{

	font-size: 16px;

	color: #333333;

}

.index .formaa .formcon .btn{

	width: 100%;

	text-align: center;

	padding-top: 28px;

}

.index .formaa .formcon .btn button{

	width: 343px;

	line-height: 50px;

	font-size: 16px;

	text-align: center;

}

.index .formaa .formcon .btn button:first-child{

	color: #fff;

	background-color: #193c64;

	margin-right: 48px;

}

.index .formaa .formcon .btn button:last-child{

	color: #193c64;

	background-color: #fff;

	border:1px solid #193c64;

}

.index .formaa .formcon .btnb{

	width: 100%;

	text-align: center;

	padding-top: 28px;

}

.index .formaa .formcon .btnb button{

	width: 343px;

	line-height: 50px;

	font-size: 16px;

	text-align: center;

}

.index .formaa .formcon .btnb button:first-child{

	color: #fff;

	background-color: #193c64;

	margin-right: 48px;

}

.index .formaa .formcon .btnb button:last-child{

	color: #193c64;

	background-color: #fff;

	border:1px solid #193c64;

}

.index .formaaph{

	position: relative;

	/* display: none;

	z-index: 101; */

	background-color: #ffffff;

	/* overflow: auto; */

	width: 90%;

	/* height: 90%; */

	padding: 10px; 

	margin: 20px auto;

	/* position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%,-50%);

	-ms-transform:translate(-50%,-50%);

	-moz-transform:translate(-50%,-50%);	

	-webkit-transform:translate(-50%,-50%); 

	-o-transform:translate(-50%,-50%); */

}

.index .formaaph .close{

	position: absolute;

	top: 5px;

	right: 10px;

	width: 27px;

	z-index: 1;

}

.index .formaaph h1{

	color: #000000;

	font-size: 20px;

	margin-bottom: 5px;

}

.index .formaaph h1 span{

	font-size: 12px;

	margin-left: 0px;

	margin-top: 10px;

	display: block;

	line-height: 1.5;

}

.index .formaaph .formcon{

	width: 100%;

	border-top: 2px solid #adadad;

}

.index .formaaph .formcon .formc{

	width: 100%;

	margin-top: 0px;

}

.index .formaaph .imgspan{

	position: relative;

	border-left: 1px solid #193c64;

	background-color: #f2f2f2;

	padding-right: 50px;

	width: 100%;

	/* height: 40px; */

	margin-top: 10px;

	display: block;



}

.index .formaaph .formcon .imgspan input{

	font-size: 12px;

	padding: 9px 0;

	height: 40px;

	padding-left: 20px;

	overflow: hidden;

	width: 100%;

}

.index .formaaph .formcon .imgspan img{

	position: absolute;

	top: 50%;

	transform: translateY(-50%);

	-ms-transform:translateY(-50%); 	/* IE 9 */

	-moz-transform:translateY(-50%); 	/* Firefox */

	-webkit-transform:translateY(-50%); /* Safari 和 Chrome */

	right: 16px;

	width: 20px;

}

.index .formaaph .formcon .formc{

	width: 100%;

	margin-top: 10px;

}

.index .formaaph .formcon .selec{

	width: 100%;

	height: 40px;

	padding: 0px 20px;

	font-size: 16px;

	color: #666;

	background-color: #f2f2f2;

	border-left: 1px solid #193c64;

	margin-top: 10px;

}

.index .formaaph .formcon .selec .name{

	line-height: 40px;

	border-left: none;

	float: left;

	margin-right: 0px;

	color:#999999;

	font-size: 12px;

}

.index .formaaph .formcon .selec .xuanze{

	position: relative;

	float: right;

	width: 80%;

	/* padding-left:25%; */

	text-align: center;

}

.index .formaaph .formcon .selec .xuanze .nameshow{

	line-height: 40px;

	font-size: 12px;

	color: #333333;

	border-left: none;

	height: 30px;

	overflow: hidden;

	float: left;

	width: calc(100% - 45px);

}

.index .formaaph .formcon .selec .xuanze .nameshow .c9{

	color: #999999;

}

.index .formaaph .formcon .selec ul{

	position: absolute;

	top: 40px;

	left: 0px;

	z-index: 1;

	width: 100%;

	background-color: #e7e5e5;

	display: none;

	height: 300px;

	overflow-y: scroll;

}

.index .formaaph .formcon .selec ul li{

	font-size: 14px;

	color: #333333;

	line-height: 36px;

	text-align: center;

	cursor: pointer;

}

.index .formaaph .xuanze a{

	position: absolute;

	top: 0px;

	right: 0px;

	padding: 0 15px;

	line-height: 30px;

	width: 45px;

	border-left: 1px solid #cacaca;

}

.index .formaaph .selec .buynum{

	line-height: 40px;

}

.index .formaaph .selec .buynum input.jian{

	margin: 0 40px 0 15px;

	cursor: pointer;

}

.index .formaaph .selec .buynum input.jia{

	margin: 0 0 0 35px;

	cursor: pointer;

}

.index .formaaph .selec .buynum .shuzi{

	display: inline-block;

	background-color: #fff;

	width: 45px;

	height: 25px;

	text-align: center;

	/* box-shadow:3px 3px 3px 3px #e8e8e8 inset; */

}

.index .formaaph .formcon textarea{

	width: 100%;

	height:50px;

	padding: 10px 0 0 19px;

	line-height: 20px;

	font-size: 12px;

	color: #333333;

	background-color: #f2f2f2;

}

.index .formaaph .formcon .yanzheng {

    margin-top: 10px;

    display: inline-block;

}

.index .formaaph .formcon .yanzhengma{

	width: 80px;

	height: auto;

}

.index .formaaph .formcon .yanzheng a{

	font-size: 12px;

	color: #333333;

}

.index .formaaph .formcon .btn{

	width: 100%;

	text-align: center;

	padding-top: 28px;

}

.index .formaaph .formcon .btn button{

	width: 343px;

	line-height: 50px;

	font-size: 16px;

	text-align: center;

}

.index .formaaph .formcon .btn button:first-child{

	color: #fff;

	background-color: #193c64;

	margin-right: 48px;

}

.index .formaaph .formcon .btn button:last-child{

	color: #193c64;

	background-color: #fff;

	border:1px solid #193c64;

}

.index .formaaph .formcon .btnb{

	width: 100%;

	text-align: center;

	padding-top: 15px;

}

.index .formaaph .formcon .btnb button{

	width: 80px;

	line-height: 30px;

	font-size: 14px;

	text-align: center;

}

.index .formaaph .formcon .btnb button:first-child{

	color: #fff;

	background-color: #193c64;

	margin-right: 48px;

}

.index .formaaph .formcon .btnb button:last-child{

	color: #193c64;

	background-color: #fff;

	border:1px solid #193c64;

}











.tanb{

	position: fixed;

	top: 50%;

	left: 50%;

	transform: translate(-50%,-50%);

	-ms-transform:translate(-50%,-50%); 	/* IE 9 */

	-moz-transform:translate(-50%,-50%); 	/* Firefox */

	-webkit-transform:translate(-50%,-50%); /* Safari 和 Chrome */

	width: 44.5%;

	padding: 35px 70px 55px 65px;

	background-color: #fff;

	z-index: 101;

}

.tanb .close{

	position: absolute;

	top: 25px;

	right: 25px;

	opacity: 1;

}

.tanb .tb_top{

	padding-bottom: 18px;

	border-bottom: 1px solid #c4c4c4;

}

.tanb .tb_top img{

	width: 215px;

}

.tanb .tb_con{

	padding-top: 30px;

}

.tanb .tb_con h1{

	font-size: 18px;

	color: #464646;

	font-weight: bold;

	margin-bottom: 30px;

	line-height: 1.5;

}

.tanb .tb_con ul{

	margin-bottom: 10px;

	overflow: hidden;

}

.tanb .tb_con li{

	position: relative;

	font-size: 14px;

	color: #464646;

	margin-bottom: 20px;

	line-height: 1.5;

}

.tanb .tb_con li span{

	font-weight: bold;

	font-size: 16px;

	display: block;

	margin-bottom: 5px;

}

.tanb .tb_con button{

	width: 46%;

	height: 50px;

	font-size: 16px;

}

.tanb .tb_con .anniu a:nth-child(1) button{

	color: #fff;

	background-color: #888888;

	margin-right: 6%;

	transition: .5s;

}

.tanb .tb_con .anniu a:nth-child(1) button:hover{

	background-color: #999999;

}

.tanb .tb_con .anniu a:nth-child(2) button{

	color: #ffffff;

	background-color: #193c64;

	transition: .5s;

}

.tanb .tb_con .anniu a:nth-child(2) button:hover{

	background-color: #264e7d;

}

.fplogoph{

	display: none;

	height: 80px;

	padding: 0 60px;

}

.fplogoph .fplogobox{

	line-height: 80px;

}

.fplogoph .slick-prev{

	width: 55px;

	height: 8px;

	background:url(../images/prev.png) no-repeat center;

	/*background-size: 100% 100%;*/

	left: 0px;

	padding:30px 0px;

}

.fplogoph .slick-next{

	width: 55px;

	height: 8px;

	background:url(../images/next.png) no-repeat center;

	/*background-size: 100% 100%;*/

	right: 0px;

	padding: 30px 0px;

}

.banner{

	position: relative;

	width: 100%;

	/* height: 565px;

	background:url(../images/com_01.jpg) center center no-repeat; */

} 

.banner > img{

	width: 100%;

}

.banner .bantext{

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%,-50%);

	-ms-transform:translate(-50%,-50%); 	/* IE 9 */

	-moz-transform:translate(-50%,-50%); 	/* Firefox */

	-webkit-transform:translate(-50%,-50%); /* Safari 和 Chrome */

}

.banner .bantext h1{

	font-size: 64px;

	color: #fff;

	margin-bottom: 30px;

	text-align: center;

	font-family: '宋体';

	font-weight: bold;

}

.banner .bantext p{

	font-size: 30px;

	color: #fff;

	text-align: center;

	/*font-family: 'Conv_Helvetica Neue CE 35 Thin';*/

	text-transform: uppercase;

}

.container{

	width: 1500px;

	margin: 0 auto;

}

.bread{

	position: absolute;

	bottom: 0px;

	left: 0px;

	width: 100%;

	height: 55px;

	background-color: rgba(255,255,255,.2);

	border-top: 1px solid #6b737b;

}

.bread .house{

	padding: 0 20px;

	line-height: 55px;

	display: inline-block;

	border-right: 1px solid #898989;

}

.bread .house img{

	width: 25px;

}

.bread .bread_con{

	display: inline-block;	

	border-right:1px solid #898989;

	position: relative;

}

.bread .bread_con .breadbtn{

	padding: 0 30px 0 20px;

	line-height: 55px;

	color: #fff;

	font-size: 14px;

} 

.bread .bread_con .breadbtn img{

	margin-left: 50px;

	width: 7px;

	height: 5px;

}

.bread .bread_con:last-child .breadbtn{

	color: #9ecbff;

}

.bread .bread_con .breadlist{

	position: absolute;

	top: 55px;

	left: 0px;

	display: none;

	z-index: 1;

	width: 100%;

	box-shadow: 0 6px 12px rgba(0,0,0,.175);

	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);

	padding: 9px 0;

	text-align: left;

	background-color: #fff;

	border-radius: 0 0 3px 3px;

}

.bread .bread_con .breadlist ul li{

	/* height: 30px;

	background-color: #f8f8f8;

	font-size: 12px; */

}

.bread .bread_con .breadlist ul li a{	

	color: #666;

	line-height: 1.5;

	display: block;

	padding: 5px 20px;

	border-right: none;

}

.bread .bread_con .breadlist ul li:hover a{

	color: #021648;

}

.title{

	position: relative;

	width: 100%;

	padding-top: 60px;

	border-bottom: 1px solid #e5e5e5;

	margin-bottom: 60px;

}

.title h1{

	font-size: 36px;

	color: #010000;

	margin-bottom: 15px;

	text-align: center;

}

.title .border_bottom{

	position: absolute;

	bottom: 0px;

	left: 50%;

	transform: translateX(-50%);

	-ms-transform:translateX(-50%); 	/* IE 9 */

	-moz-transform:translateX(-50%); 	/* Firefox */

	-webkit-transform:translateX(-50%); /* Safari 和 Chrome */

	-o-transform:translateX(-50%);

	width: 128px;

	height: 1px;

	background-color: #193c64;

}

.com .com_con p{

	display: inline-block;

	margin-bottom: 40px;

	font-size: 16px;

	color: #333333;

	line-height: 36px;

	text-align: justify;

	letter-spacing: 1px;

}

.com .com_con .com_img{

	width: 100%;

}

.com .com_img .comimgfl{

	width: 34.6%;

	margin-right: 6.4%;

}

.com .com_img .comimgfr{

	width: 59%;

}

.com .com_img .comimgfr img{

	width: 100%;

}

.com .com_logo{

	width: 100%;

	/* padding: 75px 0 0; */

	background-color: #f5f5f5;

}

.com .com_logo .comlo_box{

	height: 260px;

	line-height: 260px;

	text-align: center;

}

/* .com .com_logo .slick-prev{

	width: 75px;

	height:15px;

	background:url(../images/compre.png) no-repeat;

	background-size: 100% 100%;

	left: 43%;

	top: auto;

	bottom: 40px;

	z-index: 9;

}

.com .com_logo .slick-prev:hover{

	background: url(../images/compreb.png) no-repeat;

	background-size: 100% 100%;

}

.com .com_logo .slick-next{

	width: 75px;

	height:15px;

	background:url(../images/comchangeg.png) no-repeat;

	background-size: 100% 100%;

	right: 43%;

	top: auto;

	bottom: 40px;

}

.com .com_logo .slick-next:hover{

	background: url(../images/comchange.png) no-repeat;

	background-size: 100% 100%;

} */

.com .com_logo .slick-prev{

	/* position: relative;

	width: 55px;

	height: 1px;

	background-color: #999999;

	left: -104px; 

	position: relative;*/

	left: 43%;

	top: auto;

	bottom: 40px;

	width: 75px;

	height: 16px;

	transition: .5s;

	z-index: 1;

}

.com .com_logo .slick-prev:after{

	content: '';

	position: absolute;

	left: 0px;

	bottom: 0px;

	width: 100%;

	height: 1px;

	background-color: #999999;

}

.com .com_logo .slick-prev:before{

	content: '';

	position: absolute;

	top: -4px;

	left: 8px;

	display: inline-block;

	width: 1px;

	height: 22px;

	background-color: #999999;

	transform: rotate(45deg);

	-o-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	-moz-transform: rotate(45deg);	

	-webkit-transform: rotate(45deg);

}

@media screen and (min-width: 767px){

	.com .com_logo .slick-prev:hover{

		width: 85px;

	}

}

.com .com_logo .slick-prev:hover:before,

.com .com_logo .slick-prev:hover:after{

	background-color: #193c64;

}

.com .com_logo .slick-next{

	/* width: 55px;

	height: 8px;

	background:url(../images/next.png) no-repeat;

	background-size: 100% 100%;

	right: -104px; */

	right: 43%;

	top: auto;

	bottom: 40px; 

	width: 75px;

	height: 16px;

	transition: .5s;

}

.com .com_logo .slick-next:after{

	content: '';

	position: absolute;

	left: 0px;

	bottom: 0px;

	width: 100%;

	height: 1px;

	background-color: #999999;

}

.com .com_logo .slick-next:before{

	content: '';

	position: absolute;

	top: -4px;

	right: 8px;

	display: inline-block;

	width: 1px;

	height: 22px;

	background-color: #999999;

	transform: rotate(-45deg);

	-o-transform: rotate(-45deg);

	-ms-transform: rotate(-45deg);

	-moz-transform: rotate(-45deg);	

	-webkit-transform: rotate(-45deg);

}

@media screen and (min-width: 767px){

	.com .com_logo .slick-next:hover{

		width: 85px;

	}

}

.com .com_logo .slick-next:hover:before,

.com .com_logo .slick-next:hover:after{

	background-color: #193c64;

}

.returntop{

	width: 55px;

	height: 60px;

	background: url(../images/top.png) no-repeat;

	background-size: 100% 100%;

	position: fixed;

	right: 40px;

	bottom: 320px;

	cursor: pointer;

}

.develop .dev_con{

	position: relative;

	width: 100%;

	background:url(../images/bg_02.jpg) top center no-repeat;

	background-size: 100% 100%;

}

.develop .dev_con .title{

	background-color: rgba(0,0,0,0);

}

.develop .dev_con .line{

	position: absolute;

	top: 265px;

	left: 0px;

	width: 100%;

	height: 1px;

	background-color: #dcdcdc;

}

.develop .dev_con .dev_list{

	padding-bottom: 110px;

}

.develop .dev_con .dev_list .slick-list{

	padding: 0px !important;

}

.develop .dev_con .dev_box{

	padding: 30px 0 0 0px;

	float: left;

	margin: 0 35px;

}

.develop .dev_con .dev_box h1{

	font-size: 30px;

	color: #7a7a7a;

	margin-bottom: 20px;

	text-align: center;	

	/*font-family: 'Conv_HelveticaExtObl-Heavy';*/

}

.develop .dev_con .dev_box .dot{

	position: relative;

	width: 25px;

	height: 25px;

	background-color: #7a7a7a;

	border-radius: 50%;

	margin:0 auto 55px;

}

.develop .dev_con .dev_box .dotw{

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%,-50%);

	-ms-transform:translate(-50%,-50%); 	/* IE 9 */

	-moz-transform:translate(-50%,-50%); 	/* Firefox */

	-webkit-transform:translate(-50%,-50%); /* Safari 和 Chrome */

	width: 10px;

	height: 10px;

	background-color: #fff;

	border-radius: 50%;

}

.develop .dev_con .dev_box p{

	position: relative;

	font-size: 16px;

	color: #666666;

	line-height: 30px;

	text-align: left;

	font-family: "微软雅黑";

	margin-bottom: 30px;

	padding-left: 20px;

}

.develop .dev_con .dev_box p img{

	position: absolute;

	top: 10px;

	left: 0px;

}

.develop .dev_con .dev_box:hover .img_s{

	display: none;

}

.develop .dev_con .dev_box:hover .img_d{

	display: inline-block;

}

/* .develop .dev_con .slick-prev{

	width: 75px;

	height:15px;

	background:url(../images/compre.png) no-repeat;

	background-size: 100% 100%;

	left: 43%;

	top: auto;

	bottom: 40px;

	z-index: 9;

}

.develop .dev_con .slick-prev:hover{

	background: url(../images/compreb.png) no-repeat;

	background-size: 100% 100%;

}

.develop .dev_con .slick-next{

	width: 75px;

	height:15px;

	background:url(../images/comchangeg.png) no-repeat;

	background-size: 100% 100%;

	right: 43%;

	top: auto;

	bottom: 40px;

}

.develop .dev_con .slick-next:hover{

	background: url(../images/comchange.png) no-repeat;

	background-size: 100% 100%;

} */

.develop .dev_con .slick-prev{

	/* position: relative;

	width: 55px;

	height: 1px;

	background-color: #999999;

	left: -104px; 

	position: relative;*/

	left: -60px;

	top: 45px;

	width: 75px;

	height: 16px;

	transition: .5s;

	z-index: 1;

}

.develop .dev_con .slick-prev:after{

	content: '';

	position: absolute;

	left: 0px;

	bottom: 0px;

	width: 100%;

	height: 1px;

	background-color: #999999;

}

.develop .dev_con .slick-prev:before{

	content: '';

	position: absolute;

	top: -4px;

	left: 8px;

	display: inline-block;

	width: 1px;

	height: 22px;

	background-color: #999999;

	transform: rotate(45deg);

	-o-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	-moz-transform: rotate(45deg);	

	-webkit-transform: rotate(45deg);

}

@media screen and (min-width: 767px){

.develop .dev_con .slick-prev:hover{

	width: 85px;

}

}

.develop .dev_con .slick-prev:hover:before,

.develop .dev_con .slick-prev:hover:after{

	background-color: #193c64;

}

.develop .dev_con .slick-next{

	/* width: 55px;

	height: 8px;

	background:url(../images/next.png) no-repeat;

	background-size: 100% 100%;

	right: -104px; */

	top: 45px;

	right: -60px;

	/*bottom: 40px*/; 

	width: 75px;

	height: 16px;

	transition: .5s;

}

.develop .dev_con .slick-next:after{

	content: '';

	position: absolute;

	left: 0px;

	bottom: 0px;

	width: 100%;

	height: 1px;

	background-color: #999999;

}

.develop .dev_con .slick-next:before{

	content: '';

	position: absolute;

	top: -4px;

	right: 8px;

	display: inline-block;

	width: 1px;

	height: 22px;

	background-color: #999999;

	transform: rotate(-45deg);

	-o-transform: rotate(-45deg);

	-ms-transform: rotate(-45deg);

	-moz-transform: rotate(-45deg);	

	-webkit-transform: rotate(-45deg);

}

@media screen and (min-width: 767px){

.develop .dev_con .slick-next:hover{

	width: 85px;

}

}

.develop .dev_con .slick-next:hover:before,

.develop .dev_con .slick-next:hover:after{

	background-color: #193c64;

}

.develop .dev_con .dev_box:hover h1{

	color: #193c64;

}

.develop .dev_con .dev_box:hover .dot{

	background-color: #193c64;

}

.develop .dev_con .dev_box:hover p{

	color: #333333;

}

.culture .cul_con{

	padding-bottom: 60px;

}
.culture .cul_con video{
	max-width: 100%;
	height: auto;
}
.culture .cul_con .cul_img{

	width: 46.4%;

	overflow: hidden;

}

.culture .cul_con .cul_img img{

	width: 100%;

	transition: 1s;

}

@media screen and (min-width: 991px){

.culture .cul_con .cul_img img:hover{

	transform: scale(1.1);

	transform:  scale(1.1);

	-ms-transform: scale(1.1); 	/* IE 9 */

	-moz-transform: scale(1.1);	/* Firefox */

	-webkit-transform: scale(1.1); /* Safari 和 Chrome */

}

}

.culture .cul_con .cul_text{

	width: 47.5%;

}

.culture .cul_con .cul_text .cul_box{

	width: 100%;

	margin-bottom: 42px;

}

.culture .cul_con .cul_text .cul_box:last-child{

	margin-bottom: 0px;

}

.culture .cul_con .cul_text .cul_box .cul_title {

	margin-bottom: 5px;

}

.culture .cul_con .cul_text .cul_box .cul_title h1{

	font-size: 18px;

	color: #333333;

	margin-bottom: 15px;

	font-weight: bold;

	line-height: 1.5;

}

.culture .cul_con .cul_text .cul_box .cul_title .border_bottom{

	width: 107px;

	height: 1px;

	background-color: #dcdcdc;

}

.culture .cul_con .cul_text .cul_box p{

	font-size: 16px;

	color: #333333;

	line-height: 1.5;

}

.product .pro_con{

	padding-top: 60px;

	padding-bottom: 50px;

}

.product .pro_con .container{

	position: relative;

}

.product .menu{

	width: 18.6%;

	border-right: 1px solid #dcdcdc; 

}

/* .product .menu:after{

	position: absolute;

	top: 0px;

	left: 19.1%;

	content: '';

	width: 1px;

	height: 100%;

	background-color: #dcdcdc;

} */

.product .menu h1{

	font-size: 36px;

	color: #000000;

	padding: 29px 0 38px 0px;

}

.product .menu li{

	width: 100%;

	padding: 17px 0 17px 38px;

	border-bottom: 1px solid #dcdcdc;

	box-sizing: border-box;

}

.product .menu li:last-child{

	border-bottom: 0px;

}

.product .menu li a{

	color: #333333;

	line-height: 1.5;

	font-size: 16px;

}

.product .menu li.on{

	border-left:1px solid  #000;

	background-color: #f5f5f5 !important;

	font-weight: bold;

}

.product .menu li.on a{

	line-height: 1.5;

	color: #193c64;

	width: 100%;

	display: inline-block;

}

.product .menu li.act{

	border-left:1px solid  #000;

	background-color: #f5f5f5 !important;

	font-weight: bold;

}

.product .menu li.act a{

	color: #193c64;

	width: 100%;

	display: inline-block;

}

.product .pro_cen{

	width: 75.2%;

}

.product .pro_cen .pro_img{

	width: 100%;

	position: relative;

	margin-bottom: 10px;

}

.product .pro_cen .pro_img img{

	width: 100%;

}

.product .pro_cen .pro_img .pro_text{

	position: absolute;

	top: 50%;

	transform: translateY(-50%);

	-ms-transform:translateY(-50%); 	/* IE 9 */

	-moz-transform:translateY(-50%); 	/* Firefox */

	-webkit-transform:translateY(-50%); /* Safari 和 Chrome */

	right: 27px;

	width: 41.6%;

}

.product .pro_cen .pro_img .pro_text h1{

	font-size: 28px;

	color: #fff;

	margin-bottom: 35px;

}

.product .pro_cen .pro_img .pro_text h2{

	font-size: 18px;

	color: #fff;

	line-height: 30px;

	text-align: justify;

}

.product .pro_cen .pro_img .pro_text p{

	font-size: 16px;

	color: #dcdcdc;

	line-height: 30px;

	text-align: justify;

}

.product .pro_cen .pro_img .pro_text a{

	font-size: 16px;

	color: #fff;

	margin-top: 50px;

	display: inline-block;

}

.product .pro_cen .pro_img .pro_text .jian{

	position: relative;

	width: 40px;

	margin-left: 25px;

	display: inline-block;

	transition: 1s;

}

.product .pro_cen .pro_img .pro_text .jian .line{

	width: 100%;

	display: inline-block;

	height: 1px;

	background-color: #fff;

}

.product .pro_cen .pro_img .pro_text .jian .arrow{

	position: absolute;

	right: 3px;

	/* top: 4px; */

	top: 3.5px;

	display: inline-block;

	width: 1px;

	height: 11px;

	background-color: #fff;

	transform: rotate(-45deg);

	-o-transform: rotate(-45deg);

	-ms-transform: rotate(-45deg);

	-moz-transform: rotate(-45deg);

	-webkit-transform: rotate(-45deg);

}

@media screen and (min-width: 767px){

	.product .pro_cen .pro_img .pro_text:hover .jian{

		width: 60px;

	}

}

.product .pro_cen .pro_bb{

	width: 100%;

	/* padding-top: 50px; */

}

.product .pro_cen .pro_bb .pro_box{

	width: 25%;

	min-height: 226px;

	height: 270px;

	border-right: 1px solid #dcdcdc;

	padding: 30px 0 15px;

	margin-top: 40px;

	text-align: center;

	overflow: hidden;

}

.product .pro_cen .pro_bb .pro_box:nth-child(4n+1){

	border-left: 1px solid #dcdcdc;

}

.product .pro_cen .pro_bb .pro_box .prob_img{

	margin-bottom: 50px;

}

.product .pro_cen .pro_bb .pro_box .prob_img img{

	width: 132px;

}

.product .pro_cen .pro_bb .pro_box .prob_txt{

	padding: 0 5px;

}

.product .pro_cen .pro_bb .pro_box h1{

	display: inline-block;

	font-size: 18px;

	color: #333333;	

	transition: 0.5s;

}

.product .pro_cen .pro_bb .pro_box .arrows{

	width: 0px;

	margin-right: 8px;

	transition: 0.5s;

}

@media screen and (min-width: 767px){

	.product .pro_cen .pro_bb .pro_box:hover h1{

		color: #193c64;

		transform: translateX(-15px);

	}

	.product .pro_cen .pro_bb .pro_box:hover .arrows{

		width: 40px;

	}

}

.use .use_con{

	/* padding-top: 30px; */

	margin-top: -25px;

}

.use_choose{

	width: 100%;

	text-align: center;

	padding-bottom: 50px;

}

.use_choose .usec_box{

	display: inline-block;

	margin: 0 50px;

	text-align: center;

}

/* .use_choose .usec_box:last-child{

	margin-right: 0px;

} */

.usec_box .ub_img{

	position: relative;

	width: 108px;

	height: 108px;

	border-radius: 50%;

	border:1px solid #e0dddd;

	margin: 0 auto;

	margin-bottom: 20px;

}

.use_choose .usec_box .ub_img img{

	position: absolute;

	top:50%;

	left: 50%;

	transform: translate(-50%,-50%);

	-ms-transform:translate(-50%,-50%); 	/* IE 9 */

	-moz-transform:translate(-50%,-50%); 	/* Firefox */

	-webkit-transform:translate(-50%,-50%); /* Safari 和 Chrome */ 

}

.usec_box h1{

	font-size: 16px;

	color: #666666;

	font-weight: bold;

}

.use_choose .usec_box.on .ub_img{

	background-color: #193c64;

	border:0px;

}

.use_choose .usec_box.on .ub_img .img_s{

	display: none;

}

.use_choose .usec_box.on .ub_img .img_d{

	display: block;

}

.use_choose .usec_box.on h1{

	color: #193c64;

}

.use_box{

	position: relative;

	width: 32%;

	margin-right: 2%;

	margin-bottom: 30px;

}

.use_box:nth-child(3n+0){

	margin-right: 0px;

}

.use_box > img{

	width: 100%;

}

.use_box p.bt{

	position: absolute;

	left: 27px;

	bottom: 25px;

	padding-left: 78px;

	font-size: 14px;

	color: #fff;

	font-weight: bold;

	
	transition: 1.5s;
	-o-transition: 1.5s;
	-ms-transition: 1.5s;
	-moz-transition: 1.5s;
	-webkit-transition: 1.5s;

	z-index: 1;

}

.use_box p.bt img{

	position: absolute;

	top: 0px;

	left: 0px;

	margin-right: 20px;

}

.use_box .bluebox{

	position: absolute;

	top: 50%;

	left:50%;

	transform: translate(-50%,-50%);

	-ms-transform:translate(-50%,-50%); 	/* IE 9 */

	-moz-transform:translate(-50%,-50%); 	/* Firefox */

	-webkit-transform:translate(-50%,-50%); /* Safari 和 Chrome */

	width: 83%;

	height: 72.6%;

	padding: 40px 35px 0 35px;

	background-color: rgba(25,60,100,.7);

	opacity: 0;

	transition: 1.5s;
	-o-transition: 1.5s;
	-ms-transition: 1.5s;
	-moz-transition: 1.5s;
	-webkit-transition: 1.5s;

}

.use_box .bluebox p{

	font-size: 14px;

	color: #fff;

	line-height: 30px;

	text-align: left;

}

@media (min-width: 991px){

	.use_box:hover .bluebox{

		opacity: 1;

	}

	.use_box:hover p.bt{

		left: 50px;

		bottom: 68px;

		max-width: 75%;

	}

}

.fenye{

	text-align: center;

	padding: 50px 0px;

}

.fenye a{

	font-size: 16px;

	color: #6f6f6f;

}

.fenye ul li{

	display: inline-block;

	width: 37px;

	height: 37px;

	margin-right: 25px;

	border-radius: 50%;

	line-height: 37px;

	text-align: center;

}

.fenye a.on{

	color: #fff;

}

.fenye a.on li{

	background-color: #193c64;

}

.fenyeph{

	display: none;

	margin-bottom: 30px;

	margin-top: 20px;

}

.fenyeph button{

	width: 70px;

	height: 30px;

	border:1px solid #193c64;

	color: #193c64 !important;

}

.page .page_con .container{

	border-bottom: 1px solid #d9d9d9;

}

.page .page_img{

	position: relative;

	width: 47.7%;

	padding-top: 10px;

}

.page .page_img .pagei_bg{

	position: absolute;

	top: 0px;

	right: 0px;

	width: 95.4%;

	height: 370px;

	background-color: #193c64;

	z-index: -1;

}

.page .page_img img{

	width: 95.4%;

}

.page .page_text{

	position: relative;

	width:41.6%;

	background:url(../images/yinhao.png) no-repeat;

	padding-left: 90px;

}

.page .page_text h1{

	font-size: 18px;

	color: #333333;

	font-weight: bold;

	margin-bottom: 13px;

}

.page .page_text p{

	font-size: 16px;

	color: #333333;

	line-height: 30px;

	margin-bottom: 45px;

	text-align: justify;

}

.page_box{

	width: 29%;

	/* height: 488px;

	overflow: hidden; */

	margin-right: 6.5%;

	border:1px solid #dcdcdc;

	margin-bottom: 65px;

	transition: 0.3s;

}

.page_box:nth-child(3n+0){

	margin-right: 0;

}

.page_box .pb_img{

	width: 100%;

	text-align: center;

	padding: 30px 0;

}

.page_box .pb_img img{

	max-width: 100%;

}

.page_box .pb_text{

	position: relative;

	width: 100%;

	padding: 30px 30px 40px 30px;

	/* background:url(../images/pageb.png) no-repeat right 28px bottom 24px; */

	background-color: #fbfbfb;

	border-top: 1px solid #dcdcdc;

	transition: 0.5s;

}

.page_box .pb_text h1{

	font-size: 14px;

	color: #333333;

	font-weight: bold;

	margin-bottom: 25px;

}

.page_box .pb_text p{

	font-size: 14px;

	color: #666666;

	line-height: 30px;

	text-align: left;

}

.page_box .pb_text .jian{

	position: absolute;

	right: 30px;

	bottom: 25px;

	/* width: 55px; */

	width: 66px;

	display: inline-block;

	transition: .5s;

}

.page_box .pb_text .jian .line{

	width: 100%;

	display: inline-block;

	height: 1px;

	background-color: #666666;

}

.page_box .pb_text .jian .arrow{

	position: absolute;

	right: 5px;

	top: -2px;

	display: inline-block;

	width: 1px;

	height: 15px;

	background-color: #666666;

	transform: rotate(-45deg);

	-o-transform: rotate(-45deg);

	-ms-transform: rotate(-45deg);

	-moz-transform: rotate(-45deg);

	-webkit-transform: rotate(-45deg);

}

.page_box:hover .jian{

	width: 115px; 

	width: 80px;

}

.page_box:hover .jian .line{

	background-color: #fff;

}

.page_box:hover .jian .arrow{

	background-color: #fff;

}

@media screen and (min-width: 767px){

	.page_box:hover{

		margin-top:-2px;

		box-shadow: 5px 5px 5px #999999;

		-moz-box-shadow: 5px 5px 5px #999999;

		-webkit-box-shadow: 5px 5px 5px #999999;

		/* margin-bottom: 2px; 

		height: 488px; */

		overflow: hidden;

		border: none;

		margin-bottom: 67px;

	}

	.page_box:hover .pb_text{

		background-color: #193c64 !important;

		/* background:url(../images/page.png) no-repeat right 28px bottom 24px; */

	}

	.page_box:hover .pb_text h1{

		color: #fff;

	}

	.page_box:hover .pb_text p{

		color: #fff;

	}

}

.suc_page .sup_con{

	padding-top: 50px;

	padding-bottom: 155px;

}

.suc_page .sup_img{

	width: 48%;

	text-align: center;

}

.suc_page .sup_text{

	width: 52%;

	padding: 75px 35px 124px 45px;

	background-color: #ebebeb;

}

.suc_page .sup_text h1{

	font-size: 18px;

	color: #333333;

	font-weight: bold;

	margin-bottom: 15px;

}

.suc_page .sup_text p{

	font-size: 16px;

	color: #333333;

	line-height: 30px;

	text-align: justify;

}

.suc_page .sup_choose{

	position: relative;

	height: 300px;

	padding: 40px 0;

	background-color: #f2f2f2;

	text-align: center;

}

.suc_page .sup_choose .sup_po{

	position: absolute;

	top: 50%;

	left: 50%;

	width: 1440px;

	max-width: 100%;

	overflow: hidden;

	transform: translate(-50%,-50%);

}

.suc_page .sup_choose .sup_box{

	float: left; 

	width: 25%;

	/* display: inline-block;*/

	/* width: 160px; */

	/* margin:0 98px;  */

	/* margin: 0 2.5%;  */

}

/* .suc_page .sup_choose .sup_box:nth-child(1){

	margin-left: 0px;

} */

.suc_page .sup_choose .sup_box .sb_img{

	position: relative;

	width: 148px;

	/* max-width: 100%; */

	height: 148px;

	margin: 0 auto;

	margin-bottom: 40px;

	border:1px solid #333333;

	border-radius: 50%;

}

.suc_page .sup_choose .sup_box .sb_img img{

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%,-50%);

	-ms-transform:translate(-50%,-50%); 	/* IE 9 */

	-moz-transform:translate(-50%,-50%); 	/* Firefox */

	-webkit-transform:translate(-50%,-50%); /* Safari 和 Chrome */

	width: 70px;

}

.suc_page .sup_choose .sup_box h1{

	font-size: 18px;

	font-weight: bold;

	color: #333333;

}

.sale .sale_con .container{

	position: relative;

	padding-bottom: 80px;

	margin-bottom: 75px;

	border-bottom: 1px solid #d9d9d9;

}

.sale .sale_con .container .jialeft{

	position: absolute;

	bottom: 0px;

	left: 0px;

	transform: translate(-100%,50%);

		-ms-transform:translate(-100%,50%);	/* IE 9 */

		-moz-transform:translate(-100%,50%);	/* Firefox */

		-webkit-transform:translate(-100%,50%);/* Safari 和 Chrome */

		-o-transform:translate(-100%,50%);

}

.sale .sale_con .container .jiaright{

	position: absolute;

	bottom: 0px;

	right: 0px;

	transform: translate(100%,50%);

		-ms-transform:translate(100%,50%);	/* IE 9 */

		-moz-transform:translate(100%,50%);	/* Firefox */

		-webkit-transform:translate(100%,50%);/* Safari 和 Chrome */

		-o-transform:translate(100%,50%);

}

.sale .sale_map{

	position: relative;

	width: 50%;

	border-right: 1px solid #d9d9d9;

	padding: 50px 0 85px;

	padding-right: 6%;

}

.sale .sale_map .map_img{

	width: 100%;

}

.sale .sale_map .jiatop{

	position: absolute;

	top:0px;

	right: 0px;

	transform: translate(50%,-150%); 

		-ms-transform:translate(50%,-150%);	/* IE 9 */

		-moz-transform:translate(50%,-150%);	/* Firefox */

		-webkit-transform:translate(50%,-150%);/* Safari 和 Chrome */

		-o-transform:translate(50%,-150%);

}

.sale .sale_map .jiabottom{

	position: absolute;

	bottom:0px;

	right: 0px;

	transform: translate(50%,150%); 

		-ms-transform:translate(50%,150%); 	/* IE 9 */

		-moz-transform:translate(50%,150%); 	/* Firefox */

		-webkit-transform:translate(50%,150%); /* Safari 和 Chrome */

		-o-transform:translate(50%,150%); 

}

/* .sale .sale_map .schange{

	position: absolute;

	top: 0px;

	left: 0px;

	width: 100%;

	height: 100%;

} */

.sheng .shchange{

	/* opacity: 0;

	filter:alpha(opacity=0); 

	-moz-opacity:0;

	 -khtml-opacity: 0;

	 -webkit-opacity: 0;  */

	display: none;

}

.sale .sale_map .shenzhen{

	position: absolute;

	right: 28.2%;

	bottom: 100px; 

	z-index: 1;

}

.sale .sale_map .shname{

	position: absolute;

	right: 0px;

	bottom: 0px;

	width: 100%;

	height: 100%;

}

.sale .sale_map .shname .sh_img{

	/* display: none; */

	position: absolute;

	right: 17%;

	top: 10%;

	/* transform: translate(-50%,-50%); */

}

.sale .sale_map .shname .szpro{

	position: absolute;

	right: 10%;

	top: -15px;

}

.sale .sale_map .shname .hkpro{

	position: absolute;

	/* right: -60%; */

	right: -113%;

	bottom: 0px;

}

.shanghai .shname .hkpro{

	bottom: 5px !important;

}

.taibei .shname .hkpro{

	bottom: 25px !important;

	right: -153% !important;

}

/* .taibei .shchange img{

	width: 34px;

} */

.sale .sale_map .sheng{

	cursor: pointer;

}

.sale .sale_map .shenzhen{

	/* width: 16.6%; */

	width: 128px;

	height: 102px;

}

.sale .sale_map .shenzhen .province{

	width: 100%;

}

.sale .sale_map span.hk{

	position: absolute;

	left: 50%;

	top: 40%;

	width: 0px;

	height: 0px;

	border-radius: 50%;

	background-color: rgb(25,60,100);

	opacity: .9;

	animation: dots 3s infinite;

	-moz-animation: dots 3s infinite;	/* Firefox */

	-webkit-animation: dots 3s infinite;	/* Safari 和 Chrome */

	-o-animation: dots 3s infinite;

}

.sale .sale_map span.sz{

	position: absolute;

	right: 54%;

	top: 20px;

	width: 0px;

	height: 0px;

	border-radius: 50%;

	background-color: rgb(25,60,100);

	opacity: .9;

	animation: dots 3s infinite;

	-moz-animation: dots 3s infinite;	/* Firefox */

	-webkit-animation: dots 3s infinite;	/* Safari 和 Chrome */

	-o-animation: dots 3s infinite;

}

.sale .sale_map span:nth-child(2){

	animation-delay:1s;

	-webkit-animation-delay:1s; /* Safari 和 Chrome */

}

.sale .sale_map span.name{

	/* position: relative;

	right: 0px;

	bottom: 0px; */

	font-size: 16px;

	color: #333333;

	opacity: 1;

}

/* .sale .sale_map .shenzhen .shname .sh_img{

	position: absolute;

} */

.sale .sale_map .shenzhen .shname .sh_img{

	position: absolute;

	top: 0px;

	left: 0px;

	width: 100%;

	height: 100%;

}

.sale .sale_map .shenzhen .shname .sh_img img:nth-child(1){

	position: absolute;

	top: 12%;

	left: 46%;

}

.sale .sale_map .shenzhen .shname .sh_img img:nth-child(2){

	position: absolute;

	top: 30%;

	left: 56%;

}

.sale .sale_map .shenzhen .shname .hkpro{

	position: absolute;

	/* right: 0px; */

	right: -13px;

	bottom: 26px;

}

.sale .sale_map .beijing{

	position: absolute;

	right: 31.2%;

	top: 33%;

	z-index: 1;

	/* width: 4%; */

	width: 36px;

	height: 50px;

}

.sale .sale_map .shanghai{

	position: absolute;

	right: 19%;

	top: 51%;

	z-index: 1;

	width: 5%;

	width: 43px;

	height: 44px;

}

.sale .sale_map .shanghai .province{

	width: 40px;

}

.sale .sale_map .taibei{

	position: absolute;

	right: 20%;

	bottom: 145px;

	z-index: 1;

	width: 4%;

	width: 32px;

	height: 72px;

}

@keyframes dots{

	0%{

		width: 0px;

		height: 0px;

		opacity: .9;

	}

	100%{

		width: 90px;

		height: 90px;

		opacity: 0;

	}

}

.sale .smap{

	display: none;

}

.sale .sale_text{

	width: 50%;

	height: 100%;

	/* padding-left: 150px; 

	overflow: hidden;*/

}

.sale .sale_text .sale_mess{

	position: relative;

	top: 0px;

	left: 0px;

	width: 100%;

	height: 675px;

	z-index: 99;

	padding-left: 60px;

}

/* .sale .sale_text .sale_mess{

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%,-50%);

} */

.sale .sale_text .sale_po{

	position: absolute;

	top: 50%;

	right: 110px;

	transform: translate(0,-50%);

	/* padding-left: 105px; */

	/* padding-bottom: 65px;  */

	/* z-index: 99; */

}

.sale .sale_box {

	position: relative;

	margin-bottom: 60px;

	width: 405px;

}

.sale .sale_box .border{

	position: absolute;

	top: 15px;

	left: -100px;

	width: 65px;

	height: 1px;

	background-color: #d9d9d9;

}

.sale .sale_box h1{

	font-size: 18px;

	color: #333333;

	font-weight: bold;

	margin-bottom: 20px;

}

.sale .sale_box li img{

	width: 25px;

	margin-right: 25px;

}

.sale .sale_box li{

	font-size: 16px;

	color: #333333;

	line-height: 25px;

	margin-bottom: 25px;

}

.sale .sale_box li span{

	font-size: 16px;

	color: #333333;

	line-height: 25px;

	display: block;

	width: calc(100% - 50px);

}

.sale .sale_box a{

	position: absolute;

	right: 0px;

	bottom: -40px;

	font-size: 18px;

	color: #333333;

}

.sale .sale_box a img{

	width: 25px;

}

.sale .sale_box li a{

	position: relative;

	display: inline-block;

	bottom: 0px;

	left: 0px;

	color: #333333;

	font-size: 16px;

}

.sale .sale_box a:hover{

	color: #193c64;

}

.sale .sale_box a:hover .img_s{

	display: none;

}

.sale .sale_box a:hover .img_d{

	display: inline-block;

}

/*.sale .sale_text .slick-prev{

	width: 50px;

	height:13px;

	background:url(../images/compre.png) no-repeat;

	background-size: 100% 100%;

	left: 55%;

	top: auto;

	bottom: 0px;

	z-index: 9;

}

.sale .sale_text .slick-prev:hover{

	background: url(../images/compreb.png) no-repeat;

	background-size: 100% 100%;

}

.sale .sale_text .slick-next{

	width: 50px;

	height:13px;

	background:url(../images/comchangeg.png) no-repeat;

	background-size: 100% 100%;

	right: 25%;

	top: auto;

	bottom: 0px;

}

.sale .sale_text .slick-next:hover{

	background: url(../images/comchange.png) no-repeat;

	background-size: 100% 100%;

}*/

.sale .sale_text .slick-prev{

	/* position: relative;

	width: 55px;

	height: 1px;

	background-color: #999999;

	left: -104px; */

	position: absolute;

	left: 55%;

	top: auto;

	bottom: -30px;

	width: 50px;

	height: 16px;

	transition: .5s;

	z-index: 1;

	z-index: 98;

}

.sale .sale_text .slick-prev:after{

	content: '';

	position: absolute;

	left: 0px;

	bottom: 0px;

	width: 100%;

	height: 1px;

	background-color: #999999;

	z-index: 98;

}

.sale .sale_text .slick-prev:before{

	content: '';

	position: absolute;

	top: 3px;

	left: 5px;

	display: inline-block;

	width: 1px;

	height: 14px;

	background-color: #999999;

	transform: rotate(45deg);

	-o-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	-moz-transform: rotate(45deg);	

	-webkit-transform: rotate(45deg);

	z-index: 98;

}

@media screen and (min-width: 767px){

.sale .sale_text .slick-prev:hover{

	width: 60px;

}

}

.sale .sale_text .slick-prev:hover:before,

.sale .sale_text .slick-prev:hover:after{

	background-color: #193c64;

}

.sale .sale_text .slick-next{

	/* width: 55px;

	height: 8px;

	background:url(../images/next.png) no-repeat;

	background-size: 100% 100%;

	right: -104px; */

	position: absolute;

	right: 25%;

	top: auto;

	bottom: -30px; 

	width: 50px;

	height: 16px;

	transition: .5s;

	z-index: 98;

}

.sale .sale_text .slick-next:after{

	content: '';

	position: absolute;

	left: 0px;

	bottom: 0px;

	width: 100%;

	height: 1px;

	background-color: #999999;

	z-index: 98;

}

.sale .sale_text .slick-next:before{

	content: '';

	position: absolute;

	top: 3px;

	right: 5px;

	display: inline-block;

	width: 1px;

	height: 14px;

	background-color: #999999;

	transform: rotate(-45deg);

	-o-transform: rotate(-45deg);

	-ms-transform: rotate(-45deg);

	-moz-transform: rotate(-45deg);	

	-webkit-transform: rotate(-45deg);

	z-index: 98;

}

@media screen and (min-width: 767px){

.sale .sale_text .slick-next:hover{

	width: 60px;

}

}

.sale .sale_text .slick-next:hover:before,

.sale .sale_text .slick-next:hover:after{

	background-color: #193c64;

}

.sale_form .sf_img{

	width: 46.4%;

}

.sale_form .sf_img img{

	width: 100%;

}

.sale_form .sf_form{

	width: 51%;

}

.sale_form .sf_form h1{

	font-size: 16px;

	color: #666666;

	margin-bottom: 25px;

	line-height: 1.5;

}

.sf_form .formc{

	width: 100%;

	margin-bottom: 25px;

}

.sf_form .formc > span{

	display: inline-block;

	width: 48.7%;

	height: 50px;

	line-height: 50px;

	border-left: 1px solid #193c64;

	position: relative;

	float: left;

	padding-left: 20px;

	background-color: #f2f2f2;

	padding-right: 50px;

}

.sf_form .formc > span:nth-child(1){

	margin-right: 2.6%;

}

.sf_form .formc:nth-child(4){

	background-color: #f2f2f2;

}

.sf_form .formc > span .inname{

	width: auto;

	border-left: none;

	padding-left: 0px;

	font-size: 16px;

	color: #999999;

}

.sf_form .formc > span input{

	width: 100%;

	/* width: calc(100% - 100px); */

	/* line-height: 50px; */

	font-size: 16px;

	/*color: #333333;

	 padding-left: 20px; */

}

.sf_form .formc > span img{

	position: absolute;

	/* top: 14px; */

	top: 50%;

	transform: translateY(-50%);

	right: 16px;

	width: 20px;

}

.sf_form .formc.salenum{

	width: 100%;   

	background-color: #f2f2f2;

}

/* .sf_form .formc.salenum{

	width: 100%;

} */

.sf_form .formc .selec{

	float: left;

	width: 48.7%;

	height: 50px;

	padding: 10px 0;

	padding-left: 20px;

	margin-right: 2.6%;

	font-size: 16px;

	color: #333333;

	background-color: #f2f2f2;

	border-left: 1px solid #193c64;

}

.sf_form .formc.salenum .name {

	height: 50px;

	line-height: 50px;

	width: auto;

}

.sf_form .formc .name{

	line-height: 30px;

	

	font-size: 16px;

	/* border-left: none;

	float: left;

	width: 22%;  */

	margin-right: 0px;

	color: #999999;

}

/* .sf_form .formc:nth-child(5){

	background-color: #f2f2f2;

} */

.sf_form .formc .selec .xuanze{

	position: relative;

	width: calc(100% - 100px);	

	float: right;

	/* width: 78%; 

	padding-left:25%; */

}

.sf_form .formc .selec .xuanze .nameshow{

	line-height: 30px;

	font-size: 16px;

	color: #333333;

	border-left: none;

	height: 30px;

	overflow: hidden;

	width: 80px;

}

.sf_form .formc .selec .xuanze .nameshow .c9{

	color: #999999;

}

.sf_form .formc .selec ul{

	position: absolute;

	top: 40px;

	right: 0px;

	z-index: 1;

	width: 100%;

	background-color: #e7e5e5;

	display: none;

	height: 300px;

	overflow-y: scroll;

}

.sf_form .formc .selec ul li{

	font-size: 14px;

	color: #333333;

	height: 36px;

	text-align: center;

	cursor: pointer;

	padding-top: 10px;

	padding-top: 10px;

}

.sf_form .formc .xuanze a{

	position: absolute;

	top: 0px;

	right: 0px;

	padding: 0 15px;

	line-height: 30px;

	width: 45px;

	border-left: 1px solid #cacaca;

}

.sf_form .formc span.xinghao{

	width: 28%;

	line-height: 50px;

	/* padding-left: 20px; */

	font-size: 16px;

	color: #333333;

	background-color: #f2f2f2;

	margin-right: 3%;

}

.sf_form .formc .selecn{

	width: 29%;

	float: left;

	height: 50px;

	padding: 10px 0;

	padding-left: 20px;

	font-size: 16px;

	color: #999999;

	background-color: #f2f2f2;

	border-left: 1px solid #193c64;

}

.sf_form .formc .selecn .name{

	line-height: 30px;

	border-left: none;

	float: left;

	/* width: 22%;  */

	margin-right: 0px;

	color: #999999;

}

.sf_form .formc .buynum{

	line-height: 30px;

	width: auto;	

	float: left;

	margin-left: 10px;

	margin-top: 10px;

}

.sf_form .formc .buynum input.jian{

	/* margin: 0 40px 0 15px; */

	cursor: pointer;

}

.sf_form .formc .buynum input.jia{

	/* margin: 0 0 0 35px; */

	cursor: pointer;

}

.sf_form .formc .buynum .shuzi{

	display: inline-block;

	background-color: #fff;

	width: 45px;

	height: 25px;

	text-align: center;

}

input[type=number] {  

   -moz-appearance:textfield; 

}  

input[type=number]::-webkit-inner-spin-button,  

input[type=number]::-webkit-outer-spin-button { 

   -webkit-appearance: none;  

   margin: 0; 

} 

.sf_form .formc > .inname{

	font-size: 16px;

	color: #999999;

	margin-bottom: 0px;

} 

/* .sf_form .formc:nth-child(5){

	border-left: 1px solid #193c64;

} */

.sf_form .formc textarea{

	width: 100%;

	height:200px;

	padding: 20px 0 0 20px;

	line-height: 20px;

	font-size: 16px;

	/* color: #333333; */

	background-color: #f2f2f2;

	border-left: 1px solid #193c64; 

}

.sf_form .formc .yanzhengma{

	width: 115px;

	height: 50px;

	margin-right: 20px;

}

.sf_form .formc .yanzheng{

	display: inline-block;

}

.sf_form .formc .yanzheng a{

	font-size: 16px;

	color: #333333;

}

.sf_form .formc.biaoti span{

	width: 100%;

}

.sf_form .btn{

	width: 100%;

	text-align: center;

	padding: 28px 0 65px;

}

.sf_form .btn button{

	width:190px;

	line-height: 50px;

	font-size: 16px;

	text-align: center;

}

.sf_form .btn button:first-child{

	color: #fff;

	background-color: #193c64;

	margin-right: 48px;

}

.sf_form .btn button:last-child{

	color: #193c64;

	background-color: #fff;

	border:1px solid #193c64;

}

.relation .rela_box{

	position: relative;

	width: 100%;

	height: 148px;

	padding: 20px 0;

	margin-bottom: 30px;

	border:1px solid #e9e9e9;

}

.relation .rela_box .wenben{

	position: absolute;

	top: 20px;

	left: 0px;

	width: 155px;

	height: 108px;

	border-right: 1px solid #dcdcdc;

}

.relation .rela_box .wenben img{

	position: absolute;

	top: 50%;

	left: 50%;

			transform: translate(-50%,-50%);

		-ms-transform:translate(-50%,-50%); 	/* IE 9 */

		-moz-transform:translate(-50%,-50%); 	/* Firefox */

		-webkit-transform:translate(-50%,-50%); /* Safari 和 Chrome */

		-o-transform:translate(-50%,-50%);

	width: 30px;

}

.relation .rela_box .download{

	position: absolute;

	top: 20px;

	right: 0px;

	width: 155px;

	height: 108px;

	border-left: 1px solid #dcdcdc;

}

.relation .rela_box .download img{

	position: absolute;

	top: 50%;

	left: 50%;

			transform: translate(-50%,-50%);

		-ms-transform:translate(-50%,-50%); 	/* IE 9 */

		-moz-transform:translate(-50%,-50%); 	/* Firefox */

		-webkit-transform:translate(-50%,-50%); /* Safari 和 Chrome */

		-o-transform:translate(-50%,-50%);

	width: 30px;

}

.relation .rela_box .rela_title{

	width: calc(100% - 310px);

	margin-left: 155px;

	padding:20px 0 20px 50px; 

}

.relation .rela_box .rela_title h1{

	font-size: 18px;

	color: #333;

	font-weight: bold;

	margin-bottom: 25px;

	line-height: 1.5;

}

.relation .rela_box .rela_title p{

	font-size: 16px;

	color: #666666;

}

.relation .rela_box:hover{

	border-left: 1px solid #193c64;

	background-color: #f1f1f1;

}

.relation .rela_box:hover .wenben{

	border-right: 1px solid #193c64;

}

.relation .rela_box:hover .wenben .img_s{

	display: none;

}

.relation .rela_box:hover .wenben .img_d{

	display: block;

}

.relation .rela_box:hover .download{

	border-left: 1px solid #193c64;

}

.relation .rela_box:hover .download .img_s{

	display: none;

}

.relation .rela_box:hover .download .img_d{

	display: block;

}

.relation .rela_box:hover .rela_title h1{

	color: #193c64;

}

.relation .rela_box:hover .rela_title p{

	color: #193c64;

}

.news .news_info{

	width: 100%;

}

.news .news_info .nf_text{

	position: relative;

	width: 52%;

}

.news .news_info .nf_text .nft_top{

	width: 100%;

}

.news .news_info .nf_text .nftt_text{

	position: relative;

	width: 100%;

	height: 400px;

	padding: 110px 85px 0px 20px;

}

.news .news_info .nftt_text h1{

	font-size: 24px;

	color: #000000;

	margin-bottom: 50px;

	line-height: 1.5;

}

.news .news_info .nftt_text h1:hover{

	color: #193c64;

}

.news .news_info .nftt_text p{

	font-size: 18px;

	color: #333333;

	line-height: 30px;

}

.news .news_info .nftt_text .jian{

	position: absolute;

	right: 80px;

	bottom: 120px;

	/* width: 55px; */

	width: 100px;

	display: inline-block;

	transition: .5s;

}

.news .news_info .nftt_text .jian .line{

	width: 100%;

	display: inline-block;

	height: 1px;

	background-color: #193c64;

}

.news .news_info .nftt_text .jian .arrow{

	position: absolute;

	right: 8px;

	top: -10px;

	display: inline-block;

	width: 1px;

	height: 25px;

	background-color: #193c64;

	transform: rotate(-45deg);

	-o-transform: rotate(-45deg);

	-ms-transform: rotate(-45deg);

	-moz-transform: rotate(-45deg);

	-webkit-transform: rotate(-45deg);

}

.news .news_info .nftt_text .jian:hover{

	/* width: 115px; */

	width: 120px;

}

.news .news_info .nf_text .nft_bottom{

	position: absolute;

	left: 0px;

	bottom: 0px;

	width: 100%;

	height: 67px;

	background-color: #f2f2f2;

}

.news .news_info .nf_img{

	position: relative;

	width: 48%;

	height: 415px;

	/* overflow: hidden; */

	/* margin-top: -30px;

	padding-top: 30px; */

}

.news .news_info .nf_img .nfi_img{

	overflow: hidden;

	/* height: 200px; */

}

.news .news_info .nf_img img{

	transition: 1s;

	width: 100%;

}

@media screen and (min-width: 767px){

	.news .news_info .nf_img:hover img{

		transform: scale(1.1);

	}

}

.news .news_info .slick-dots{

	bottom: 30px;

	z-index: 9;

}

.news .news_info .slick-dots li{

	width: 15px;

	height: 15px;

	background: url(../images/dotg.png) no-repeat;

	background-size: 100% 100%;

	margin: 0 8px;

}

.news .news_info .slick-dots li.slick-active{

	background: url(../images/dotb.png) no-repeat;

	background-size: 100% 100%;

}

.news .hatime{

	position: absolute;

	right: 30px;

	top: -20px;

	background-color: #193c64;

	padding: 15px 5px;

	text-align: center;

}

.news .hatime h1{

	font-size: 24px;

	color: #fff;

}

.news .hatime p{

	font-size: 14px;

	color: #fff;

}

.news .news_bb{

	margin-top: 60px;

}

.news .news_box{

	width: 100%;

	padding: 30px 10px 35px;

	border-bottom: 1px solid #dbdbdb;

}

.news .news_box:first-child{

	border-top: 1px solid #dbdbdb;

	padding-top: 60px;

}

.news .news_box .news_img{

	position: relative;

	width: 356px;

	height: 208px;

	margin-right: 65px;

}

.news .news_box .news_img .newsi{

	overflow: hidden;

	width: 100%;

	height: 100%;

}

.news .news_box .news_img img{

	transition: 1s;

	width: 100%;

}

@media screen and (min-width: 767px){

	.news .news_box .news_img:hover img{

		transform: scale(1.1);

	}

}

.news .news_box .news_text{

	width: calc(100% - 421px);

}

.news .news_box .news_text h1{

	font-size: 20px;

	color: #333333;

	font-weight: bold;

	margin-bottom: 30px;

	line-height: 30px;

}

.news .news_box .news_text:hover h1{

	color: #193c64;

}

.news .news_box .news_text p{

	font-size: 18px;

	color: #333333;

	line-height: 30px;

}

.news .news_box .news_text .jian{

	position: relative;

	width: 70px;

	display: inline-block;

	margin-top: 45px;

	transition: 1s;

}

.news .news_box .news_text .jian .line{

	width: 100%;

	display: inline-block;

	height: 1px;

	background-color: #193c64;

}

.news .news_box .news_text .jian .arrow{

	position: absolute;

	right: 6px;

	top: -5.5px;

	display: inline-block;

	width: 1px;

	height:20px;

	background-color: #193c64;

	transform: rotate(-45deg);

	-o-transform: rotate(-45deg);

	-ms-transform: rotate(-45deg);

	-moz-transform: rotate(-45deg);

	-webkit-transform: rotate(-45deg);

}

.news .news_box .news_text:hover .jian{

	width: 115px;

}

.news_page .np_con{

	padding-top: 40px;

	padding-bottom: 50px;

}

.news_page .np_title{

	padding: 20px 0 60px;

	border-left: 1px solid #dcdcdc;

	border-right: 1px solid #dcdcdc;

}

.news_page .np_title h1{

	font-size: 36px;

	color: #000000;

	line-height: 1.5;

}

.news_page .np_info{

	position: relative;

	height: 95px;

	line-height: 95px;

	font-size: 18px;

	border:1px solid #dcdcdc;

}

.news_page .np_info .left,.news_page .np_info .right{

	position: absolute;

	top: 0;

}

.news_page .np_info span{

	line-height: 95px;

	display: inline-block;

	height: 95px;

}

.news_page .np_info .left{

	left: 90px;

}

.news_page .np_info .right{

	right: 60px;

}

.news_page .np_info .right a{

	color: #333333;

}

.news_page .np_info .right a:hover{

	color: #193c64;

}

.news_page .np_info .right a:hover .img_s{

	display: none;

}

.news_page .np_info .right a:hover .img_d{

	display: inline-block;

}

.news_page .np_info .right a img{

	margin-left: 7px;

}

.news_page .np_box{

	position: relative;

	border-left: 1px solid #dcdcdc;

	border-right: 1px solid #dcdcdc;

	padding: 60px 80px 0;

}

.news_page .np_box:before,

.news_page .np_box:after{

	content:'';

	position: absolute;

	top: 385px;

	width: 5px;

	height: 60px;

	background-color: #193c64;

}

.news_page .np_box:before{

	left: -3px;

}

.news_page .np_box:after{

	right: -3px;

}

.news_page .np_box p{

	font-size: 16px;

	color: #333333;

	line-height: 30px;

	/* margin-bottom: 15px; */

	text-align: justify;

}

.news_page .np_box .npb_img{

	padding: 25px 0 75px;

	text-align: center;

}

.news_page .np_box img{

	max-width: 100%;

}

.news_page .np_box .return{

	display: block;

	width: 100px;

	height: 100px;

	margin: 85px auto 0;

	text-align: center;

	line-height: 100px;

	color: #193c64;

	border-radius: 50%;

	border:1px solid #193c64;

	font-size: 16px;

	font-weight: bold;

}

.news_page .np_box .return:hover{

	background-color: #193c64;

	color: #fff;

}

.news_page .change{

	position: relative;

	margin: 65px 0 60px;

}

.change_bt{

	/* position: relative; */

	width: 100%;

	border-bottom: 1px solid #dcdcdc;

	/* margin: 15px 0 45px; */

	overflow: hidden;

	padding-bottom: 10px;

}

.news_page .change:after{

	position: absolute;

	top: 80%;

	left: 50%;

		transform: translate(-50%,-50%);

		-ms-transform:translate(-50%,-50%); 	/* IE 9 */

		-moz-transform:translate(-50%,-50%); 	/* Firefox */

		-webkit-transform:translate(-50%,-50%); /* Safari 和 Chrome */

		-o-transform:translate(-50%,-50%);

	width: 1px;

	height: 100px;

	background-color: #dcdcdc;

	content: '';

}

.news_page .change .change_left{

	width: 50%;

	/* padding: 15px 0 45px; 

	border-right: 1px solid #dcdcdc;*/

}

.news_page .change .change_left .change_con{

	position: relative;

	padding-left: 60px;

	/* border-bottom: 1px solid #dcdcdc; */

}

.news_page .change .change_left .change_con a img{

	margin-right: 24px;

	margin-top: -20px;

	position: absolute;

	top: 50%;

	left: 0;

	/* transform: translateY(-50%); */

}

.news_page .change .change_left .change_con a {

	/* line-height: 50px; */

	line-height: 1.5;

	color: #333333;

	position: relative;

	padding-left: 100px;

	display: inline-block;

}

.news_page .change .change_left .change_con a:hover{

	color:  #193c64;

}

@media screen and (min-width: 991px){

	.news_page .change .change_left .change_con a:hover .img_s{

		display: none;

	}

	.news_page .change .change_left .change_con a:hover .img_d{

		display: inline-block;

	}

}

.news_page .change .change_right{

	width: 50%;

	/* padding: 15px 0 45px; */

}

.news_page .change .change_right .change_con{

	position: relative;

	padding-right: 60px;

	/* border-bottom: 1px solid #dcdcdc; */

	text-align: right;

}

.news_page .change .change_right .change_con a img{

	margin-left: 24px;

	margin-top: -20px;

	position: absolute;

	top: 50%;

	right: 0;

}

.news_page .change .change_right .change_con a {

	/* line-height: 50px; */

	color: #333333;

	line-height: 1.5;

	position: relative;

	padding-right: 100px;

	display: inline-block;

}

.news_page .change .change_right .change_con a:hover{

	color:  #193c64;

}

.news_page .change .change_right .change_con a:hover .img_s{

	display: none;

}

.news_page .change .change_right .change_con a:hover .img_d{

	display: inline-block;

}



.com .com_logo .comlo_box a{

	width: 100%;

}

.com .com_logo .comlo_box img{

	max-width: 100%;

	width: 200px;

}

.footer .fotop .fopar .fplogo .fplogobox img{

	max-width: 100%;

}

.header1 .logo img{

	max-width: 100%;

}

.product .pro_cen .pro_bb .pro_box img{

	max-width: 100%;

}

.usec_box .ub_img img{

	max-width: 100%;

}

.usec_box .ub_img img{

	width: 80px;

}

.font_emb{

	/* width: calc(100% - 48px); */
	width: 100%;

}

.index .happen .habox p{

	position: relative;

}

.index .happen .habox p span{

	display: block;

	width: 100%;

	position: absolute;

	bottom: 6px;

	height: 16px;

	background:-moz-linear-gradient(top, rgba(255, 255, 255, 0.3),rgba(255, 255, 255, 1));

    background:-o-linear-gradient(top, rgba(255, 255, 255, 0.3),rgba(255, 255, 255, 1));

    background:-ms-linear-gradient(top, rgba(255, 255, 255, 0.3),rgba(255, 255, 255, 1));

    background:-webkit-linear-gradient(top,rgba(255, 255, 255, 0.3),rgba(255, 255, 255, 1));

    background:linear-gradient(top,rgba(255, 255, 255, 0.3),rgba(255, 255, 255, 1));

}



.sp h1{

	width: calc(100% - 42px);

}

.j_xiugai p img{

	max-width: 100%;

}

.j_jianj{

	padding-left: 10px;

}

.xialaphact h4 a{
	width: 100%;
}
.xialaphact h4{
	border-bottom: 1px solid #ddd !important;
}
.news_page .np_box p video{
	max-width: 100%;
}
.news_page .np_box p span{
    font-size: 36px;
    color: #333333;
    line-height: 42px;
    /* margin-bottom: 15px; */
    text-align: justify;
}
.news_page .np_box p span{
	font-size: 16px;
}
.free .titlei {
    display: flex;
    justify-content: center;
}