@charset "utf-8";
/* CSS Document */

*{ margin:0 auto; padding:0;}
ul,ol,li{ list-style:none;}
img{ border:none;}
body{ font-family:"微软雅黑"; font-size:12px; color:#000;}
a{ list-style:none; text-decoration:none;}
.wp{ width:1010px; height:auto; margin:0 auto; min-width:1010px; }
.clear{ clear:both;}

.banner{ background:url(../images/banner.jpg) no-repeat center; width:100%; min-width:1010px; height:534px;}
.banner .wp{}
.banner .wp p{margin-left:615px;padding-top:455px; }
.banner .wp p a{ color:#2287a4; background:#e6ecef; font-size:16px; padding:0.5em 2em 0.5em 2em; border-radius:15px; }



#scrollNav {
	width: 100%; height: 73px; position: relative;
}

#snav {
	 background: url(../images/nav.jpg) no-repeat center; background-size:cover; width: 100%; height: 73px; margin-top: 0px;
}
#snav ul {
	 width:1000px;margin:0 auto; height: 73px; display: inline;
}
#snav ul li {
	width:126px; height: 73px; text-align: center; line-height: 73px; font-size: 20px; float: left; display: inline;
}
#snav ul li a {
	color: #fff; text-decoration: none; display: block;height: 66px; line-height:66px;
}
#snav ul li a:hover {
	background:#07a9d4; height:73px; line-height:73px; color:#fff; 
}
#snav ul li a.active {
	background:#07a9d4;height: 73px; line-height:73px; color:#fff;
}


.main1{}
.main1 .title{ width:auto; border-bottom:#028eb8 1px solid; min-width:1005px;}
.main1 .title p{  text-align:center; font-size:30px; color:#028eb8; padding-bottom:10px; padding-top:50px; }
.main1 .text{ width:auto;  min-width:1005px;}
.main1 .text p{  font-size:18px;  text-align:center; padding-bottom:50px; padding-top:10px; }
.main1 .con{ height:380px; }
.main1 .con ul{}
.main1 .con ul li{ width:25%; float:left; position:relative; }
.main1 .con ul li .con1{ position:absolute; bottom:5%; left:20%;}
.main1 .con ul li .con1 p{  font-size:15px; text-align:center;}
.main1 .con ul li .con2{ position:absolute; bottom:5%; left:20%;}
.main1 .con ul li .con2 p{ font-size:15px; text-align:center;}
.main1 .con ul li .con3{ position:absolute; bottom:5%; left:20%;}
.main1 .con ul li .con3 p{  font-size:15px; text-align:center;}
.main1 .con ul li .con4{ position:absolute; bottom:5%; left:20%;}
.main1 .con ul li .con4 p{ font-size:15px; text-align:center;}



.main2 .title{ background:url(../images/title-01.jpg) no-repeat center; width:100%; min-width:1010px; height:87px;}
.main2 .title p{font-size:35px; color:#FFF; text-align:center; line-height:70px; }
.main2 .con{ width:817px; height:298px; margin:0 auto; margin-top:8px; position:relative;}
.main2 .con img{ }
.main2 .con .text{ position: absolute; top:70px; width:330px; left:420px; font-size:16px; line-height:30px; }
.main2 .con .text p{ }
.main2 .con .btn{ width:128px; height:108px; position: absolute; bottom:0; right:0;}



.main3{ background:#cce7ee;  width:100%; min-width:1010px;}
.main3 .title{ }
.main3 .title p{font-size:36px; color:#0087ab; text-align:center; line-height:80px; }
.main3 .br{ width: auto; }
.main3 .con{ height:310px; margin-top:25px; }
.main3 .con ul{ min-width:1005px;}
.main3 .con ul li{ width:19%;float:left; margin-left:1%; position:relative; z-index:2 }
.main3 .con ul li .con1{ position:absolute; bottom:8%; left:30%; z-index:3}
.main3 .con ul li .con1 p{  font-size:15px; color:#FFF; text-align:center;}
.main3 .con ul li .con2{ position:absolute; bottom:4%; left:12%;}
.main3 .con ul li .con2 p{  font-size:15px;  color:#FFF;text-align:center;}
.main3 .con ul li .con3{ position:absolute; bottom:4%; left:20%;}
.main3 .con ul li .con3 p{  font-size:15px;  color:#FFF;text-align:center;}
.main3 .con ul li .con4{ position:absolute; bottom:4%; left:16%;}
.main3 .con ul li .con4 p{  font-size:15px; color:#FFF; text-align:center;}
.main3 .con ul li .con5{ position:absolute; bottom:4%; left:12%;}
.main3 .con ul li .con5 p{  font-size:15px;  color:#FFF;text-align:center;}
.main3 .btn{width:195px; height:34px; margin:0 auto; padding-bottom:20px;}





.main4{   width:100%; min-width:1010px; padding-bottom:30px;}
.main4 .title{ }
.main4 .title p{font-size:36px; color:#0087ab; text-align:center; line-height:60px; margin-top:20px; }
.main4 .br{ width:auto; }

.main4 .con1{ position:relative; margin:0 auto; }
.main4 .con1 img{ display:block; width:1000px; margin:0 auto; }
.main4 .con1 .title{ position:absolute;top:0;left:390px; }
.main4 .con1 .title p{ color:#0087ab;font-size:22px;}
.main4 .con1 .text{  position:absolute; top:70px; left:420px;}
.main4 .con1 .text p{ line-height:37px; font-size:12px; color:#000;}
.main4 .con1 .btn{ position:absolute;top:200px; left:390px;}
.main4 .con1 .btn img{width:190px; height:34px;}

.main4 .con2{ position:relative; margin:0 auto; }
.main4 .con2 img{ display:block; width:1000px; margin:0 auto; }
.main4 .con2 .title{ position:absolute;top:50px;;left:95px; }
.main4 .con2 .title p{ color:#0087ab;font-size:22px;}
.main4 .con2 .text{  position:absolute; top:120px; left:125px;}
.main4 .con2 .text p{ line-height:37px; font-size:12px; color:#000;}
.main4 .con2 .btn{ position:absolute;top:250px; left:420px;}
.main4 .con2 .btn img{width:190px; height:34px;}

.main4 .con3{ position:relative; margin:0 auto; }
.main4 .con3 img{ display:block; width:1000px; margin:0 auto; }
.main4 .con3 .title{ position:absolute;top:25px;left:385px; }
.main4 .con3 .title p{ color:#0087ab;font-size:22px;}
.main4 .con3 .text{  position:absolute; top:96px; left:420px;}
.main4 .con3 .text p{ line-height:37px; font-size:12px; color:#000;}
.main4 .con3 .btn{ position:absolute;top:225px; left:620px;}
.main4 .con3 .btn img{width:241px; height:77px;}


.main5{   width:100%; min-width:1010px; padding-bottom:30px; background:#cce7ee;}
.main5 .title{ }
.main5 .title p{font-size:36px; color:#0087ab; text-align:center; line-height:60px;padding-top:30px; }
.main5 .br{ width:auto; }
.main5 .con1{}
.main5 .con1 ul{}
.main5 .con1 ul li{ float:left;}
.main5 .con1 ul li p{ padding-top:200px; text-align:center;}
#a{background:url(../images/img-06.jpg) no-repeat center center; width:193px; height:271px; }
#b{background:url(../images/img-07.jpg) no-repeat center center; width:191px; height:271px; }
#c{background:url(../images/img-08.jpg) no-repeat center center; width:193px; height:271px; }
#d{background:url(../images/img-09.jpg) no-repeat center center; width:217px; height:271px; }
#e{background:url(../images/img-05.jpg) no-repeat center center; width:212px; height:271px; }

.main5 .con2{}
.main5 .con2 ul{}
.main5 .con2 ul li{ float:left;}
.main5 .con2 ul li p{ padding-top:200px; text-align:center;}
#h{background:url(../images/img-15.jpg) no-repeat center center; width:212px; height:223px; margin-left:4px; }
#i{background:url(../images/img-14.jpg) no-repeat center center; width:192px; height:223px; }
#j{background:url(../images/img-13.jpg) no-repeat center center; width:190px; height:223px; }
#k{background:url(../images/img-11.jpg) no-repeat center center; width:195px; height:223px; }
#l{background:url(../images/img-10.jpg) no-repeat center center; width:212px; height:223px; }
#aa{ margin-left:-25px;}
#bb{ margin-left:-20px;}

.main5 .btn{ text-align:center;}
.main5 .btn img{width:188px; height:34px; padding-top:20px; padding-bottom:5px;}


.main6{   width:100%; min-width:1010px; padding-bottom:30px; }
.main6 .title{ }
.main6 .title p{font-size:36px; color:#0087ab; text-align:center; line-height:60px;padding-top:30px; }
.main6 .br{ width:auto; }

.main6 .con{ margin-top:20px;}
.main6 .con ul{}
.main6 .con ul li{ float:left;}
.main6 .con ul li p{ padding-top:20px; text-align:center; color:#074e61; width:100px; letter-spacing:3px; float:right; margin-right:10px;margin-top:70px;}
#a1{background:url(../images/advantage-01.jpg) no-repeat center center; width:251px; height:264px; }
#a2{background:url(../images/advantage-02.jpg) no-repeat center center; width:250px; height:264px; }
#a3{background:url(../images/advantage-03.jpg) no-repeat center center; width:255px; height:264px; }
#a4{background:url(../images/advantage-04.jpg) no-repeat center center; width:245px; height:264px; }
.main6 .btn{ text-align:center;}
.main6 .btn img{width:192px; height:34px; padding-top:25px; padding-bottom:5px;}


.main7{   width:100%; min-width:1010px; padding-bottom:30px; background:#0087ab; }
.main7 .title{ }
.main7 .title p{font-size:36px; color:#fff; text-align:center; line-height:60px;padding-top:30px; }
.main7 .br{ width:auto; }
.main7 .con{ margin-top:20px; }
.main7 .con ul{}
.main7 .con ul li{ float:left; margin-left:4px;}
.main7 .con ul li img{ width:446px; height:127px;}
.main7 .btn{ text-align:center;}
.main7 .btn img{width:182px; height:34px; padding-top:25px;}

.main8{   width:100%; min-width:1010px; padding-bottom:30px; }
.main8 .title{ }
.main8 .title p{font-size:36px; color:#0087ab; text-align:center; line-height:60px;padding-top:30px; }
.main8 .br{ width:auto; }

.main8 .con{ margin-top:20px; }
.main8 .con ul{}
.main8 .con ul li{ float:left; margin-left:22px; margin-top:5px;  width:472px; height:324px; border:#b2dbe6 1px solid;}
.main8 .con ul li  p{ padding-top:275px;margin-left:270px; }
.main8 .con ul li  p a{ color:#FFF; font-weight:bold; background:#0087ab; padding:10px 28px 10px 28px; font-weight:bold; }
#b1{background:url(../images/expert-01.jpg) no-repeat center center; }
#b2{background:url(../images/expert-02.jpg) no-repeat center center; }
#b3{background:url(../images/expert-03.jpg) no-repeat center center; }
#b4{background:url(../images/expert-04.jpg) no-repeat center center; }


.main9{   width:100%; min-width:1010px; padding-bottom:30px; }
.main9 .title{ }
.main9 .title p{font-size:36px; color:#0087ab; text-align:center; line-height:60px;padding-top:30px; }
.main9 .br{ width:auto; }









.box14 .scrollbox {
	width: 1000px; overflow: hidden; position: relative; margin-top:30px;padding-bottom:20px;
}
.box14 .scrollz {
	top: 50px; width: 44px; height: 100px; position: absolute;
}
.box14 .scrolly {
	top: 50px; width: 44px; height: 100px; position: absolute;
}
.box14 .scrollz {
	background: url("../images/before.jpg") no-repeat; left: 0px; width: 44px; height: 44px; 
}
.box14 .scrolly {
	background: url("../images/after.jpg") no-repeat; width: 44px; height: 44px; right: 0px;
}
.box14 .scrollz a {
	background: url("../images/before.jpg") no-repeat; left: 0px; width: 22px; height: 64px; 
}
.box14 .scrolly a {
	background: url("../images/after.jpg") no-repeat; width: 44px; height: 44px; right: 0px;
}
.box14 .scrollcbox {
	width: 1000px; height: 200px; overflow: hidden; margin-left:5px; position: relative;
}
.box14 .scrollcbox ul li {
	width: 287px; height: 171px; margin-right: 10px; float: left;
}
.box14 .scrollcbox ul li a {
	border: 1px solid rgb(243, 243, 243); transition:0.3s linear; border-image: none; width: 285px; height:169px; display: block; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s;
}
.box14 .scrollcbox ul li a:hover {
	border: 1px solid rgb(228, 0, 127); border-image: none;
}