body { font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif; font-size: 14px;/* padding-bottom: 600px */

}
/* header start */



.header { width: 100%; height: 95px; position: fixed; left: 0px; top: 0px; z-index: 990; background: rgba(255, 255, 255, 1); border-top: #004c98 solid 5px; border-bottom: #d6d6d6 solid 1px; }
.logo { display: block; float: left; margin-top: 16px; }
.nav-btn { display: none }
.nav { float: left; margin-left: 90px; }
.nav li { float: left; width: 140px; text-align: center; position: relative; }
.nav li>a { display: block; height: 90px; line-height: 90px; color: #333; font-size: 18px; }
.nav li>a:hover { color: #fff; }
.two-nav { position: absolute; width: 100%; left: 0px; top: 90px; background: rgba(0, 0, 0, 0.8); display: none; z-index: 990 }
.two-nav a { display: block; height: 43px; line-height: 43px; color: #fff; font-size: 16px; border-bottom: dashed 1px #333333 }
.nav li.current>a { background: #004c98 }
.two-nav a:last-child { border-bottom: none }
.two-nav a:hover { color: #0387d2 }
 @media(min-width:1100px) {
 .nav li:hover>a {
 background: #004c98
}
}
/* banner */



.banner { overflow: hidden; }
.swiper-container { width: 100%; }
.banner img { display: block; width: 100% }
.banner a { display: block; }
.banner .swiper-pagination-bullet { width: 20px; height: 20px; background: #fff; opacity: 1; }
.banner .swiper-pagination-bullet-active { background: #0260b8 }
.banner .swiper-container-horizontal>.swiper-pagination { bottom: 30px; }
.banner .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet { margin: 0px 20px }
.home-lx { width: 100%; height: 100px; background: #010413 }
.home-lx a { display: block; float: right; width: 235px; height: 56px; line-height: 56px; text-align: center; border:solid 1px #fff; font-size: 24px; color: #fff; margin-top: 20px; position: relative; }
.home-lx a img { position: absolute; right: 40px; top: 21px; }
.home-service { width: 100%; height: auto; padding: 40px 0 40px 0px; background: url(../images/fwbg_02.jpg) no-repeat center top; }
.home-service2 { width: 100%; height: auto; padding: 40px 0 40px 0px; background: url(../images/fwbg_01.jpg) no-repeat center top; }
.c-title { text-align: center; border-bottom: 1px solid #d6d6d6; }
.c-title h2 { font-size: 28px; color: #183883; font-weight: bold; }
.c-title p { font-size: 18px; color: #183883; margin-top: 8px; }
.c-title h3 { font-size: 28px; color: #fff; font-weight: bold; margin-bottom: 8px; }
.c-title span { font-size: 18px; color: #fff; }
.home-service-lists { margin-top: 44px; }
.home-service-lists li { width: 194px; float: left; margin: 0 20px; }
.home-service-lists li h2 { font-size: 14px; color: #010101; text-align: center; margin-top: 5px; margin-bottom: 5px; font-weight: bold; }
.home-service-lists li h3 { font-size: 14px; color: #000000; text-align: center; margin-bottom: 20px; }
.home-service-lists li p { text-align: center; color: #000000; font-size: 14px; text-align: center; margin-bottom:5px }
.network-marketing { width: 100%; }
.network-marketing .container { padding-top: 3%; }
.network-pic { float: left; margin-left: 40px; }
.network-text { margin-left: 20px; float:left; width: 45%; }
.network-text h2 { color: #000; font-size: 14px; margin-bottom: 30px; line-height: 28px; }
.network-text a { display: block; width: 160px; height: 36px; line-height: 36px; text-align: center; border:solid 1px #183883; font-size: 16px; color: #183883; margin-top: -20px;  transition: all .4s;
border-radius:40px }
.network-text a:hover { background: #0d65b6; color: #fff }
.network-con { position: absolute; right: -160px; top: -25px; }
.home-jishi { width: 100%; margin: 0 0 3% 0; }
.jishi-top { padding-top: 30px; text-align: center; }
.jishi-top img { margin-bottom:15px }
.jishi-top p { font-size: 18px; color: #fff; margin-top: 6px }
.jishi-top h1 { font-size: 32px; color: #ffffff; text-align: center; margin-top: 38px }
.jishi-lists { margin-top: 20px; margin-left: 45px; }
.jishi-lists li { width: 370px; margin: 0px 5px; float: left; color: #fff; }
.jishi-lists li img { display: block; margin: 0 auto }
.visual { padding-top: 56px; padding-bottom: 60px; background: url(../images/v_bj.jpg) repeat; }
.home-visual { margin-top: 55px }
.home-visual .swiper-slide { padding: 0px 15px }
.home-visual .swiper-slide a { display: block; background: #fff; height: 600px;  -webkit-transition: all .25s;
 -moz-transition: all .25s;
 -ms-transition: all .25s;
 -o-transition: all .25s;
 transition: all .25s;
}
/*news and media*/



.xw { width: 1200px; margin: 0 auto; }
.xw_lb { width: 48%; margin-top: 60px; }
.xw_lb dl { width: 100%; border-bottom: 1px solid #e3e3e3; margin-bottom: 22px; padding-bottom: 22px }
.xw_lb dl dt { width: 60%; float: left; margin-left: 5%; }
.xw_lb a dl dt h3 { color: #2e4d9f; margin-top: 5px; }
.xw_lb a:hover h3 { color: #379efe; }
.xw_lb a dl dt P { color: #323232; line-height: 24px; margin-top: 10px; }
.xw_lb dl dd { width: 5%; height: 5%; display: block; background-color: #304fa1; float: left; margin-left: 5%; margin-top: 5px; text-align: center; color: #FFF; }
.xw_lb a:hover dl dd { background-color: #379efe; }
.xw_lb dl img { width: 140px; height: 100PX; float: left; }
.xw_gd { float:left; width: 100%; margin: 20px 0px 30px 0px; }
.xw_gd a { display: block; width: 160px; height: 36px; line-height: 36px; text-align: center; border:solid 1px #183883; font-size: 16px; color: #183883; margin: 0 auto;  transition: all .4s;
border-radius:40px }
.xw_gd a:hover { background: #0d65b6; color: #fff }
.xw_lb dl li { width: 80%; margin-left: 5%; float:left; display: block; margin-top: 5px; font-size: 16px; }
.xw_lb a dl li { color:#2d2c2c; }
.mt { width:14%; margin:2.5% 0 0 5%; border: 1Px solid #d6d6d6; float: left; }
.mt img { width: 100%; }
 @media(min-width: 1100px) {
 .home-visual .swiper-slide a:hover {
 background: #9fb8e7;
}
}
.banner { overflow: hidden; margin-top: 80px; }
.home-visual .swiper-slide img { display: block; width: 100% }
.home-visual .visual-text { padding: 10px 25px 0; }
.home-visual .visual-text h2 { font-size: 18px; color: #000000 }
.home-visual .visual-bd { font-size: 14px; line-height: 2; color: #000000; margin-top: 5px; }
.home-visual .visual-time { font-size: 12px; color: #000000; margin-top: 20px }
.home-visual .swiper-button-prev, .home-visual .swiper-button-next { width: 68px; height: 68px; top: 60%; }
.home-visual .swiper-button-prev { background: url(../images/fnj_13.png) no-repeat; left: -70px; }
.home-visual .swiper-button-next { background: url(../images/fnj_16.png) no-repeat; right: -70px; }
/* footer */

.footer { background: #183883 }
.foot-top { padding-bottom: 13px }
.footer .foot-lf { float: left; margin-top: 20px; color: #fff; font-size: 16px; }
.footer .foot-lf p { margin-bottom: 10px }
.footer .foot-lr { float: right; margin-top: 25px; }
.footer .foot-lr h2 { font-size: 18px; color: #fff; padding-left:10px }
.foot-table { width: 430px; background: #183883; margin-top: 8px; border:solid 1px #fff; border-bottom: none }
.foot-table li { border-bottom: solid 1px #fff; padding:10px 12px; }
.foot-table li span { color: #fff; font-size: 16px; float: left; display: block; }
.foot-table li input { float: left; width: 280px; border:none; outline: none; background: none; color: #fff; font-size: 16px; margin-left: 5px }
.proposal { display: block; width: 380px; height: 50px; border:none; outline: none; margin-top: 20px; background: none; resize:none; font-size: 17px; color: #fff }
.foot2 { width: 100%; background: #14264e; }
.foot-nav { width: 1200px; margin: 0 auto; height: 50px; line-height: 50px; }
.foot-nav li { float: left; margin-right: 200px; }
.foot-nav li:last-child { margin-right: 0px; float: right }
.foot-nav li a { font-size: 18px; color: #ffffff; }
.foot-nav li a:hover { color: #229ff7 }
.foot_d { font-size: 12px; text-align: center; margin-top: 10px; }
.foot_d p { color: #999; }
/* 10个圆 */

.fuwucon { padding: 45px 0px 30px; background: #f5f5f5 }
.fuwucon-lists { margin-top: 60px; }
.fuwucon-lists li { width: 207px; float: left; margin: 0px 46px 50px; }
.fuwucon-lists li img, .website-lists li img, .jishi-lists li img, .marketing-fw-lists li img, .fuwu-con-lists li img, .home-service-lists li img {
 transition: all .2s; transform: scale(1, 1)/*放大*/ }
.fuwucon-lists li p { text-align: center; font-size: 20px; color: #000000; margin-top: 15px; }
.fuwucon-lists li:hover img, .website-lists li:hover img, .jishi-lists li:hover img, .marketing-fw-lists li:hover img, .fuwu-con-lists li:hover img, .home-service-lists li:hover img { transform: scale(1.1, 1.1) }
/* 子页news */

.header.headr { background: #fff; }
.new-title { width: 100%; margin-top: 80px; text-align: center; border-bottom: solid 1px #919191; border-top: solid 1px #919191 }
.new-title li { display: inline-block; border-right: solid 1px #919191; }
.new-title li a { display: block; width: 125px; height: 65px; line-height: 80px; font-size: 18px; color: #434343 }
.new-title li a:hover { color: #0b7dbf }
.new-content { padding-top: 65px; padding-bottom: 70px; background: #eae9e9 }
.new-lists { }
.new-lists li { padding: 25px 80px 53px 60px; background: #fff; margin-bottom: 30px }
.new-lists li:hover h3 { color: #0058bc }
.new-lists li h3 { color: #434343; font-size: 22px; }
.new-lists li .new-bd { margin-top: 25px; }
.new-lists li .new-bd .new-con { width: 680px; float: left; color: #434343; text-indent: 2em; line-height: 1.9; }
.new-lists li .new-bd img { width: 274px; float: right; }
.new-lists li .new-author h5 { float: left; }
.new-lists li .new-author h5 span { color: #0058bc; padding: 0px 3px; }
.new-lists li .new-author p { float: left; margin-left: 20px; color: #434343; }
.new-lists dl { margin-top: 10px; }
.paging { text-align: center; margin-top: 53px }
.paging li { display: inline-block; margin: 0px 8px }
.paging li a { display: block; height: 55px; line-height: 55px; padding: 0px 20px; border-radius: 4px; background: #dddddd; color: #636363; font-size: 22px; }
.paging li.cur a, .paging li:hover a { background: #183883; color: #fff }
/* details */



.new-details { padding: 45px 45px; background: #fff; }
.new-details .new-details-title { text-align: center; }
.new-details .new-details-title h3 { font-size: 20px; color: #1f1f1f }
.new-details .new-details-title .new-author { margin-top: 25px; }
.new-details .new-details-title .new-author h5 { display: inline-block; }
.new-details .new-details-title .new-author p { display: inline-block; color: #434343; }
.new-details .new-details-title .new-author h5 span { color: #0058bc; padding: 0px 5px; }
.new-details-bd { font-size: 16px; color: #222222; line-height: 1.8; margin-top: 25px; }
.new-details-bd p { text-indent: 2em; line-height: 2; margin-bottom: 30px }
.new-lists dl { display: block; color: #FFF; float:left; margin-left: 10px; text-align: center; line-height: 28px; padding: 0px 15px; }
.new-lists dl a { color: #fff; }
.yygh_an li { width: 250px; height: 55px; margin: 0 auto; display: block; line-height: 55px; text-align: center; font-size: 22px; }
.yygh_an li a { background: #183883; width: 250px; height: 55px; display: block; color: #fff; border-radius:6px; }
.yygh_an li a:hover { background: #5986db; }
/*在线预约*/

.yy_bd { margin-bottom: 35px; font-size: 16px; font-weight: bold; }
.yy_bd input { width: 50%; border: 1px solid #999; line-height: 40px; height: 40px; }
.yy_bd textarea { width: 50%; border: 1px solid #999; line-height: 30px; height: 105px; color: #999999; }
.yy_bd select { height: 40px; width: 50%; }
/* xuanfu */



.xuanfu { width: 150px; height: 411px; background: url(../images/xfk.png) no-repeat; position: fixed; right: 15px; bottom: 10%; z-index: 999; padding-top: 172px; text-align: center; color: #000; font-size: 12px; font-weight:bold; }
.xuanfu p { margin-bottom: 5px }
.qq { display: block; width: 104px; margin: 10px auto; padding: 3px 0px; border:solid 1px #fff; }
.qq img { vertical-align:-5px; }
.qq span { color: #fff }
.foot-table li:last-child { padding: 0px 10px }
.foot-table li .yzm-wrap { float: left; padding: 6px 0px }
.foot-table li .yzm-wrap input { width: 100px; margin-right: 6px }
.foot-table li .yzm-wrap img { float: left; }
.foot-table li .f-btn { width: 100%; padding: 8px 0px; cursor: pointer; font-size: 16px; }









/*平板电脑以下*/





@media(max-width:900px) {
 body {
 padding-top: 60px
}

	

	/*平板news*/

.xw {
 width: 100%;
 margin: 0 auto;
}
 .xw_lb {
 width: 100%;
 margin-top: 60px;
 float: none;
}
 .xw_lb dl {
 width: 90%;
 border-bottom: 1px solid #e3e3e3;
 margin: 0 auto;
}
 .xw_lb dl dt {
 width: 65%;
 float: left;
 margin-left: 5%;
}
 .xw_lb a dl dt h3 {
 color: #2e4d9f;
 margin-top: 5px;
}
 .xw_lb dl img {
 width: 80px;
 height: 57PX;
 float: left;
 margin-top: 10px;
}
 .xw_lb dl li {
 wi