/* CSS Document */
.wow {}
.banner5{width:100%; height:400px; background:url(../image/bannerbga.jpg) center no-repeat; }
.banner{width:100%;height:500px;}
.banner1{width:1890px; height:220px;}


.case1{width:100%; height:140px; text-align:center;}
.case1 .li1{
	font-size: 36px;
	height: 70px;
	padding-top: 20px;
	border-bottom: #ccc solid 1px;
	color: #0d8ec5;
}
.case1 .li2{
	font-size: 18px;
	height: 30px;
	padding-top: 10px;
	color: #797979;
}

.case2{width:1600px; height:160px; text-align:center; margin-top:20px;}
.case2 li{ width:150px;   color:#999; float:left; height:150px; margin-left:80px; margin-right:82px; border-radius:75px;cursor:pointer }
.case2 li img{border-radius:75px; width:150px; height:150px; transition:all 0.8s ease-in-out; }
.case2 li img:hover{ transform:rotateY(360deg); -moz-transform:rotateY(360deg);}

.case3{width:1600px; height:220px; text-align:center; margin-top:0;  margin-top:40px;}
.case3 ul{ width:260px;   color:#999; float:left; height:200px; margin-left:29px; margin-right:29px;cursor:pointer  }
.case3 .li1{  height:50px;}
.case3 .li1 a{font-size:24px;  color:#666}
.case3 .li2{ font-size:14px; line-height:24px; text-align:left; padding-left:62px; }
.case3 .li2 a{ display:block; color:#999; font-size:14px; line-height:30px; text-decoration:none}
.case3 .li2 a:hover{color:#0d8ec5;}

.yewu {width:100%; height:560px;  background:#F9F9F9;}
.yewu1 {width:100%; height:140px; text-align:center; }
.yewu1 .li1{font-size:36px; height:70px; padding-top:20px; border-bottom:#ccc solid 1px;color:#4787c1;}
.yewu1 .li2{
	font-size: 18px;
	height: 30px;
	padding-top: 10px;
	color: #797979;
}

.yewu2{ width:1200px; height:515px; }
.yewu2 ul{ width:590px; height:250px; float:left; margin:5px; }
.yewu2 li{ float:left; width:295px; height:250px;}
.yewu2 .li2{ background:url(../image/bg51.png); transition:all 0.6s ease-in-out;}
.yewu2 .li2:hover{  filter:alpha(opacity=80);opacity:0.8; cursor:pointer }
.yewu2 .li2 dl{   width:260px; margin:0 auto; margin-top:20px;}
.yewu2 .li2 dl a{color:#FFF; text-decoration:none}
.yewu2 .li2 dt{ font-size:22px; height:68px;}
.yewu2 .li2 dd{ font-size: 14px; line-height:20px;}

.anli1{width:100%; height:140px; text-align:center;}
.anli1 .li1{
	font-size: 36px;
	height: 70px;
	padding-top: 20px;
	border-bottom: #ccc solid 1px;
	color: #0d8ec5;
}
.anli1 .li2{
	font-size: 18px;
	height: 30px;
	padding-top: 10px;
	color: #797979;
}

.anli2{width:1200px; height:520px; margin-top:20px;}
.anli2 a,.anli2 span{display:none; text-decoration:none; }
.anli2 li{ width:260px; height:200px; float:left; margin:20px;position:relative;cursor:pointer;  }
.anli2 li:hover a.now{ position:absolute; top:0; width:100%; height:100%; z-index:100; left:0; display:block;  }
.anli2 li:hover span{ display:block;position:absolute; width:260px; height:30px; letter-spacing:1px; font-size:16px; bottom:0; left:0;color:#FFF; text-align:center; z-index:10;  background:#000;filter:alpha(opacity=70);-moz-opacity:0.7;opacity: 0.7;}


.anli3{width:1600px; height:auto; overflow:hidden; margin-top:20px;margin-bottom:30px;}
.anli3 a,.anli3 span{}
.anli3 .pic35{width:500px; height:400px; float:left; margin:15px;}
.anli3 .pic35a{width:500px; height:300px; overflow:hidden; position:relative}
.anli3 .pic35a img{width:500px; height:300px;transition:1s;}
.anli3 .pic35a img:hover{transform: scale(1.2); }
.anli3 .pic35 a{ width:500px;  font-size:18px; color:#333; display:block; line-height:50px; font-weight:bold }
.anli3 .pic35 a:hover{ color:#4787c1; text-decoration:none}
.anli3 .pic35 span{ font-size:14px; color:#999}
.anli3 .pic35 a.a35{color:#999;text-decoration: none; font-size:14px; font-weight:400;line-height:28px;}
.anli3 .pic35 a.a35:hover{color:#999;text-decoration: none; font-size:14px;font-weight:400;line-height:28px;}
.anli3 .pic35a .zhezhao3{
    background-color:#0d8ec5;
    opacity: 0;
    width: 510px;
    height: 320px;
    position: absolute;
    top: 0;
    color: white;
    text-align: center;
    line-height: 320px;
    transition:all 2s;
    z-index: 10;
}
.anli3 .pic35a:hover .zhezhao3{
    opacity: 0.8;
}


.anli4{width:1600px; height:auto; overflow:hidden; margin-top:20px;margin-bottom:30px;}
.anli4 a,.anli4 span{}
.anli4 .pic45{width:370px; height:400px; float:left; margin:15px;}
.anli4 .pic45a{width:370px; height:230px; overflow:hidden; position:relative}
.anli4 .pic45a img{width:370px; height:230px;transition:1s;}
.anli4 .pic45a img:hover{transform: scale(1.2); }
.anli4 .pic45 a{ width:370px;  font-size:18px; color:#333; display:block; line-height:50px; font-weight:bold }
.anli4 .pic45 a:hover{ color:#4787c1; text-decoration:none}
.anli4 .pic45 span{ font-size:14px; color:#999}
.anli4 .pic45 a.a45{color:#999;text-decoration: none; font-size:14px; font-weight:400;line-height:28px;}
.anli4 .pic45 a.a45:hover{color:#999;text-decoration: none; font-size:14px;font-weight:400;line-height:28px;}




.news {width:100%; height:740px;   background:url(../image/bg52.jpg) no-repeat center;}
.news1 {width:100%; height:140px; text-align:center; }
.news1 .li1{font-size:36px; height:70px; padding-top:20px; border-bottom:#ccc solid 1px;color:#0d8ec5;}
.news1 .li2{
	font-size: 18px;
	height: 30px;
	padding-top: 10px;
	color: #797979;
}

.news2{ width:1200px; height:30px; text-align:center; margin-bottom:20px; }
.news2 ul{ display:inline-block;}
.news2 li{ width:80px; height:25px; background:#0d8ec5; border-radius:10px; float:right; margin-right:20px; padding-top:5px;    }
.news2 li a{ color:#FFF;}
.news3{ width:1600px; height:500px;}
.news3 ul{ width:510px; height:100px; float:left; margin-left:0px; margin-right:20px; margin-bottom:30px;}
.news3 .dl1{width:96px; height:86px; background:#0d8ec5; border-radius:20px; text-align:center;color:#FFF; padding-top:10px; float:left; margin-right:30px;}
.news3 .dl1 dt{font-size:40px;}
.news3 .dl1 dd{font-size:16px;}

.news3 .dl2{ width:360px; height:100px; float:left}
.news3 .dl2 dt{ height:30px; font-size:16px; width:380px; padding-top:10px;}
.news3 .dl2 dd{ height:60px; font-size:14px; width:370px; color:#666; line-height:24px;}
.news3 .dl2 dd a{ color:#666; text-decoration:none; font-size:14px;}

.kehu1{width:100%; height:140px; text-align:center;}
.kehu1 .li1{
	font-size: 36px;
	height: 70px;
	padding-top: 20px;
	border-bottom: #ccc solid 1px;
	color: #0d8ec5;
}
.kehu1 .li2{
	font-size: 18px;
	height: 30px;
	padding-top: 10px;
	color: #797979;
}

.kehu2{ width:1597px; height:340px; border-left:#efefef solid 1px;border-top:#efefef solid 1px; margin-top:20px; margin-bottom:40px;}
.kehu2 li{ width:265px; height:169px; text-align:center; float:left; border-bottom:#efefef solid 1px; border-right:#efefef solid 1px;}
.kehu2 li img{ width:239px; height:169px; opacity:0.5; -webkit-filter: grayscale(100%);     -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;}


.banner6{width:100%; height:360px; background:url(../image/dj5.jpg) no-repeat center; padding-top:40px;}
.banner6a{width:1200px; margin:0 auto; color:#FFF}
.banner6a h2{ font-size:50px; line-height:0px;}
.banner6a h2 a{ color:#FFF; text-decoration:none}
.banner6a h3{ font-size:36px; line-height:40px; font-family:simsun;}
.banner6a h4{ font-size:24px; line-height:20px; }
.banner6a h5{ font-size:22px; line-height:10px; color:#f27b53 }
.banner6a table{ text-align:center; }
.banner6a .p1{font-size:24px; color:#333; line-height:60px;}
.banner6a .p2{font-size:60px; color:#ff0000;line-height:60px; font-family:Georgia}


.banner10 {
    width: 1900px;
    height: 450px;
    background: url(../image/banner10.jpg) center no-repeat;
}

.title31{width:145px; height:40px; background:#fff; float:left; text-align:center; color:#FFF; line-height:40px; font-size:16px; margin-top:40px; border-radius:5px;}
.title31 a{ color:#2386ee; text-decoration:none}

/* 新解决方式样式 */
.bottoma{
    width: 100%;
    height: 500px;
}
.bottoma1{
    width: 1600px;
    height: 400px;
    margin: 0 auto;
}
.bottoma1 figure{
    width: 360px;
    height: 380px;
    float: left;
    border-bottom: 2px solid gray;
    position: relative;
}
.bo2{
    width: 360px;
    height: 225px;
    overflow: hidden;
}
.bottoma1 figure img{
   transition:1s;
}

.bottoma1 figure p{ font-size:14px; color:#999; line-height:30px;}

.bottoma1 figure:hover img{
    transform: scale(1.2,1.2);
}
.bottomreda{
    position: absolute;
    bottom: -2px;
    width: 0px ;
    height: 2px!important;
    background-color:#4787c1;
    transition: all 2s;
}
.bottoma1 figure:hover .bottomreda{
    width: 100%;
}
.bottoma1 figure:hover figcaption{
    color: #333;
}
.bottoma1 a{
    display: block;
    width: 360px;
    height: 400px;
    float: left;
    text-decoration: none;
    color: black; font-size:18px; line-height:45px; height:50px;
}
.botcon{
    margin-left: 53.3px;
}
/* CSS Document */


/* 新增app news */
.appnews1{width:100%; height:140px; text-align:center; background:#f9f9f9}
.appnews1 .li1{
	font-size: 36px;
	height: 70px;
	padding-top: 20px;
	border-bottom: #ccc solid 1px;
	color: #0d8ec5;
}
.appnews1 .li2{
	font-size: 18px;
	height: 30px;
	padding-top: 10px;
	color: #797979;
}

.appnews2{width:100%; height:auto; background:#f9f9f9}
.appnewsright{ width:1600px; height:360px;  padding-top:0; margin:0 auto;}

.appnewstext{ width:510px; height:100px; border-bottom:#efefef solid 1px; padding-top:12px; float:left; margin-right:10px; margin-left:10px;}
.appnewstext ul{float:left; width:48px; margin-right:20px; height:50px; line-height:25px; margin-top:20px;}
.appnewstext ul .li7{font-size:18px; color:#999999;text-align:center; }
.appnewstext ul .li8{color:#999999; font-size:12px;}
.appnewstext p{float:left; width: 440px; height:60px; font-size:14px; color:#333333; line-height:30px;}
.appnewstext p a.a10{ font-size:16px}