body {

    padding-top: 88px;

    font-family: "Microsoft Yahei";

}



:root {

    --themeColor: #0152a0;

    --borderColor: #eaeaea;

    --nav-link-default-color: #333333;

    --nav-link-color: #00c3e8;



}



.pd {

    padding-top: 35px;

    padding-bottom: 35px;

}



p {

    margin-bottom: 0;

}



.centered {

    margin-left: auto;

    margin-right: auto;

}



.container {

    width: 100%;

    margin-left: auto;

    margin-right: auto;

    padding: 0 15px;

}



.my-container {

    width: 100%;

    max-width: 1200px;

    padding: 0 15px;

    margin: auto;

}



.container:after, .container:before {

    content: "";

    display: table;

    clear: both;

}



@media (min-width: 992px) {

    .container {

        max-width: 1200px;

    }

}



@media (min-width: 1600px) {

    .container {

        max-width: 100%;



    }

}



@media (min-width: 1600px) {

    .container {

        max-width: 1200px;



    }

}







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

    position: relative;

    margin-top: 0;

    margin-bottom: 0;

}



ol, ul {

    padding-left: 0;

    list-style-type: none;

    margin-bottom: 0;

}



header {

    z-index: 10;

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    height: 110px;

    width: 100%;

    background-color: white;

}



header .container-fluid {

    height: 100%; width:1300px; margin:0 auto;

}



header .container-fluid .row {

    height: 100%;

}



.paginations {

    margin: 35px auto 35px auto;

    text-align: center;

}



.paginations a, .paginations span {

    margin-left: 10px;

    display: inline-block;

    min-width: 30px;

    height: 30px;

    line-height: 30px;

    border: 1px solid #e5e5e5;

    position: relative;

    top: 0;

}



.transition {

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s time;

    -o-transition: all .3s;

    transition: all .3s; background:#eee;}



.paginations a:first-child {

    margin-left: 0;

}



.title { overflow:hidden; width:100%; margin-bottom:40px;}

.title h2{ font-weight:bold;text-align:center; font-size:35px; color:#075b7d;line-height: 35px;}

.title h2 a{ color:#a41018;}

.title p{ font-size:16px; color:#666; text-align:center; margin-top:10px;}

.title em{ display:block; text-align:center; font-size:12px; color:#999; text-transform:uppercase; margin-top:5px;}

.title.wt p,.title.wt em{ color:#fff;} 



/*navigation*/

.navwrap{
    height:50px;

	line-height:50px;
	padding-right:18px;
	position:absolute;

	font-size:12px;
	z-index:6;
	}

#top11 #nav{
	float:left; margin-left:50px;
	height:100px;
	line-height:100px;
	
}


#nav, #nav ul{
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	position:relative;
	line-height:30px; height:30px; margin-top:20px;
	z-index:5;

}

.navBar font{ position:absolute; top:10px; right:0; z-index:99999999}


#top1 #nav a{
	color: #fff;
    font-size: 18px;
    display: inline-block;
	padding:0 15px;
   text-decoration:none;
	z-index:35;
	position:relative;
	float:left; 
	}
	
	#top1 #nav a:hover{background-color:#075b7d;}

#top1 #nav ul a{
	line-height:33px; 
}

#top1 #nav li{
	float:left;
	position:relative;
	z-index:20; height:40px; line-height:40px; text-align:center
	
}

#top1 #nav li li{
	border-left:none;
	margin-top:0;
}

#top1 #nav ul {
	position:absolute;
	display:none;
	width:120px;
	top:20px;border-radius:8px;
	

}
#top1 #nav .children li{ height:35px; line-height:35px;}

#top1 #nav li ul a{
	width:100px;
	height:35px;
	float:left;
	text-align:left;
	padding:0 2px; font-size:12px; color:#fff; margin-top:0;border-radius: 0; text-align:center;
}

#top1 #nav ul ul{
	top:auto;
	border-top:none;
}	

#top1 #nav li ul ul {
	left:170px;
	top:0px;
}

#top1 #nav li:hover ul ul, #top1 #nav li:hover ul ul ul,#top1  #nav li:hover ul ul ul ul{
  	display:none;	
}
#top1 #nav li:hover ul, #top1 #nav li li:hover ul, #top1 #nav li li li:hover ul, #top1 #nav li li li li:hover ul{
	display:block;
}

#top1 #nav li ul a:hover{ background:#333;}




/*naviagation*/
#top1 #nav a{
	color:#fff;
}

#top1 #nav ul {
	
	border-top:none;
}



#top1 #nav li ul a{
	
	
}

#top1  #nav ul a, #top1  #nav ul li{
	
	background-image:none;
}

#top1  #nav ul a:hover, #top1  #nav ul a:focus {
	
	color:#fff;
}

#top1  #nav a:hover, #top1  #nav a:focus {
	color:#fff;
}


#top1 #nav .current_page_item a{
	color:#fff;
}

#top1 #nav .current_page_parent .current_page_item a, #top1 #nav .current_page_item ul a{
	border-right:1px solid #f5f5f5;
	border-left:none;
	background-image:none;
	color:#444;
}


/* navs*/

.paginations a {

    color: black;

}



.paginations .current {

    color: white;

    border-color: #075b7d;

    background-color: #075b7d;

}



.paginations a.page-prev, .paginations a.page-next {

    color: white;

    background-color: #075b7d;

    border-color: #075b7d;

}



.paginations a:first-child:before {

    content: "上一页";

}



.paginations a:last-child:before {

    content: "下一页";

}



.paginations a:first-child, .paginations a:last-child {

    border-color: #666666;

    padding-left: 10px;

    padding-right: 10px;

    background-color: #666666;

    color: white;

}



.paginations a:hover, .paginations span {

    color: white;

    background-color: #075b7d;

    border-color: #075b7d;

}



/* navs*/



a:hover {

    text-decoration: none;

}



.page-banner {

    position: relative;

    width: 100%;

    padding-bottom: 28%;

    background-position: 100% !important;

}



.banner-text {

    padding-left: 50px;

    position: absolute;

    top: 45%;

    left: calc((100% - 350px) / 13);

}



.banner-text h3 {

    font-size: 36px;

    color: white;

}



.banner-text p {

    font-size: 36px;

    position: relative;

    color: white;

}



.header-bg-half-white {

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

    padding: 30px 30px 30px 30px

}



.header-bg-white {

    padding: 15px 30px 15px 30px;

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

}



.page-row:after, .page-row:before {

    content: "";

    display: table;

    clear: both;

}



.background {

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

}



.modal {

    z-index: 99999;

}



.carousel .swiper-pagination-bullet {

    background-color: white;

    width: 18px;

    height: 18px;

}



.carousel .swiper-pagination-bullet-active {

    background-color: #075b7d;

}



@media (min-width: 992px) {



}



@media (min-width: 1600px) {



}



.logo-text {

    padding-left: 0;

}



.logo img {

    width: auto;

}



.logo-text a, .logo-text h5 {

    line-height: 110px;

}



.logo-text h5 {

    font-size: 18px;

    color: #333333;

    padding-left: 10px;

}



.navigations-search {

    position: relative;

    height: 100%;

}



.navigations-search li {

    float: left;

    line-height: 88px;

}



.navigations-search li a {

    color: var(--nav-link-default-color);

    font-size: 18px;

    position: relative; height:40px; line-height:40px; text-align:center;border-radius:15px; background:#075b7d; color:#fff; padding:5px 20px;

}



.navigations-search li a:after {

    content: "";

    position: absolute;

    width: 38px;

    height: 6px;

    left: calc((100% - 38px) / 2);

    bottom: 35px;

    background-color: transparent; display:none

}



.navigations-search li a:hover {

    color: #fff;

}



.navigations-search li a:hover:after {

    background-color: #075b7d;

}




@media (min-width: 992px) {

    .navigations-search li a {

        margin-right: 15px;

    }



    .navigations-search {

        width: 835px;

    }

}



@media (min-width: 1600px) {

    .navigations-search li a {

        margin-right: 18px;

    }



    .navigations-search {

        width: 1000px;

    }

}



.bg_gray {

	background: #fafafa;

	padding: 20px 0 35px 0; height:920px;

}



.width {

	width: 1200px;

	margin: 0 auto;

}

h2.tit {

	font-size: 36px;

	position: relative;

	color: #333333;

	height: 50px;

	line-height: 50px;

	width: 100%;

	text-align: center;

	overflow: hidden;

	font-weight: normal;

}

p.desc {

	font-size: 14px;

	color: #B7B7B7;

	height: 28px;

	line-height: 28px;

	padding-bottom: 30px;

	width: 100%;

	text-align: center;

	overflow: hidden;

}

a.more-h {

	background: transparent;

	border: 1px solid #dfdfdf;

	color: #9f9f9f;

	display: block;

	font-size: 14px;

	height: 50px;

	line-height: 50px;

	text-indent: 0px;

	transition: all 0.3s ease-out 0s;

	width: 300px;

	margin: 40px auto 0px;

	text-align: center;

}

a.more-h:hover {

	border: 1px solid #236ffb;

	color: #0072d4;

}



.home_nav {

	text-align: center;

}

.home_nav ul {

	margin: 25px auto;

}

.home_nav ul li {

	display: inline;

	width: auto;

	position: relative; height:50px; line-height:50px;white-space: nowrap;

}

.home_nav ul li a {

	display: inline;

	padding: 10px 48px;

	color: #333;

	font-size: 18px;

	background: #fff;

	margin: 0 2px;

	border-radius: 2px;

	border: 1px solid #E7E7E7;

}

.home_nav ul li a:hover {

	color: #fff; background:#075b7d



}

.home_nav ul .hover a {

	display: inline;

	padding: 10px 30px;

	color: #2384D5;

	font-size: 14px;

	border: 1px solid #2384D5;

	margin: 0 2px;

	border-radius: 2px;

	border-radius: 0;

}

.home_nav ul li dl {

	display: none;

	background: #2384D5;

	padding: 2px 0;

	margin: 16px 0 0 0;

}

.home_nav ul .hover dl {

	display: none;

	text-align: left;

	position: absolute;

	top: 16px;

	left: 2px;

}

.home_nav ul .hover dl dt a {

	display: block;

	font-weight: normal;

	color: #fff;

	background: #2384D5;

	min-width: 200px;

	border: 0;

}

.home_nav ul .hover dl dt a:hover {

	background: #fff;

	color: #333;

	border: 0;

}

.home_pro {

	margin: 40px 0 0px 0;

	width: 1206px;

	clear: both;

}

.home_pro ul li {

	width: 24%;

	margin: 0 1% 1% 0;

	float: left;

}

.home_pro ul li a {

	border: 1px solid #ededed;

	padding: 4px;

	display: block;

	background: #fff;

}

.home_pro ul li a div {

	overflow: hidden;

	width: 100%;

	height: 100%;

}

.home_pro ul li a div img {

	width: 100%;

	min-height: 220px;

	display: block;

	border: 0;

	transition: all 1s;

	-webkit-transition: all 1s;

	-moz-transition: all 1s;

	-o-transition: all 1s;

}

.home_pro ul li:hover {

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

}

.home_pro ul li a:hover div img {

	transform: scale(1.3);

	-webkit-transform: scale(1.3);

	-moz-transform: scale(1.3);

	-o-transform: scale(1.3);

}

.home_pro ul li a p {

	text-align: center;

	font-size: 14px;

	color: #333;

	margin: 0;

	padding: 10px;

}

.home_pro ul li a:hover p {

	color: #075b7d;

}

.home_pro ul li a .title {

	min-height: 70px;

	text-align: center;

}

.home_pro ul li a .price {

	min-height: 40px;

	color: #f60;

	font-family: Lucida Grande, Arial, 微软雅黑, 宋体;

	font-weight: 400;

	padding: 0 10px 10px 10px;

}

.home_pro ul li a .price span {

	float: right;

	font-weight: normal;

	color: #999;

}

.home_case {

	margin: 30px 0 0px 0;

	width: 1206px;

	clear: both;

}

.home_case ul li {

	width: 32%;

	margin: 0 1% 1% 0;

	float: left;

}

.home_case ul li a {

	border: 1px solid #ededed;

	padding: 4px;

	display: block;

	background: #fff;

}

.home_case ul li a div {

	overflow: hidden;

	width: 100%;

	height: 100%;

}

.home_case ul li img{ width:100%; height:300px;}

.home_case ul li p{ height:40px; line-height:40px; color:#333333; text-align:center}



.search {

    position: relative;

    width: 88px;

    height: 100%;

    background-color: #075b7d;

}



.search:hover {

    background-color: #0462bc;

}



.icon {

    position: absolute;

    background-repeat: no-repeat;

    background-image: url(../images/icons.png);

}



.search .header-search-icon {

    background-position: -125px -27px;

    width: 35px;

    height: 35px;

    left: 30px;

    top: 25px;

}



.naved a {

    color: #fff !important;

}



.naved a:after {

  

}



.formsearch {

    position: absolute;

    display: none;

    right: 10px;

    top: 97px;

    width: 225px;

    height: 50px;

    padding: 12px;

    border-radius: 5px;

    -webkit-box-shadow: -3px -3px 15px white;

    -moz-box-shadow: -3px -3px 15px white;

    box-shadow: -3px -3px 15px white;

    border: 1px solid #ececec;

    background-color: white;

}



.formsearch .search-btn {

    background-color: #075b7d;

    color: white;

}



.formsearch .text-input, .formsearch .search-btn {

    border: none;

    outline: none;

}



.keywords-search {

    padding: 0 50px;

    width: 100%;

    height: 75px;

    position: relative;

    top: -40px;

    z-index: 5;

    background-color: #075b7d;

}



.keywords-search ul li {

    float: left;

    line-height: 75px;

    margin-right: 10px;

}



.keywords-search ul li * {

    color: white;

}



.keywords-search ul li a:hover {

    text-decoration: underline;

}



.keywords-search ul li:first-child {

    margin-right: 15px;

}



.keywords-search .search-box {

    background-color: white;

    width: 288px;

    height: 37px;

    padding: 0 15px;

    position: relative;

    top: calc((100% - 37px) / 2);

}



.keywords-search .search-box .text-input, .keywords-search .search-box .search-btn {

    border: 0;

    outline: none;

}



.keywords-search .search-box .text-input {

    width: 200px;

    line-height: 37px;

    height: 100%;

}



.keywords-search .search-box .search-btn {

    width: 25px;

    height: 100%;

    background-position: -93px -27px;

    background-repeat: no-repeat;

    background-image: url(../images/icons.png);

    background-color: transparent;

}







/*td_all*/



.td_all{ width:100%; background:url(../images/td_bk.jpg) no-repeat center; height:751px;}



.td{ width:1180px; margin:auto; position:relative;}



.td_dbt{ text-align:center;padding-top:40px; font-weight:bold;font-size:30px; color:#444444;}



.td_dbt span{ color:#106fc7;}



.td_xbt{color:#888888; font-size:14px; text-transform:uppercase;text-align:center; margin-top:5px;}



.td_l{ text-align:left;}



.td_l li{ font-size:16px; color:#444444; line-height:30px;}



.td_l li span{color:#106fc7;}



.td_l li p{ font-size:13px; color:#777777; text-transform:uppercase; font-weight:normal;}







.td_r{ text-align:right;}



.td_r li{ font-size:16px; color:#444444; line-height:30px; width:200px;}



.td_r li span{color:#106fc7;}



.td_r li p{ font-size:13px; color:#777777; text-transform:uppercase; font-weight:normal;}







.td1{ position:absolute; top:172px; left:230px;}



.td2{ position:absolute; top:300px; left:170px;}



.td3{ position:absolute; top:420px; left:170px;}



.td4{ position:absolute; top:548px; left:230px;}







.td5{ position:absolute; top:175px; left:670px;}



.td6{ position:absolute; top:300px; left:730px;}



.td7{ position:absolute; top:410px; left:820px;}



.td8{ position:absolute; top:535px; left:750px;}







.td_c1{ position:absolute; top:645px; left:460px; background:#f79206; text-align:center; line-height:32px; width:110px; height:32px;}



.td_c1 a{ color:#fff; display:block; width:100%; font-size:14px;}



.td_c2{ position:absolute; top:645px; left:610px; border:1px solid #999; text-align:center; line-height:32px; width:110px; height:32px;}



.td_c2 a{ color:#444; display:block; width:100%; font-size:14px;}



.td_c3{position:absolute; top:693px; left:490px; font-size:30px; color:#106fc7; font-family:"times new roman"; font-weight:bold;}







.trouble { overflow:hidden; width:100%; margin:0}

.trouble .how{ margin:0 auto; margin-top:70px; overflow:hidden; width:1200px; height:105px; padding-bottom:55px; position:relative; z-index:2}

.trouble .how li{ float:left; width:299px; border-right:1px dotted #acacac; height:85px; position:relative; font-size:16px; color:#333; text-align:center; padding-top:20px;}

.trouble .how li span{ display:block; font-size:30px;}

.trouble .how li img{ display:block; position:absolute; left:50%; margin-left:-23px; bottom:-55px;}

.trouble .how .last{ border:none}

.trouble .trobox { overflow:hidden; width:100%; height:720px; padding-top:70px; margin-top:-23px; background:url(../images/trouble_bg.jpg) no-repeat center top; position:relative}

.trouble .trobox .list{ overflow:hidden; width:1280px; height:521px; margin:0 auto; margin-top:55px; position:relative}

.trouble .trobox .list li{ float:left; width:300px; height:521px; background:url(../images/trouble_li.png) no-repeat center top; position:relative; top:530px; margin-right:20px;}

.trouble .trobox .list img{ display:block; margin:50px auto}

.trouble .trobox .list h3{ font-size:20px; color:#fff; text-align:center; margin-bottom:20px;}

.trouble .trobox .list p{ text-align:left; font-size:15px; line-height:26px; color:#fff; margin-bottom:20px; padding:15px; text-indent:2em;}

.trouble .trobox .troth{ display:block; position:absolute; left:50%; margin-left:-960px; bottom:-300px;}

.trouble .trobox .trog { display:block; position:absolute; left:50%; margin-left:-826px; bottom:-120px; z-index:2; display:none}

.trouble .trobox .list i{ display:block; width:33px; height:1px; background-color:#fff; position:absolute; left:50%; margin-left:-16px; bottom:80px}



/*走进海乐瑞*/

.plan_t{height: 125px;text-align: center;line-height: 42px;}

.plan_t a{font-size: 26px;color: #333; font-weight:bold;border-radius:25px;
    background: #075b7d;
    color: #fff;
    padding: 5px 20px; width:250px; display:block; margin:0 auto; font-family:"LiSu"}

.plan_t span{display: block;font-size: 20px;color: #666;padding: 8px 0 0;text-transform: uppercase;}

.content{ width:1200px; margin:0 auto;}
.sbzs{ width:290px!important;}
.hezuo{ width:190px!important}
.sbzs p, .hezuo p{ height:35px; line-height:35px; font-size:14px; display:block; text-align:center;}

.ab_bg{background:url(../images/ab_bg.jpg) no-repeat center 0;height: 755px; padding:55px 0 0;}

.about dl{padding:11px 68px 0 0;width: 1200px;height: 440px;overflow: hidden;}

.about dl dt{ float:right; width:466px; height:296px;overflow: hidden;}

.about dl dt img{ width:466px; height:296px;}

.about dl dd{ width:540px; float:left;}

.about dl dd h5{height: 70px;overflow: hidden;line-height: 70px;}

.about dl dd h5 a{ font-size:28px; color:#333;font-weight: normal;}

.about .ab_desc{ font-size:14px; color:#888;  line-height:28px;overflow:hidden;padding: 0;}

.about dl dd span{display: block;width: 138px;padding: 30px 0 0;}

.about dl dd span a{font-size: 18px;color: #fff;display: block; width: 138px; height: 44px; text-align: center; line-height: 44px; background: #075b7d;}

.about dl dd span a:hover{background: #e90000;}

.about ul{background:url(../images/ab_line.gif) no-repeat right 20px;display: inline-block;}

.about ul li{width: 400px;float: left;text-align: center;background:url(../images/ab_line.gif) no-repeat 0 20px;}

.about ul li a{font-size: 18px;color: #333;display: block;}

.about ul li em{display: block; width: 42px; height: 36px; line-height: 0; margin:0 auto 10px;overflow: hidden;} 

.about ul li em img{width: 42px;height: 72px;}

.about ul li a:hover em img{margin-top: -36px;}







@media (min-width: 992px) {

    .product-category {

        width: 320px;

        padding: 35px 30px 15px 30px;

    }

}



@media (min-width: 1600px) {

    .product-category {

        width: 389px;



    }

}



.product-category {

    background-color: white;

}



.product-category {

    height: 800px;



}



.product-swiper {

    width: 100%;

    height: 100%;

}



.product-graybg {

    background-color: #e4e4e4;

}



.product-category .product-category-title {

    margin-bottom: 70px;

}



.content-title h3 {

    font-size: 36px;

    margin-bottom: 10px;

}



.content-title p.subtitle, .content-title p.extra-text {

    font-size: 14px;

}



.content-title p.extra-text {

    color: #666666;

}



.product-category ul li {

    margin-bottom: 15px;

}



.product-category ul li a {

    display: block;

    padding: 15px 25px;

    text-align: center;

    font-size: 16px;

    color: #333333;

}



.product-category ul li a:hover {

    background-color: #075b7d;

    color: white;



}



.content-title h3, .content-title p {

    color: #333333;

}



@media (min-width: 992px) {

    .content-title p.subtitle:after {

        width: 100px;

    }

}



@media (min-width: 1600px) {

    .content-title p.subtitle:after {

        width: 160px;

    }

}



.content-title p.subtitle:after {

    content: "";

    height: 3px;

    background-color: #075b7d;

    position: absolute;

    left: 110px;

    bottom: 8px;

}



.product-center {

    padding-top: 0;

}



@media (min-width: 992px) {

    .product-center .product-show {

        width: 830px;



    }

}



@media (min-width: 1600px) {

    .product-center .product-show {

        width: 1085px;



    }

}



@media (min-width: 1600px) {

    .product-center .product-show {

        width: 1100px;



    }

}



.product-center .product-show {

    height: 800px;

}



.product-center .product-show-title {

    font-size: 18px;

    color: #333333;

    padding-bottom: 15px;

    border-bottom: 1px solid var(--borderColor);

}



.product-center .main-product {

    padding: 30px 45px 0 45px;

    width: 100%;

    height: 455px;

    margin-bottom: 20px;

}



@media (min-width: 992px) {

    .product-center .main-product .main-product-image {

        width: 325px;

    }



    .product-center .main-product .main-product-info {

        width: 400px;

        padding-top: 20px;

    }



    .product-center .main-product-info .main-product-title {

        margin-bottom: 25px;

    }



    .main-product-contact {

        padding-top: 25px;

    }

}



@media (min-width: 1600px) {

    .product-center .main-product .main-product-image {

        width: 375px;

    }



    .product-center .main-product .main-product-info {

        width: 505px;

        padding-top: 65px;

    }



    .product-center .main-product-info .main-product-title {

        margin-bottom: 40px;

    }



    .main-product-contact {

        padding-top: 55px;

    }

}



.product-center .main-product .main-product-image {

    height: 340px;

}



.product-center .main-product {

    background-color: white;

}



.div-table {

    text-align: center;

    display: table;

    width: 100%;

    height: 100%;

}



.div-table .div-table-cell {

    display: table-cell;

    vertical-align: middle;

    width: 100%;

    height: 100%;

}



.div-table img {

    width: 70%;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

}



.div-table img:hover {

    width: 75% !important;

}



.product-center .main-product-info .main-product-title {

    font-size: 28px;



}



.product-center .main-product-info .main-product-title a {

    color: #333333;

}



.product-center .main-product-info .main-product-title a:hover {

    color: #075b7d;

}



.product-center .main-product-info .product-introduce {

    font-size: 14px;

    color: #666666;

    line-height: 24px;

}



.main-product-contact a, .main-product-contact p {

    display: inline-block;

}



.main-product-contact a.common-more {

    margin-right: 25px;

}



.common-more {

    display: block;

    width: 158px;

    height: 37px;

    line-height: 37px;

    text-align: center;

    background-color: #075b7d;

    color: white;

}



.common-more:hover {

    background-color: #075b7d;

    color: white;

}



.main-product-contact p {

    font-size: 14px;

    color: #333333;

}



.main-product-contact p span {

    font-size: 20px;

    color: #075b7d;

    font-family: Arial;

}



.recommanded-products li {

    float: left;

    padding-left: 10px;

    padding-right: 10px;

    width: 33.3333333%;

}



.recommanded-products {

    margin-left: -10px;

    margin-right: -10px;

}



.recommanded-products .recommanded-product-box .recommanded-product-image {

    width: 100%;

    height: 274px;

    background-color: white;

}



.recommanded-products .recommanded-product-box {

    text-align: center;

}



.recommanded-products .recommanded-product-box img {

    width: 60%;

}



.recommanded-products .recommanded-product-box h5 {

    width: 100%;

    height: 50px;

    line-height: 50px;

    font-size: 16px;

    background-color: #acacac;

}



.recommanded-products .recommanded-product-box h5 a {

    color: white;

}



.index-case-container {

    background-color: #eeeeee;

}



.index-case-container .extra-text {

    margin-top: 15px;

}



.ellipsis {

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

}



@media (min-width: 992px) {

    .index-case-container .case-cateogry {

        padding: 15px 25px;

    }



    .index-case-container .case-lists li .case-caption {

        padding: 15px

    }



    .index-case-container .case-lists {

        width: 860px;

    }



    .index-case-container .case-lists li .case-caption {

        height: 309px;

    }

}



@media (min-width: 1600px) {

    .index-case-container .case-cateogry {

        padding: 25px 50px;

    }



    .index-case-container .case-lists li .case-caption {

        padding: 25px;

        height: 219px;

    }



    .index-case-container .case-lists {

        width: 78%;

    }



}



@media (min-width: 1600px) {

    .index-case-container .case-lists {

        width: 1190px;

    }



    .index-case-container .case-lists li .case-caption {

        height: 210px;

    }

}



.index-case-container .case-lists li {

    width: 33.3333333%;

    margin-bottom: 15px;

}



.index-case-container .case-cateogry {

    width: 320px;

    height: 534px;

    background-color: white;

}



.index-case-container .case-cateogry li {

    width: 50%;

    float: left;

    padding: 20px;

    text-align: center;

    height: 120px;

    position: relative;

}



.index-case-container .case-cateogry li:hover img {

    top: -5px;

}



.index-case-container .case-cateogry li:nth-child(7), .index-case-container .case-cateogry li:nth-child(8) {

    border-bottom-color: transparent;

}



.index-case-container .case-cateogry li img {

    width: auto;

    position: relative;

    top: 0;

}



.index-case-container .case-cateogry li h5 {

    margin-top: 15px;

    font-size: 14px;

    position: absolute;

    bottom: 20px;

    left: 0;

    right: 0;

    width: 100%;

}



.index-case-container .case-cateogry li h5 a {

    color: #333333;

}



.index-case-container .case-cateogry li {

    border-right: 1px solid var(--borderColor);

    border-bottom: 1px solid var(--borderColor);

}



.index-case-container .case-cateogry li:nth-of-type(even) {

    border-right-color: transparent;



}



.index-case-container .case-row {

    padding-top: 40px;

}



.index-case-container .case-lists {

    margin-left: -15px;

    margin-right: -15px;

    float: right

}



.index-case-container .case-lists li {

    float: left;

    padding-left: 15px;

    padding-right: 15px;

}



.index-case-container .case-lists li .case-caption {

    width: 100%;

    background-color: white;

    position: relative;

}



.index-case-container .case-lists li .case-caption h5 {

    font-size: 20px;

    margin-bottom: 25px;

}



.index-case-container .case-lists li .case-caption h5 a {

    color: #333333;

}



.index-case-container .case-lists li .case-caption h5 a:hover {

    color: #075b7d;

}



.index-case-container .case-lists li .case-caption p {

    font-size: 14px;

    color: #666666;

    line-height: 30px;

}



.index-case-container .case-lists .case-flag {

    position: absolute;

    right: 0;

    bottom: 0;

    width: auto;

}



.advantages-container {

    padding-bottom: 0;

}



.advantages-container .content-title {

    text-align: center;

    margin-bottom: 55px;

}



.advantages-container .content-title .subtitle:after {

    background-color: transparent;

}



.advantages-container ul li {

    width: 25%;

    float: left;

    position: relative;

    overflow: hidden;

}



.advantages-container ul li img {

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

}



.advantages-container ul li:hover img {

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

    transform: scale(1.1);

}



@media (min-width: 992px) {

    .advantages-container ul li .adv-caption h3 {

        margin-bottom: 15px;

    }



    .advantages-container ul li .adv-caption {

        bottom: 12%;

    }

}



@media (min-width: 1600px) {

    .advantages-container ul li .adv-caption h3 {

        margin-bottom: 50px;

    }



    .advantages-container ul li .adv-caption {

        bottom: 5%;

    }

}



.advantages-container ul li .adv-caption {

    position: absolute;

    width: 85%;

    left: 7%;

    right: 7%;

    height: 254px;

}



.advantages-container ul li .adv-caption h3 {

    font-size: 26px;



    color: white;

}



.advantages-container ul li .adv-caption p {

    font-size: 14px;

    color: white;

    line-height: 24px;

}



@media (min-width: 992px) {

    .index-about-container .index-about-info {

        padding-top: 25px;

        padding-left: 110px;

        padding-right: 70px;

    }



    .index-about-container .index-about-info h3 {

        padding-bottom: 15px;

        margin-bottom: 15px;

        font-size: 32px;

    }

}



@media (min-width: 1600px) {

    .index-about-container .index-about-info {

        padding-top: 165px;

        padding-left: 150px;

        padding-right: 100px;

    }



    .index-about-container .index-about-info h3 {

        padding-bottom: 35px;

        margin-bottom: 35px;

        font-size: 42px;

    }

}



.index-about-container .index-about-info h3 {

    margin-top: 25px;

    border-bottom: 1px solid #bfbfbf;

}



.index-about-container .index-about-info p {

    font-size: 14px;

    color: #666666;

    line-height: 24px;

}



.qyjk {

    width: 100%;

    background-color: #288fef;

    height: 209px;

}



.qyjk * {

    color: white;

}



.qyjk .qyjk-title {

    margin-top: 60px;

}



@media (min-width: 992px) {

    .qyjk .qyjk-title h1 {

        font-size: 32px;

    }



    .qyjk .qyjk-title h2 {

        font-size: 26px;

    }

}



@media (min-width: 1600px) {

    .qyjk .qyjk-title h1 {

        font-size: 42px;

    }



    .qyjk .qyjk-title h2 {

        font-size: 36px;

    }

}



.qyjk ul {

    margin-top: 48px;

    text-align: center;

}



.qyjk ul li {

    float: left;

    margin-left: 47px;

}



.qyjk ul img {

    width: auto;

}



.qyjk ul h5 {

    font-size: 18px;

    margin-top: 20px;

}



.abc {

    padding-top: 120px;

    background-image: url(../images/abc.jpg);

    height: 624px;

}



.abc * {

    color: white;

}



.abc .abc-title {

    text-align: center;

    margin-bottom: 120px;

    font-size: 36px;

    font-weight: bold;

}

@media(min-width:922px){

    .abc .abc-text, .abc .abc-img {

        padding-left:15px;

        padding-right:15px;

    }

}

@media(min-width:1600px){

    .abc .abc-text, .abc .abc-img{

        padding-left:15px;

        padding-right:15px;

    }



}



.abc .abc-text, .abc .abc-img {

    float: left;

    width: 50%;

}

.abc .abc-text ul {

    width: 608px;

}



.abc .abc-text ul li {

    list-style: disc;

    border-bottom: 1px dashed #ffffff;

}



.abc .abc-text ul li p {

    line-height: 31px;

}



.abc .abc-text ul li:last-child {

    border-color: transparent;

}



.abc .abc-img {

    text-align: right;

}



.abc .abc-img img {

    width: auto;

}



.about-more {

    display: block;

    margin-top: 80px;

    width: 145px;

    height: 40px;

    text-align: center;

    line-height: 40px;

    color: white;

    background-color: #075b7d;

}



.about-more:hover {

    color: white;

}



.index-about-container .index-about-box {

    float: left;

    width: 50%;

}



.index-about-container .content-title .subtitle:after {

    left: 70px;

}



@media (min-width: 992px) {

    .index-news-container .index-news-left {

        width: 670px;

    }



    .index-news-container .index-news-left li {

        width: 336px;

        padding-left: 15px;

        padding-right: 15px;

    }



    .index-news-container .index-news-left ul {

        margin-left: -15px;

        margin-right: -15px;

    }



    .index-news-container .index-news-left li .index-news-caption {

        padding-top: 25px;

    }



    .index-news-container .index-news-right {

        padding-left: 35px;

    }



    .index-news-container .index-news-right {

        width: 455px;

    }

}



@media (min-width: 1600px) {

    .index-news-container .index-news-left {

        width: 570px;

    }



    .index-news-container .index-news-left li {

        width: 560px;

        padding-left: 32px;

        padding-right: 32px;

    }



    .index-news-container .index-news-left ul {

        margin-left: -32px;

        margin-right: -32px;

    }



    .index-news-container .index-news-left li .index-news-caption {

        padding-top: 50px;

    }



    .index-news-container .index-news-right {

        padding-left: 75px;

    }



    .index-news-container .index-news-right {

        width: 580px;

    }

}



.index-news-container {

    background-color: white;

}



.index-news-container .index-news-left li {

    float: left;

}

.index-news-container .index-news-left li img{ height:200px; width:490px;}

.news-right-title {

    width: 250px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.index-news-container .index-news-left li .index-news-caption h5 {

    margin-bottom: 10px;

    font-size: 18px;

}



.index-news-caption h5 a {

    color: #333333;

}



.index-news-caption h5 a:hover {

    color: #075b7d;

}



.index-news-container .index-news-left li .index-news-caption p {

    font-size: 14px;

    color: #666666;

}



.index-news-container .index-news-left ul {

    padding-top: 70px;

}



.index-news-left .content-title .subtitle:after {

    left: 55px;

}



.index-news-left {

    border-right: 1px solid var(--borderColor);

}



.index-news-container .index-news-left li a {

    overflow: hidden;

    display: block;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.index-news-container .index-news-left li:hover img {

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

    transform: scale(1.1);

}



.index-news-container .index-news-right .content-title .subtitle:after {

    left: 110px;

}



.index-news-container .index-news-right .content-title {

    padding-bottom: 65px;

}



.index-news-container .index-news-right a {

    font-size: 16px;

    color: #333333;

}



.index-news-container .index-news-right a:hover {

    color: #075b7d;

}



.index-news-container .index-news-right ul li {

    margin-bottom: 15px;

}



.index-partners-container {

    background-color: #f4f4f4;

}



.index-partners-container .content-title {

    text-align: center;

    margin-bottom: 70px;

}



.index-partners-container .content-title .subtitle:after {

    background-color: transparent;

}



.common-page {

    padding: 70px 0;

}



.page-category {

    height: 70px;

    width: 100%;

    background-color: #e5e5e5;

}



.page-category p a {

    color: #333333;

}



.page-category {

    line-height: 70px;

    text-align: center;

}



.page-category ul li {

    display: inline-block;

    margin-right: 40px;

}



.page-category ul li:last-child {

    margin-right: 0;

}



.page-category ul li a {

    position: relative;

    font-size: 16px;

    color: #333333;

}



.page-category ul li a:after {

    content: "";

    position: absolute;

    bottom: calc(-100% - 5px);

    left: calc((100% - 24px) / 2);

    width: 24px;

    height: 5px;

    background-color: transparent;

}



.page-category ul li a:hover:after {

    background-color: #075b7d;

}



.page-category ul li.common-naved a:after {

    background-color: #075b7d;

}



.about-content-title {

    margin-bottom: 40px;

}



.about-content-title h3 {

    font-size: 32px;

    color: #333333;

    margin-bottom: 15px;

}



.about-content-title p {

    font-size: 16px;

    color: #999999;

}



.about-info .about-infos {

    padding-right: 30px;

}



.about-info .about-infos, .about-info img {



    float: left;

}



@media (min-width: 992px) {

    .about-info .about-infos {

        width: 50%;

    }



    .about-info img {

        width: 50%;

    }

}



@media (min-width: 1600px) {

    .about-info .about-infos {

        width: 555px;

    }



    .about-info img {

        width: 640px;

    }

}



.about-info .about-infos {

    padding-top: 25px;

}



.about-info img {



}



.custom-container {

    width: 100%;

    max-width: 1200px;

}



.about-infos .about-info-text {

    font-size: 14px;

    color: #666666;

    line-height: 25px;

}



.cpc .about-content-title {

    text-align: center;

}



.cpc ul li {

    position: relative;

    width: 33.333333%;

    float: left;

}



.cpc ul li h3 {

    position: absolute;

    left: 10%;

    top: 20%;

    font-size: 24px;

    color: #333333;

}



.about-bg {

    background-color: #f7f7f7;

}



.jyln-container {

    margin-top: 60px;

    margin-bottom: 60px;

    width: 100%;

    height: 703px;

    position: relative;

    background-image: url("../images/jylnbg.jpg");

}



.jyln-container .jyln-box {

    position: relative;

}



.jyln-container .about-content-title * {

    color: white;

}



.about-pd {

    padding-top: 60px;

    padding-bottom: 60px;

}



@media (min-width: 992px) {

    .jyln-container .jyln-box {



        width: 1200px;

        margin: 0 auto;

    }



    .jyln-container .jyln-box ul li {

        width: 25%;

    }

    .lists-box {

        padding: 15px;

    }

}



@media (min-width: 1600px) {

    .jyln-container .jyln-box {

        width: 100%;

        padding: 0 15px;

    }



    .jyln-container .jyln-box ul li {

        width: 25%;



    }



    .lists-box {

        padding: 25px;

    }

}



@media (min-width: 1600px) {

    .jyln-container .jyln-box {

        width: 1560px;

        right: 0;

        margin: 0;

        float: right;

    }



    .lists-box {

        padding: 45px;

    }



    .jyln-container .jyln-box ul li {

        width: 318px;

    }



    .jyln-container .jyln-box ul {

        padding: 95px 50px 50px 45px;

    }

}



.jyln-container .jyln-box ul li {

    float: left;

    padding: 0 10px;

}



.jyln-container .jyln-box .lists-box {

    background-color: white;

    position: relative;

    width: 100%;

    height: 563px;

    bottom: -70px;



    /*-webkit-box-shadow: 0 0 20px #efefef;*/

    /*-moz-box-shadow: 0 0 20px #efefef;*/

    /*box-shadow: 0 0 20px #efefef;*/

}



.jyln-container .about-content-title {

    margin-bottom: 0;

}



.jyln-container .jyln-box .jyln-caption {

    padding-top: 15px;

}



.jyln-container .jyln-box .jyln-caption p {

    color: #666666;

    font-size: 14px;

}



.jyln-container .jyln-box .jyln-caption span {

    color: #333333;

    font-weight: bold;

}



.ryzz-box {

    padding: 15px 10px;

    border: 1px solid var(--borderColor);

    background-color: white;

}



.ryzz-container .about-content-title {

    text-align: center;

}



.hzkh-container .about-content-title {

    text-align: center;

}



.hzkh-container {

    width: 100%;

    background-image: url(../images/zhhbbg.jpg);

}



.hzkh-swiper {

    padding-bottom: 80px;

}



.gshj-container .gshj-main {

    width: 580px;

}



.gshj-container .gshj-lists {

    margin-left: -5px;

    margin-right: -5px;

    width: 610px;

    float: right;

}



.gshj-container .about-content-title {

    text-align: center;

}



.gshj-container .gshj-lists li {

    padding: 0 5px;

    float: left;

    width: 50%;

    margin-bottom: 15px;

}



.gshj-container .gshj-main {

    float: left;

}



.product-container .product-lists {

    margin-left: -5px;

    margin-right: -5px;

}



.product-lists li {

    width: 25%;

    float: left;

    padding: 0 5px;

    margin-bottom: 10px;

}



.product-lists li .product-image {

    width: 100%;

    height: 290px;

    background-color: #f7f7f7;

}



.product-lists li h5 {

    width: 100%;

    height: 60px;

    text-align: center;



    font-size: 16px;

    line-height: 60px;

    border: 1px solid var(--borderColor);

    border-top-color: transparent;

}



.product-lists li h5:hover a {

    background-color: #075b7d;

    color: white;

}



.product-lists li h5 a {

    display: block;

    color: #000000;

}



.locations {

    position: relative;

    width: 100%;

    height: 90px;

    border-top: 1px solid var(--borderColor);

    border-bottom: 1px solid var(--borderColor);

    background-color: #eeeeee;

}



.locations p, .locations p a {

    line-height: 90px;

    color: #333333;

    font-size: 14px;

}



.locations p a:hover {

    color: #075b7d;

}



.product-page-container {

    position: relative;

    width: 100%;

    max-width: 1200px;

    margin-left: auto;

    margin-right: auto;

}



.product-header .product-image {

    width: 550px;

    background-color: #f7f7f7;

}



.return-btn {

    display: block;

    width: 118px;

    height: 37px;

    background-color: #1259c1;

    color: white;

    text-align: center;

    line-height: 37px;

    position: absolute;

    top: calc((100% - 37px) / 2);

    right: 15px;

}



.product-infos {

    width: 570px;

}



.product-header {

    padding-top: 50px;

    width: 100%;

}



.product-header .product-infos {

    padding-top: 70px;

}



.product-header .product-infos h3 {

    font-size: 24px;

    color: #333333;

    margin-bottom: 40px;

}



.product-header .product-infos .product-frame {

    font-size: 14px;

    color: #666666;

    line-height: 34px;

    margin-bottom: 20px;

}



.product-header .product-info .product-feature {

    font-size: 14px;

    color: #333333;

    line-height: 34px;

}



.product-contact {

    margin-top: 40px;

}



.product-contact li {

    float: left;

    margin-right: 20px;

}



.product-contact li a {

    text-align: center;

    width: 152px;

    height: 43px;

    display: block;

    background-color: #1f85e9;

    color: white;

    line-height: 43px;

    font-size: 14px;

}



.product-contact li p {

    color: #333333;

}



.product-contact li .contact-title {

    font-size: 14px;

}



.product-contact li .contact-num {

    margin-top: -5px;

    font-size: 24px;

}



.product-body {

    padding-top: 30px;

}



.product-body .product-details p {

    font-size: 14px !important;

    color: #666666 !important;

    background-color: transparent !important;

    line-height: 34px;

}



.product-body h3 {

    padding-bottom: 30px;

    font-size: 24px;

    color: #333333;

    border-bottom: 4px solid var(--borderColor);

}



.product-body .product-content {

    padding: 40px 0;

}



.product-body h3:after {

    content: "";

    width: 100px;

    height: 4px;

    background-color: #1f85e9;

    position: absolute;

    left: 0;

    bottom: -4px;

}



.service-container-page {

    padding: 40px 0;

}



.page-title {

    font-size: 32px;

    color: #333333;

    margin-bottom: 50px;

    text-align: center;

}



.service-container .service-box li {

    width: 100%;

}



.service-container .service-box li img, .service-container .service-box li .service-content {

    width: 50%;

    float: left;

    display: block;

    position: relative;

}



.service-container .service-box li .service-content {

    padding-left: 30px;

    padding-top: 20px;

    padding-right: 20px;

}



.service-container .service-box li .service-content p {

    font-size: 14px;

    color: #666666;

    line-height: 32px;

}



.service-container .service-box li:nth-of-type(even) img {

    left: 50%;

}



.service-container .service-box li:nth-of-type(even) .service-content {

    right: 50%;

}



.selled {

    margin-left: -5px;

    margin-right: -5px;

}



.selled li {

    width: 33.3333333%;

    float: left;

    padding-left: 5px;

    padding-right: 5px;

    margin-bottom: 10px;

}



.selled li .sh-box {

    width: 100%;

    height: 130px;

    padding-top: 35px;

    background-color: #f7f7f7;

    border: 1px solid #075b7d;

    padding-left: 20px;

    padding-right: 10px;

}



.selled li .sh-box h5 {

    font-size: 20px;

    margin-bottom: 15px;

    color: #075b7d;

}



.selled li .sh-box p {

    font-size: 14px;

    color: #333333;

}



.news-lists li {

    padding-bottom: 40px;

    margin-bottom: 40px;

    border-bottom: 1px solid var(--borderColor);

}



.news-lists li .image-link {

    width: 275px;

    height: 196px;

    display: block;

    float: left;

}



.news-lists li .news-content {

    float: right;

    width: 845px;

    padding-top: 15px;

}



.news-lists li .news-content h5 {

    font-size: 18px;

    margin-bottom: 30px;

}



.news-lists li .news-content h5 .news-date {

    color: #075b7d;

    margin-right: 15px;

}



.news-lists li .news-content h5 .news-title a {

    color: #333333;

}



.news-lists li .news-content a:hover {

    color: #075b7d !important;

    overflow: hidden;

}



.news-lists li .news-content .news-desc {

    font-size: 14px;

    color: #666666;

    margin-bottom: 50px;

}



.news-lists li .news-content .news-link {

    color: #333333;

    font-size: 14px;

    border-bottom: 1px solid var(--borderColor);

    padding-bottom: 20px;

}



.common-page-header {

    text-align: center;

}



.page-contact-infos {

    padding-top: 60px;

    padding-bottom: 90px;

    margin-left: -5px;

    margin-right: -5px;

}



.page-contact-infos li {

    width: 25%;

    float: left;

    padding-left: 5px;

    padding-right: 5px;

}



.page-contact-infos .contact-box {

    background-color: #f7f7f7;

    width: 100%;

    height: 115px;

    position: relative;

    padding-top: 35px;

    padding-left: 80px;

}



.page-contact-infos .contact-box .contact-icon {

    background-image: url(../images/contact-icons.png);

    background-repeat: no-repeat;

    position: absolute;

    left: 15px;

    top: 35px;

    width: 50px;

    height: 50px;

}



.page-contact-infos .contact-box .address-icon {

    background-position: -15px -7px;

}



.page-contact-infos .contact-box .tel-icon {

    background-position: -92px -7px;

}



.page-contact-infos .contact-box .fax-icon {

    background-position: -178px -7px;

}



.page-contact-infos .contact-box .email-icon {

    background-position: -260px -7px;

}



.map {

    width: 100%;

    height: 490px;

}



.message {

    padding-top: 45px;

}



.message input, .message textarea, .message .btns button {

    outline: 0;

    border: 0;

}



.message .input-forms {

    margin-left: -5px;

    margin-right: -5px;

}



.message .input-forms .input-form-box {

    float: left;

    padding-left: 5px;

    padding-right: 5px;

    width: 33.3333333%;

}



.message p {

    color: #333333;

    font-size: 16px;

    margin-bottom: 5px;

}



.message .input-forms .input-form {

    width: 100%;

    height: 37px;

    line-height: 35px;



}



.message .input-forms .input-form input {

    height: 100%;

    width: 100%;

    padding-left: 10px;

}



.message .input-forms .input-form input, .message .input-form-textarea textarea {

    border: 1px solid #d2d2d2;

}



.message .input-forms input:focus, .message .input-form-textarea textarea:focus {

    border-color: #075b7d;

}



.message .input-form-textarea {

    padding: 30px 0;

}



.message .input-form-textarea textarea {

    width: 100%;

    height: 270px;

    padding: 10px;

}



.message .btns {

    text-align: center;

}



.message .btns button {

    width: 150px;

    height: 40px;

    text-align: center;

    line-height: 40px;

    color: white

}



.message .btns button.btn-submit {

    background-color: #075b7d;

}



.message .btns button.btn-reset {

    background-color: #CCCCCC;

}



/*footer {

    padding-top: 50px;

    background-color: #373935;

}
*/


.footer-contact-infos .hotline {

    padding-left: 75px;

    position: relative;

}



.footer-contact-infos .hotline .icon {

    position: absolute;

    width: 65px;

    height: 65px;

    background-position: -12px -12px;

    top: 0;

    left: 0;

}



footer .footer-contact-infos .hotline h5 {

    font-size: 14px;

    color: #e0e0e0;

    margin-bottom: 10px;

}



footer .footer-contact-infos .hotline h3 {

    font-size: 34px;

    color: #e0e0e0;

    margin-bottom: 10px;

}



footer .footer-contact-infos .address-phone * {

    font-size: 14px;

    color: #999999;



}



footer .footer-contact-infos .address-phone p {

    line-height: 27px;

}



footer .footer-links-qrcode ul {

    float: left;

    margin-right: 65px;

}



footer .footer-links-qrcode ul:last-child {



}



footer .footer-links-qrcode ul li + li {

    margin-bottom: 10px;

}



footer .footer-links-qrcode ul li:first-child {

    margin-bottom: 40px;

}



footer .footer-links-qrcode ul li h5 {

    font-size: 18px;

    color: #e0e0e0;

}



footer .footer-links-qrcode a {

    color: #959595;

}


/*
footer a:hover {

    color: white;

}
*/


/*footer a {

    cursor: pointer;

}
*/


footer .qrcode {

    margin-left: 25px;

    text-align: center;

}


/*
footer .qrcode img {

    width: auto;

}*/



footer .qrcode h5 {

    margin-top: 10px;

    color: #e0e0e0;

    font-size: 18px;

}



.fl {

    margin: 50px 0 30px 0;

}



.fl li {

    position: relative;

    float: left;



}



.fl li + li {

    margin-right: 15px;

}



.fl li * {

    font-size: 14px;

    color: #999999;

}



.fl li:after {

    content: "|";

    position: absolute;

    top: 0;

    right: -10px;

    color: #999999;

}



.fl li:first-child:after {

    color: transparent;

}



footer .icp {

    height: 65px;

    width: 100%;

    background-color: #1f2022;

}



footer .icp a {

    color: #999999;

}



footer .icp a:hover {

    color: #e0e0e0;

}



footer .icp p {

    line-height: 65px;

    color: #999999;

    font-size: 14px;

}

.navigations-search{ position:relative}

.bz{height: 1915px;padding-top: 80px;}
.bz h2.tit a{margin-bottom:50px;}
.bz12{height:869px;background:url(../images/ys_img1.png) no-repeat center center; }
.bz34{height:903px;background:url(../images/ys_img2.png) no-repeat center center;margin-top:2px; }

.bz h3{padding-bottom:53px;}
.bz h3 b{font-size: 36px;color: #075a7d;font-weight: bold;padding-right: 85px;}
.bz h3 em{font-size: 28px;color: #333;font-weight: bold;display: block;padding-top: 17px;}
.bz p{font-size: 16px;color: #555;font-weight: normal;padding-right: 30px;margin-bottom: 26px;}

.bz1{height: 305px;text-align: right;padding-top: 64px;} 

.bz2{height: 371px;margin-top:177px;text-align: left;padding-top: 22px;} 
.bz2 h3{padding-bottom:61px;}
.bz2 h3 b{padding-left: 95px;}
.bz2 p{padding-left: 30px;}

.bz34 .bz1{height: 359px;text-align: right;padding-top: 80px;} 
.bz34 .bz1 h3{padding-bottom:57px;}
.bz34 .bz1 h3 b{padding-right: 90px;}

.bz34 .bz2{height: 454px;margin-top:177px;text-align: left;padding-top: 10px;} 
.bz34 .bz2 h3{padding-bottom:68px;}
.bz34 .bz2 h3 b{padding-left: 95px;}
.bz34 .bz2 p{padding-left: 30px;}
#tu2{ height:180px; background:url(../images/tu2_en.png) no-repeat center 0;}
.case{width: 100%; background: #41b9ec; padding: 60px 0px; overflow: hidden;}
.small_banW{width:1200px; margin:0 auto; min-width:1200px;}
.small_ban_l{float:left; width:350px;}
.small_ban_lm{line-height:50px; font-size:40px; font-weight:bold; color:#fff; padding-top:10px; margin-bottom:20px;}
.small_ban_ls{font-size:20px; letter-spacing:1px; color:#fff; line-height:28px; height:50px; filter:Alpha(opacity:80); opacity:0.8;}
.small_ban_len{font-family:Arial, Helvetica, sans-serif; font-size:12px; text-transform:uppercase; color:#fff; letter-spacing:1px; filter:Alpha(opacity:50); opacity:0.5}
.small_ban_r{float:right;}
.small_ban_rli{float:left; overflow:hidden; width:126px; margin:0px 20px;}
.small_ban_rli_img{width:124px; height:124px; border-radius:10px; background:#fff;}
.small_ban_rli_img img{width:124px; height:124px; border-radius:10px; border:solid 10px #01fcf0; transition: all 1.5s linear; padding:17px;}
.small_ban_rli_m{overflow:hidden; line-height:30px; font-size:16px; color:#fff; text-align:center;}
.small_ban_rli:hover .small_ban_rli_img img{transform: rotate(360deg); transition: all 1.5s linear;}

/*con02*/

.con02{width:1200px; padding-bottom:30px; margin:0 auto;}

.items {margin: 0 auto;/*overflow: hidden;*/}

.items li {position: relative;height: 280px;margin:1.4%;float: left;}

.items li:first-child figure.effect-winston{background: transparent;}

.items li:first-child figure.effect-winston figcaption{	background: rgba(0, 0, 0, 0.6);}

.items li:first-child figure.effect-winston:hover figcaption{background: rgba(0, 0, 0, 0);}

.items li:first-child figure.effect-winston h4{opacity: 1;}

.items li:first-child figure.effect-winston:hover h4{opacity: 0;}

.items li:first-child figure.effect-winston figcaption::before{display: none;}

.items li:first-child figure.effect-winston:hover img {opacity: 1;}
figure {position: relative;float: left;overflow: hidden;width: 100%;height: 100%;background: #3085a3;text-align: center;cursor: pointer;margin: 0;}

figure img {position: relative;display: block;}

figure figcaption {padding: 2em;color: #fff;text-transform: uppercase;font-size: 1.25em;-webkit-backface-visibility: hidden;backface-visibility: hidden;}

figure figcaption::before,figure figcaption::after {pointer-events: none;}

figure figcaption,figure figcaption > a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

figure figcaption > a {z-index: 1000;text-indent: 200%;white-space: nowrap;font-size: 0;opacity: 0;}

figcaption h4{ font-size:14px;}

figure h4 {font-size:14px;}
/***** Jazz *****/
.items li{ border:1px solid #ccc;}
figure.effect-jazz{background: #3C3C3C;}

figure.effect-jazz figcaption::after,figure.effect-jazz img,figure.effect-jazz p {	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}

figure.effect-jazz figcaption {padding: 2em 1em;}

figure.effect-jazz figcaption::after {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-top: 1px solid #fff;border-bottom: 1px solid #fff;content: '';opacity: 0;-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);-webkit-transform-origin: 50% 50%;	-ms-transform-origin: 50% 50%;transform-origin: 50% 50%;}

figure.effect-jazz p,figure.effect-jazz h4{	padding: 0.5em 2em;	text-transform: none;opacity: 0;-webkit-transform: scale3d(0.8,0.8,1);	transform: scale3d(0.8,0.8,1);}

figure.effect-jazz h4 {	letter-spacing: 2px;padding-top: 28%;-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;}

figure.effect-jazz h4 span{letter-spacing: 0;font-size:1rem;}

figure.effect-jazz:hover img {opacity: 0.2;-webkit-transform: scale3d(1.05,1.05,1);transform: scale3d(1.05,1.05,1);}

figure.effect-jazz:hover figcaption::after {opacity: 1;-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);}

figure.effect-jazz:hover h4,figure.effect-jazz:hover p {opacity: 1;-webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1);}

.htit{ padding:30px 0 10px; text-align: center;}
.htit h2{ font-size:36px; color:#000; height:80px; line-height:80px;}
.htit p{ font-size:17px; color:#323232; height:52px; line-height:52px; width:450px; background:url(../images/h-bg.png) repeat-x center center; margin:0 auto;}

.footer { background: #e1e1e1; padding-top: 43px; color: #b3b3b3; }
.foot1{ width:1200px; margin:0 auto;}
.footer a { color: #00a0e9; }
.footer a:hover { text-decoration:underline;}
.foot ul { overflow: hidden; }
.foot li { float: left; margin-bottom: -1000px; padding-bottom: 1000px; background: url(../images/footCut.gif) repeat-y; }
.footer .footlogo { background: none; padding-left: 114px; padding-top: 9px; padding-right: 37px; }
.foot2 { padding-left: 60px; padding-top: 10px; padding-right: 82px; line-height: 28px; color:#00a0e9; }
.foot2 span { width: 286px; }
.code { padding-left: 65px; text-align: center; }
.code p { padding-top: 6px; padding-bottom: 10px; }
.ib { display: inline-block; vertical-align: top; }
#nnav{height:60px;overflow:hidden;  min-width:1200px; background:url(../images/navbg.png) repeat-x;}
#nnav ul{ width:1200px; margin:0 auto; line-height:60px;}
#nnav li { float:left; width:120px; height:60px;}
#nnav li a{ display:inline-block; font:15px "经典等线简"; width:120px; text-align:center; color:#fff; line-height:60px; height:60px; font-weight:bold; }
#nnav li a:hover{ font-size:16px;
color: #FFFFFF;
background: #41b9ec;
}

/*行业*/
.bg11{background: url(../images/cpbg.jpg) no-repeat center top;padding-top:175px;}
.fabj{height: auto;overflow: hidden;box-sizing: border-box; font-family: "Microsoft YaHei";max-width: 1920px;margin:0 auto; padding-bottom: 145px;}
.fa{width:1400px;padding:70px 5.2vw 100px;margin:0 auto;background:#fff;clear: both;overflow: hidden;}
.fa_nav{ width: 100%;height:8.072vw; }
.fa_nav h2{width:30.357%; float: left;text-align: left;}
.fa_nav h3{width: 69.285%; height:45px;margin-top:2.864vw; float: left;}
.fa_nav h3 a{height:2.34375vw;line-height: 2.34375vw; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;font-size:16px; color: #333333;font-weight:normal;text-decoration: none;text-align: left;float: left;box-sizing: border-box;margin-right: 2.583vw;position: relative;}
.fa_nav h3 a:after{content:'';position:absolute;height:2px;width:0%;bottom:0;left:0;-webkit-transition:width .5s;transition:width .5s;z-index: 1;background-image: -webkit-gradient(linear, left top, right bottom, from(#06beff), to(#0d5de2)); 
  background-image: -webkit-linear-gradient(left, #06beff, #0d5de2); 
  background-image: -moz-linear-gradient(left, #06beff, #0d5de2); 
  background-image: -o-linear-gradient(left, #06beff, #0d5de2); 
  background-image: -ms-linear-gradient(left, #06beff, #0d5de2); 
  background-image: linear-gradient(left, #06beff, #0d5de2);}
.fa_nav h3 a:hover:after,.fa_nav h3 a.cur:after{width:100%;color: #fff;z-index: 1;}
.fa_nav h3 a:last-child{margin-right: 0;}
.fa_nav h3 a.cur,.fa_nav h3 a:hover{color:#287dfc; font-weight: normal;}


.fa img{width: 100%;display: block;}
.fa_left{width:30.357%;max-height:548px;position: relative; float: left;margin-right: 0.5%;}
.fa_left h4{ font-size: 20px;color:#075b7d; line-height: 2.239vw;font-weight: normal;width: 100%;top:92px;left:0;position: absolute;text-align: center;}
.fa_left h4 b{/*font-weight: bold;*/display: block;}
.fa_right{width:69.142%;float: left;max-width: 968px;}
.fa_right ul{clear: both;overflow: hidden;}
.fa_right li{width:49.586%; float: left;margin-right:0.723%;margin-bottom:8px;position: relative;max-height: 270px;}
.fa_right li:nth-child(2n){margin-right: 0;}
.fa_right li .hover{width:100%; height:100%;background-image:-webkit-gradient(linear, left top, right bottom, from(#06beff), to(#0d5de2)); 
  background-image: -webkit-linear-gradient(left, #06beff, #0d5de2); 
  background-image: -moz-linear-gradient(left, #06beff, #0d5de2); 
  background-image: -o-linear-gradient(left, #06beff, #0d5de2); 
  background-image: -ms-linear-gradient(left, #06beff, #0d5de2); 
  background-image: linear-gradient(left, #06beff, #0d5de2); background:rgba(8,163,247,0.5); position: absolute; left:0;top:0;padding-top:67px; box-sizing: border-box; transform: scale(0); opacity: 0; transition: .8s;border-radius: 0px;}
.fa_right li .hover h4{display: block; width:100%; height:1.822vw; text-align: center; font-size: 1.614vw;color: #fff;font-weight: normal;}
.fa_right li .hover em{display: block;height:2.239vw; line-height: 2.239vw; text-align: center;font-size: 0.8333vw; color:#FFFFFF;margin-bottom: 0.2vw;}
.fa_right li .hover i{width:90px;border-radius: 24px; line-height:30px; height:30px;display:block;border:1px solid #fff;text-align: center;color:#fff;margin:0 auto;}
.fa_right li:hover .hover{transform: scale(1); opacity: 1;}
.tit01 i {
    font-weight: bold;
    display: block;
    font-size: 1.875vw;
    color: rgba(26, 26, 26, 0.1);
    font-family: Arial, Helvetica, sans-serif;
}
.tit01 {
    font-size: 2.395vw;
    text-align: center;
    font-family: "Microsoft YaHei";
    color: #333333;
    font-weight: bold;
}
i, em {
    font-style: normal;
}
.tit01 a {
    color: #333333;
}

/**/




.clear{ clear:both; height:0; line-height:0; font-size:0;}
.fl { float:left;}
.fr { float:right;}

.content {
  width: 1200px;
  margin: 0 auto;
}

.tit1{ font:46px "Microsoft YaHei"; text-align:center;color:#222;}
.tit1 a{ display:block; color:#222;}
.tit1 em{ display:block; font:26px "Microsoft YaHei"; margin-top:10px; color:#666;}
.yinz{ height:661px; margin-top:50px; background:url(../images/yinz_bg.jpg) no-repeat center top;overflow:hidden;}
.yinz dl{ width:480px; float:left; margin:113px 0 0 60px;}
.yinz dt{ font:46px "Microsoft YaHei UI"; font-weight:bold; color:#251a1a;}
.yinz dd p{ font:16px "Microsoft YaHei UI"; line-height:30px; color:#251a1a; margin:30px 0;}
.yinz dd span{ display:block; width:200px; font:16px "Microsoft YaHei UI"; color:#251a1a; background:url(../images/yinz_q.jpg) no-repeat right center; line-height:40px; float:right;}
.pro{ height:auto; overflow:hidden;background:url(../images/pro_bg1.jpg) no-repeat center top; padding-top:80px;}
.pro1{ margin-top:15px;}
.prot{ height:70px; overflow:hidden;}
.prot h2{ width:460px; height:70px; float:left; overflow:hidden; font:26px "Microsoft YaHei UI"; line-height:70px;}
.prot h2 a{ display:block; color:#222222; background:url(../images/pro_icon.png) no-repeat left center; padding-left:40px;}
.prot h3{ font:16px "Microsoft YaHei UI"; line-height:70px; height:70px; float:left; margin-right:30px;}
.prot h3 a{ display:block; color:#666;}
.prot h3:last-child{ margin-right:0;}
.prot h3 a:hover,.prot .cur a{ text-decoration:underline; color:#075b7d;}
.pro1{ height:560px;}
.pro1 dl{ width:409px; height:526px; position:relative; overflow:hidden; float:left;}
.pro1 dt{ display:block;width:409px; height:526px; overflow:hidden; position:relative;}
.pro1 dt img{ display:block;width:409px; height:526px;}
.pro1 dd{ width:145px; height:40px; position:absolute; bottom:38px; left:135px;}
.pro1 dd a{ display:block; width:88px; height:38px; border:1px solid rgba(255,255,255,0.5); font:14px "Microsoft YaHei UI"; line-height:38px; border-radius:40px; color:rgba(255,255,255,0.8); background:url(../images/fen_icon.png) no-repeat 27px center; padding-left:55px;}
.pro2{ float:left; width:1200px; overflow:hidden;}
.pro2 ul{ height:526px;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1; /*width:788px;*/}
.pro2 li{ border-left:1px solid #e1e1e1; border-top:1px solid #e1e1e1; float:left; height:296px; overflow:hidden; background:#fff; margin:0 4px;}
.pro2 li img{ display:block; width:230px; height:230px; margin:0 0 24px;}
.pro2 li h4{ height:36px; font:16px "Microsoft YaHei UI";color:#666; overflow:hidden; text-align:center;}
.pro1 dt:before,.about dt:before{content: '';
            cursor: pointer;
            position: absolute;
            left: -100%;
            top: 0;
            width: 100%;
            height: 100%;
            background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
            background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
            transform: skewx(-25deg);}
.pro1 dt:hover:before,.about dt:hover:before{
            left: 100%;
            -moz-transition: 1s;
            -o-transition: 1s;
            -webkit-transition: 1s;
            transition: 1s;
        }

.pro02{ height:690px; padding-top:152px;}
.pro02 dd a{ background:#075b7d url(../images/fen_icon.png) no-repeat 27px center;}
.pro03{ height:991px; padding-top:40px; background:url(../images/pro_bg3.jpg) no-repeat center top; overflow:hidden;}

.prosou{ height:150px; margin-top:53px; position:relative;}
.prosou em{ display:block; width:140px; height:70px; padding-top:80px; float:left; background:url(../images/pro_line.gif) no-repeat right center; font:16px "Microsoft YaHei UI"; text-align:center; font-weight:bold; color:#075b7d; position:relative;}
.prosou em:before{ content:""; position:absolute; top:42px; left:0; width:140px; height:33px; background:url(../images/pro_hot.png) no-repeat center top;}
.prosou p{ width:870px; float:left; margin:28px 0 0 20px; font:16px "Microsoft YaHei UI"; line-height:45px; color:#666;}
.prosou p a{ display:block; float:left; height:45px; margin-right:33px; overflow:hidden;}
.prosou p a:hover{ color:#075b7d;}
.prosou1{ width:265px; height:45px; border-bottom:1px solid #deceb9; position:absolute; top:76px; left:675px;}
.proin1{ width:225px; height:45px; float:left; font:14px "Microsoft YaHei UI"; line-height:45px; color:#999; background:none; border:0; outline:none; overflow:hidden;}
.proin2{ width:40px; height:45px; float:left; background:url(../images/pro_sou.png) no-repeat center center; border:0; outline:none; overflow:hidden; cursor:pointer;}

.ys{ height:auto;}
.ys_h{ width:1200px; margin:0 auto; height:370px;}
.ys_h img{ display:block; width:1200px; height:370px;}

.ys1{ background:url(../images/ys_bg1.jpg) no-repeat center top; height:580px; overflow:hidden;}
.ys1 dl{ width:440px; margin:80px 0 0 50px;}
.ys1 dt{ font:26px "Microsoft YaHei UI"; font-weight:bold; color:#075b7d; margin-bottom:24px;}
.ys1 dt em{ display:block; font:16px "Microsoft YaHei UI"; color:#333; margin-top:5px;}
.ys1 dd p{ font:16px "Microsoft YaHei UI"; line-height:26px; margin-bottom:10px;}
.ys2{ background:url(../images/ys_bg2.jpg) no-repeat center top; height:781px;}
.ys2 dl{ margin:70px 0 0 0;}
.ys3{ background:url(../images/ys_bg3.jpg) no-repeat center top; height:560px; overflow:hidden;}
.ys3 dl{ margin:90px 0 0 50px;}