*{ padding:0; margin:0; }
*,::after,::before{box-sizing:border-box}
body{ font-family:"微软雅黑"; color:#333333; font-size:16px;}
body, html { margin: 0;transition: opacity 400ms ease 0s; height:100%;}
a{ text-decoration:none; color:#000; outline:none}
a:hover{ color:#FF0000}
h1{ font-size:34px; margin-bottom:5px; line-height:34px;}
h2{ font-size:28px; line-height:32px; font-weight:normal; margin-bottom:10px;}
h3{ font-size:18px;}
h4{ font-size:18px; color:#2b2b2b; font-weight:normal;}
h3 a{ font-size:18px; color:#c4d700!important;}
h5{ font-size:20px; color:#000000; font-weight:normal;}
li{ list-style:none;line-height: 25px}

.bankh h2{ font-size:40px; line-height:48px;}
.clear{ clear:both}
.men5{background:url(../images/jt.png) no-repeat center right/12px; margin-right:10px;}
.w{ width:90%; margin:auto; overflow:hidden}
.w2{ width:1100px; margin:auto; overflow:hidden}
.pad{ padding:50px 0; box-sizing:border-box;}
.l{ width:50%; float:left}
.r{ width:50%; float:right}
.gsname{ padding-right:50px;box-sizing:border-box; font-size:30px; line-height:38px;}
.gsname ul{ margin-top:30px; }
.gsname ul li{ font-size:18px; line-height:35px; list-style:inside;}

video, object {
display:inline-block;
vertical-align:baseline;
min-width:100%;
min-height:100%; object-fit:cover;
}
.whydw{ position:relative; z-index:999;}
.de-video-container{
top:0%;
left:0%;
height:100%;
width:100%;
overflow: hidden; position:absolute;
}

.fenye{ overflow:auto; padding:20px 0;}
.fenye li{ float:left; margin-right:3px; margin-bottom:3px; border:#666 solid 1px; padding:0 8px; color:#666;}
.fenye li:hover{ background-color:#e2e2e2;}
.thisclass{background-color:#e2e2e2;}
.fenye li a{color:#666;}

.zhong{ min-height:300px;}
.zhong img{ max-width:100%; height:auto!important}
.aboutcon{ line-height:28px;}
.about{ padding:120px 0; width:80%; margin:auto}
.about p{ font-size:16px; line-height:30px;  display:block}
.about a{ display:block; margin-top:15px; text-decoration:underline;}
.why{ background:url(../images/yingshi.jpg) no-repeat fixed; background-size:cover; color:#fff}
.whybg{padding:90px 0;text-shadow: 0 4px 7px #000; background:rgba(0,0,0 ,0.6);}
.waysp{ display:block; font-size:16px; text-align:center; margin-top:10px; margin-bottom:100px;color:#fff;padding-top:10px;}
.why h1{ text-align:center;}
.whylist{ width:25%; text-align:center; float:left; padding:0 30px; box-sizing:border-box;}
.whylist img{ height:70px;}
.whylist h5{padding-top:20px; margin-bottom:16px;color:#fff}
.whylist i{ width:60px; height:2px; background-color:#FFFFFF; display:block; margin:auto; margin-bottom:16px;}
.whylist p{ font-size:14px; color:#fff;}
.shuju h1{ text-align:center; margin-bottom:40px;}
.shujulist{ width:33.3%; float:left;padding:0 20px; box-sizing:border-box; text-align:center}
.shujulist span{ font-size:80px; line-height:85px; font-weight:bold; font-family:Arial; display:block;}
.zhici{ padding:60px 0 40px 0;
background: -webkit-linear-gradient(left,rgba(52,169,186,0.5),rgba(52,169,186,1));
background: -o-linear-gradient(right,rgba(52,169,186,0.5),rgba(52,169,186,1));
background: -moz-linear-gradient(right,rgba(52,169,186,0.5),rgba(52,169,186,1));
background: linear-gradient(to right, rgb(103 103 103 / 50%), rgb(0 0 0));}
.zckh{ font-size:45px; line-height:60px;text-align:center;}
.zhici em{ font-size:80px;}
.zhici span{ display:block; font-size:16px; margin-top:20px; margin-bottom:20px;  text-align:center;}

.zplist{ width:50%;  float:left; background-size:cover!important; position:relative;transition: 0.5s; }
.zplist a{ display:block;background-color: rgba(0, 0, 0, 1);transition: 0.5s; overflow:hidden;}
.zplist a img{ display:block; margin:auto; width:100%;transition: 0.5s;height: 723px}
.zplist a:hover{ background-color: rgba(0, 0, 0, 1);transition: 0.5s; color:#FFFFFF;}
.zplist a:hover img{opacity:0.2;transition: 0.5s;}
.title{ font-size:16px; color:#FFFFFF; width:70%; margin:auto; position:absolute; left:0; right:0; top:50%; margin-top:-50px;opacity:0;transition: 0.5s; }
.zplist:hover .title{opacity:1;transition: 0.5s;margin-top:-60px;color:#FFFFFF}
.title span{ font-size:30px;border-bottom:#FFFFFF solid 2px; display:table; padding-bottom:10px; margin-bottom:10px;}
.more{ width:100%; line-height:60px; padding:10px 0; display:block; text-align:center; font-size:18px;letter-spacing: 4px;transition: 0.5s;}
.more:hover{ background: -webkit-linear-gradient(left,rgba(52,169,186,0.5),rgba(52,169,186,1));
background: -o-linear-gradient(right,rgba(52,169,186,0.5),rgba(52,169,186,1));
background: -moz-linear-gradient(right,rgba(52,169,186,0.5),rgba(52,169,186,1));
background: linear-gradient(to right, rgba(52,169,186,0.5), rgba(52,169,186,1));color:#FFFFFF;transition: 0.5s;}
.fuwu{ text-align:center; font-size:16px; background:url(../images/yingshi.jpg) no-repeat center center fixed; background-size:cover; color:#fff}
.fuwubg{background:url(../images/pattern.png);padding:120px 0;}
.fuwu span{ font-size:40px; display:block; margin-bottom:10px;}
.morefw{letter-spacing:4px; display:block; text-decoration:underline;  margin-top:30px;color:#fff}
.news{ padding:50px 0;}
.newtop h1{ text-align:center; margin-bottom:10px;}
.newtop p{ text-align:center; font-size:16px;}

.xiala{ width:50px; height:50px; background:url(../images/xia.gif) no-repeat center center; display:block; background-size:100%; position:absolute; left:0; right:0; margin:auto; bottom:30px;}
.bgimg{ width:100%; height:100%; background-size:cover!important}
.tit span{ font-size:70px!important;font-family: 'Conv_Generica';}
.tit{ font-size:30px;}
.mianbao{ text-align:right; font-size:18px; padding:30px 0;}
/*作品*/
.hk2 img{ width:100%;}
.hk{ height:400px; background-color:#000000; background-size:cover!important;transition:0.4s; overflow:hidden;}
.hkjs{box-sizing:border-box; padding:50px;}
.hkjs h1{ font-size:30px; margin-bottom:10px;}
.hkjs a{ display:block; margin-top:10px; text-decoration:underline;}
.hkjs span{ font-size:18px; display:block; line-height:30px;}
.lvyou{ width:50%; float:left;;transition:0.4s; overflow:hidden;}
.lvyou:hover{ background-color:#000000;;transition:0.4s;color:#666;}
.lvyou:hover a{ color:#666;}
.lvyou:hover .hk{transition:0.4s;opacity:0.4;transform:scale(1.1,1.1);
-moz-transform:scale(1.1,1.1);
-webkit-transform:scale(1.1,1.1);
-o-transform:scale(1.1,1.1);}
.lvyoukh{ color:#FFFFFF; font-size:40px;width:600px; margin:auto; top:48%; position:absolute; left:0; right:0; text-align:center;}
.abouttit{ font-size:36px; line-height:50px;}
.nei{ padding:100px 0;}
.l{ width:50%; float:left}
.r{ width:50%; float:right}
.contant{ font-size:18px; line-height:32px;}
.xinwen{ padding:20px 0; overflow:auto;}
.xinwen .date{ font-size:18px;} 
.xwtu{ float:left; width:25%; margin-left:20px;}
.xwtu img{ width:100%;}
.xinwen .xwxq{ width:65%;}

.newslist {float: left;padding: 2%;width: 33.3%; box-sizing:border-box;}
.news1 {margin-bottom: 10px;overflow: auto;}
.news1 img { float: left;height: 80px;margin-right: 20px; width: 80px;}
.newslist span {color: #999;display: block;font-size: 14px;}
.news1 a {color: #e2001e;display: block;font-size: 14px;line-height: 20px;padding-top: 5px;}
.newslist p {color: #777;font-size: 12px;height: 36px;line-height: 18px;}
.read {background: rgba(0, 0, 0, 0) url("../images/jian.png") no-repeat scroll left center / 26px auto;border-bottom: 1px dashed #999999;color: #ed731e;display: block;padding: 20px 0 20px 35px;}
.fuwutop{ background:none; color:#000000; padding:60px 0;}
.fwtu{ width:50%; float:left;transition:0.4s;
-webkit-filter: grayscale(100%);   
-moz-filter: grayscale(100%);  
-ms-filter: grayscale(100%);   
-o-filter: grayscale(100%);     
filter: grayscale(100%); 	     
filter: gray;}
.fwsm{ width:50%; float:right; padding:50px; margin-top:40px; box-sizing:border-box;transition: 0.8s;}
.fwsm h1{ font-weight:normal}
.fwsm h1 span{ font-family:Arial; padding-right:10px;}
.fwsm p{ padding-top:20px; line-height:26px;}
.fuwulist{background-color:#ece7e7; overflow:auto;}
.fwsm ul{ margin-top:15px;}
.fwsm li{ line-height:30px;font-size:16px; text-decoration:underline;}
.fuwulist:hover .fwsm{ margin-top:10px;transition: 0.8s;}
.fuwulist:hover .fwtu{-webkit-filter: grayscale(0%);   
-moz-filter: grayscale(0%);  
-ms-filter: grayscale(0%);   
-o-filter: grayscale(0%);}


.ablist{ margin-top:30px; margin-bottom:30px;}
.ablist li{ width:33.3%; height:329px; float:left; padding:40px 40px 40px 120px; border:#ebebeb 1px solid; position:relative; margin-left:-1px; }
.ablist li:hover{ background-color:#f7f8fa!important;}
.ablist:hover .abli2{ background-color:rgba(255,255,255,0)}
.ablist li span{ color:#666666; display:block; font-size:14px; padding:3px 0; background:url(../images/abspan.png) no-repeat center left/14px; padding-left:20px;}
.ablist li h4{ margin-bottom:10px;}
.abli1{ background:url(../images/abli1.png) no-repeat 10% 35%/60px}
.abli2{ background:url(../images/abli2.png) no-repeat 10% 35%/60px;background-color:#f7f8fa;}
.abli3{ background:url(../images/abli3.png) no-repeat 10% 35%/60px}


/*服务项目*/
.xiangmu{ padding:90px 0;}
.xiangmuli img{ height:100px;opacity: 0.6;}
.xiangmuli h4{ margin-bottom:10px; font-size:22px;}
.xiangmuli{ width:14.6%; margin:0 1%; height:390px; float:left;border:#ebebeb 1px solid; position:relative; padding:30px 10px; text-align:center; margin-bottom:2%;}
.xiangmuli:hover{ background-color:#f7f8fa!important;}
.xiangmuli:hover a{ color:#FF0000}
.xiangmu:hover .xmbg{ background-color:rgba(255,255,255,0)}
.xmbg{ background-color:#f7f8fa;}
.xiangmuli p{ color:#666; font-size:14px; color:#999; line-height:26px;}

/*page4*/

.newstop{ text-transform:uppercase; font-size:24px; font-family:Arial, Helvetica, sans-serif; margin-bottom:15px;}
.newstop span{ font-size:16px; display:block; font-family:"微软雅黑";}
.newlist{ padding:15px 0; border-bottom:#000000 solid 1px; border-top:#000000 solid 2px; margin-top:20px; text-transform:uppercase; font-size:16px;}
.xinwe a{ color:#000000; font-size:14px;}
.xinwe a:hover{ color:#e56700}
.xinwe p{color:#999}
.infoList{ background:url(../images/zixun_bg.jpg) no-repeat; background-size:23.1px;}
.infoList li{background:url(../images/li_bg.jpg) no-repeat no-repeat bottom left;}
.tempWrap{ padding-bottom:1px;}
.zixun{margin-top:15px; padding-bottom:5px;}
.zixun a{ line-height:28px; padding-left:25px; }
.xinwen2{ padding-top:8px;}
.xinwen2 li{ margin-top:12px;}
.xinwen2 p{ margin-top:5px; line-height:18px;font-size:14px;}
.news{ position:relative;}
.dongtai{ padding:15px 0; border-bottom:#000000 solid 1px;margin-top:20px;}
.gsdt{ float:left; margin-left:100px;}
/*.dd{ float:left}*/
.l2{ width:46%;float:left}
.r2{ width:46%;float:right}

.footer{ background-color:#000; width:100%; padding:50px 0; font-size:14px;}
.footl{ overflow:auto; float:left; width:45%; color:#666}
.footr{ float:right; width:55%}
.hzhb{ margin-top:10px;}
.hzhb li img{ height:40px; vertical-align:inherit}
.hzhb li{ float:left; margin-right:15px;}
.xmtop{ font-size:40px; font-weight:bold; text-align:center; margin-bottom:50px;}
.link{ overflow:auto; padding:20px 0; line-height:24px;}
.link span,.link li{ display:block; float:left; margin-right:10px;}
.link li a{ font-size:12px;}

.ban{ background-color:#333!important; background-size:cover!important;}
.ban2{ min-height:100%; background-color:rgba(2,140,150,0.8)
}
.bg{width:100%;height:450px; background:url(../images/pattern.png);}
.bg2{width:100%;height:100%; background:url(../images/pattern.png);}
.yingyong{background: -webkit-linear-gradient(left,rgba(52,169,186,0.5),rgba(52,169,186,1));
background: -o-linear-gradient(right,rgba(52,169,186,0.5),rgba(52,169,186,1));
background: -moz-linear-gradient(right,rgba(52,169,186,0.5),rgba(52,169,186,1));
background: linear-gradient(to right, rgba(52,169,186,0.5), rgba(52,169,186,1));}

.yylist{ width:25%; height:155px; float:left; padding:30px 40px; box-sizing:border-box; border-left:#78E2EA solid 1px; border-right:#78E2EA solid 1px; position:relative; margin-left:-1px; color:#FFFFFF}
.yylist h4{ color:#FFFFFF}
.yylist img{ float:left; margin-right:30px; margin-top:10px; height:50px;}
.imr{ float:left}
.yylist:hover{ background:rgba(255,255,255,0.2)}
.yylist ul li{ font-size:14px;padding:0;margin:0;background:url(../images/d.png) no-repeat left center/5px; padding-left:10px;}
.yylist ul{ margin-top:10px;}
.abys{ width:92%; margin:auto}
.abfw img{ height:45px; float:left; margin-right:15px;}
.abfw{ width:23%; float:left; margin:0 1%; padding:20px; box-sizing:border-box; border:#CCCCCC solid 1px; font-size:18px;}
.abfw:hover{background-color:#f7f8fa;}
.abfw span{ font-size:12px; color:#999999; display:block}
.kehutop{ width:200px; margin:auto; text-align:center; font-size:30px;}
.kehutop i{ display:block; width:60px;margin:auto; height:2px; margin-top:20px; background-color:#34a9ba;}
.kehu{ width:90%; margin:auto}
.kehu ul{ margin-top:30px;}
.kehu ul li{ width:16.66%; float:left; border:#CCCCCC solid 1px; position:relative; margin-left:-1px; margin-top:-1px; box-sizing:border-box;}
.kehu ul li img{ width:80%; display:block; margin:auto; padding:10px 0;
-webkit-filter: grayscale(100%);   
-moz-filter: grayscale(100%);  
-ms-filter: grayscale(100%);   
-o-filter: grayscale(100%);     
filter: grayscale(100%); 	     
filter: gray;}
.kehu ul li img:hover{-webkit-filter: grayscale(0%);   
-moz-filter: grayscale(0%);  
-ms-filter: grayscale(0%);   
-o-filter: grayscale(0%);     
filter: grayscale(0%);}
.fuwtop { text-align:center; padding:75px 0;}
.fuwtop span{ font-size:35px; display:block; margin-bottom:20px;}
/*新闻页*/
.newsl{ width:70%; float:left}
.newsr{ width:25%; float:right;}
.newtu{ display:block; float:left; width:15%}
.newtu img{width:100%; min-height:90px;object-fit:cover; border:#CCCCCC solid 1px;}
.newjs{ float:right; width:85%; padding-left:20px; box-sizing:border-box;}
.newjs p{ font-size:14px; color:#999999; line-height:22px; margin-top:6px; padding-right:100px;}
.newjs span{color:#34a9ba; font-size:14px; float:right;}
.newtit{ color:#34a9ba; font-size:18px;}
.newtit2{ color:#666; font-size:16px; padding:6px 0!important; display:block;}
.newli{ padding:20px 0; border-bottom:#CCCCCC dashed 1px;}


.newsl h2,.newsr h2{ border-left:#34a9ba solid 5px; padding-left:15px;}
.xiazaili a{ padding:2px; border:#CCCCCC solid 1px; display:block; text-align:center; margin-bottom:-1px;}
.xiazaili img{ width:100%;}
.xiazaili{ padding:15px 0;}

.hot{ margin-top:20px;}
.hot a{ color:#666666; font-size:14px;}
.hot li{ line-height:30px;}
.hot li em{ background-color: #cccccc;font-size: 12px;font-style: normal;margin-right: 5px;padding: 0 5px;}
.hot li span{ color:#CCCCCC; float:right;}
.hot ul{ padding-top:10px;}
.em1,.em2,.em3{ background-color:#34a9ba!important; color:#FFFFFF;}

/*案例页*/
.case{ margin:auto;}
.anlibg{ display:block; background-size:cover;}
.anllist{ width:50%; float:left; box-sizing:border-box; overflow:hidden;}
.anllist:hover .anlibg{transition:0.4s;opacity:0.4;transform:scale(1.1,1.1);
-moz-transform:scale(1.1,1.1);
-webkit-transform:scale(1.1,1.1);
-o-transform:scale(1.1,1.1);}
.anllist a,.anllist span{ display:block;}
.anlitit{ padding:10px;box-sizing:border-box;
background: -webkit-linear-gradient(left,rgba(255,255,255,0.5),rgba(52,169,186,0.2));
background: -o-linear-gradient(right,rgba(255,255,255,0.5),rgba(52,169,186,0.2));
background: -moz-linear-gradient(right,rgba(255,255,255,0.5),rgba(52,169,186,0.2));
background: linear-gradient(to right, rgba(255,255,255,0.5), rgba(52,169,186,0.2));
}
/*联系*/
.contact{ width:1000px; margin:auto; position:absolute; left:0; right:0; bottom:8%; height:400px; padding:50px;box-sizing:border-box; color:#FFFFFF; background-color:rgba(0,0,0,0.2);}
.cont{ line-height:30px;}
.dherji{ display:none;}

.jztop{ width:100%; position:absolute; text-align:center; color:#FFFFFF; top:24%;}
.jztop h1{ font-size:50px;}
.jztop img{ height:30px;}
.jztop p{ display:block; padding:20px 0; font-size:20px;}
.jzimg{ text-align:center}
.jzimg img{ height:240px;}
.jdx{ padding:50px 0;}
.jdx h1{ font-weight:normal;}
.ddjs{ margin-top:50px; line-height:26px; color:#666;}
.bcolr{ background-color:#f9f9f9;}

.lclist{ width:20%; float:left; text-align:center;}
.lclist h5{ padding:15px 0; font-weight:bold;}
.lcjs{padding:0 15px; border-top:dashed 1px #2e8cff; margin-top:30px;}
.lcjs i{ width:25px; height:30px; display:block; margin:auto; background:url(../images/dian.png) center center no-repeat; margin-top:-15px;}
.lcjs p{ color:#666; font-size:14px; line-height:26px;}
.lclist img{ height:90px;}
.liucheng{ width:92%; margin:auto; padding:80px 0;}
.liucheng h1{ text-align:center; padding-bottom:50px;}

.waimaotop{ text-align:center}
.wmtop{ font-size:30px; margin-bottom:10px; display:block; text-align:center;}
.sheji li{ width:20%; margin:0 2.5%; float:left; text-align:center; border:#CCCCCC solid 1px;box-sizing:border-box; padding:40px 20px; line-height:30px;}
.sheji ul{ margin-top:50px;}
.sheji li img{ display:block; height:65px; margin:auto; margin-bottom:20px;
-webkit-filter: grayscale(100%);   
-moz-filter: grayscale(100%);  
-ms-filter: grayscale(100%);   
-o-filter: grayscale(100%);     
filter: grayscale(100%); 	     
filter: gray;}
.sheji li:hover{ border:#2e8cff solid 1px; background-color:#f9f9f9;}
.sheji li:hover img{
-webkit-filter: grayscale(0%);   
-moz-filter: grayscale(0%);  
-ms-filter: grayscale(0%);   
-o-filter: grayscale(0%);     
filter: grayscale(0%);
}



.shangji{ text-align:center;}
.shangji img{ margin-top:20px;}

.youdian li{ width:33.3%; height:100px; margin:20px 0; float:left; text-align:center}
.youdian li img{ display:block; margin:auto; margin-bottom:20px;}
.kan{ text-align:center; background-color:#f9f9f9;}
.kan img{ margin-top:20px;}
.kan2{ text-align:center; padding:80px 0;background-color:#fff;}
.kan3{ text-align:center;padding:80px 0;background-color:#c5d701;}
.tedian ul{ margin-top:30px;}
.tedian li{ width:25%; float:left; text-align:center; margin-top:20px;}
.tedian li img{display:block; margin:auto; height:90px;}
.sd{ padding:20px 60px; box-sizing:border-box;}
.sd h2{ color:#00c1de;}
.sd p{ line-height:28px;}
.suoding{ margin-top:50px;background:url(../images/yxbg.jpg) center center no-repeat fixed; color:#FFFFFF;background-size: cover;}
.gongxin ul{ margin-top:20px;}
.gongxin li{ width:20%; height:85px;float:left; border:#CCCCCC solid 1px; position:relative; margin-right:-1px; margin-top:-1px; padding:20px;box-sizing:border-box;}
.gongxin li:hover{ background-color:#f9f9f9;}
.gongxin li span{ font-size:28px; font-weight:bold; float:left; display:block; margin-right:10px; color:#34a9ba;}


.zuozhe{ padding:30px 0; color:#999999; font-size:14px;}
.fenye2{ padding-top:30px; margin-top:30px; border-top:dashed 1px; border-color:rgba(0,0,0,0.2)}
.fenye2 a:hover{ color:#999999}
.zhengwen{ color:#444; line-height:26px;}
.casearc{ position:absolute; left:0; right:0; bottom:8%; max-width:1400px;}
.casel{ width:65%; float:left}
.caser{ width:30%; float:right; padding-right:50px;box-sizing:border-box; margin-top:20px;}
.casel img{ width:100%!important; height:auto!important; max-width:909px; display:block; margin:auto;}
.caser span{ display:table; margin-bottom:20px; font-size:18px;}


.tu{ display:block; width:100%; height:220px; background-size:cover!important}
.tu img{ width:100%;}
.xinwen{ padding:60px 0; background-color:#f0f0f0;}
.new{ position:relative}
.new span{ position:absolute; background-color:#c4d700; color:#000000; display:block; top:0; left:0; z-index:999; padding:5px 10px;}
.title2{ color:#000;  display:block; font-size:16px; margin-top:10px;}
.title:hover{ color:#FF0000}
.newlist2{ width:33.3%; min-height:375px; float:left; box-sizing:border-box; padding:20px;}
.newlist2:hover{ background-color:#f1f1f1;}
.newlist2 p{ color:#999; font-size:14px; line-height:20px; padding-top:10px;}
.chakan{ margin-top:10px; display:block;}

.kefu{ position:fixed; top:20%; right:0px; z-index:999}
.kf{ background-color:rgba(0,0,0,0.5); line-height:50px; color:#fff;background-color:rgba(52,169,186,0.8)!important; padding:0px 10px 0px 50px; background-position:5px 5px!important; width:160px; right:-110px; position:absolute;transition:0.4s;}
.kf:hover{ background-color:#333333!important;}
.kf a{ color:#fff;}
.dianhua{background:url(../images/dh.png) no-repeat left center/40px auto; top:0px;transition:0.4s;}
.qq{background:url(../images/qq.png) no-repeat left center/40px auto; top:51px;}
.weixin{background:url(../images/wx.png) no-repeat left center/40px auto;top:102px;}
.weixin img{ height:100px; right:160px; top:-50px; position:absolute;opacity:0;transition:0.4s}
.weixin:hover img{opacity:1;transition:0.4s}
.dianhua:hover{ right:0;transition:0.4s;}
.qq:hover{ right:-20px;transition:0.4s;}

.mszx{ background-color:#FF0000; color:#FFFFFF; margin-left:170px;margin-top:20px;}
.shzs{ background-color:rgba(255,255,255,0.5);}
.lanrenzhijia_m a{ line-height:24px; display:block; text-align:center}
.lanrenzhijia_m a:hover{ color:#FFFFFF}
.close2{ color:#FF0000}

/*弹出QQ*/
.lanrenzhijia_r .main p{ height:25px; line-height:25px; padding-left:5px;}
.lanrenzhijia_m{ width:380px; height:210px; background:url(../images/invite_bg.png) no-repeat; background-size:100%; position:fixed; left:50%; top:50%; margin:-72px 0 0 -190px; display:none; z-index:9999}
.lanrenzhijia_m ul .close{ width:25px; height:25px; display:block; position:absolute; right:0; top:0;}
.lanrenzhijia_m ul{width:380px; height:210px; position:relative;}
.lanrenzhijia_m ul a{ display:block; width:74px; height:26px; position:absolute; top:123px;}

/*屏幕大于1600时*/
@media screen and (min-width:1600px) {
.zplist{}
.hk{ height:500px;}
.zplist a{}
.casearc{bottom:15%;}
}

/*屏幕大于1060时*/
@media screen and (min-width:1060px) {
.dherji{ width:100%; height:0;opacity:0;overflow:hidden; background-color:rgba(52,169,186, 0.8); position:absolute;transition:0.8s;  display:block;}
.navbar-nav li:hover .dherji{ height:auto;opacity:1;transition:1s;}
.dherji a{ display:block; color:#fff; font-size:12px; line-height:18px; padding:5px 2px; text-align:center;}
.dherji a:hover{ color:#000000;background-color:rgba(255, 255, 255, 0.8);}
}

/*手机*/
@media screen and (max-width: 768px) {
.w2{ width:90%;}
h1{ font-size:24px;}
.l,.r{ width:100%; float:none;}
video, object {display:none;}
.daohang{ display:none}
.daohang2{ display:block}
.menu{ margin-top:10px;}
.video{ background:url(../images/video.jpg) center center; background-size:cover;}
.infoList li{overflow:hidden; height:28px;}
.kouhao{font-size:32px;}
.kouhao span{ font-size:16px;}
.about{ width:90%; padding:50px 0;}
.zhici{ font-size:24px;}
.zhici em{ font-size:24px;}
.whylist{ width:100%; text-align:left; padding:20px 0;}
.whylist img{ float:left; margin-right:15px;}
.whylist h5{ padding:0;}
.shuju{ width:90%}
.shujulist{ padding:10px; font-size:12px;}
.zplist{ width:100%;}
.zplist a{}
.title{ font-size:14px;}
.fuwu span{ font-size:24px;}
.xinwenlist{ width:100%; padding:10px 0; margin:0;}
.date{ font-size:12px; width:13%;}
.xwxq{ width:83%;}
.rylist{ width:100%; padding:0;}
.rylist img{ height:220px;}
.shujulist span{ font-size:40px;}
.foot1,.foot2{ width:100%; float:none; margin:5px 0;}
.lvyou{ width:100%; float:none;}
.hk{ height:230px;}
.hkjs{ padding:20px;}
.hkjs h1{ font-size:20px;}
.hkjs span{ font-size:14px; line-height:22px;}
.abouttit{ font-size:24px; line-height:30px;}
.contant{ margin-top:20px;}
.nei{ padding:50px 0;}
.newslist {float:none; padding:10px 0;width:100%;}
.xinwen .xwxq{ width:100%; float:none;}
.ablist li{ width:100%}
.whylist i{ display:none;}
.zckh{ font-size:26px; line-height:30px;}
.xmtop{ font-size:20px;}
.xiangmuli{ width:48%;}
.footl{ width:100%;}
.hzhb li img{ height:24px;}
.hzhb li{ margin-right:10px;}
.bg{ height:140px;}
.yylist{ width:50%; height:auto; padding:20px 2px; border:none;}
.gsname{ font-size:24px;}
.gsname ul{ margin-top:10px;}
.r{ margin-top:20px;}
.abfw{ width:48%; margin-bottom:2%;}
.kehu ul li{ width:25%;}
.anllist{ width:100%; padding:0;}
.contact{ width:100%; bottom:20px}
.fuwtop{ width:90%; margin:auto}
.fuwtop span{ font-size:24px; line-height:30px;}
.fwtu,.fwsm{ width:100%; float:none; margin-top:0;}
.newsl{ width:100%; float:none;}
.newsr{ width:100%; float:none; margin-top:20px;}
.newlist2{ width:100%; float:none; padding:0}
.lclist{ width:100%; float:none;}
.tedian li{ width:50%}
.gongxin li{ width:100%;}
.sheji li{ width:42.5%; font-size:12px; line-height:20px; padding:10px; margin-bottom:5%}
.newjs p{ padding-right:0; height:44px; overflow:hidden;}
.bg3{ height:280px;}
.jztop{top:110px;}
.jztop h1{ font-size:30px;}
.jztop p{ font-size:16px; padding:10px 0}
.jztop img{ height:25px;}
.l2,.r2{ width:100%; float:none}
.gsdt{ margin:10px 0 0 0;}
.casel,.caser{ width:100%; float:none; padding:0}
.casearc{ padding-top:120px; position:relative; margin-top:0;}
.title span{ font-size:18px;}
.gsname{ padding-right:0;}
.fwsm{ padding:30px;}
.newjs span{ float:none; display:block}
.yylist ul li{ padding-left:0; background:none; text-align:center}
.imr{ float:none;}
.yylist{ text-align:center;}
.yylist img{ float:none; margin:0; margin-bottom:10px;}
.sd{ padding:20px;}
.sheji li img{ height:42px!important; margin-bottom:10px; margin-top:5px;}
.tedian li img{ height:70px!important;}
.ban2{ padding-bottom:50px;}
.waysp{ margin-bottom:30px;}
.why h1{ padding:0 10px;}
#intro .carousel-control-prev{ background-size:35px;}
#intro .carousel-control-next{background-size:35px;}
}