@charset "utf-8";
/* CSS Document */
/*切图：zcy*/
html{ overflow-x:auto; overflow-y:auto;}
*{ padding:0; margin:0;outline:none !important;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;}
ul, ol,li{ list-style-type:none;}
body, button, input, select, textarea{  font-family: 'Microsoft yahei'; font-size:12px;}
code, kbd, pre, samp { font-family: 'Microsoft yahei';}
a{ text-decoration:none; color:#333; cursor:pointer;
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
	 -o-transition: all 0.2s ease-out 0s; 
		transition: all 0.2s ease-out 0s;}
img{border:0; max-width:100%;}
li { line-height:normal; }
table { border-collapse: collapse; border-spacing: 0; }
h1,h2,h3,h4,h5,h6{margin:0; font-weight:normal; font-family: 'Microsoft yahei'; }
input,table,tr,td{ margin:0; padding:0; border:none;}
button,table{ border:none; background:none; margin:0; padding:0;}
body{ position:relative; float:left; width:100%;}
select{ margin:0; padding:0; font-family: 'Microsoft yahei'; border:none;}
textarea{ resize:none;outline:none; }
label{ margin-bottom:0; font-weight:normal;}
input,select,textarea{ margin:0; padding:0; border:0; outline:none;
 -moz-border-radius:0px; 
 -webkit-border-radius:0; 
 -khtml-border-radius:0;
 border-radius:0;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #fff;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #fff;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #fff;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #fff;
}

/*********************************************************************重置***********************************************************************/

.pz_top{ float:left; width:100%; position:relative; z-index:9999;}
.pz_banner{ float:left; width:100%; position:relative; background:#343434; overflow:hidden;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.pz_main{ float:left; width:100%; overflow:hidden;}
.pz_down{ float:left; width:100%; overflow:hidden; background:#191919;}



/*banner*/
.pz_banner.banner-in{ height:0 !important; position:absolute; z-index:-1;}
.banner_1{ width:100%; height:100%; position:absolute; left:0; top:0;}
.banner_1 i{ font-style:normal;}
.banner_1 .banner_btn{ width:30px; height:65px; position:absolute; left:50%; bottom:25px; margin-left:-15px;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;
animation:myfirst 1s infinite;
-moz-animation:myfirst 1s infinite; /* Firefox */
-webkit-animation:myfirst 1s infinite; /* Safari and Chrome */
-o-animation:myfirst 1s infinite; /* Opera */}
.banner_1 .banner_btn img{display:block;}
@keyframes myfirst
{
0%   { bottom:15px;}
50%  { bottom:25px;}
75%  { bottom:25px;}
100% { bottom:15px;}
}

@-moz-keyframes myfirst /* Firefox */
{
0%   { bottom:15px;}
50%  { bottom:25px;}
75%  { bottom:25px;}
100% { bottom:15px;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
0%   { bottom:15px;}
50%  { bottom:25px;}
75%  { bottom:25px;}
100% { bottom:15px;}
}

@-o-keyframes myfirst /* Opera */
{
0%   { bottom:15px;}
50%  { bottom:25px;}
75%  { bottom:25px;}
100% { bottom:15px;}
}
@media screen and (max-width:767px) {
.b_nav{bottom:80px;}
.banner_1 .banner_btn{ width:20px; height:44px; bottom:80px; margin-left:-10px;}
@keyframes myfirst
{
0%   { bottom:55px;}
50%  { bottom:80px;}
75%  { bottom:80px;}
100% { bottom:55px;}
}

@-moz-keyframes myfirst /* Firefox */
{
0%   { bottom:55px;}
50%  { bottom:80px;}
75%  { bottom:80px;}
100% { bottom:55px;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
0%   { bottom:55px;}
50%  { bottom:80px;}
75%  { bottom:80px;}
100% { bottom:55px;}
}

@-o-keyframes myfirst /* Opera */
{
0%   { bottom:55px;}
50%  { bottom:80px;}
75%  { bottom:80px;}
100% { bottom:55px;}
}
}




/*首页main*/
.tit_1{ width:100%; float:left; text-align:center;}
.tit_1 h3{ width:100%; float:left; font-size:48px; color:black; font-family:Cambria; font-weight:bold;text-transform:uppercase; letter-spacing:-1px;}
.tit_1 h4{ width:100%; float:left; font-size:24px; color:#555; margin-top:20px; letter-spacing:1px;}

@media screen and (max-width:1199px) {
.tit_1 h3{ font-size:28px;}
.tit_1 h4{ font-size:14px; margin-top:10px;}
}

/*网站建设*/
.c_0100_8{ width:100%; float:left;}
.c_0100_8 .content1{ width:100%; float:left; padding:110px 0 120px 0; text-align:center; position:relative;}
.tit_1_5 h4{ margin-top:5px;}
.c_0100_8 .content1 .p{ width:100%; float:left; margin-top:46px; font-size:16px; color:#444; line-height:40px; letter-spacing:1px;}
.c_0100_8 .content1 ul{ width:100%; float:left; margin-top:42px;}
.c_0100_8 .content1 ul li{ display:inline-block; *zoom:1; *display:inline; width:178px; border-left:solid 1px #dfdfdf;}
.c_0100_8 .content1 ul li.first{ border-left:0;}
.c_0100_8 .content1 ul li h2{ width:100%; float:left; font-size:48px; color:#444; line-height:1;}
.c_0100_8 .content1 ul li h6{ width:100%; float:left; font-size:14px; color:#888; line-height:1; margin-top:13px;font-family: 'OPENSANS-LIGHT'; text-transform:uppercase;}
@media screen and (max-width:1569px) {
.c_0100_8 .content1 ul li{ width:128px; }
}
@media screen and (max-width:1199px) {
.c_0100_8 .content1{ padding:60px 0 70px 0;}
.c_0100_8 .content1 .p{ margin-top:26px; font-size:14px; line-height:30px;}
.c_0100_8 .content1 ul{ margin-top:32px;}
.c_0100_8 .content1 ul li{ width:88px; }
.c_0100_8 .content1 ul li h2{ font-size:28px;}
.c_0100_8 .content1 ul li h6{ font-size:12px; margin-top:8px;}
}
@media screen and (max-width:767px) {
.c_0100_8 .content1{ padding:20px 10px 30px 10px;}
}

.c_0100_8 .content2{ width:100%; float:left; padding:110px 0 120px 0; text-align:center; position:relative;}
.bian_1{ width:2px; height:60px; background:#d32329; position:absolute; left:50%; top:-30px; margin-left:-1px;}
@media screen and (max-width:1199px) {
.c_0100_8 .content2{ padding:60px 0 70px 0;}
.bian_1{ width:2px; height:40px; top:-20px;}
}
@media screen and (max-width:767px) {
.c_0100_8 .content2{ padding:20px 10px 30px 10px;}
}
.bg_2{ background:url(../images/bg_11.jpg) no-repeat center center; background-size:cover; background-attachment: fixed;}
.tit_1_w h3,.tit_1_w h4{ color:white;}
.ul_4{ width:100%; float:left; margin-top:40px; text-align:center;}
.ul_4 li{ width:25%; float:left; padding:49px 35px 61px 35px; background:#ebebeb;}
.ul_4 li .ico{ width:100%; height:160px;}
.ul_4 li .ico img{ height:100%;}
.ul_4 li .title{ width:100%; float:left; margin-top:15px; padding-bottom:19px; background:url(../images/bian_6.jpg) no-repeat center bottom; font-size:20px; color:#111; line-height:26px; font-weight:bold;}
.ul_4 li .p{ width:100%; float:left; margin-top:14px; font-size:14px; color:#666; line-height:24px; height:48px; overflow:hidden;}
.ul_4 li.l1{ background:white;}
@media screen and (max-width:1569px) {
.ul_4 li{ padding:29px 15px 31px 15px;}
}
@media screen and (max-width:1199px) {
.ul_4 li{ width:50%; margin-top:1px;}
.ul_4 li.l1{ background:#ebebeb; border-left:solid 1px #111;}
.ul_4 li .ico{ height:120px;}
.ul_4 li .title{ margin-top:10px; padding-bottom:6px; font-size:16px; line-height:24px; background-size:18px auto;}
.ul_4 li .p{ margin-top:8px; font-size:12px; line-height:22px; height:44px;}
}
@media screen and (max-width:767px) {
.ul_4{ margin-top:20px;}
.ul_4 li{ padding:19px 10px 21px 10px;}
.ul_4 li .p{ height:66px;}
.ul_4 li .ico{ height:80px;}
}

.ul_5{ width:100%; float:left; margin-top:40px;}
.ul_5 li{ width:33.333%; float:left; background:#141414;}
.ul_5 li .img{ width:50%; float:left; overflow:hidden;}
.ul_5 li .img img{ width:100%; float:left;
		 transition: all 1s linear;
	-moz-transition: all 1s linear;
 -webkit-transition: all 1s linear;
-o-transition: width all 1s linear;}
.ul_5 li:hover .img img{transform: scale(1.09,1.09);
	-ms-transform: scale(1.09,1.09);	
-webkit-transform: scale(1.09,1.09);
	 -o-transform: scale(1.09,1.09);	
   -moz-transform: scale(1.09,1.09);}
.ul_5 li .text{ width:50%; float:left; padding:59px 20px 25px 22px; position:relative; text-align:left; overflow:hidden;}
.ul_5 li .text h2{ font-size:36px;font-family: 'OPENSANS-BOLD'; position:absolute; right:20px; top:35px; color:white; opacity:0.2; text-align:right;}
.ul_5 li .text .title{ width:100%; float:left; text-align:right; background:url(../images/img8_7.png) no-repeat left top #d32329; margin-left:21px; padding-right:20px; font-size:16px; color:white; line-height:45px; position:relative; z-index:1; height:45px; overflow:hidden;}
.ul_5 li .text .p{ width:100%; float:left; margin-top:26px; font-size:14px; color:white; line-height:22px; height:88px; overflow:hidden;}
.ul_5 li.l1{ background:#262626;}
.ul_5 li.l1 .text .title{ background-image:url(../images/img8_8.png);}
.ul_5 li.l2{ background:#333;}
.ul_5 li.l2 .text .title{ background-image:url(../images/img8_9.png);}
.ul_5 li.l3 .img{ float:right;}
@media screen and (max-width:1569px) {
.ul_5 li{ width:50%;}
.ul_5 li.l4 .img{ float:right;}
.ul_5 li.l5 .img{ float:left;}
}
@media screen and (max-width:1199px) {
.ul_5 li .text{ padding:45px 10px 10px 12px;}
.ul_5 li .text h2{ font-size:26px; right:10px; top:25px;}
.ul_5 li .text .title{margin-left:11px; padding-right:10px; font-size:14px; line-height:35px; height:35px;}
.ul_5 li .text .p{ margin-top:16px; font-size:12px; line-height:20px; height:80px;}
}
@media screen and (max-width:991px) {
.ul_5 li .text{ padding:35px 10px 10px 10px;}
.ul_5 li .text h2{ top:15px;}
}
@media screen and (max-width:767px) {
.slide_pic_13{ width:100%; float:left; margin-top:20px; padding-bottom:20px;}
.slide_pic_13 .slick-dots {
	position: absolute;
	bottom: -10px;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
	overflow:hidden;
}
.slide_pic_13 .slick-dots li {
	position: relative;
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 0 3px;
	padding: 0;
	cursor: pointer;
	background:black;
	opacity:0.6;
	-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;
}
.slide_pic_13 .slick-dots li.slick-active{
	opacity:1;
}
.ul_5{ margin-top:0px; width:auto;}
.ul_5 li{ width:100%;}
.ul_5 li.l6 .img{ float:right;}
.ul_5 li .text{ padding:35px 10px 10px 12px;}
.ul_5 li .text h2{ top:15px;}
.ul_5 li.l4 .img{ float:left;}
.ul_5 li.l7 .img{ float:right;}
.ul_5 li .img,.ul_5 li .text{ width:50%;}
.ul_5 li .text .p{ margin-top:10px;}
}


.c_0100_8 .content3{ background:url(../images/bg_12.jpg) no-repeat center center; background-size:cover; background-attachment: fixed; padding:110px 0 106px 0; width:100%; float:left; position:relative;}
.slide_pic_1{ width:100%; float:left; margin-top:48px;}
.slide_pic_1 .li_hp{ width:100%; text-align:center;}
.slide_pic_1 .li_hp .ico{ width:100%; height:90px; text-align:center;}
.slide_pic_1 .li_hp .ico img{ height:100%; display:inline-block; *zoom:1; *display:inline;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.slide_pic_1 .li_hp .bian{ width:100%; float:left; margin-top:13px;}
.slide_pic_1 .li_hp .title{ width:100%; float:left; margin-top:17px;}
.slide_pic_1 .li_hp .title h4{ width:100%; float:left; font-size:18px; color:white; line-height:28px;}
.slide_pic_1 .li_hp .title h6{ width:100%; float:left; font-size:12px; color:white; line-height:20px; font-family:Arial;}
.slide_pic_1 .li_hp:hover .ico img{ transform:rotateY(180deg);}
.slide_pic_1 .slick-dots {
	position: absolute;
	bottom: -40px;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
	overflow:hidden;
}
.slide_pic_1 .slick-dots li {
	position: relative;
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 0 6px;
	padding: 0;
	cursor: pointer;
	-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;
background:white;
opacity:0.55;
}
.slide_pic_1 .slick-dots li.slick-active{
	opacity: 1;
	background:#fff;
}
@media screen and (max-width:1199px) {
.c_0100_8 .content3{ padding:60px 0 46px 0;}
.slide_pic_1{ margin-top:28px;}
.slide_pic_1 .slick-dots{ bottom:-30px;}
.slide_pic_1 .li_hp .ico{ height:60px;}
.slide_pic_1 .li_hp .title{ margin-top:10px;}
.slide_pic_1 .li_hp .title h4{ font-size:14px; line-height:22px;}
}
@media screen and (max-width:767px) {
.slide_pic_1 .slick-dots{ bottom:-20px;}
.c_0100_8 .content3{ padding:30px 0 40px 0;}
}

.row_4{ margin:0 -35px 0 -30px;}
#my-gallery-container{ width:100%; margin-top:-5px;}
#my-gallery-container .item{ width:100%; float:left; padding:0 35px 0 30px; margin-top:66px;}
#my-gallery-container .item .zbox{ width:100%; position:relative; float:left; background:black; text-align:center;}
#my-gallery-container .item .zbox > img{ width:100%; float:left; opacity:0.7;}
#my-gallery-container .item .zbox .bian{ width:100%; height:100%; position:absolute; left:0; top:0; border:solid 1px white; opacity:0;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
#my-gallery-container .item .zbox .logo{ width:100%; height:69px; position:absolute; left:0; top:50%; margin-top:-35px;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
#my-gallery-container .item .zbox .logo img{ height:100%;}
#my-gallery-container .item .zbox h5{ width:100%; float:left; font-size:20px; color:white; line-height:1; position:absolute; left:0; top:50%; margin-top:4px; opacity:0;}
#my-gallery-container .item .zbox .btn{ width:100%; float:left; position:absolute; left:0; top:50%; margin-top:51px; opacity:0;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
#my-gallery-container .item .zbox .btn a{ display:inline-block; *zoom:1; *display:inline; width:45px; height:45px;}
#my-gallery-container .item .zbox .btn a img{ width:100%; float:left;}
#my-gallery-container .item .zbox:hover > img{ opacity:0.4;}
#my-gallery-container .item .zbox:hover .bian{ width:90%; height:90%; opacity:0.3; left:5%; top:5%;}
#my-gallery-container .item .zbox:hover h5{ opacity:1;}
#my-gallery-container .item .zbox:hover .btn{ opacity:1; margin-top:15%;}
#my-gallery-container .item .zbox:hover .logo{ margin-top:-23%;}
@media screen and (max-width:1569px) {
.row_4{ margin:0 -15px 0 -10px;}
#my-gallery-container .item{ padding:0 15px 0 10px; margin-top:25px;}
}
@media screen and (max-width:1199px) {
#my-gallery-container .item .zbox .logo{ height:49px;}
#my-gallery-container .item .zbox h5{ font-size:14px;}
#my-gallery-container .item .zbox .btn a{ width:25px; height:25px;}
#my-gallery-container .item .zbox:hover .logo{ margin-top:-20%;}
}
@media screen and (max-width:767px) {
#my-gallery-container .item{ margin-top:15px;}
}

.c_0100_8 .content2 .content2_b{ width:100%; float:left; margin-top:110px;}
.row_5{ margin:0 -43px;}
.slide_pic_2{ width:100%; float:left; margin-top:60px;}
.slide_pic_2 li{ width:100%; text-align:center;}
.slide_pic_2 li .img{ display:inline-block; *zoom:1; *display:inline; width:190px; height:190px; background:url(../images/bg_13.png) no-repeat center center; padding:25px 57px 0 57px;
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.slide_pic_2 li .img img{ margin:auto;}
.slide_pic_2 li .img .ico{ width:100%; float:left; height:96px; padding-bottom:16px; border-bottom:solid 1px rgba(255,255,255,0.3);}
.slide_pic_2 li .img .ico img{ height:100%;}
.slide_pic_2 li .img h4{ width:100%; float:left; margin-top:16px; font-size:18px; color:white; line-height:28px; font-weight:bold;}
.slide_pic_2 li h5{width:100%; float:left; margin-top:15px; font-size:16px; color:#333; line-height:25px; }
.slide_pic_2 li.l2 .img{ background-image:url(../images/bg_13_1.png);}
.slide_pic_2 .slick-dots {
	position: absolute;
	bottom: -40px;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
	overflow:hidden;
}
.slide_pic_2 .slick-dots li {
	position: relative;
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 0 6px;
	padding: 0;
	cursor: pointer;
	overflow:hidden;
	-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;
background:black;
opacity:0.55;
}
.slide_pic_2 .slick-dots li.slick-active{
	opacity: 1;
}
.slide_pic_2 li:hover .img{ transform:rotateY(360deg);}
@media screen and (max-width:1199px) {
.c_0100_8 .content2 .content2_b{ margin-top:60px;}
.row_5{ margin:0 -23px;}
.slide_pic_2{ margin-top:30px;}
.slide_pic_2 li .img{ width:140px; height:140px; padding:20px 37px 0 37px;}
.slide_pic_2 li .img .ico{ height:66px; padding-bottom:10px;}
.slide_pic_2 li .img h4{ margin-top:10px; font-size:14px; line-height:22px;}
.slide_pic_2 li h5{ margin-top:8px; font-size:12px; line-height:21px; }
}
@media screen and (max-width:767px) {
.c_0100_8 .content2 .content2_b{ margin-top:30px;}
.row_5{ margin:0;}
.slide_pic_2{ margin-top:20px;}
.slide_pic_2 .slick-dots {bottom: -20px;}
}




@media (max-width: 1720px) {
	.container {
		max-width: 1400px;
	}
}

@media (max-width: 1600px) {
.container {
		max-width: 1320px;
	}
}

@media (max-width: 1400px) {
.container {
		max-width: 1200px;
	}
}