body {



	font-family: "Hiragino Sans GB", \5FAE\8F6F\96C5\9ED1, "lvetica Neue", Helvetica, Arial, sans-serif;



	color: #666



}



a {



	color: #009fe8;



	text-decoration: none;



	font-weight: 500



}



a:focus, a:hover {



	color: #009fe8;







}



ul li{margin: 0; padding: 0;}



li{list-style-type:none;}



.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {



	font-weight: 500;



	line-height: 1.1;



	color: inherit



}



.h1, .h2, .h3, .h4, .h5, .h6 {



	margin: 0



}



img {



	height: auto;



	max-width: 100%



}







iframe {



	height: 218px;



	max-width: 100%



}







#button, .btn-success, .item-on-hover, .kehu figure a p, .team img, :active, :focus, :hover, :link, :visited {



	-webkit-transition: all .2s linear;



	-moz-transition: all .2s linear;



	-o-transition: all .2s linear;



	transition: all .2s linear



}



















.cor-red{ color:#da251d}



.h-h2 {



	font-size: 24px;



	line-height: 150%;



	color: #000;



	padding: 0;



	margin-top: 0;



	margin-bottom: 30px;



	text-align: left



}



::-moz-selection {



background:#009fe8;



color:#fff



}



::selection {



	background: #009fe8;



	color: #fff



}



.pingpu-bg {



	background-repeat: no-repeat;



	background-position: center top;



	background-attachment: fixed



}



@media (min-width:1200px) {



.container {



	width: 1230px



}



}



@media only screen and (max-device-width:1199px) {



.pingpu-bg {



	background-attachment: scroll



}



}



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



.pingpu-bg {



	background-attachment: scroll;



	width: 100%;



	height: 100%;



	background-repeat: no-repeat;



	background-position: center top;



	background-size: cover;



	-webkit-background-size: cover;



	-moz-background-size: cover;



	-o-background-size: cover



}



}



.none {



	display: none



}



.headroom {



	position: fixed;



	top: 0;



	left: 0;



	right: 0;



	transition: all .2s ease-in-out



}



.headroom--unpinned {



	top: -80px



}



.headroom--pinned {



	top: 0



}



.navbar-default {



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



	border-bottom-width: 0;



	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.1);



	box-shadow: 0 0 10px rgba(0,0,0,.1)



}



.navbar-header {



	position: relative;



}



.logo {



	margin: 0;



	display: table



}



.navbar-brand {



	width: 197px;



	height: 50px;



	background-image: url(../image/logo.png);



	text-indent: -9999px;



	overflow: hidden;



	background-position: 15px 0;



	background-repeat: no-repeat;



	background-size: auto 20px



}



.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {



	color: #555;



	background-color: #fff;



}



.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {



	color: #262626;



	text-decoration: none;



	background-color: rgba(255,255,255,0.5);



}



.dropdown-menu{



	background-color: rgba(59,130,254,0.5);



	min-width: 100%;



}



.dropdown-menu>li>a{



	color: #fff;



	line-height: 40px;



}



@media (min-width:1000px) {



.navbar-brand {



	height: 50px



}



.navbar-brand {



	width: 200px;



	background-image: url(../image/logo.png);



	background-size: auto 50px



}



}



@media (max-width:999px) {



.navbar-brand {



	height: 20px



}



}



.navbar-nav>li>a::after{



	content: '';



	display: block;



	width: 0;



	height: 2px;



	background: #da251d;



	transition: 0.4s;



}



.navbar-nav>li>a:hover::after{



	width: 100%;



}



.navbar-default .navbar-nav>li>a {



	color: #000;



	padding: 0px 30px;



}



.navbar-default .navbar-nav>li.hover>a, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {



	padding-top: 0



}



@media (min-width:768px) {



	.navbar-default .navbar-nav>li>a {



		line-height: 80px;



	}



}



@media (min-width:768px) and (max-width:999px) {



.logo {



	padding: 20px 0



}



.navbar-default .navbar-nav>li>a {



	margin: 20px 10px;



	padding: 2px 0



}



}



@media (max-width:767px) {



.logo {



	padding: 0 15px;



}



.navbar-default .navbar-nav>li>a {



	margin: 15px



}



.navbar-toggle {



	padding: 10px;



	margin-top: 10px



}



.h-h2 {



	font-size: 20px



}



}



.slider {



	position: relative;



	width: 100%;



	overflow: hidden



}



.slides {



	height: 100%;



	overflow: hidden;



	-webkit-backface-visibility: hidden;



	-webkit-transform-style: preserve-3d



}



.slide {



	float: left



}



.box {



	width: 100%;



	height: 100%;



	margin-top: 80px;



	background-repeat: no-repeat;



	background-position: center top;



	background-size: auto 100%;



	color: #FFF



}



@media (max-width:767px) {



.box {



	margin-top: 80px;



	height: 300px;



	background-size: auto 70%;



}



}



@media (min-width:768px) and (max-width:999px) {



.box {



	margin-top: 60px



}



}



@media (min-width:1000px) and (max-width:1199px) {



.box {



	margin-top: 60px;



}



}



@media (min-width:1200px){



.box {



	margin-top: 80px;



	height: 680px;



}



}



.slider-arrow {



	position: absolute;



	display: block;



	margin-bottom: -30px;



	text-indent: -9999px;



	overflow: hidden;



	height: 60px;



	width: 60px;



	background-repeat: no-repeat



}



.slider-arrow--right {



	transform: translate(60px, 0);



	-ms-transform: translate(60px, 0);



	-webkit-transform: translate(60px, 0);



	-moz-transform: translate(60px, 0);



	-o-transform: translate(60px, 0)



}



.slider-arrow--left {



	transform: translate(-60px, 0);



	-ms-transform: translate(-60px, 0);



	-webkit-transform: translate(-60px, 0);



	-moz-transform: translate(-60px, 0);



	-o-transform: translate(-60px, 0)



}



.slider:hover .slider-arrow--left, .slider:hover .slider-arrow--right {



	transform: translate(0, 0);



	-ms-transform: translate(0, 0);



	-webkit-transform: translate(0, 0);



	-moz-transform: translate(0, 0);



	-o-transform: translate(0, 0)



}



.slider-arrow--right {



	bottom: 50%;



	right: 0;



	background-image: url(../image/banner-fy.png);



	background-position: center bottom



}



.slider-arrow--left {



	bottom: 50%;



	left: 0;



	background-image: url(../image/banner-fy.png);



	background-position: center top



}



@media (max-width:767px) {



.slider-arrow--left, .slider-arrow--right {



	display: none



}



}



.slider-nav {



	position: absolute;



	bottom: 120px



}



.slider-nav__item {



	width: 10px;



	height: 10px;



	float: left;



	clear: none;



	display: block;



	margin: 0 5px;



	padding: 1px;



	border-radius: 50%;



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



filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33ffffff, endColorstr=#33ffffff)



}



.slider-nav__item:hover {



	background: #fff



}



.slider-nav__item--current {



	background: #fff



}







.tel{ line-height: 80px; font-size: 18px; font-weight: bold; color: #3b82fe}







.mar-top-5{ margin-top:50px;}







.xm-grwc{margin-top:-80px;}



.xm-grwc figcaption{ background:#fff; border-radius: 5px; box-shadow: 0 0 8px #ccc; padding: 10px 20px;}



.xm-grwc h3{font-size: 20px; color: #3b82fe; font-weight: bold;}



.xm-ul{padding:0}



.xm-ul li{ line-height: 30px; color: #888;}



.xm-i{ display: block; margin-right: 10px; background-repeat: no-repeat;}



.xm-01{ width:31px; height: 30px; background-image: url("../image/xm-i01.png");}







.why{margin-top:40px;}



.why h1{ font-size: 40px; color: #444px; font-weight: 100;}



.why h1 span{ font-weight: bold; color: #3b82fe;}







.why figure{ margin-top: 20px; display: flex; align-items: center; justify-content: center;}



.why figcaption{ color: #fff; width:220px;height: 220px; border-radius:50%; background: #3b82fe; padding: 20px;}



.why-i{ margin: auto; margin-top: 10px; display:block; width:44px; height: 44px; background-image: url("../image/why-i03.png");}







.why-i01{ background-position: -7px 0;}



.why-i02{ background-position: -54px 0;}



.why-i03{ background-position: -101px 0;}



.why-i04{ background-position: -149px 0;}



.why-row-bj{background:url("../image/why-bj.png") no-repeat center 100px;}



.why-ms h4{ font-size:24px; font-weight: 100; color: #444; margin-top: 80px;}



.why-ms h3{ font-size:22px; color: #fff; background: #3b82fe; border-radius: 5px; line-height: 40px;}



.why-ms h2{ font-size:30px; font-weight: bold; color: #444;}



.i-icon{display:block;}



.icon-jt{width:43px; height: 29px; margin: auto; background: url("../image/icon01.png") no-repeat;}



@media (min-width:1200px) {



	.why figcaption:nth-child(1){ margin-top:50px;}



}







.wenti{ background:#f1f8ff; overflow: hidden; margin-top: 50px;}



.wenti h1{font-size: 30px;font-weight: bold;color: #444;}



.wenti h1 span{color: #3b82fe;}



.wen-left-bj{ overflow: hidden; padding:66px 0;}



.wen-right-bj{background: linear-gradient(to top right, rgba(45,49,233,0.2) 0%, rgba(1,171,245,0.2) 87%, rgba(1,171,245,0.2) 100%); padding:115px 0;}



@media (min-width:1200px){



	.wen-right-bj img{margin-left:40px;}



}







.wenti-tab{ border-bottom:none;}



.wenti-tab li a{ font-size: 18px; color: #595959; font-weight: bold; border:none; border-radius: 5px; margin-top: 20px;}



.wenti-tab li.active a,.wenti-tab li.active a:hover,.wenti-tab li.active a:focus{ background: #3b82fe; color: #fff;}







.panel-group .panel+.panel{margin-top:10px;}



.panel-heading{padding: 20px 15px;}



.panel-heading a{text-decoration:none; font-size: 14px; font-weight: bold; color: #3b82fe;}



.panel-heading a:hover,.panel-heading a:focus{color: #3b82fe;}



.panel-body{ padding: 20px;}







.collapsed i{display: block;}



 .icon-show {



  display: none;



}



a.collapsed{color:#444;}



a.collapsed:hover {



  color: #3b82fe;



}







a.collapsed .icon-show {



  display: inline-block;



}







a.collapsed .icon-close {



  display: none;



}







#myTabContent{ margin-top: 20px;}







.tese{margin-top:50px;}







.tese figcaption{ box-shadow: 0 0 8px #ccc; padding: 20px 0;}



.tese h1{ font-size: 30px; font-weight: bold; color:#444; margin-bottom: 50px;}



.tese figcaption h2{ font-size: 18px; font-weight: bold; color:#3b82fe;}



.text-img img{ margin: 20px 0;}



.tese figcaption ul li{color:#888; line-height: 30px;}







.contact{ margin-top: 30px;}



.contact h2{font-size: 36px; font-weight: bold; color: #3b82fe;}



.contact small{font-weight:bold; text-transform: uppercase;}



.con-title{margin-bottom: 30px;}



.contact .info .email, .contact .info .phone {



  margin-top: 40px;



}







.contact .php-email-form {



  width: 100%;



  background: #fff;



}







.contact .php-email-form .form-group {



  padding-bottom: 8px;



}







.contact .php-email-form .validate {



  display: none;



  color: red;



  margin: 0 0 15px 0;



  font-weight: 400;



  font-size: 13px;



}







.contact .php-email-form .error-message {



  display: none;



  color: #fff;



  background: #ed3c0d;



  text-align: center;



  padding: 15px;



  font-weight: 600;



}







.contact .php-email-form .sent-message {



  display: none;



  color: #fff;



  background: #18d26e;



  text-align: center;



  padding: 15px;



  font-weight: 600;



}







.contact .php-email-form .loading {



  display: none;



  background: #fff;



  text-align: center;



  padding: 15px;



}







.contact .php-email-form .loading:before {



  content: "";



  display: inline-block;



  border-radius: 50%;



  width: 24px;



  height: 24px;



  margin: 0 10px -6px 0;



  border: 3px solid #18d26e;



  border-top-color: #eee;



  -webkit-animation: animate-loading 1s linear infinite;



  animation: animate-loading 1s linear infinite;



}







.contact .php-email-form input, .contact .php-email-form textarea {



  border-radius: 4px;



  box-shadow: none;



  font-size: 14px;



}







.contact .php-email-form input {



  height: 44px;



}







.contact .php-email-form textarea {



  padding: 10px 12px;



}







.contact .php-email-form button[type="submit"] {



  border: 0;



  padding: 10px 80px;



  color: #0880e8;



  transition: 0.4s;



  border-radius: 50px;



  border: 2px solid #0880e8;



  background: #fff;



}







.contact .php-email-form button[type="submit"]:hover {



  background: #0880e8;



  color: #fff;



}



.contact .info{width:100%;}



.contact .info h4 {



  padding: 0 0 0 60px;



  font-size: 16px;



  font-weight: 700;



  color: #0880e8;



}







.contact .info p {



  padding: 0 0 0 60px;



  margin-bottom: 0;



  font-size: 14px;



  color: #444444;



}







.contact .info .email, .contact .info .phone {



  margin-top: 40px;



}



.contact .info i {



  font-size: 20px;



  background: #0880e8;



  color: #fff;



  float: left;



  width: 44px;



  height: 44px;



  display: flex;



  justify-content: center;



  align-items: center;



  border-radius: 50px;



  transition: all 0.3s ease-in-out;



}



@-webkit-keyframes animate-loading {



  0% {



    transform: rotate(0deg);



  }



  100% {



    transform: rotate(360deg);



  }



}







@keyframes animate-loading {



  0% {



    transform: rotate(0deg);



  }



  100% {



    transform: rotate(360deg);



  }



}



.form-row {



    display: -ms-flexbox;



    display: flex;



    -ms-flex-wrap: wrap;



    flex-wrap: wrap;



    margin-right: -5px;



    margin-left: -5px;



}



.form-row>.col, .form-row>[class*=col-] {



    padding-right: 5px;



    padding-left: 5px;



}



.form-group {



    margin-bottom: 1rem;



}





.yh-search{padding-top:15px;}

.serch{ margin-top: 50px; background:#f1f8ff; padding: 20px 0;}



.serch h5,.serch h3{ font-size: 20px; font-weight: bold;color: #444;}



.serch h3 span{color: #3b82fe;}



.serch h6{color:#ccc;line-height: 24px; text-transform: uppercase;}



.serch p{ line-height: 24px; color: #0880e8;}



.ser-form{}



.ser-form input{border-radius:40px; border:none; height: 34px;}



.inpu-sub{width: 25%; border-radius: 40px; background: #da251d; border:none;color: #fff; position: absolute; right:0; top: 15px;}







.foot-menu{background: linear-gradient(to top right, #3b82fe 0%, #01adf6 100%); padding:40px 0;}



.foot-menu h4{font-size: 16px; color: #fff; font-weight: bold;}



.foot-menu ul li{ color: #e7f1ff; line-height: 36px;}



.foot-menu ul li i{ color: #59adf5;}



.foot-menu a{display: inline-block; color: #e7f1ff; text-decoration: none;}



.foot-menu a::after{width:0%; height: 2px; background: #50a5f7; display: block; content: '';transition: 0.4s;}



.foot-menu a:hover{color: #fff;}



.foot-menu a:hover::after{width:100%;}



.foot-copy{line-height:60px; background: #444;}



.foot-copy a{text-decoration: none; color: #888}







.caidan{margin-bottom:0;}



.position{background:#f1f8ff;}



.pos-ol{padding-top:20px;}



.ab{display:block;padding: 20px 30px; color: #3b82fe;font-weight: bold;}



.ab:hover{background: #3b82fe; text-decoration: none; color: #fff;}



.hou{



	background: #3b82fe;



	color: #fff;



}



.pos-ol a{ color:#888; text-decoration: none;}







.soft-con {margin-top:50px;}



.soft-con table thead{background: #f1f8ff; border-bottom: none;}



.soft-con table thead th{border-bottom: none;}



table.soft-table>thead>tr>th{padding: 20px 0; font-size: 16px; color: #444;}



table.soft-table>tbody>tr>th{padding: 30px 0px; color: #3b82fe;vertical-align:middle;}



table.soft-table>tbody>tr>td{padding: 30px 0px; }



.table-hover>tbody>tr:hover{background:#f1f8ff;}







table.soft-table>tbody>tr>th,table.soft-table>tbody>tr>td{border-top: solid 1px #eee;}



.sec-fan h6{width:70%; margin: auto; line-height: 30px; font-size: 14px;}



@media(min-width:1000px){



	.fa-fb{height: 450px;color: #fff; background-image: url("../image/fa-bj.jpg");background-repeat: no-repeat;padding-left: 33px;}



	.fa-fb h1{padding-top: 50px; font-size: 30px;font-weight: bold;}



	.fa-fb p{line-height: 30px;}



}



@media(max-width:1000px){



	.fa-fb{height: 180px;color: #fff; background-image: url("../image/fa-bj-02.jpg");background-repeat: no-repeat;background-size: cover; padding-left: 33px;}



	.fa-fb h1{padding-top: 40px; font-size: 30px;font-weight: bold;}



	.fa-fb p{line-height: 30px;}



}



.sec-fan{margin-top: 60px;}



.sec-fan .row{border: solid 1px #eee;}



.sec-fan figcaption{padding: 20px;}



.sec-fan .row h2,.xmm-div-01 h2,.anli figcaption h2{font-size: 18px;color: #333;margin-bottom: 25px;}



.sec-fan .row h2 span,.xmm-div-01 h2 span,.anli figcaption h2 span{font-size: 12px;color: #d82520;border: solid 1px #d82520;border-radius: 3px;padding-left: 5px;padding-right: 5px;}



.sec-fan .row li{border: solid 1px #e5e5e5; color: #888;padding: 5px 10px;margin-top: 20px;}



.sec-fan .row figure:first-child,.sec-fan .row figure:nth-child(2){border-bottom: solid 1px #eee;}



.sec-fan .row figure:nth-child(1),.sec-fan .row figure:nth-child(3){border-right: solid 1px #eee;}



.sec-fan .row figure:hover{box-shadow: 0 0 8px #ccc;}







.about-con div{line-height: 30px;}



.ys-img{width:47px; height: 47px; background-image: url("../image/about-icon.png"); background-repeat: no-repeat;}



.ys-01{background-position: 0 0px;}



.ys-02{background-position: -305px 0px;}



.ys-03{background-position: -610px 0px;}



.ys-04{background-position: -914px 0px;}



.ys-05{background-position:  0 -132px;}



.ys-06{background-position: -305px -132px;}



.ys-07{background-position: -610px -132px;}



.ys-08{background-position: -914px -132px;}







.ys-con figure{ margin-top: 30px; padding-bottom: 30px;}







.ys-wz{ width:160px; margin-left: 20px;}



.ys-wz h4{font-size: 16px; font-weight: bold; color: #444;}







.news_tit h5{font-size: 16px; font-weight: bold; color: #444;}



.news_tit p{color: #888; line-height: 30px;}



.news_tit ul li{color: #cccccc; margin-right: 20px;}







.news_tit{margin-top:20px; margin-bottom: 20px;}



.ny-news a{display:block; overflow: hidden; position: relative; margin-top: 20px;}



.ny-news a::after{display: block; position: absolute; content: ''; background: #f0f4f8; width:0; height: 0%; z-index: -1; transition: 0.4s;}



.ny-news a:hover::after{width:100%; height: 100%;}







.pages{display:table; margin: auto; margin-top: 50px; text-align: center;}



.pages ul li{



    float: left;



    list-style-type: none;



    padding: 5px 15px;



    line-height: 30px;



	margin: 5px;



}



.pages ul li:not(.thisclass){



	background-color: #fff;



	color: #3b82fe;



	 border: 1px solid #eee;



}



.pages ul li a{



	color: #3b82fe;



	text-decoration:none;



}



.pages ul li select,.pages ul li select option{



	border:none;



}



.thisclass{



	background: #3b82fe;



	color: #fff;



	border: solid 1px #3b82fe;



}







.art-con h2{text-align: center; font-size: 24px; font-weight: bold; color: #444;}



.art-con p{ padding: 10px; border: solid 1px #eee; color: #ccc;margin-top: 15px!important;}



.art-con p span{display: block; float:right;}



.art-con .info{line-height: 30px;}



.ny-h4{background:#f1f8ff; color: #444; text-align: center; line-height: 60px;}



.ny-right ul li a{text-decoration:none; line-height: 40px; color: #A0A0A0; display: block; float: left; overflow: hidden;width: 80%; white-space: nowrap;    text-overflow: ellipsis;



    overflow: hidden;



    word-break: break-all;}



.ny-right ul li a:hover{color: #3b82fe;}



.ny-right ul li small{padding: 12px 0; color: #ccc;}



.ny-right i{font-size:14px; color: #cfdef7}



.fl li{



	font-size: 14px; font-weight: bold; color: #595959; text-align: center; background: #f6f9fb; margin: 10px 0; text-decoration: none; padding: 10px 0;



}



.fl a{



	text-decoration: none;



}







.sx-pian{ border: solid 1px #eee; padding: 10px; margin-top: 30px;}



.sx-pian a{ text-decoration: none; color: #3b82fe; }



.pingpu-bg {



	background-repeat: no-repeat;



	background-position: center 80px;



	background-attachment: fixed



}



@media only screen and (max-device-width:1199px) {



.pingpu-bg {



	background-attachment: scroll



}



	



}



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



	.wenti h1{font-size:20px;}



}



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



.pingpu-bg {



	background-attachment: scroll;



	width: 100%;



	height: 100%;



	background-repeat: no-repeat;



	background-position: center top;



	background-size: cover;



	-webkit-background-size: cover;



	-moz-background-size: cover;



	-o-background-size: cover



}



	.xm-grwc figcaption{margin-top: 20px;}



	.why h1{font-size:30px;}



	.why figcaption{width:170px;height: 170px;padding: 0 30px;}



	.why figcaption h3{font-size:18px; margin-top: 5px;}



	.why figcaption p{font-size:14px;}



	



	.why-ms h4{font-size:18px;}



	.why-ms h3{font-size: 16px;}



	.why-ms h2{font-size: 20px;}



	



	.wen-left-bj{padding:10px 0;}



	.wenti h1{font-size:20px;}



	.wenti-tab li a{font-size:14px;}



	



	.tese figcaption{margin-top: 20px;}



	.contact h2{font-size:30px;}



	.contact .info{margin-bottom:20px;}



	



	.serch h5{font-size:14px;}



	.serch p{font-size: 12px;}



	



	.foot-copy{line-height:24px; text-align: center;}



	.fo-js{ display:inline-block; text-align: center; float: none!important;}



	



	.caidan{display:table; margin: auto;text-align: center;}



	.pos-ol{display:none;}



}



.fo-coy{float:left;color: #888;}



.fo-js{float:right;}



.ny-banner {



	padding: 14em 15px 9em 15px;



	background-repeat: no-repeat;



	position: relative;



	background-attachment: fixed;



	background-position: center top;



	overflow: hidden;



}



@media (max-width:999px) {



.ny-banner {



	padding: 12em 15px 4em 15px



}



}



@media (min-width:768px) and (max-width:999px) {



.ny-banner {



	padding: 10em 15px 4em 15px



}



}



@media (max-width:767px) {



.ny-banner {



	padding: 10em 15px 4em 15px



}



}



.ny-banner h3 {



	margin: 0;



	font-size: 30px;



	color: #FFF;



	margin-bottom: 0.5em;

	

	font-weight: bold;

}



.ny-banner p {



	color: rgba(255,255,255,.8);



	font-size: 18px;



	font-weight: 400;



	line-height: 150%;



}







.tab-ul h4{



	font-size: 16px;



    font-weight: bold;



    color: #3b82fe;



}



.tab-ul p,.tab-ul ul li{



	line-height: 30px;



}



.tab-ul>li{



	background: #fff;



	border-radius: 5px;



	padding: 20px;



	margin: 10px 0;



}











.yhpj-mid{ margin: 20px 0 0 0; padding: 0px; }



.yh-tit{}



.yh-tit h5{color: #444; padding-top: 10px;}



.yh-tit p{color: #b4b4b4; margin-top: -5px;}



.yh-img img{ width: 50px; height: 50px; border-radius: 50%;}







.author-tit h2,.yh-tit h2{color:#444; font-size: 20px; font-weight: bold;margin-bottom: 20px;}
.yh-tit h2 span{font-size:14px;}


.author-tit p,.author-tit div{color:#888; line-height: 24px; }











.yhpj-mid figcaption{position: relative; padding:0px 0 10px 10px; border-bottom: dashed 1px #eee;}



.yhpj-mid figure{position: relative;}



.yhpj-mid figure::before{content: ''; display: block; position: absolute; top: 0; width: 0px; height: 100%; background: #f1f8ff; transition: 0.4s;z-index: -1;}



.yhpj-mid figure:hover::before{width: 100%;}







.qaa-con figure{background:#fbfbfb; padding: 20px; border-radius: 5px; margin-bottom: 10px; transition: 0.4s; cursor: pointer;}



.qaa-con figure:hover{background:#f1f8ff;}



.qaa-con h2{font-size: 16px; font-weight: bold; color: #444;}



.qaa-con h2 span{color: #fff; display:flex; width: 20px; height: 20px; border-radius: 50%; background: #3b82fe; align-items: center;justify-content: center; float: left;margin-right: 15px;}



.qaa-div{color: #888; line-height: 30px; text-indent: 28px;}







.contact-con>h2{margin-top:50px; color: #3b82fe;}



.contact-con>h2>span{color: #444;}



.contact-con figure h4{color:#444; font-weight: bold;}



.contact-con figure p{line-height: 24px;margin: 20px 0;color: #888;}



.contact-bj{background-image: url("http://www.newsailing.com.cn/moban/default/static/imge/contact-banner.jpg");}



.con-add{padding: 30px 15px;border: solid 1px #eee; margin-top: 30px}



.con-add li{line-height: 50px; font-size: 16px;}



#dituContent{width:  100%;height: 320px;}



.con-add i{margin-right: 10px; color: #3b82fe;}











/*iframe*/







.video-poster .video-btn {



    position: absolute;



    left: 50%;



    top: 50%;



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



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



    width: 60px;



    height: 60px;



    color: #fff;



    cursor: pointer;



    text-align: center;



}







@media(min-width:1400px){



	.video-area{



	position: absolute;



	width:720px;



	left: 50%;



	z-index: 2;



	border-radius: 5px;



}



.pb-200 {



    padding-bottom: 200px;



}



.pt-200 {



    padding-top: 200px;



}	



}



@media(max-width:767px){



	.col-xl-12{



		margin-top:60px;



	}



	.video-area{width:100%; height: 200px;float: left; border-radius: 5px;}



}



.video-play {



    display: inline-block;



    position: relative;



    z-index: 1;



}



.video-play:before {



    content: "";



    width: 100%;



    height: 100%;



    border-radius: 50%;



    background: #a3bbc8;



    z-index: -1;



    position: absolute;



    left: 50%;



    top: 50%;



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



    opacity: 0.5;



    -webkit-transition: all 0.3s linear 0s;



    -moz-transition: all 0.3s linear 0s;



    -ms-transition: all 0.3s linear 0s;



    -o-transition: all 0.3s linear 0s;



    transition: all 0.3s linear 0s;



    -webkit-animation-name: shape-2;



    animation-name: shape-2;



    -webkit-animation-duration: 3s;



    animation-duration: 3s;



    -webkit-animation-iteration-count: infinite;



    animation-iteration-count: infinite;



    -webkit-animation-timing-function: linear;



    animation-timing-function: linear;



    animation-delay: 0.8s;



}











.video-play a {



    display: inline-block;



    width: 100px;



    height: 100px;



    line-height: 100px;



    background-color: rgba(255,255,255,0.5);



    border-radius: 50%;



    text-align: center;



    color: #fff;



    font-size: 24px;



    position: relative;



}



.video-play a:hover {



  background: #fcd7b6;



}







@keyframes shape-2 {



  from {



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



  }



  to {



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



  }



}



.mfp-wrap {



    top: 0;



    left: 0;



    width: 100%;



    height: 100%;



    z-index: 1043;



    position: fixed;



    outline: none !important;



    -webkit-backface-visibility: hidden;



}



.mfp-container:before {



    content: '';



    display: inline-block;



    height: 100%;



    vertical-align: middle;



}



.mfp-bg {



    top: 0;



    left: 0;



    width: 100%;



    height: 100%;



    z-index: 1042;



    overflow: hidden;



    position: fixed;



    background: #0b0b0b;



    opacity: 0.8;



}











.mfp-iframe-holder {



    padding-top: 40px;



    padding-bottom: 40px;



}



.mfp-container {



    text-align: center;



    position: absolute;



    width: 100%;



    height: 100%;



    left: 0;



    top: 0;



    padding: 0 8px;



    box-sizing: border-box;



}







.mfp-iframe-holder .mfp-content {



    line-height: 0;



    width: 100%;



    max-width: 900px;



}



.mfp-auto-cursor .mfp-content {



    cursor: auto;



}







.mfp-content {



    position: relative;



    display: inline-block;



    vertical-align: middle;



    margin: 0 auto;



    text-align: left;



    z-index: 1045;



}



.mfp-iframe-scaler {



    width: 100%;



    height: 0;



    overflow: hidden;



    padding-top: 56.25%;



}



.mfp-iframe-holder .mfp-close {



    top: -40px;



}



.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {



    color: #FFF;



    right: -6px;



    text-align: right;



    padding-right: 6px;



    width: 100%;



}



.mfp-close-btn-in .mfp-close {



    



}



[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {



    cursor: pointer;



}







button.mfp-close, button.mfp-arrow {



    overflow: visible;



    cursor: pointer;



    background: transparent;



    border: 0;



    -webkit-appearance: none;



    display: block;



    outline: none;



    padding: 0;



    z-index: 1046;



    box-shadow: none;



    touch-action: manipulation;



}



.mfp-close {



    width: 44px;



    height: 44px;



    line-height: 44px;



    position: absolute;



    right: 0;



    top: 0;



    text-decoration: none;



    text-align: center;



    opacity: 0.65;



    padding: 0 0 18px 10px;



    color: #FFF;



    font-style: normal;



    font-size: 28px;



    font-family: Arial, Baskerville, monospace;



}



.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {



    -webkit-user-select: none;



    -moz-user-select: none;



    user-select: none;



}



[type=button], [type=reset], [type=submit], button {



    -webkit-appearance: button;



}



button, .btn {



    -webkit-transition: all 0.3s linear 0s;



    -moz-transition: all 0.3s linear 0s;



    -ms-transition: all 0.3s linear 0s;



    -o-transition: all 0.3s linear 0s;



    transition: all 0.3s linear 0s;



}



.mfp-iframe-scaler iframe {



    position: absolute;



    display: block;



    top: 0;



    left: 0;



    width: 100%;



    height: 100%;



    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);



    background: #000;



}







.mfp-s-ready .mfp-preloader {



    display: none;



}







.mfp-preloader {



    color: #CCC;



    position: absolute;



    top: 50%;



    width: auto;



    text-align: center;



    margin-top: -0.8em;



    left: 8px;



    right: 8px;



    z-index: 1044;



}



.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {



    -webkit-user-select: none;



    -moz-user-select: none;



    user-select: none;



}



*, ::after, ::before {



    box-sizing: border-box;



}



user agent stylesheet



div {



    display: block;



}



.mfp-container {



    text-align: center;



    position: absolute;



    width: 100%;



    height: 100%;



    left: 0;



    top: 0;



    padding: 0 8px;



    box-sizing: border-box;



}







.bg-fix {



    background-repeat: no-repeat;



    background-size: cover;



    background-position: center center;



}















@media (min-width:1440px) and (max-width:1920px) {.b-5{bottom:-50px;}}



.carousel-indicators li{



	



}



.b-5 li{



	width:100px;



	height: 2px;



	border-radius: 1px;



	background: #fff;



	border: none!important;



}



.b-5 .active{



	width:100px;



	height: 2px;



	border-radius: 1px;



	background-color: #ffbc2b;



}



.carousel-control.right,.carousel-control.left{



	background-image: none!important;



}



/*ifram*/



.soft-con video{width:100%;height: 100%;}



.video-h2{font-size: 14px;}



.sec-video figure{margin-top:20px;}



footer{}