@charset "utf-8";
/* CSS Document */
/*切图：bwh*/
html{ overflow-x:hidden; overflow-y:auto;}
*{ padding:0; margin:0;}
ul,ol,li,dl,dd,dt{ list-style-type:none; line-height:normal;}
body, button, input, select, textarea{ font-family: 'Microsoft yahei'; font-size:12px;}
code, kbd, pre, samp {font-family: 'Microsoft yahei';}
address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: normal;
}
a{ text-decoration:none; color:#333;
        transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
}
a:hover{color:#c40e18; 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';}
h1{font-size:36px;}
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';}
textarea{ resize:none; outline:0;}
input{ outline:0;}
body{ overflow:hidden; background:#fff;}

@font-face {
    font-family: 'OPENSANS-BOLD';
    src: url('../fonts/opensans-bold.eot');
    src: url('../fonts/opensans-bold.eot') format('embedded-opentype'),
         url('../fonts/opensans-bold.woff') format('woff'),
         url('../fonts/opensans-bold.ttf') format('truetype'),
         url('../fonts/opensans-bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OPENSANS-LIGHT';
    src: url('../fonts/opensans-light.eot');
    src: url('../fonts/opensans-light.eot') format('embedded-opentype'),
         url('../fonts/opensans-light.woff') format('woff'),
         url('../fonts/opensans-light.ttf') format('truetype'),
         url('../fonts/opensans-light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OPENSANS-REGULAR';
    src: url('../fonts/opensans-regular.eot');
    src: url('../fonts/opensans-regular.eot') format('embedded-opentype'),
         url('../fonts/opensans-regular.woff') format('woff'),
         url('../fonts/opensans-regular.ttf') format('truetype'),
         url('../fonts/opensans-regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}




.pz_top{ float:left; width:100%; position:fixed; top:0; z-index:9999;-webkit-transition: 0.5s ease;
   -moz-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	 -o-transition: 0.5s ease;
		transition: 0.5s ease;}
.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;}


/*top*/
.top1{ float:left; width:100%; background:url(../images/top3.png) center repeat; padding:20px 0;}
.topEmaill{ float:right; margin-left:34px;}
.topEmaill a{ float:right; color:#fff; font-size:16px; line-height:40px; background:url(../images/top2.png) left center no-repeat; padding-left:38px;}
.topTel{ float:right; color:#fff; font-size:16px; line-height:40px; background:url(../images/top1.png) left center no-repeat; padding-left:34px;}
.top2{ float:left; width:100%; background:url(../images/top4.png) center repeat;}
.logo{ float:left; width:239px; height:49px; line-height:0; margin:35px 0 37px 0;}

/*menu*/
.menu{ float:right;}
.menu .nli{ float:left; padding:0 0 0 20px; position:relative;}
.menu .nli .la{float:left; min-width:102px; padding:0; color:#fff; font-size:20px; line-height:120px; height:120px; position:relative; text-align:center;}
.menu .nli .la span{ display:inline-block; width:100%; color:#fff; font-size:20px; line-height:120px; position:relative; left:0; top:0;opacity:1; filter:alpha(opacity=100); 
-webkit-transition: 0.5s ease;
   -moz-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	 -o-transition: 0.5s ease;
		transition: 0.5s ease;
}
.menu .nli .la font{ display:inline-block; width:130%; color:#2aaee3; font-size:26px; line-height:120px; position:absolute; top:20%; left:-15%; text-transform:uppercase;opacity:0; filter:alpha(opacity=00); font-family: 'OPENSANS-BOLD';
-webkit-transition: 0.5s ease;
   -moz-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	 -o-transition: 0.5s ease;
		transition: 0.5s ease;
		-webkit-transition: 0.5s ease;
   -moz-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	 -o-transition: 0.5s ease;
		transition: 0.5s ease;
}
.menu .nli .la::after{float:left; width:0; height:4px; position:absolute; left:50%; bottom:0; content:'';  background:#2ca2cf;oz-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
-webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
        transform:translateX(-50%);
   -moz-transform:translateX(-50%);
     -o-transform:translateX(-50%);}

.menu .nli.active .la  span{ color:#2aaee3;}
.menu .nli.active .la::after,
.menu .nli:hover .la::after{ width:44px;}
.menu .nli:hover .la font{opacity:1; filter:alpha(opacity=100); top:0;}
.menu .nli:hover .la span{opacity:0; filter:alpha(opacity=00); top:20%;}

.menu .sub{ display:none; float:left; position:absolute; left:50%; top:87px; width:130px; margin-left:-65px; z-index:66;}
.menu .sub li{ float:left; width:100%; margin-bottom:1px;}
.menu .sub li a{ float:left; width:100%; text-align:center; color:#333; font-size:13px; line-height:32px; background:#fff; background:rgba(255,255,255,0.9);}
.menu .sub li a:hover{ background:#8e2924; color:#fff;}


.pz_top.on{ top:-80px;}
.pz_top.on .top2{ background:#000; background:rgba(0,0,0,0.8);}
.pz_top.on .logo{ margin:25px 0 27px 0}
.pz_top.on .menu .nli .la{ line-height:100px; height:100px;}
.pz_top.on .menu .nli .la font{ line-height:100px;}
.pz_top.on .menu .nli .la span{ line-height:100px;}

.menuph{ display:none;}
.xialaph{ display:none;}
@media screen and (max-width:1366px) {
.pz_top.on{ top:-64px;}	
.top1{ padding:12px 0;}
.logo{ margin:25px 0 27px 0}
.menu .nli .la{ line-height:100px; height:100px;}
.menu .nli .la font{ line-height:100px;}
.menu .nli .la span{ line-height:100px;}
.menu .nli .la span{ font-size:18px;}
.menu .nli .la font{ font-size:22px;}

}

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

.pz_top.on{ top:0;}	
.top1{ display:none;}
.menu{ display:none;}
.menuph{ display:block;}
.xialaph{ display:block;}
.logo{ margin:10px 0; width:195px; height:40px;}
.pz_top.on .logo{ margin:10px 0}

/*手机按钮*/
.menuph{ float:right; width:28px; height:22px; cursor: pointer; text-align: center; margin:19px 0;}
.menuph .point {  display: inline-block;  width: 28px;  height: 22px; position: relative;}
.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before {  width: 28px;  }
.menuph .navbtn {  position: absolute;  top: 10px;  right: 0;  display: inline-block;  width: 21px;  height: 2px;  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s;  background: #fff;  }
.menuph .navbtn::after,
.menuph .navbtn::before {  position: absolute;  right: 0;  display: inline-block;  width: 28px;  height: 2px;  content: '';  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s;  background: #fff;  }
.menuph .navbtn::after {  top: -11px;  }
.menuph .navbtn::before {  top: 10px;  }
.menuph .point.active .navbtn{  background: transparent;  }
.menuph .point.active .navbtn::after{  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);  top: 0px;  }
.menuph .point.active .navbtn::before {  -webkit-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg);  top: 0px;  }

/*手机下拉*/
.xialaph{ position:fixed; left:0; top:0; float:left; width: 100%; height:100%; overflow:scroll; padding:60px 0 100px 0;  display: none;  z-index:98; background:#000; background:rgba(0,0,0,0.8);}
.xialaph .ul2,
.xialaph .ul3{display: none;}
.xialaph h4 a{ float:left; width:60%; color: #fff;  font-size:16px; line-height: 50px;}
.xialaph h4 a font{ padding-left:6px; color:#666; font-size:14px; text-transform:uppercase;}
.xialaph h4{ float:left; width:100%; position:relative;}
.xialaph li:last-child h4::before{  content: '';  position: absolute;  bottom: 0;  left: 0;  width: 100%;  height: 1px;  background-color: #424242; /*opacity: 0.1;*/  }
.xialaph h4:hover a,
.xialaph h4:hover a font,
.xialaph h5:hover a{  color: #2aaee3; }
.xialaph h4.active a,
.xialaph h4.active a font,
.xialaph h5.active a{  color: #2aaee3; }
.xialaph h4::after{  content: '';  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 1px;  background-color: #424242; /*opacity: 0.1;*/  }
.xialaph h5 a{ float:left; width:60%;  color: #fff;  font-size:14px; line-height: 40px;  text-transform:uppercase; }
.xialaph h5{ float:left; width:100%;position: relative;  }
.xialaph h5::after{  content: '';  position: absolute;  bottom: 0;  left: 0;  right: 0;  height: 1px;  background-color: #424242; /*opacity: 0.05;*/  }
.xialaph li:last-child h5::after{  display: none;  }
.xialaph h4 img{  width: 15px;  height: 8px;  float: right;  margin-top: 24px;  cursor: pointer;  }
.xialaph h5 img{  width: 11px;  height: 6px;  float: right;  margin-top:17px;  margin-right:10px;  cursor: pointer;  }
.xialaph h4.active img.img_s,
.xialaph h5.active img.img_s{  display: none;  }
.xialaph h4.active img.img_d,
.xialaph h5.active img.img_d{  display: block;  }
.xialaph .ul2{ float:left; width:100%; padding:0 10px;}
.xialaph .ul3{float:left; width:100% ; padding-top: 12px;  padding-bottom: 18px;  padding-left: 10px;  position: relative;  }
.xialaph .ul3::after{  content: '';  position: absolute;  bottom: 0;  left: 0;  right: 0;  height: 1px;  background-color: #424242;  }
.xialaph li:last-child .ul3::after{  display: none;  }
.xialaph .ul3 li a{  color: #fff;  font-size: 14px;  line-height:24px;  display: block;  }
.xialaph .ul3 li{  padding-top: 5px;  }
.xialaph .ul3 li:first-child{  padding-top: 0;  }
.xialaph .phsou{  position: relative;  margin-top: 34px;
}
.xialaph .phsou input{  width: 100%;  height: 56px;  background-color: #fff; color: #aaa;  font-size: 14px;  padding-left: 20px;  border: 1px solid #424242;  }
.xialaph .phsou img{  cursor: pointer;  width: 21px;  height: 22px;  position: absolute;  top: 17px; right: 29px;  }
.img_d, .disno{  display: none;  }
}











/*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:80px; text-align:center; position:absolute; left:50%; bottom:48px; margin-left:-40px;
-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{ width:35px; height:53px;}
.banner_1 .banner_btn span{ display:block; color:#fff; font-size:18px; line-height:30px;}

.banner_btn2{ width:376px; text-align:center; position:relative; left:50%; top:0; margin-top:5%; margin-left:-188px;
-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_btn2 img{ width:106px; height:85px;}
.banner_btn2 span{ float:left; width:100%; color:#fff; font-size:33px; line-height:1.0; padding:15px 0; border-bottom:1px solid #fff; border-top:1px solid #fff; margin-top:44px;}



@keyframes myfirst
{
0%   { bottom:48px;}
50%  { bottom:38px;}
75%  { bottom:38px;}
100% { bottom:48px;}
}

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

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

@-o-keyframes myfirst /* Opera */
{
0%   { bottom:48px;}
50%  { bottom:38px;}
75%  { bottom:38px;}
100% { bottom:48px;}
}
@media screen and (max-width:767px) {
.banner_1 .banner_btn img{ width:22px; height:33px;}
.banner_1 .banner_btn span{ font-size:14px; line-height:26px;}
.banner_1 .banner_btn{ bottom:78px;}
.b_nav{ bottom:60px;}

@keyframes myfirst
{
0%   { bottom:78px;}
50%  { bottom:68px;}
75%  { bottom:68px;}
100% { bottom:78px;}
}

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

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

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

}

/**/
.eill{ overflow:hidden; white-space: nowrap; text-overflow:ellipsis;}
.zy_banner{ float:left; width:100%; line-height:0; position:relative; background:#000000; min-height:300px;}
.zy_banner img{opacity:0.4; filter:alpha(opacity=40); }
.h_titbox{ float:left; position:absolute; left:0; top:46%; width:100%; text-align:center;}
.h_titbox h3{ float:left; width:100%; color:#fff; font-size:72px; line-height:1.0; font-weight:bold;}
.h_titbox h4{ float:left; width:100%; color:#fff; font-size:72px; line-height:1.0;}
.h_titbox p{ float:left; width:100%; margin-top:4.42%;}
.h_titbox p a{ display:block; margin:0 auto; width:280px; height:80px; line-height:78px; background:#2aaee3; border-radius:8px; color:#fff; font-size:36px; text-align:center;}
.banImg1{ float:left; width:13.75%; line-height:0; position:absolute; left:7.76%; top:36.71%;}
.banImg2{ float:left; width:32.6%; line-height:0; position:absolute; right:5.78%; top:36.34%;}
.banImg3{ float:left; width:31.35%; line-height:0; position:absolute; right:6.66%; top:36.87%;}
.banImg1 img,
.banImg2 img,
.banImg3 img{opacity:1; filter:alpha(opacity=100);}

@media screen and (max-width:1660px) {	
.h_titbox h3{ font-size:54px;}
.h_titbox h4{  font-size:54px;}
.h_titbox p a{ width:210px; height:60px; line-height:58px;border-radius:4px; font-size:27px;}

.banner_btn2{ width:282px; margin-left:-142px;}
.banner_btn2 img{ width:115px; height:92px;}
.banner_btn2 span{ font-size:24px; padding:12px 0; margin-top:33px;}

}
@media screen and (max-width:1229px) {
.Fnav{ width:158px;}
.h_titbox h3{ font-size:36px;}
.h_titbox h4{  font-size:36px;}
.zy_banner{ min-height:150px;}
.h_titbox p a{ width:140px; height:40px; line-height:38px;border-radius:4px; font-size:18px;}
}
@media screen and (max-width:1024px) {
.Fnav{ width:158px;}
.h_titbox h3{ font-size:24px;}
.h_titbox h4{  font-size:24px;}
.h_titbox{ top:50%;}
.h_titbox p a{ width:100px; height:30px; line-height:28px; font-size:14px;}

.banner_btn2{ width:100px; margin-left:-50px;}
.banner_btn2 img{ width:66px; height:53px;}
.banner_btn2 span{ font-size:14px; padding:8px 0; margin-top:15px;}

.banImg1{ float:left; width:16.65%; }
.banImg2{ float:left; width:39.12%;}
.banImg3{ width:37.62%;}

}
@media screen and (max-width:767px) {
.Fnav{ width:158px;}
.h_titbox h3{ font-size:18px;}
.h_titbox h4{  font-size:18px;}

}


/*foot*/
.links{ float:left; width:100%; background:#2c2c2c; padding:27px 0 33px 0;}
.links h5{ float:left; width:100%; text-align:center; color:#fff; font-size:18px; line-height:24px;font-family:'黑体';}
.links ul{ float:left; width:100%; margin-top:8px;color:#d7d7d7; font-size:18px; line-height:24px;font-family:'黑体';}
.links ul a{ display:inline-block; color:#fff; padding:0 3px;}
.links ul a:hover{ color:#1ca9dc;}
.foot2{float:left; width:100%; background:#1a1a1a; padding:26px 0;}
.Copyright{ float:left; width:100%;color:#fff; font-size:18px; line-height:28px; margin:12px 0;font-family:'黑体';}
.Copyright p { display:inline-block;}
.Copyright a{ color:#fff;}
.Copyright a:hover{ color:#1ca9dc;}
.footNav{ float:left; width:100%; background:#2c2c2c; padding:75px 0 113px 0;}
.Fnav{ float:left; width:200px; margin-right:18px;}
.Fnav .title{ display:block; color:#fff; font-size:24px; line-height:34px; position:relative; padding-bottom:17px;}
.Fnav .title::after{ float:left; width:39px; height:2px; background:#1ca9dc; content:''; position:absolute; left:0; bottom:0;}
.Fnav .sub{ display:block; margin-top:27px;}
.Fnav .sub li a{ display:block; color:#fff; font-size:18px; line-height:31px;font-family:'黑体';}
.Fnav .sub li a:hover{ color:#1ca9dc;}
.Fnav.last{ margin-right:0; width:110px;}

.footB2{ position:relative; margin:17px 0; padding-right:330px; float:left; width:100%; position:relative;}
.footER{ float:left; position:absolute; right:0; top:50%; width:180px; margin-top:-106px;}
.footER i{ float:left; width:100%; line-height:0;}

.footER h5{ float:left; width:100%; text-align:center; color:#fff; font-size:20px; line-height:20px; margin-top:12px;}
.footAddr{ float:left; width:100%; margin-top:45px;}
.footAddr .p1{ float:left; position:relative; padding-left:38px; margin-right:20px; color:#fff; font-size:20px; line-height:30px; margin-top:10px; }
.footAddr .p1 a { color:#fff;}
.footAddr .ico{ float:left; width:30px; height:30px; position:absolute; left:0; top:0;}

.Copyright1{ margin:0;}

@media screen and (max-width:1229px) {
.Fnav{ width:158px;}
.footB2{ padding-right:250px;}
}
@media screen and (max-width:1023px) {
.foot2{ padding:15px 0;}	
.Copyright{ font-size:14px; line-height:24px; margin:3px 0;}	
.links{ padding:15px 0;}
.links h5{ font-size:16px; line-height:28px; background:#5f5f5f; border-radius:3px; padding:5px 15px; text-align:left; position:relative;}
.links h5::after{ float:left; width:0; height:0; position:absolute; right:15px; top:50%; margin-top:-4px; border-left: 6px solid transparent; border-right:6px solid transparent;border-top: 8px solid #fff; content:'';}
.links ul{ display:none; font-size:14px; line-height:22px;}
.footNav{ padding:15px 0;}
.Fnav{ width:100%; margin:5px 0;}
.Fnav .title{ font-size:16px; line-height:28px; background:#5f5f5f; border-radius:3px; padding:5px 15px;}
.Fnav .title::after{ background:none; float:left; width:0; height:0; position:absolute; left:auto; right:15px; top:50%; margin-top:-4px; border-left: 6px solid transparent; border-right:6px solid transparent;border-top: 8px solid #fff; content:'';}
.Fnav .sub{ display:none; margin-top:10px; padding:0 15px;}
.Fnav .sub li{ float:left; width:50%;}
.Fnav .sub li a{ font-size:16px; line-height:28px;}
.Fnav.last{ margin-right:0; width:100%;}

.Copyright1{ margin:0;}
.footB2{ padding-right:160px;}
.footER{ width:140px; margin-top:-84px;}
.footER h5{ font-size:16px; line-height:16px;}
.footAddr{ margin-top:20px;}
.footAddr .p1{ font-size:16px; line-height:26px; padding-top:2px; padding-bottom:2px;}

}
@media screen and (max-width:767px) {
.footB2{ padding-right:0;}
.footER{ position:static; width:100%; text-align:center; margin-top:20px;}
.footER i img{ width:120px;}
.footAddr{ position:relative;}
.footAddr .p1{}
}


/*phone底部导航*/
.q_d_m{float:left; width:100%; height:50px;}
.pf_down{width:100%; float:left; position:fixed; left:0; bottom:0; height:50px; background:#1ca9dc; z-index:66; box-shadow:0 -4px 7px rgba(0,0,0,0.15);}
.pf_down li{ width:20%; float:left; text-align:center; padding:7px 0 5px 0; border-right:1px solid #4bbfe8; text-transform:uppercase;}
.pf_down li:last-child{ border:none;}
.pf_down li .ico7{ width:100%; float:left; height:20px;}
.pf_down li .name{ width:100%; float:left; margin-top:4px; font-size:12px; color:#fff; line-height:14px;}
.pf_down li.l1 .ico7{ background:url(../images/btn15.png) no-repeat center; background-size:20px 20px;}
.pf_down li.l2 .ico7{ background:url(../images/btn13.png) no-repeat center; background-size:20px 20px;}
.pf_down li.l3 .ico7{ background:url(../images/btn16.png) no-repeat center; background-size:20px 20px;}
.pf_down li.l4 .ico7{ background:url(../images/btn14.png) no-repeat center; background-size:20px 20px;}
.pf_down li.l5 .ico7{ background:url(../images/btn17.png) no-repeat center; background-size:20px 20px;}


/*右侧漂浮*/
.pf_right{ display:none; float:left; width:60px; position:fixed; right:10px; top:50%; margin-top:-276px; z-index:9999;}
.pf_right li{ float:left; width:100%; position:relative; margin:16px 0;}
.pf_right li a{ float:left; width:60px; height:60px; position:relative; z-index:6; border-radius:80px;}
.pf_right li a.ico1{ background:url(../images/pf1.png) center no-repeat #01aac1; background:url(../images/pf1.png) center no-repeat rgba(1,170,193,0.4);}
.pf_right li a.ico2{ background:url(../images/pf2.png) center no-repeat #01aac1; background:url(../images/pf2.png) center no-repeat rgba(1,170,193,0.4);}
.pf_right li a.ico3{ background:url(../images/pf3.png) center no-repeat #01aac1; background:url(../images/pf3.png) center no-repeat rgba(1,170,193,0.4);}
.pf_right li a.ico4{ background:url(../images/pf4.png) center no-repeat #01aac1; background:url(../images/pf4.png) center no-repeat rgba(1,170,193,0.4);}
.pf_right li a.ico5{ background:url(../images/pf5.png) center no-repeat #01aac1; background:url(../images/pf5.png) center no-repeat rgba(1,170,193,0.4);}
.pf_right li a.ico6{ background:url(../images/pf6.png) center no-repeat #01aac1; background:url(../images/pf6.png) center no-repeat rgba(1,170,193,0.4);}
.pf_right li .pf_tel{ float:left; position:absolute; right:-300px; top:0; white-space:nowrap; background:#1ca9dc; color:#fff; font-size:22px; line-height:40px; padding:10px 66px 10px 17px; border-radius:60px;-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;
}
.pf_right li .ewm{ float:left; width:120px; position:absolute; right:-300px; top:0; background:#1ca9dc; line-height:0; padding:8px; border-radius:4px 0 4px 4px; white-space:nowrap;-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;
}
.pf_right li .ewm img{ background:#fff; padding:5px; width:100%;}
.pf_right li:hover .pf_tel{ right:0;} 
.pf_right li:hover .ewm{ right:60px;} 
.pf_right li:hover a.ico2{ border-radius:0 80px 80px 0; background:url(../images/pf2.png) center no-repeat #1ca9dc; background:url(../images/pf2.png) center no-repeat rgba(28,169,220,1);}

.pf_right.on{ display:block;}




/*linkArea*/
.linkArea { text-align: center; float:left; width:100%; position:relative; z-index:8;}
.linkArea a.btn1 { position: relative; z-index:1; display: inline-block; width:100%; max-width:146px; font-size:22px; line-height:43px; border-radius:45px; box-shadow:0 4px 8px rgba(34,24,21,.24); letter-spacing:0.5px; text-align: center; color:#fefefe; background:#1ca9dc; margin:0 5px; border:#1ca9dc 1px solid; font-weight:normal; padding:0; overflow:hidden;font-family:'黑体';}
.linkArea a.btn1:after { font-size:22px; content: ">";font-family:'黑体'; margin-left:8px;}

.linkArea a.btn1:before { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; display: block; background: #fefefe; content: ""; z-index: -1; -webkit-transform-origin:right top;-moz-transform-origin:right top;-o-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top;-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-o-transform:scale(0,1);-ms-transform:scale(0,1);transform:scale(0,1);-webkit-transition:transform .7s ease;-moz-transition:transform .7s ease;-o-transition:transform .7s ease;transition:transform .7s ease}
.linkArea a.btn1:hover:before { -webkit-transform-origin:left top;-moz-transform-origin:left top;-o-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1)}

.linkArea a.btn1:hover { color:#1ca9dc}

.linkArea_a a.btn1 { max-width:166px;}



@media screen and (max-width:1023px) {
.linkArea a.btn1 { font-size:16px; line-height:30px; width:120px;}
.linkArea a.btn1:after{ font-size:16px;}

.linkArea_a a.btn1 { max-width:130px;}
}
@media screen and (max-width:767px) {
.linkArea{ margin-top:3%;}

}



/*资讯*/
.so{ float:left; width:100%; padding:3.333% 0 3.75% 0; border-top:1px solid #c2c2c2;}
.so .Search{ float:left; width:66.66%;  height:50px; background:#f5f5f5; color:#666; font-size:20px; line-height:30px; padding:10px 20px;}
.so .sear_sub{ float:right; width:31.83%;  height:50px; background:#1ca9dc; color:#fff; font-size:24px; line-height:50px;}
.newsList{ float:left; width:100%; margin-bottom:6.66%;}
.newsList ul{ margin:0 -20px;}
.newsList li{ float:left; width:50%; padding:20px;}
.newsList li a{ float:left; width:100%; position:relative; height:200px; background:#f5f5f5;}
.newsList li a .img{ float:left; width:200px; height:200px;line-height:0; overflow:hidden; position:absolute; left:0; top:0;}
.newsList li a [data-animate]::after {
    content: "MORE";
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    color: #fff;
    border-top: 1px solid hsla(0,0%,100%,.5);
    border-bottom: 1px solid hsla(0,0%,100%,.5);
    letter-spacing: 2px;
    font-size: 12px;
    padding: 10px 15px 10px 16px;
    opacity: 0;
    transition: .4s;
    z-index: 1;
}
.newsList li a [data-animate]::before {
    content: "";
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border: 0 solid rgba(0,0,0,.5);
    left: 0;
    top: 0;
    transition: .4s;
    cursor: pointer;
}
.newsList li a:hover>[data-animate]:before,
.newsList li a [data-animate]:hover:before {
  border:300px solid rgba(0,0,0,.5)
 }
.newsList li a:hover>[data-animate]:after,
.newsList li a [data-animate]:hover:after {
  opacity:.8}
.newsList li a .info{ float:left; width:100%; padding-left:220px; padding-right:30px;}
.newsList li a .title{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px; margin:22px 0 18px 0; overflow:hidden;
white-space: nowrap; text-overflow:ellipsis;}
.newsList li a .cont{ float:left; width:100%; color:#666666; font-size:14px; line-height:22px; height:88px; overflow:hidden;}
.newsList li a .time{ float:left; width:100%; color:#999999; font-size:14px; line-height:24px; margin-top:15px;}
.newsList li a:hover .title{ color:#1ca9dc;}
@media screen and (max-width:1229px) {
.newsList ul{ margin:0 -12px;}
.newsList li{ padding:12px;}

}
@media screen and (max-width:1023px) {
.so .Search{ width:72.66%; height:38px; padding:7px 12px; font-size:14px; line-height:24px;}
.so .sear_sub{ width:25.83%; height:38px; font-size:16px; line-height:38px;}	
.newsList ul{ margin:0 -6px;}
.newsList li{ padding:6px;}	
.newsList li a{ height:140px;}
.newsList li a .img{ width:140px; height:140px;}
.newsList li a .info{padding-left:152px; padding-right:12px;}
.newsList li a .title{ font-size:16px; line-height:24px; margin:10px 0 5px 0;}
.newsList li a .cont{ font-size:13px; line-height:22px; height:66px;}
.newsList li a .time{ font-size:12px; line-height:20px; margin-top:5px;}
}

@media screen and (max-width:1023px) {
.newsList li{ padding:6px; width:100%;}	
.newsList li a{ height:100px;}
.newsList li a .img{ width:100px; height:100px;}
.newsList li a .info{padding-left:112px;}
.newsList li a .title{  margin:5px 0 2px 0;}
.newsList li a .cont{ font-size:13px; line-height:20px; height:40px;}
.newsList li a .time{  margin-top:3px;}
}




/*左边*/
.in_Side{ float:left; width:100%; text-align:center; padding:9.41% 0 3.33% 0;}
.in_Side .pz_SideLayer{ margin-right:-48px;}
.in_Side .pz_SideLayer .l1{ float:left; margin-right:48px;}
.in_Side .pz_SideLayer .l1 a{ float:left; line-height:50px; color:#333333; font-size:20px; width:160px; background:#f5f5f5;}
.in_Side .pz_SideLayer .l1.on a,
.in_Side .pz_SideLayer .l1:hover a{ background:#1ca9dc; color:#fff;}

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

.in_Side .pz_SideLayer{ margin-right:-24px;}
.in_Side .pz_SideLayer .l1{ margin-right:24px;}
.in_Side .pz_SideLayer .l1 a{  width:145px; font-size:18px;}

}

@media screen and (max-width:1023px){
.in_Side{ display:none;}

}

/*二级导航*/
.babyser{ float:left; width:100%; margin-top:20px; }
.babyser h2{ float:left; width:100%;  padding:0 15px; background:#1ca9dc; color:#fff; font-size:18px; line-height:40px;border-radius:3px;}
.babyser h2 .imgr{ float:right; margin:10px 0 0 0;}
.pz_SideLayerph{ display:none; float:left; width:100%;}
.pz_SideLayerph .l1{ float:left; width:100%; margin-top:1px;}
.pz_SideLayerph .l1 a{ float:left; width:100%; color:#333333; font-size:14px; line-height:34px; cursor:pointer; padding:0 12px;  background:#f5f5f5; border-radius:3px;}
.pz_SideLayerph .l1:hover a{ background:#1ca9dc; color:#fff;}


/*资讯详情*/
.NewLeft{ float:left; width:67%; margin:5% 0 11% 0;}
.NewLeft .title{ float:left; width:100%; color:#333333; font-size:30px; line-height:40px; margin:8.69% 0 1.24% 0;}
.NewLeft .time{ float:left; width:100%; color:#666666; font-size:18px; line-height:28px; border-bottom:1px solid #c2c2c2; padding-bottom:4.34%;}
.NewLeft .time span{ padding-left:5.59%;}
.NewLeft .cont{ float:left; width:100%; color:#333333; font-size:16px; line-height:32px; margin-top:2.23%;}
.NewLeft .slide{ float:left; width:100%; color:#666666; font-size:24px; line-height:34px; padding-left:41px; background:url(../images/img3.png) left center no-repeat; background-size:31px auto;}
.NewLeft .slide a{ color:#666;}
.NewLeft .slide a.on,
.NewLeft .slide a:hover{ color:#1ca9dc;}
.NewLeft .btn1{ width:100%; float:left; text-align:center; margin-top:8.07%;}
.NewLeft .btn1 .btn_box{ width:60px; height:60px;display:block; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; overflow:hidden; padding:10px 0; border:solid 1px #bfc2c5; cursor:pointer; margin:auto;}
.NewLeft .btn1 .btn_box .ico{ width:100%; float:left;}
.NewLeft .btn1 .btn_box h5{ width:100%; float:left; font-size:14px; color:#999999; line-height:16px;}
.NewLeft .btn1 .btn_box_1{ width:60px; height:60px;display:block; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; overflow:hidden; padding:10px 0; cursor:pointer; display:none; border:solid 1px #38b7f3; margin:auto;}
.NewLeft .btn1 .btn_box_1 .ico{ width:100%; float:left;}
.NewLeft .btn1 .btn_box_1 h5{ width:100%; float:left; font-size:14px; line-height:16px; color:#999999;}

.Nshare{ float:left; width:100%; text-align:center; padding:4.96% 0 2.48% 0; border-bottom:1px dashed #000000;}
.bdshare1{ display:inline-block; vertical-align:top;}
.bdshare1 a,
.bdshare1 .bds_more{ margin:0 0 0 17px !important;-webkit-transition:none;-moz-transition:none;-ms-transition:none; -o-transition:none;transition:none; cursor:pointer !important;cursor:url(''),auto  !important}
.bdshare1 .bds_title{ float:left; color:#666666; font-size:14px; line-height:24px;}
.bdshare1 .bds_weixin{ background:url(../images/share1.jpg) 0 0 no-repeat !important;}
.bdshare1 .bds_sqq{ background:url(../images/share2.jpg) 0 0 no-repeat !important;}
.bdshare1 .bds_qzone{ background:url(../images/share3.jpg) 0 0 no-repeat !important;}
.bdshare1 .bds_tqq{ background:url(../images/share4.jpg) 0 0 no-repeat !important;}
.bdshare1 .bds_tsina{ background:url(../images/share5.jpg) 0 0 no-repeat !important;}
.bdshare1 .bds_more{ background:url(../images/share6.png) 0 0 no-repeat !important; background-size:100% 100% !important}

.sx_fy{ float:left; width:100%; margin-top:4.34%; color:#333333; font-size:20px; line-height:30px; position:relative;}
.sx_fy .fanhui{ float:left; width:20px; height:20px; position:absolute; left:50%; top:5px; background:url(../images/img4.png) center no-repeat; margin-left:-10px; content:''; z-index:8;}
.sx_fy a{ float:left; width:50%; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; position:relative;}
.sx_fy .l_fy{ padding-right:135px; text-align:right;}
.sx_fy .r_fy{ padding-left:135px;}
.sx_fy .l_fy font{ position:absolute; right:30px; top:0; padding-left:34px; background:url(../images/img6.png) left center no-repeat;}
.sx_fy .r_fy font{ position:absolute; left:30px; top:0; padding-right:34px; background:url(../images/img5.png) right center no-repeat;}

.NewRight{ float:right; width:28.33%; margin:5% 0 11% 0;}
.so1{ margin:6px 0 15.88% 0;}
.so1 .Search{ width:67.6%; background:#fff; border:1px solid #1ca9dc; padding:10px 16px; color:#333333;}
.so1 .sear_sub{ width:29.4%; font-size:20px;}
.newsHot{ float:left; width:100%; background:#f5f5f4; padding:15px 20px; min-height:1463px;}
.newsHot h3{ float:left; width:100%; color:#333333; font-size:20px; line-height:30px; border-bottom:1px solid #c2c2c2; padding-bottom:5px;}
.newsHot ul{ float:left; width:100%; margin:5px 0 55px 0; }
.newsHot ul li{ float:left; width:100%; }
.newsHot ul li a{ float:left; width:100%; color:#333333; font-size:16px; line-height:26px; padding-left:13px; position:relative; margin:2px 0;}
.newsHot ul li a:after{ float:left; width:4px; height:4px; background:#c2c2c2; border-radius:50%; content:''; position:absolute; left:0; top:50%; margin-top:-2px;}
.newsHot ul li a:hover{color:#1ca9dc;}
.newsHot ul li a:hover:after{background:#1ca9dc;}

@media screen and (max-width:1229px){
.newsHot{ padding:15px;}	
.newsHot h3{ font-size:18px; line-height:28px;}
.newsHot ul li a{ font-size:14px;}

.NewLeft{ margin:5% 0 0 0;}
.NewLeft .time{ font-size:16px; line-height:26px;}
.NewLeft .cont{ font-size:14px; line-height:30px;}
.NewLeft .title{ font-size:24px; line-height:34px;}
.NewLeft .slide{ font-size:18px; background-size:22px auto; padding-left:30px;}

.sx_fy{ font-size:16px;}

}

@media screen and (max-width:1023px){
.NewLeft{ width:100%;}
.NewLeft .title{ margin-top:0; font-size:18px; line-height:28px;}
.NewLeft .time{ font-size:14px; line-height:20px;}
.NewLeft .time span{ padding-left:6px;}
.NewRight{ width:100%;}
.Nshare{ display:none;}
.so1{ margin:6px 0 5% 0;}
.so1 .sear_sub{ font-size:16px;}
.newsHot{ min-height:inherit;}
.newsHot ul{ margin:5px 0; }
.newsHot ul li a{ margin:0;}
.sx_fy .fanhui{ left:auto; right:0; top:20px;}
.sx_fy a{ width:100%;}
.sx_fy .l_fy{ padding-right:0; padding-left:80px; text-align:left; padding-right:30px;}
.sx_fy .r_fy{ padding-left:80px; padding-right:30px;}
.sx_fy .l_fy font{ position:absolute; right:auto; left:0; top:0; padding-left:0; padding-right:34px; background:url(../images/img5.png) 60px center no-repeat; background-size:10px auto;}
.sx_fy .r_fy font{ position:absolute; left:0; top:0; padding-right:34px; background:url(../images/img5.png) 60px center no-repeat;background-size:10px auto;}
}

/*关于我们*/
.about1{ float:left; width:100%; position:relative; padding:3.6% 0 3.9% 0;}
.about1 .bg1{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;opacity:0.1; filter:alpha(opacity=10);}
.abouTit{ float:left; width:100%; text-align:center; position:relative; z-index:6;}
.abouTit h3{ float:left; width:100%; color:#333333; font-size:48px; line-height:1.0; letter-spacing:2px;font-family: 'OPENSANS-BOLD'}
.abouTit h4{ float:left; width:100%; color:#333333; font-size:30px; line-height:1.0; letter-spacing:2px; margin-top:8px;}
.abouTit h4 span{ position:relative; padding:0 160px;}
.abouTit h4 span::after,
.abouTit h4 span::before{ float:left; width:120px; height:1px; background:#333333; position:absolute; left:0; top:50%; content:'';opacity:0.3; filter:alpha(opacity=30); }
.abouTit h4 span::before{ left:auto; right:0;}



.about1 .info{ float:left; width:100%; color:#333333; font-size:18px; line-height:30px; position:relative; z-index:6; margin:6% 0;}
.about1 .list{ float:left; width:100%; position:relative; z-index:6; padding:0 10%;}
.about1 .list .l1{ float:left; width:25%; padding:0 6px; text-align:center; cursor:pointer;}
.about1 .list .l1 .img{ display:block; margin:0 auto; width:160px; height:160px; border-radius:50%; overflow:hidden; background:#2da8d9; border:6px solid #2da8d9; padding:34px; position:relative;-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;  
}
.about1 .list .l1 .img 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;  
}
.about1 .list .l1 .img .tit2{ float:left; width:100%; text-align:center; font-size:20px; line-height:30px; height:60px; overflow:hidden; color:#fff; position:absolute; left:0; top:50%; margin-top:-30px; padding:0 15px;opacity:0; filter:alpha(opacity=00);-webkit-transform: scale(0); -moz-transform: scale(0);transform: scale(0);-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;  
}
.about1 .list .l1 .tit1{ float:left; width:100%; color:#333333; font-size:24px; line-height:34px; margin-top:20px;}
.about1 .list .l1:hover .img { border:6px solid #6cd5ff;}
.about1 .list .l1:hover .img .tit2{opacity:1; filter:alpha(opacity=100);-webkit-transform: scale(1); -moz-transform: scale(1);transform: scale(1);}
.about1 .list .l1:hover .img img{opacity:0; filter:alpha(opacity=00);-webkit-transform: scale(0); -moz-transform: scale(0);transform: scale(0);}

@media screen and (max-width:1229px){
.abouTit h3{ font-size:36px;}
.abouTit h4{ font-size:22px; margin-top:8px;}
.abouTit h4 span{ padding:0 100px;}
.abouTit h4 span::after,
.abouTit h4 span::before{ width:80px;}	
.about1 .info{ font-size:16px; line-height:28px; margin:4% 0;}
.about1 .list{ padding:0;}
.about1 .list .l1 .img{  width:120px; height:120px; border:4px solid #2da8d9; padding:25px;}
.about1 .list .l1 .img .tit2{ font-size:15px; line-height:25px; margin-top:-25px; height:50px; padding:0 10px;}
.about1 .list .l1 .tit1{ font-size:18px; line-height:28px; margin-top:15px;}
.about1 .list .l1:hover .img { border:4px solid #6cd5ff;}
}

@media screen and (max-width:1023px){
.abouTit h3{ font-size:24px;}
.abouTit h4{ font-size:16px; margin-top:8px;}
.abouTit h4 span{ padding:0 80px;}
.abouTit h4 span::after,
.abouTit h4 span::before{ width:60px;}		
.about1{ padding:5% 0;}
.about1 .info{ font-size:14px; line-height:26px;}
.about1 .list .l1 .img{  width:70px; height:70px; border:2px solid #2da8d9; padding:12px;}
.about1 .list .l1 .img .tit2{ font-size:12px; line-height:20px; margin-top:-20px; height:40px; padding:0 6px;}
.about1 .list .l1 .tit1{ font-size:14px; line-height:22px; margin-top:5px;}
.about1 .list .l1:hover .img { border:2px solid #6cd5ff;}
}


.abouTit1 h3{ color:#fff;}
.abouTit1 h4{ color:#fff;}
.abouTit1 h4 span::after,
.abouTit1 h4 span::before{ background:#fff;}
.about2{ float:left; width:100%; background:#2c2c2c; padding:5.46% 0 3.8% 0;}
.about2 .info{ float:left; width:100%; color:#fff; font-size:18px; line-height:30px; position:relative; z-index:6; margin:5.75% 0 6% 0;}
.about2 .list{ float:left; width:100%; }
.about2 .ul1{ margin:0 -30px;}
.about2 .list .l1{ float:left; width:20%; padding:0 6px; text-align:center; cursor:pointer;}
.about2 .list .l1 .img{ display:block; margin:0 auto; width:160px; height:160px; border-radius:50%; overflow:hidden; background:#ffffff; position:relative;}
.about2 .list .l1 .img img{ padding:15px;-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;  
}
.about2 .list .l1 .img .ico1{ position:relative;opacity:1; filter:alpha(opacity=100);-webkit-transform: scale(1); -moz-transform: scale(1);transform: scale(1);}
.about2 .list .l1 .img .ico2{ position:absolute; left:0; top:0;opacity:0; filter:alpha(opacity=00);-webkit-transform: scale(0); -moz-transform: scale(0);transform: scale(0);}
.about2 .list .l1 .tit1{ float:left; width:100%; color:#fff; font-size:24px; line-height:34px; margin-top:20px;}
.about2 .list .l1:hover .img{ background:#2da8d9;}
.about2 .list .l1:hover .ico1{opacity:0; filter:alpha(opacity=00);-webkit-transform: scale(0); -moz-transform: scale(0);transform: scale(0);}
.about2 .list .l1:hover .ico2{opacity:1; filter:alpha(opacity=100);-webkit-transform: scale(1); -moz-transform: scale(1);transform: scale(1);}


@media screen and (max-width:1229px){
	
.about2 .info{ font-size:16px; line-height:28px; margin:4% 0;}
.about2 .list .l1 .img{  width:120px; height:120px;}
.about2 .list .l1 .tit1{ font-size:18px; line-height:28px; margin-top:15px;}

}

@media screen and (max-width:1023px){	
.about2{ padding:5% 0;}
.about2 .ul1{ margin:0;}
.about2 .list .l1{ padding:0 2px;}
.about2 .info{ font-size:14px; line-height:26px;}
.about2 .list .l1 .img img{ padding:5px;}
.about2 .list .l1 .img{  width:56px; height:56px;}
.about2 .list .l1 .tit1{ font-size:14px; line-height:22px; margin-top:5px;}

}

.about3{ float:left; width:100%; padding:4.53% 0 6.25% 0;}
.about3 .cont{ float:left; width:100%; margin-top:6.25%; position:relative;}
.about3 .cont .img{ float:left; width:40.08%; position:absolute; right:0; top:0; height:100%; z-index:1;}
.about3 .cont .img img{ width:100%;}
.about3 .cont .info{ float:left; width:66.66%; background:#e5e5e5; margin:3.75% 0 5.41% 0; position:relative; z-index:6; padding:4.08% 10.16% 4.83% 10.16% ;}
.about3 .cont .title{ float:left; width:100%; position:relative; color:#333333; font-size:24px; line-height:30px; padding-bottom:7px; position:relative;}
.about3 .cont .title::after{ float:left; width:110px; height:2px; background:#2da8d9; position:absolute; left:0; bottom:0; content:'';}
.about3 .cont .p1{ float:left; width:100%; position:relative; color:#333333; font-size:18px; line-height:30px; margin-top:13px;}
.about3 .cont .more{ float:left; width:36px; height:36px; position:absolute; right:-18px; top:50%; margin-top:-18px; background:url(../images/img24.png) center no-repeat #2da8d9;}

@media screen and (max-width:1229px){
.about3 .cont .title{ font-size:18px; line-height:28px;}
.about3 .cont .title::after{ width:80px;}	
.about3 .cont .info{ padding:4.08% 5% 4.83% 5% ;}
.about3 .cont .p1{ font-size:16px; line-height:28px;}
}

@media screen and (max-width:1023px){	
.about3 .cont .img{ width:100%; position:static;}
.about3 .cont .info{ width:100%; margin:0; padding:15px;}
.about3 .cont .p1{ font-size:14px; line-height:26px; margin-top:10px;}
.about3 .cont .more{ top:0; right:15px; width:24px; height:24px; margin-top:-12px; background-size:100% 100%;}
}

.about4{ float:left; width:100%;}
.about4 .cont{ float:left; width:100%; margin-top:8.5%; position:relative;}
.about4 .cont .img{ float:left; width:50%; position:absolute; left:0; top:0; height:100%;}
.about4 .cont .img img{ width:100%;}
.about4 .cont .info{ float:right; width:50%; background:#e5e5e5; color:#333333; font-size:24px; line-height:30px; padding:4.68% 6.09%;}
.about4 .cont .more{ float:left; width:36px; height:36px; position:absolute; right:30px; top:50%; margin-top:-18px; background:url(../images/img24.png) center no-repeat #2da8d9;}

@media screen and (max-width:1229px){
.about3 .cont .title{ font-size:18px; line-height:28px;}
.about3 .cont .title::after{ width:80px;}	
.about3 .cont .info{ padding:4.08% 5% 4.83% 5% ;}
.about4 .cont .info{ font-size:16px; line-height:28px;}
}

@media screen and (max-width:1023px){	
.about4 .cont .img{ width:100%; position:static;}
.about4 .cont .info{ width:100%; font-size:14px; line-height:26px; padding:15px; position:relative;}
.about4 .cont .more{ top:0; right:15px; width:24px; height:24px; margin-top:-12px; background-size:100% 100%;}
}


.hwTitle{ float:left; width:100%;}
.hwTitle ul li{ float:left; margin:0 20px; color:#333333; font-size:26px; line-height:30px; padding-bottom:14px; position:relative;}
.hwTitle ul li:after{ display:none; float:left; width:0; height:0; position:absolute; left:50%; margin-left:-9px; bottom:0; content:''; border-left: 9px solid transparent; border-right:9px solid transparent;border-top: 9px solid #2da8d9; }
.hwTitle ul li a{ color:#333333;}
.hwTitle ul li a:hover,
.hwTitle ul li.on a{ color:#1ca9dc;}
.hwTitle ul li.on:after{ display:block;}
@media screen and (max-width:1229px){	
.hwTitle ul li{ font-size:20px;}
}
@media screen and (max-width:1023px){	
.hwTitle ul li{ font-size:18px; line-height:28px; margin:0 10px;}
}
@media screen and (max-width:767px){	
.hwTitle ul li{ font-size:16px; line-height:28px; margin:0 12px 0 0; padding-bottom:5px;}
.hwTitle ul li:after{ margin-left:-5px; border-left: 5px solid transparent; border-right:5px solid transparent;border-top: 5px solid #2da8d9; }
}


/*联系我们*/
.jobIn{ float:left; width:100%; padding:11.41% 0 0 0;}
.jobIn .hd{ margin:7.91% 0 0 0; padding:0 4.6%; position:relative;}
.jobIn .hd .next{ float:left; width:36px; height:36px; background:url(../images/img24.png) center no-repeat #2da8d9; background-size:100% 100%; box-shadow:0 4px 8px rgba(34,24,21,0.24); position:absolute; right:0; top:-3px;}
.jobIn .bd{ float:left; width:100%; margin:5.83% 0 6.83% 0;}
.jobIn .cont{ float:left; width:100%; position:relative; box-shadow:0 4px 16px rgba(34,24,21,0.24);}
.jobIn .cont .img{ float:left; width:53%; position:absolute; left:0; top:0; height:100%; z-index:1;}
.jobIn .cont .img img{ width:100%;}
.jobIn .cont .info{ float:right; width:47%; position:relative; z-index:6; padding:3.75% 2.33% ;}
.jobIn .cont .tit1{ float:left; width:100%;}
.jobIn .cont .tit1 .sp1{ float:left; background:#2da8d9; color:#fff; font-size:16px; text-align:center; width:101px; line-height:35px;}
.jobIn .cont .p1{ float:left; width:100%; color:#333333; font-size:14px; line-height:20px; margin:5.7% 0 4.72% 0;}

@media screen and (max-width:1023px){	
.jobIn .cont .img{ position:static; width:100%;}
.jobIn .cont .info{ width:100%; padding:15px;}
.jobIn .cont .p1{ margin:15px 0;}
.jobIn .hd{ padding:0 24px 0 0;}
.jobIn .hd .next{ width:24px; height:24px; top:2px;}
}


.Contact{ float:left; width:100%; padding:6.33% 0 0 0;}
.Contact .addr{ float:left; width:100%; margin-top:83px; box-shadow:0 0 16px rgba(0,0,0,0.16);}
.Contact .addr .tit1{ float:left; width:100%; color:#2aaee3; font-size:30px; line-height:38px; padding:28px 20px 0 78px;}
.Contact .addr .tit2{ float:left; width:100%; color:#666666; font-size:18px; line-height:26px; text-transform:uppercase; letter-spacing:1px; padding:0 20px 28px 78px; border-bottom:1px solid #f5f5f5;}
.Contact .addr .lb{ float:left; width:100%;}
.Contact .addr .p1{ float:left; width:50%; background:#f5f5f5; position:relative; padding:28px 20px 28px 168px; color:#333333; font-size:20px; line-height:32px; min-height:64px;}
.Contact .addr .p1 .ico{ float:left; position:absolute; left:82px; top:50%; margin-top:-24px; width:48px; height:48px;}
.Contact .addr .p1 .er{ float:left; position:absolute; left:69px; top:50%; margin-top:-40px; width:80px; height:80px; background:#2aaee3; padding:6px;}
.Contact .addr .p1:nth-child(2),
.Contact .addr .p1:nth-child(3),
.Contact .addr .p1:nth-child(6){ background:#fbfbfb;}



.bdmap{ float:left; width:100%; height:450px; z-index:6 !important; margin:40px 0 0 0;}
.BMap_shadow img{max-width:none; display:none;}
.BMap_pop div{ border:none !important; background:none !important;}
.BMap_pop div:nth-child(8){ display:none}
.BMap_pop div:nth-child(8) img{ display:none;}
.bdmap .iw_poi{ background:#fff !important; border-radius:8px; padding:10px 17px 18px 17px; width:258px; float:left; margin:0 0 0 140px;}
.bdmap .iw_poi_title{ display:block; color:#2da8d9; font-size:18px; line-height:28px;}
.bdmap .iw_poi_content{ display:block; color:#333333; font-size:14px; line-height:20px; margin-top:3px;}
.bdmap .iw_poi_tel{ display:block; color:#333333; font-size:14px; line-height:14px; font-weight:normal; position:relative;}
.bdmap .iw_poi_tel::after{ float:left; width:0; height:0; content:''; border-left:24px solid transparent; border-right:24px solid transparent;border-top:24px solid #fff; position:absolute; left:0; bottom:-42px;}


@media screen and (max-width:1229px){
.Contact .addr .tit1{ font-size:26px; line-height:34px; padding:28px 20px 0 45px}	
.Contact .addr .tit2{ padding:0 20px 28px 45px;}
.Contact .addr .p1 .ico{ left:47px; }
.Contact .addr .p1 .er{  left:35px;}	
.Contact .addr .p1{  padding:28px 20px 28px 130px; font-size:16px; line-height:28px;}
}

@media screen and (max-width:1023px){	
.bdmap{ height:400px;}
.bdmap .iw_poi{ margin:0 0 0 10px; width:210px; padding:10px 10px 14px 10px;}
.bdmap .iw_poi_title{ font-size:15px; line-height:24px;}
.bdmap .iw_poi_tel::after{ border-left:12px solid transparent; border-right:12px solid transparent;border-top:12px solid #fff;bottom:-26px;}

.Contact .addr .tit1{ font-size:20px; line-height:28px; padding:28px 10px 0 20px}	
.Contact .addr .tit2{ font-size:16px; line-height:24px; padding:0 10px 28px 20px;}
.Contact .addr .p1 .ico{ left:22px; width:40px; height:40px; margin-top:-20px;}
.Contact .addr .p1 .er{  left:10px; padding:2px; width:70px; height:70px; margin-top:-35px;}	
.Contact .addr .p1{  padding:28px 10px 28px 85px; font-size:14px; line-height:26px;}
}
@media screen and (max-width:767px){
.Contact .addr{ margin-top:12%;}		
.Contact .addr .tit1{ font-size:20px; line-height:28px; padding:19px 10px 0 20px}	
.Contact .addr .tit2{ font-size:14px; line-height:22px; padding:0 10px 19px 20px; letter-spacing:0;}
.Contact .addr .p1{ width:100%;  padding:20px 10px 20px 85px;}
.Contact .addr .p1:nth-child(2),
.Contact .addr .p1:nth-child(3),
.Contact .addr .p1:nth-child(6){ background:#f5f5f5;}
.Contact .addr .p1:nth-child(2n){ background:#fbfbfb;}
}

/*案例*/
.caselist{ float:left; width:100%; margin:3.33% 0 2% 0;}
.caselist li{ float:left; width:33.333%; margin-top:0; position:relative;}
.caselist li a{ float:left; width:100%; position:relative;}
.caselist li .title{ float:left;position: absolute;
    left: 50%;
    bottom: 50%;
    transform: translateY(0) translateX(-50%);
    color: #fff;
    letter-spacing: 0;
    font-size: 18px;
    padding:9px 0;
    opacity: 0;
    transition: .4s;
    z-index: 1;}
.caselist li .img{ float:left; width:100%; line-height:0; position:relative; overflow:hidden;}
.caselist li a [data-animate]::after {
    content: "查看详情";
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(20px) translateX(-50%);
    color: #fff;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    letter-spacing: 0;
    font-size: 16px;
    padding: 18px 15px;
    opacity: 0;
    transition: .4s;
    z-index: 1;
}
.caselist li a [data-animate]::before {
    content: "";
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border: 0 solid rgba(0,0,0,.4);
    left: 0;
    top: 0;
    transition: .4s;
    cursor: pointer;
}
.caselist li a:hover>[data-animate]:before,
.caselist li a [data-animate]:hover:before {
  border:300px solid rgba(0,0,0,.4)
 }
.caselist li a:hover>[data-animate]:after,
.caselist li a [data-animate]:hover:after,
.caselist li a:hover .title  {
  opacity:1}

@media screen and (max-width:1023px){	
.caselist li .title{ font-size:16px; padding:4px 0;}
.caselist li a [data-animate]::after {transform: translateY(5px) translateX(-50%);padding:12px 15px; font-size:12px;}
}
@media screen and (max-width:767px){	
 .caselist li{ width:50%; margin-top:5px;}
}

/* 分页 */
.wack1{ float:left; width:100%; padding:4.66% 0; text-align:center;}
.pz_fy{ display:inline-block; *display:inline; *zoom:1;}
.pz_fy a { float:left; padding:0 19px; line-height:40px; box-shadow:0 0 10px rgba(0,0,0,0.16); color:#333333; font-size:20px; margin:0 8px;}
.pz_fy a:hover,
.pz_fy a.on{color:#fff; background-color:#2da8d9;}


@media  screen and (max-width:1023px){
.fy_pc{ text-align:center; font-size:14px; color:#272727; padding:5px 0;}
.fy_pc a{ padding:5px 25px; color:#fff; border:solid 1px #2da8d9; background:#2da8d9; border-radius:5px; overflow:hidden;}
.fy_pc span{ padding:5px 20px; color:#272727;}
}

/*案例*/
.in_Side1{ padding:6.666% 0 2.08% 0;}
.hwTitle1 ul li{ margin:0 60px 0 0; font-size:18px; line-height:28px;}
@media  screen and (max-width:1023px){
.hwTitle1{ margin-top:3%;}	
.hwTitle1 ul li{ margin:0 15px 0 0; font-size:16px; line-height:26px;}
}

/*案例详情*/
.caseList{ float:left; width:100%; margin:5.5% 0 7.5% 0;}
.caseList .tit1{ float:left; width:100%; color:#121212; font-size:48px; line-height:58px; text-align:center;}
.caseList .tit2{ float:left; width:100%; color:#121212; font-size:24px; line-height:34px; margin-top:5.83%;}
.caseList .info{ float:left; width:100%; color:#121212; font-size:20px; line-height:34px; margin-bottom:5.25%;}
@media  screen and (max-width:1229px){
.caseList .tit1{ font-size:36px; line-height:36px;}
.caseList .tit2{ font-size:18px; line-height:28px;}	
.caseList .info{ font-size:16px; line-height:30px;}
}

@media  screen and (max-width:1023px){
.caseList .tit1{ font-size:24px; line-height:34px;}
.caseList .info{ font-size:14px; line-height:28px;}
}

.caselist1{ float:left; width:100%; margin:5% 0;}
.caselist1 li{ float:left; width:25%; margin-top:0; position:relative;}
.caselist1 li a{ float:left; width:100%; position:relative;}
.caselist1 li .title{ float:left;position: absolute;
    left: 50%;
    bottom: 50%;
    transform: translateY(0) translateX(-50%);
    color: #fff;
    letter-spacing: 0;
    font-size: 18px;
    padding:9px 0;
    opacity: 0;
    transition: .4s;
    z-index: 1;}
.caselist1 li .img{ float:left; width:100%; line-height:0; position:relative; overflow:hidden;}
.caselist1 li a [data-animate]::after {
    content: "查看详情";
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(20px) translateX(-50%);
    color: #fff;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    letter-spacing: 0;
    font-size: 16px;
    padding: 18px 15px;
    opacity: 0;
    transition: .4s;
    z-index: 1;
}
.caselist1 li a [data-animate]::before {
    content: "";
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border: 0 solid rgba(0,0,0,.4);
    left: 0;
    top: 0;
    transition: .4s;
    cursor: pointer;
}
.caselist1 li a:hover>[data-animate]:before,
.caselist1 li a [data-animate]:hover:before {
  border:300px solid rgba(0,0,0,.4)
 }
.caselist1 li a:hover>[data-animate]:after,
.caselist1 li a [data-animate]:hover:after,
.caselist1 li a:hover .title  {
  opacity:1}

@media screen and (max-width:1023px){	
.caselist1 li .title{ font-size:16px; padding:4px 0;}
.caselist1 li a [data-animate]::after {transform: translateY(5px) translateX(-50%);padding:12px 15px; font-size:12px;}
}
@media screen and (max-width:767px){	
 .caselist1 li{ width:50%;}
}


/*服务*/
.succBg{ float:left; width:100%; background:#f0f2f3; padding:5.41% 0 6.5% 0; }
.servCont{ float:left; width:100%; margin:3.83% 0 3% 0;}
.servCont ul{ margin:0 -29px;}
.servCont li{ float:left; width:33.33%; padding:29px;}
.servCont li a{ float:left; width:100%; height:360px; text-align:center; position:relative; overflow:hidden; box-shadow:0 0 10px rgba(0,0,0,0.15);}
.servCont li .box1{ float:left; width:100%;}
.servCont li .box1 .img{ float:left; width:100%; line-height:0; margin:86px 0 46px 0;}
.servCont li .box1 .img img{ width:110px; height:110px;}
.servCont li .box1 .title{ float:left; width:100%; line-height:40px; font-size:30px; color:#333333;}
.servCont li .box2{ float:left; width:100%; position:absolute; left:-100%; top:0; background:#28a4dc; height:100%; padding:30px;
-webkit-transition: 0.5s ease;
   -moz-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	 -o-transition: 0.5s ease;
		transition: 0.5s ease;
}
.servCont li .box2::after{ float:left; width:90%; position:absolute; left:5%; top:5%; border:1px solid #fff; height:90%; content:'';}
.servCont li .box2 .title{ float:left; width:100%; line-height:40px; font-size:30px; color:#fff; margin:45px 0 0 0; padding-bottom:8px; position:relative;}
.servCont li .box2 .info{ float:left; width:100%; margin-top:22px; color:#fff; font-size:20px; line-height:36px;}
.servCont li .box2 .sp1{ float:left; width:50%; color:#fff;}
.servCont li a:hover .box2{ left:0;}

@media screen and (max-width:1229px){	
.servCont ul{ margin:0 -15px;}
.servCont li{ padding:15px;}
.servCont li .box1 .title{ font-size:22px; line-height:32px;}	
.servCont li .box2 .title{ font-size:22px; line-height:32px;}
.servCont li .box2 .info{ font-size:16px; line-height:30px;}
}
@media screen and (max-width:1023px){
.servCont ul{ margin:0 -6px;}
.servCont li{ padding:6px;}
.servCont li a{ height:200px;}
.servCont li .box1 .img{ margin:43px 0 15px 0;}
.servCont li .box1 .img img{ width:66px; height:66px;}
.servCont li .box1 .title{ font-size:18px; line-height:28px;}
.servCont li .box2{ padding:20px;}
.servCont li .box2::after{ width:96%; height:96%; left:2%; top:2%;}	
.servCont li .box2 .title{ font-size:18px; line-height:28px; margin:20px 0 0 0;}
.servCont li .box2 .info{ font-size:14px; line-height:28px; margin-top:0;}

}
@media screen and (max-width:767px){	
.servCont li{ width:50%;}
}


/*partBg*/
.partBg{ float:left; width:100%; background:#2c2c2c; padding-top:6.25%;}
.partList{ float:left; width:100%; margin-top:3.9%;}
.partList .ul li{ float:left; outline:none;}
.img-wrap{ float:left; width:100%; line-height:0; position:relative; overflow:hidden;}
.img-wrap::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
}
.img-wrap::after {
    content: "";
    width: 150%;
    height: 100%;
    position: absolute;
    right: 100%;
    top: 0;
    background: #000;
    -webkit-transition: right .8s ease;
    transition: right .8s ease;
}
.img-wrap.reveal-img::after {
    right: -150%;
}

/*homeNews*/
.homeNews{ float:left; width:100%; padding:0 0 6.25% 0;}
.h_NewsList{ float:left; width:100%; margin:10% 0;}
.h_NewsList .ul{ margin:0 -15px; overflow:hidden;}
.h_NewsList .ul li{ float:left; padding:0 15px;}
.h_NewsList .ul .l1{ float:left; width:100%; position:relative; margin-bottom:30px;}
.h_NewsList .ul .l1 a{ outline:none;}
.h_NewsList .ul .l1 .info{ float:left; width:100%; position:absolute; left:0; top:0; height:100%; overflow:hidden;}
.h_NewsList .ul .l1 .info::after{ float:left;content: "";
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border: 0 solid rgba(0,0,0,.4);
    left: 0;
    top: 0;
    transition: .4s;
    cursor: pointer;}
.h_NewsList .ul .l1 .title{ float:left; width:100%; color:#fff; font-size:24px; line-height:30px; height:60px; overflow:hidden; padding:0 6.57%; margin-top:15.52%;opacity:0; filter:alpha(opacity=00); position:relative; z-index:2;}
.h_NewsList .ul .l1 .cont{ float:left; width:100%; color:#fff; font-size:16px; line-height:20px; height:100px; overflow:hidden; padding:0 6.57%; margin-top:4.73%;opacity:0; filter:alpha(opacity=00);position:relative; z-index:2;}
.h_NewsList .ul .l1 .more{ float:left; width:100%; margin-top:7.63%; text-align:center;opacity:0; filter:alpha(opacity=00);position:relative; z-index:2;}
.h_NewsList .ul .l1 .more span{ display:inline-block;color: #fff; border-top: 1px solid #fff; border-bottom: 1px solid #fff; font-size: 16px; padding: 6px 15px;
 z-index: 1;}
 
.h_NewsList .ul .l1:hover .title{opacity:1; filter:alpha(opacity=100);}
.h_NewsList .ul .l1:hover .cont{opacity:1; filter:alpha(opacity=100);}
.h_NewsList .ul .l1:hover .more{opacity:1; filter:alpha(opacity=100);}
.h_NewsList .ul .l1:hover .info::after{ border:300px solid rgba(0,0,0,.4)}


.h_NewsList .ul .l2{ float:left; width:100%; color:#333333; font-size:16px; line-height:32px; position:relative;}
.h_NewsList .ul .l2 a{ float:left; width:100%; color:#333333; padding-right:100px; outline:none;}
.h_NewsList .ul .l2 a time{ position:absolute; right:0; top:0;}
.h_NewsList .ul .l2:hover,
.h_NewsList .ul .l2:hover a{ color:#1ca9dc;}

.h_NewsTit{ float:left; width:100%; background:#1ca9dc; color:#fff; font-size:36px; line-height:78px; height:80px; position:relative; text-align:center;}
.h_NewsTit::after{ float:left; width:0; height:0; position:absolute; left:50%; bottom:-20px; content:''; margin-left:-20px; border-left: 20px solid transparent; border-right:20px solid transparent;border-top: 20px solid #1ca9dc; }

@media screen and (max-width:1229px){
.h_NewsList .ul .l1{ margin-bottom:15px;}		
.h_NewsList .ul .l1 .title{ font-size:18px; line-height:24px; height:48px}
.h_NewsList .ul .l1 .cont{ font-size:14px; line-height:18px; height:90px;}
.h_NewsList .ul .l1 .more span{ font-size:14px;}
.h_NewsList .ul .l2{ font-size:14px; line-height:30px;}
.h_NewsList .ul .l2 a{ padding-right:90px;}

.h_NewsTit{ font-size:24px; line-height:58px; height:60px;}
.h_NewsTit::after{  bottom:-10px;  margin-left:-10px; border-left: 10px solid transparent; border-right:10px solid transparent;border-top: 10px solid #1ca9dc; }
}
@media screen and (max-width:1023px){
.partBg{ padding:10% 0 0 0;}	
.partList{ margin:6% 0 4% 0;}
.h_NewsList .ul{ margin:0 -6px;}
.h_NewsList .ul li{ padding:0 6px;}
.h_NewsList .ul .l2{ line-height:26px;}
.h_NewsList .ul .l1 .title{ font-size:16px; height:24px; padding:0 8px;}
.h_NewsList .ul .l1 .cont{ font-size:13px; height:36px; padding:0 8px;}
.h_NewsTit{ font-size:18px; line-height:38px; height:40px;}
.h_NewsList{ margin:12% 0 10% 0;}
.homeNews{ padding:0 0 10% 0;}
}
@media screen and (max-width:767px){	
.h_NewsTit{ font-size:20px;}

}



/*filmBg*/
.filmBg{ float:left; width:100%; position:relative; background:#000000; padding:6.25% 0 6.25% 0; margin-top:6.25%;}
.filmBg .Bg{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;opacity:0.2; filter:alpha(opacity=20);}
.filmList{ float:left; width:100%; margin:5% 0; position:relative; z-index:6;}
.filmList .ul{ margin:0 -15px;}
.filmList .ul li{ float:left; width:33.333%; padding:15px;}
.filmList .ul li a{ float:left; width:100%; position:relative;}
.filmList .ul li a:hover{opacity:0.8; filter:alpha(opacity=80);}

@media screen and (max-width:1023px){
.filmBg{ padding:10% 0; margin-top:10%;}
.filmList{ margin:7% 0;}	
.filmList .ul{ margin:0 -6px;}
.filmList .ul li{ padding:6px;}
}
@media screen and (max-width:767px){	
.filmList .ul{ margin:0 -4px;}
.filmList .ul li{ padding:4px;}
}

/*brangBg*/
.brangBg{ float:left; width:100%; padding:6.25% 0 0 0;}
.brangList{ float:left; width:100%; margin:4.06% 0;}
.brangList li{ float:left; width:25%; position:relative;}
.brangList li .info{ float:left; width:100%; position:absolute; left:0; top:0; height:100%; overflow:hidden;}
.brangList li .info::after{ float:left;content: "";
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border: 0 solid rgba(0,0,0,.4);
    left: 0;
    top: 0;
    transition: .4s;
    cursor: pointer;}
.brangList li .title{ float:left; width:100%; color:#fff; font-size:30px; line-height:42px; overflow:hidden; padding:0 8; position:absolute; left:0; bottom:50%; opacity:0; filter:alpha(opacity=00); z-index:2; text-align:center;white-space: nowrap; text-overflow:ellipsis; }
.brangList li .more{ float:left; width:100%; position:absolute; left:0; top:50%; margin-top:23px; text-align:center;opacity:0; filter:alpha(opacity=00); z-index:2;}
.brangList li .more span{ display:inline-block;color: #fff; border-top: 1px solid #fff; border-bottom: 1px solid #fff; font-size: 16px; padding: 6px 15px;
 z-index: 1;}


.brangList li:hover .title{opacity:1; filter:alpha(opacity=100);}
.brangList li:hover .cont{opacity:1; filter:alpha(opacity=100);}
.brangList li:hover .more{opacity:1; filter:alpha(opacity=100);}
.brangList li:hover .info::after{ border:300px solid rgba(0,0,0,.4)}

.hwTitle3{ margin-top:7.5%;}
.hwTitle3 ul{ margin:0 -20px;}


@media screen and (max-width:1229px){
.brangList li .title{ font-size:24px; line-height:36px;}
.brangList li .more{ margin-top:15px;}
}
@media screen and (max-width:1023px){
.brangBg{ padding:10% 0 0 0;}	
.brangList{ margin-bottom:4%;}
.brangList li .title{ font-size:18px; line-height:28px;}	
.brangList li .more { margin-top:10px;}	
.brangList li .more span{ font-size:14px; padding:2px 10px;}
.hwTitle3 ul{ margin:0 -10px;}
.hwTitle3 ul li{ font-size:16px;}

}
@media screen and (max-width:767px){	
.brangList li{ width:33.33%;}
.brangList li .title{ font-size:16px; line-height:26px; margin-bottom:4px;}	
.brangList li .more { margin-top:0;}	
.hwTitle3 ul{ margin:0 -12px 0 0;}
.hwTitle3 ul li{ font-size:15px;}
}
@media screen and (max-width:375px){
.hwTitle3 ul{ margin:0 -8px 0 0;}		
.hwTitle3 ul li{ font-size:13px; margin-right:8px;}
}


.bd_weixin_popup { box-sizing:content-box;}

.Hconten { float:left; width:100%; margin:6% 0; color:#333; font-size:14px; line-height:26px;}