@charset "utf-8";
/* CSS Document */


*{ margin:0px; padding:0px;}
body{
	width:100%;
	margin:0px;
	padding:0px;
	color:#000000;
	font-size:15px;
	font-family:"Microsoft YaHei","simsun","Helvetica Neue", Arial, Helvetica, sans-serif;

}
html{ overflow-x:hidden;}
.clear{ clear:both;_overflow:hidden;*height:0px;}
img{ border:0px;}
a{ text-decoration:none; color:#000000; }
a:hover{ color:#005bac;}
div, img, ul, li, span, a, p{ margin:0px; padding:0px;}
li{ list-style:none;}
.ds{
	display:block;}
.fl{
	float:left;}
.rl{
	float:right;}
.hrccpfl{ width:1280px; margin:0 auto; margin-top:50px; margin-bottom:30px;}
.hrccpfl-1{ width:160px; margin-top:30px;}
.hrccpfl-1 h1{ display:block; width:100%; float:left; font-weight:normal; font-size:30px;}
.hrccpfl-1 h2{ display:block; width:100%; float:left; font-weight:normal; font-size:16px; color:#666666; margin-top:10px;}

.hrccpfl-2{ width:868px; margin-left:100px;}
.hrccpfl-2 ul{ width:100%; float:left;}
.hrccpfl-2 li{ width:20%; float:left; text-align:center; margin:0 1.5%; padding:1%;}
.hrccpfl-2 li:hover{ box-shadow:3px 5px 10px 5px #CCC; padding:1%;}
.hrccpfl-2 li a img{ width:100%; float:left; height:auto; margin-bottom:12px;}

.cpflmore{ width:80px; text-align:center; margin-left:70px;}
.sp01{ width:100%; font-size:80px; font-weight:normal; color:#666666;}
.sp02{ width:100%; font-size:14px; color:#666666; margin-top:15px;}
.cpflmore:hover span{ color:#005bac;}
/****************************************************************************************/
.ad{text-align: center; margin-top:2px;}
.ad .item{ font-size: 0;background: #535353;}
.owl-theme .owl-controls{ margin-top: -70px !important;}
/*******************************************************************/
.rhcsytuijian{ width:1280px; margin:0 auto;}
.rhcsytuijian ul{ width:100%; float:left;}
.rhcsytuijian li{ width:30%; float:left; margin:1.5%; text-align:center; border:1px solid #CCC; padding-bottom:20px;}
.rhcsytuijian li a img{ width:100%; height:auto; margin-bottom:12px;}
	
.swiper-container{width: 100%;max-width: 1440px;max-height: 595px;}
.swiper-slide{position: relative;width: 100%!important;background: #fff;}
.swiper-slide .info{position: absolute;top: 9%;left: 15px;width: 26%;height: 73%;padding: 35px;box-sizing: border-box;background: #fff;box-shadow: 0px 0px 12px rgba(0, 0, 0, .1);}
.swiper-slide .info h3{color: #929292;font-weight: normal;font-size: 16px;}
.swiper-slide .info h2{font-size: 30px;}
.swiper-slide .info p{color: #929292;font-size: 16px;line-height: 40px;padding-bottom: 12%;}
.swiper-slide .info a{font-size: 16px; float:left; display:block; width:100%; margin-top:12px; border:1px solid #666; text-align:center; line-height:45px;}
.swiper-slide .info a:hover{ background:#005bac; color:#FFF; border:1px solid #005bac;}
.swiper-slide .img{float: right;max-width: 1200px;max-height: 595px;overflow: hidden;}
.swiper-slide .img img{max-width: 100%;}
.swiper-pagination{text-align: left;}
.swiper-pagination-fraction{left: 45px;font-weight: bold;font-size: 20px;}
.swiper-button-next,
.swiper-button-prev{top: auto;bottom: 14px;width: 27px;height: 15px;}
.swiper-button-prev{left: 25px;}
.swiper-button-next{right: auto;left: 80px;}
@media (max-width: 1440px){.swiper-slide .img{width: 83%;}.swiper-container-3d{perspective: none;}}
@media (max-width: 1280px){.swiper-slide .info h2{font-size: 24px;}.swiper-slide .info p{width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}}
@media (max-width: 980px){.swiper-slide .info p{display: none;}}
@media (max-width: 780px){.swiper-slide .info{padding-top: 10px;}.swiper-slide .info h2{font-size: 14px;margin: 0;padding-bottom: 30px;}.swiper-slide .info a{font-size: 14px;}}
@media (max-width: 640px){.swiper-slide .info{padding: 10px;left: 5px;}.swiper-slide .info h3{display: none;}.swiper-slide .info h2{font-size: 14px;margin: 0;padding-bottom: 0px;}.swiper-slide .info a{font-size: 10px;}}	

.cpimg{ width:100%; margin-top:25px;}
.cpimg img{ width:100%; height:auto;}
/*************************************************************/
.index-page03 {
	position: relative;
	overflow: hidden
}

.index-page03 .bg {
	width: 100%
}

.index-page03 .main {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../images/index03.jpg) no-repeat 50%/cover;
	padding: 6% 20%
}

.index-page03 .main:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 0;
	background-color: #000;
	opacity: .3
}

.index-page03 .info {
	position: relative;
	z-index: 1;
	color: #fff;
	width: 50%
}

.index-page03 .info .title {
	padding-bottom: 20px;
	margin-bottom: 20px;
	position: relative
}

.index-page03 .info .title:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 40px;
	height: 1px;
	background-color: #fff
}

.index-page03 .info .content {
	line-height: 1.7
}

.index-page03 .info .more {
	margin-top: 120px
}

.index-cases {
	position: absolute;
	top: 0;
	right: 12%;
	z-index: 0;
	width: 420px;
	height: 100%;
	background-color: hsla(0, 0%, 100%, .85);
	padding: 35px
}

.index-cases .img {
	width: 100%
}

.index-cases .swiper-slide {
	height: auto;
	cursor: pointer;
	position: relative
}

.index-cases .box {
	position: absolute;
	left: 0;
	top: 50%;
	z-index: 1;
	transform: translateY(-50%);
	width: 100%;
	color: #fff;
	padding: 0 60px;
	text-align: center;
	opacity: 0;
	visibility: hidden;
	transition: opacity .3s, visibility .3s
}

.index-cases .more {
	display: block;
	width: 120px;
	padding: 6px 3%;
	color: #fff;
	background-color: #009fe8;
	margin: 20px auto 0
}

.index-cases .more:hover {
	opacity: .9
}

.index-cases .block {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 0;
	background-color: rgba(0, 0, 0, .6);
	padding: 20px;
	opacity: 0;
	visibility: hidden;
	transition: opacity .3s, visibility .3s
}

.index-cases .block:after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	border: 1px solid #fff
}
/*************************************************************/
.rhcyoushi{ width:100%; padding:50px 0; background:#ebf4fd; margin-top:50px;}

.o-m{width:1280px; margin:0 auto;}
.yswen{ width:245px; float:right;}
.o-m .ul-o{float:left;width:245px;position:relative;}
.yssp{ width:100%; text-align:center; font-size:32px; margin-bottom:35px;}
.o-m .ul-o li{width:100%;cursor:pointer;position:relative;z-index:2;text-align:center;}

.o-m .ul-o li p{float:left;line-height:68px;color:#a4a5a7;font-size:16px; font-weight:bold; width:100%;text-align:center;}
.o-m .ul-o li b{position:absolute;display:block;width:15px;height:32px;top:50%;margin-top:-16px;right:-15px;display:none}
.o-m .ul-o .li-mask{background:#001f86; border-radius:60px;position:absolute;left:0;top:0;width:245px;height:68px;}
.o-m .ul-o li.on b{display:block;}
.o-m .ul-t{width:985px;float:left;height:604px; }
.o-m .ul-t li{list-style-type:none;position:relative;height:100%;display:none;}
.o-m .ul-t .li-img{width:100%;text-align:center;position:absolute;left:0;bottom:0;}
/****************************/

.rhcabout{ width:1280px; margin:0 auto; margin-top:50px;}
.rhcabout1{ width:543px; margin-left:50px;}
.hrch1{ width:100%; font-size:20px; color:#222222; margin-top:30px;}
.rhcp1{ width:100%; line-height:30px; margin-top:35px; color:#767676; text-align:justify;}
.aboutmore{ width:165px; height:45px; border:1px solid #666666; line-height:45px; text-align:center; margin-top:20px; color:#666666;}
.aboutmore:hover{ background:#005bac; color:#FFF;}

/************************************************************************************/

/* film_focus */
.film_focus{width:100%;height:796px;overflow:hidden;position:relative;margin:0 auto;}
.film_focus .film_focus_imgs_wrap{width:100%;height:796px; margin:0 auto;}
.film_focus ul.film_focus_imgs{width:100%;height:796px;position:absolute; float:left;}
.film_focus ul.film_focus_imgs li{ width:100%;height:796px;overflow:hidden; float:left;}
.film_focus_imgs li a{ display:block; width:100%; height:796px;}
.film_focus_imgs li a img{ width:100%; height:auto;}

/*.film_focus .film_focus_desc h3{
	height:45px;line-height:45px;overflow:hidden;position:absolute;left:0;bottom:0;background:rgba(0,0,0,.5);color:#fff;width:100%;padding-left:24px;z-index:99;font-size:16px;
	filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000',endColorstr='#7F000000');
}*/
.film_focus ul.film_focus_nav{width:390px; padding:20px;background:#FFF;position:absolute;right:10%;_right:-45px;top:0;z-index:100;}
.film_focus ul.film_focus_nav li{height:227px; width:350px;margin:20px 0;position:relative;}
.film_focus ul.film_focus_nav li img{position:absolute; width:100%; height:auto;}
/**********************************/

.perspective {
  -webkit-perspective: 76em;
          perspective: 76em;
  -webkit-perspective-origin: 50% 50px;
          perspective-origin: 50% 50px;
  width: 494px;
  margin: 0 auto;
  font-family: 'Roboto', sans-serif;
  font-weight: 100;
  color: #fff;
  text-align: center;
}

/*input {
  display: none;
}*/

.tab {
  position: absolute;
  width: 80px;
  height: 70px;
  background: pink;
  right: 0;
  line-height: 70px;
  font-weight: 300;
}
.tab:nth-child(1) {
  top: -5px;
  background: #06D6A0;
}
.tab:nth-child(2) {
  top: 69px;
  background: #1B9AAA;
}
.tab:nth-child(3) {
  top: 143px;
  background: #EF476F;
}

.cube {
  position: relative;
  margin: 60px auto;
  width: 300px;
  height: 200px;
  -webkit-transform-origin: 0 100px;
          transform-origin: 0 100px;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transition: -webkit-transform 0.5s ease-in;
  transition: -webkit-transform 0.5s ease-in;
  transition: transform 0.5s ease-in;
  transition: transform 0.5s ease-in, -webkit-transform 0.5s ease-in;
}

.tab-content {
  width: 300px;
  height: 200px;
  position: absolute;
}
.tab-content h1 {
  font-size: 25px;
  margin: 75px 0 10px;
  font-weight: 300;
}
.tab-content p {
  font-size: 12px;
}
.tab-content:nth-child(2) {
  -webkit-transform: translateZ(100px);
          transform: translateZ(100px);
  background: #1B9AAA;
}
.tab-content:nth-child(1) {
  -webkit-transform: rotateX(-270deg) translateY(-100px);
          transform: rotateX(-270deg) translateY(-100px);
  -webkit-transform-origin: top left;
          transform-origin: top left;
  background: #06D6A0;
}
.tab-content:nth-child(3) {
  -webkit-transform: rotateX(-90deg) translateY(100px);
          transform: rotateX(-90deg) translateY(100px);
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
  background: #EF476F;
}

#tab-top:checked ~ .cube {
  -webkit-transform: rotateX(-90deg);
          transform: rotateX(-90deg);
}

#tab-front:checked ~ .cube {
  -webkit-transform: rotateX(0deg);
          transform: rotateX(0deg);
}

#tab-bottom:checked ~ .cube {
  -webkit-transform: rotateX(90deg);
          transform: rotateX(90deg);
}
/**************************/


.rhcnews{ width:100%; margin:0 auto; padding:50px 0; background:#f9f9f9; margin-top:50px;}
.rhcnews1{ width:1280px; margin:0 auto; background:#FFF; padding:50px 30px;}
.rhcnews1 h1{ width:200px; font-size:32px;}
.rhcnews1 ul{ width:200px; float:right;}
.rhcnews1 li{ width:80px; float:left; margin-left:15px;}

.rhcnews2{ width:1220px; margin:0 auto; background:#FFF; padding:20px 30px;}
.rhcnews2 ul{ width:100%; float:left;}
.rhcnews2 li{ width:30.3333%; float:left; margin:0 1.5%; padding-bottom:25px;}
.rhcnews2 li a img{ width:100%; height:auto;}
.rhcnews2 li:hover{  box-shadow:3px 5px 10px 5px #CCC;}
.rhcnews2 li a h1{ display:block; width:94%; padding:0 3%; float:left; font-size:16px; margin-top:15px;}
.rhcnews2 li a h2{ display:block; width:94%; text-align:justify; padding:0 3%; float:left; font-size:14px; margin-top:10px; font-weight:normal; color:#999; line-height:22px;}
/***************************************************************************/

.rhckf{ width:1280px; margin:0 auto; text-align:center; font-size:20px; text-transform:uppercase; margin-top:35px;}
.xiantiao1{ width:100%; margin:0 auto; height:1px; border:none; background:#eeeeee; margin-top:50px;}

.rhckf2{ width:1280px; margin:0 auto; margin-top:55px;}
.rhckf2 ul{ width:1280px; float:left;}
.rhckf2 li{ width:425px; float:left; text-align:center;}
.rhckf2 li h1{ display:block; font-size:16px; font-weight:normal; margin-top:15px;}
.rhckf2 li p{ width:100%; font-size:15px; color:#999; margin-top:10px;}
/*****************************************/

.rhcfoot{ width:100%; background:#f6f6f6;margin:0 auto; padding:50px 0; margin-top:35px;}
.rhcfoot1{ width:1280px; margin:0 auto;}
.rhcfoot1 a{ margin:0 12px;}
.rhcfoot2{ width:1280px; margin:0 auto; margin-top:30px;} 
.rhcfoot2-1{ width:150px;}
.rhcfoot2-1 h1{ display:block; width:100%; float:left; font-size:20px; font-weight:bold;}
.rhcfoot2-1 ul{ width:100%; float:left;margin-top:15px;}
.rhcfoot2-1 li{ width:100%; float:left; line-height:23px;}
.rhcfoot2-1 li a{ color:#626262;}
.rhcfoot2-1 li a:hover{ color:#2077b3;}

.rhcfoot2-2{ width:310px;}
.rhcfoot2-2 h1{ display:block; width:100%; float:left; font-size:20px; font-weight:bold;}
.rhcfoot2-2 p{ width:100%; float:left; line-height:25px; color:#626262; margin-top:15px;} 

.rhcfoot2-3{ width:450px;}
.rhcfoot2-3 ul{ width:450px; float:left;}
.rhcfoot2-3 li{ width:136px; float:left; text-align:center; margin:0 7px;}
.rhcfoot2-3 li img{ margin-bottom:12px;} 

.fotmm{ margin-left:185px;}
.rhcfoot3{ width:1280px; margin:0 auto; border-top:1px solid #CCC; line-height:45px; margin-top:20px;}

/* 必要布局样式css */
.product-number-info {
    background:#005bac;
    position: relative;
}

.product-number-info .product-number-inner {
    width: 543px; float:left; margin-top:35px;
}

.product-number-info ul {
	height:150px;
    /*padding: 85px 0;*/
}

.q {
    zoom: 1; }

.product-number-info li {
    float: left;
    width: 180px;
    height:119px;
    border-left: 1px solid #FFF;
    color: #666666;
    padding-top: 1px;
	padding-top:30px;
}

.product-number-info li:first-child {
    border: none;
}

.product-number-info li b {
    font-weight: 400;
    font-size: 36px;
    line-height: 1;
    display: inline-block;
    position: relative;
    margin: 15px 0 10px;
}

.product-number-info li p {
    font-size: 14px;
}

.product-number-info li b i {
	font-weight:bold;
	font-family:Impact;
	font-size:42px;
	font-style:normal;
}

.product-number-info li b sub {
    position: absolute;
    font-size:15px;
    right: -15px;
    top: -3px;
}

.product-number-info li.li-1 b, .product-number-info li.li-1 p {
    padding-left: 40px;
}

.product-number-info li.li-2 b, .product-number-info li.li-2 p {
    padding-left: 40px;
}

.product-number-info li b em {
    font-style: normal;
    font-size: 28px;
    font-weight: 100;
    padding-left: 2px;
    position: relative;
    top: -4px;
}

.product-number-info li.li-3 b, .product-number-info li.li-3 p {
    padding-left: 40px;
}

.product-number-info li.li-4 b, .product-number-info li.li-4 p {
    padding-left: 40px;
}

/********************************************/

/*固定的悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#1698d4 url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#1698d4 url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_ercode{background:#1698d4 url(../images/fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}


.neiba {
    overflow: hidden;
    width: 100%;
}
.slideshowba {
    height: 450px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.sznei{ width:1400px; margin:0 auto; margin-top:30px;}
.szneill{ width:230px; background:#f4f5f7; padding:25px;}
.szh5{ width:100%; text-align:center; font-weight:normal; font-size:25px;}
.szul2{ width:100%; margin-top:20px;}
.szul2 li{ width:100%; float:left; text-align:center; margin:10px 0;}
.szul2 li a{ display:block; font-size:16px; width:100%; float:left; height:45px; line-height:45px; border:1px solid #999; border-radius:5px;}
.szul2 li a:hover{ display:block; width:100%; float:left; background:#3481bb; color:#FFF; height:45px; line-height:45px; border:1px solid #999; border-radius:5px;}

.szneirr{ width:1090px; margin-left:30px;}
.szneirr-1{ width:100%; height:45px; line-height:45px; border-bottom:1px solid #f4f5f7;}
.szneirr-1 a{ color:#3481bb; text-decoration:underline;}
.szneirr-2{ width:100%; line-height:28px; margin-top:25px; font-size:16px; color:#626262;}

.szneirr-3{ width:100%; margin-top:25px;}
.szneirr-3 ul{ width:100%; float:left;}
.szneirr-3 li{ width:47%; float:left; margin:2% 1.5%;}
.szneirr-3 li:hover{ cursor:pointer; background:#3481bb; border-radius:5px; color:#FFF;}
.szneirr-3 li:hover a{ color:#FFF;}
.szsp01-2{ background:#2775b6; color:#FFF;}
.szsp01-2{ width:20%; padding:35px 0; text-align:center; background:#f7f7f7; color:#454545;}
.szsp01-2 strong{ font-size:15px;}
.szxw1{ width:75%; margin-left:5%;}
.szx1{ width:100%; font-size:17px; margin-top:10px;}
.szx2{ width:100%; font-size:14px; margin-top:10px; color:#999; line-height:22px; }
.szxwmore{ width:100%; margin-top:12px; color:#2775b6;}


.szneirr-4{ width:100%; margin-top:25px;}
.szneirr-4 ul{ width:100%; float:left;}
.szneirr-4 li{ width:30%; float:left; margin:2% 1%; text-align:center; border:6px solid #f5f5f5;}
.szneirr-4 li a{ font-size:16.5px;}
.szneirr-4 li a img{ width:100%; height:auto; float:left;}
.szneirr-4 li a span{ display:block; width:100%; float:left; height:45px; line-height:45px; background:#f5f5f5;}
.szneirr-4 li:hover{ border:6px solid #2775b7;}
.szneirr-4 li:hover span{ background:#2775b7; color:#FFF;}
/**************************************************************/



.dc_pages{ width:100%; float:left; margin-bottom:25px; margin-top:25px;}
.dc_pages1{ width:100%; margin:0 auto;}
.dc_pages1 a{ display:block; width:17.5%; float:left; height:37px; border:1px solid #999; margin:0px 10px 0px 10px; line-height:37px; text-align:center;}


.cpshangxia{
	width:100%;
	float:left;
	margin-top:35px;
	margin-bottom:20px;	}		
.shang{
	width:31.8%;
	border:1px solid #CCC;
	text-align:center;
	line-height:35px;
	color:#666;
	font-size:16px;
	cursor:pointer;
	float:left;}	
.shang a:hover{
	color:#193b43;}	
.shang:hover{
	border:1px solid #193b43;
	color:#193b43;}		
.marshang{
	margin-left:1.3%;}	
/*************************************************************/

.blzneilx{ width:100%; background:#f5f5f5; margin:0 auto; padding:50px 0;}
.blzneirr-5{ width:1400px; margin:0 auto; background:#FFF; padding:30px 60px;}
.blzh9{ width:100%; font-size:17px; color:#000; color:#005bac; margin-bottom:35px;}
.lianxifs ul{ width:100%; float:left;}
.lianxifs li{ width:50%; float:left; font-size:16px; margin:10px 0;}


.message{ margin:0 auto;width:1400px; background:#FFF; padding:60px; margin-top:50px; margin-bottom:30px;}
.blzh8{ width:100%; font-size:17px; color:#000;}
.message .boxx{  margin-top:50px;}
.message .boxx li{line-height:47px;margin-bottom:25px; }
.message .boxx li .input-text{height:45px;line-height:45px;outline:none; text-indent:12px; border:1px solid #ccc;width:99%;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
.message .boxx li .input-text:focus{border-color:#b59665;}
.message .boxx li textarea.input-text{height:84px;line-height:24px;resize:none; }
.message .boxx li.btn{ margin:0 1.5%;}
.message .boxx li .button{cursor:pointer;width:47%;border:none;height:40px;background-color:#2775b7;border-radius:20px;color:#fff;font-size:16px}
.message .boxx li .button:hover{ background:#2063b1; color:#FFF;}