﻿/* CSS Document */

/*qt：sjh*/

*{ padding:0; margin:0;}

html{ overflow-x:hidden; overflow-y:auto;}

ul, ol,li{ list-style-type:none; line-height:normal;}

body, button, input, select, textarea{ font-family:'Microsoft yahei' ,Arial; font-size:12px;}

body{ float:left; width:100%; position:relative;}

code, kbd, pre, samp {font-family:'Microsoft yahei' ,Arial;}

a{ text-decoration:none; color:#333;

-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;

/*清除IOS系统点击默认事件*/

-webkit-tap-highlight-color:rgba(0, 0, 0, 0);

-webkit-tap-highlight-color: transparent;}

a:hover{color:#333; cursor:pointer;}

img{border:0; max-width:100%;}

table { border-collapse: collapse; border-spacing: 0; }

h1,h2,h3,h4,h5,h6{margin:0; font-weight:normal; font-family:'Microsoft yahei' ,Arial;}

h1{font-size: 32px;}

h2{font-size: 24px;}

h3{font-size: 22px;}

h4{font-size: 18px;}

h5{font-size: 14px;}

h6{font-size: 12px;}

input,table,tr,td{ margin:0; padding:0; border:none;}

button,table{ border:none; background:none; margin:0; padding:0;}

select{ margin:0; padding:0; font-family:'Microsoft yahei' ,Arial;}

textarea{ resize:none;}

input{ outline:0;}

article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block;}



.pz_top{ float:left; width:100%;}

.pz_banner{ float:left; width:100%; overflow:hidden; position:relative; }

.pz_main{ float:left; width:100%;}

.pz_down{ float:left; width:100%;}









/*拼接 首页新闻和关于我们*/

.index1{padding:100px 0; position: relative;}
.index1_l{float:right; width:44.64%; position: relative;}
.index1_l .videoBox{width:100%; padding-bottom:96.16%; }
.index1_l .videoBox video,
.index1_l .videoBox p{width:100%; height:100%; position:absolute; left:0; top:0;}
.index1_l .videoBox p iframe{width:100%; height:100%; }

.index1 .playIco{width:57px; height: 57px; position: absolute; top:50%; left: 50%; margin:-28.5px 0 0 -28.5px; }
.index1 .more{position:absolute; bottom:0; left:0; background-color:#e2bb5e; width:259px; height: 61px; line-height: 61px; font-size:16px; color:#fff; text-transform: uppercase; padding-left:50px; letter-spacing: 1px;}
.index1 .more .moreImg{width:45px; float:right; margin:19.5px 35px 0 0; }
.index1 .more:hover{opacity:0.5;}
.index1_bottom{width:106px; position: absolute; bottom:-30px; left: 50%; margin-left:-53px;}

.index1_r{width:48.92%; float:left;}
.index1_r_title{font-weight:bolder;padding: 28;background:url(../images/j3.jpg) no-repeat;background-size:auto 100%;background-position:80px 0;}
.index1_r_title .title_h3{font-size: 40px;color:#e2bb5e;font-family:Arial;text-transform: uppercase;font-weight: bolder;}
.index1_r_title .title_h4{font-size:30px; color:#5f5f5f; margin-top:10px;}
.index1_r .p{font-size:15px;line-height: 30px;height: 276px;overflow : hidden;margin: 40px 0 50px 0;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;}

.comCount{font-size:0;}
.comCount .countLi{ display:inline-block; vertical-align: top; width:33.3333%; position: relative;}
.comCount .countLi::after{width:1px ; height: 92%; top:4%; content: ""; position: absolute; left:0; border-left:#efefef solid 1px;}
.comCount .countLi:first-child::after{display:none;}
.comCount .countLi .big{ text-align:center;}
.comCount .countLi .big .bigCen{ display:inline-block; vertical-align:top; color:#e2bb5e; font-size:40px; font-weight:bold; font-style: italic; font-family: Arial;}
.comCount .countLi .big .bigCen .bigS{ color:#595959; font-size:16px; padding-left:10px;  font-style: normal; vertical-align: top;margin-top:10px; font-weight:normal; display:inline-block;}
.comCount .countLi .big .bigCen .bigI{color:#e2bb5e; font-size:40px; font-weight:bold; font-style: italic; font-family: Arial; display:inline-block; vertical-align: middle; margin-left:10px;}
.comCount .countLi .bigText{ color:#595959; font-size:16px; line-height:1; text-align:center;}

@media screen and (max-width:1429px){
	.index1_r{width:53%;}
}
@media screen and (max-width:1199px){
	.comCount .countLi .big .bigCen{ font-size:37px;}
	.comCount .countLi .bigText{font-size:14px;}
	.index1_r_title .title_h3{font-size: 25px;}
	.index1_r_title .title_h4{font-size:20px;}
	.index1_r_title{padding:30px 0;}
	.index1_r .p{margin: 15px 0;}
	}
@media screen and (max-width:991px){
	.index1{padding:50px 0;}
	.index1_r{width:100%; float:none;}
	.index1_l{width:60%; margin:20px auto auto auto; float:none;}
}
@media screen and (max-width:767px){
	.comCount .countLi::after{display:none;}
	.comCount .countLi .big .bigCen{ font-size:24px;}
	.comCount .countLi .big .bigCen .bigI{font-size:24px; margin:0;}
	.comCount .countLi .big .bigCen .bigS{ font-size:12px; padding:0;}
	.comCount .countLi .bigText{ font-size:12px; }
	.index1{padding:30px 0;}
	.index1_r_title .title_h3{font-size:24px;}
	.index1_r_title .title_h4{font-size:16px;}
	.index1_r_title{padding:16px 0;}
	.index1_r .p{font-size:13px; line-height: 20px; height: 120px; margin: 10px 0;}
	.index1_l{width:100%;}
	.index1 .playIco{width:30px; height: 30px; margin: -15px 0 0 -15px;}
	.index1 .more{width:160px; height: 30px; line-height: 30px; font-size:13px; padding-left:30px;}
	.index1 .more .moreImg{width:30px; margin:7.5px 10px 0 0;}
	.index1_bottom{width:80px; bottom:-22px; margin-left:-40px;}
	}




.gray_l{width:26.42%; height: 100%; position: absolute; top:0;  left: -29%; background-color:#fff; opacity: 0.6; z-index: 100;}
.gray_r{width:26.42%; height: 100%; position: absolute; top:0;  left: 102.57%; background-color:#fff; opacity: 0.6; z-index: 100;}

.dhAbout5_slide .img .pic{ float:left; line-height:0; border:1px solid #eeeeee; overflow:hidden;}
.dhAbout5_slide .img .pic img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.dhAbout5_slide .img:hover .pic img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.dhAbout5_slide .img .tx1{ float:left; width:100%; text-align:center; color:#333333; font-size:18px; line-height:60px; background:#e8e8e8;}

.dhAbout5_slide .img:hover .pic{border:1px solid #e2bb5e;}
.dhAbout5_slide .img:hover .tx1{ color:#fff; background:#e2bb5e;-webkit-transition: 1s ease;
   -moz-transition: 1s ease;
	-ms-transition: 1s ease;
	 -o-transition: 1s ease;
		transition: 1s ease;}

.dhAbout5_slide .sd{ position: absolute; width: 100%; left: 0; top: 0;}
/*
.dhAbout5_slide .img2 .sd{ display: none;}
.dhAbout5_slide .img4 .sd{ display: none;}
*/


.dhAbout5_slide .slide-bt{
    position: absolute;
    left: 50%;
    bottom: -46px;
    z-index: 10;
     text-align:center;
}

.dhAbout5_slide .slide-bt span{
    width: 6px;
    height: 6px;
    background: #a1a1a1;
    /*float: left;*/display:inline-block;
    margin:0 4px;
    border-radius: 4px;
}
.dhAbout5_slide .slide-bt .on{
    background: #e2bb5e;
		width:24px;
}
.slideOut1 button{
    width: 40px; height: 40px; border-radius: 50%; border:1px solid #2d314a;
}
.slideOut1 button:hover{border-color:#e2bb5e;}
.slideOut1 .butLeft{ position: absolute; left:0; top: 50%; margin-top: -20px; background: url(../images/p13.png) center no-repeat; outline: 0; z-index: 20; cursor: pointer; background-size:cover;}
.slideOut1 .butRight{position: absolute; right:0; top: 50%; margin-top: -20px; background: url(../images/p14.png) center no-repeat; outline: 0; z-index: 20; cursor: pointer; background-size:cover;}	
.slideOut1 .butLeft:hover{background-image: url(../images/p16.png); }
.slideOut1 .butRight:hover{background-image: url(../images/p15.png); }

@media screen and (max-width:991px){
	.index2{padding:50px 0;}
	.slideOut1{overflow:hidden;}
	.index2_title .title_h3{font-size:22px;}
	.index2_title .title_h2{font-size:28px;}
	.index2_title .title_h4{font-size:24px;}
}
@media screen and (max-width:767px){
	.index2{padding:30px 0;}
	.index2_title .title_h3{font-size:18px;}
	.index2_title .title_h2{font-size:22px;}
	.index2_title .title_h4{font-size:20px; margin: 5px 0;}
	.slideOut1{margin:20px 0 0 0;}
	.dhAbout5_slide .img{width:46%;}
	.dhAbout5_slide .img2{left:0;}
	.dhAbout5_slide .img3{left:54%;}
	.slideOut1 button{width:30px; height: 30px; margin-top:-15px;}
	.dhAbout5_slide .img .tx1{font-size:13px; line-height: 30px;}
	
}

.index3{padding:100px 0;}
.index3_l{margin-top:40px; float:left; width:47.7%; background-color:#f5f5f5;}
.index3_l a,.index3_r a{display:block;}
.index3Img1{width:100%; float:left; overflow:hidden; padding-bottom:48.054%;  position:relative;}

.index3Img1 img{-webkit-transition: all 0.3s ease-out 0s; position:absolute; left:0; top:0; min-height:100%; width:100%;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.index3_h3{width:100%; float:left; font-size:16px; color:#1c1c1c; padding:0 40px 0 40px; margin:30px 0 20px 0;}
.index3_l .p,.index3_r .p{font-size:14px; color:#888888; line-height: 26px; height: 52px;overflow : hidden; float:left; width:100%; padding:0 40px ;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.index3_h4{float:left; font-size:14px; color:#a9a9a9; padding:30px 0 25px 40px;}
.index3_h4_r{float:right;padding:30px 40px 25px 0;}
.index3_l:hover .index3Img1 img{transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);}
.index3_l:hover .index3_h3,
.index3_r1:hover .index3_h3,
.index3_r2:hover .index3_h3{color:#e2bb5e;}

.index3_r{width:47.78%; float:right; margin-top:40px;}
.index3_r1,.index3_r2,.index3_r1{background-color:#f5f5f5; float:left;}
.index3_r1{padding-top:20px;}
.index3_r1 .index3_h4{padding-top:75px;}
.index3_r2{width:47.83%; margin:30px 4.34% 0 0;}
.index3_r2:nth-child(3){margin-right:0;}
.index3_r2 .index3_h3{line-height:26px; height: 52px;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}

@media screen and (max-width:1429px){
	.index3_r1{padding:0;}
	.index3_r1 .index3_h4{padding-top:40px;}
}
@media screen and (max-width:1199px){
	.index3_h3{padding:0 10px; margin:10px 0;}
	.index3_l .p, .index3_r .p{padding:0 10px;}
	.index3_h4{padding:10px ;}
}
@media screen and (max-width:991px){
	.index3{padding:50px 0;}
	.index3_l{width:100%;}
	.index3_r{width:100%; margin-top:20px;}
}
@media screen and (max-width:767px){
	.index3{padding:30px 0;}
	.index3_l{margin-top:20px;}
	.index3_h3{font-size:15px;}
	.index3_l .p, .index3_r .p{font-size:13px; line-height: 20px; height: 40px;}
	.index3_r1 .index3_h4{padding-top:10px;}
	.index3_r2{margin-top:20px;}
	.index3_r2 .index3_h3{line-height:20px; height: 40px;}
	.index3_h4{font-size:11px;}
}


	





