@charset "utf-8";
/*reset.css*/* 
{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*:before,*:after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body,div,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,button,input,select,textarea,th,td,span,b {margin:0;padding:0;}
body,button,input,select,textarea {font:12px/1.5 'Arial','sans-serif','Microsoft YaHei','宋体','黑体';background:#fff;color: #2d2d2d;font-size:14px;}
h1,h2,h3,h4,h5,h6,b,strong,th {font-size:100%;font-weight:normal;}
small {font-size:12px;}
ul,ol,li {list-style:none;}
table {border-collapse:collapse;border-spacing:0;border:0px;margin:0px;}
table th,table td {padding:0;}
caption {text-align:left;font-weight:normal;}
a {color: #333;text-decoration:none;}
a:hover {text-decoration:underline;}
fieldset,img {border:none;vertical-align:middle;}
ol,ul,li {list-style:none;}
input,textarea,select,button {font:14px "Arial","Microsoft YaHei","黑体","宋体",sans-serif;outline:none;}
img {vertical-align:top;display:inline-block;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {display:block;margin:0;padding:0;}
object,embed {outline:0;}
*:focus {outline:none;}
del {text-decoration:line-through;}
em {font-style:normal;}
textarea {resize:none}
/*common*/
a {color: #333;text-decoration:none;}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
a:hover {text-decoration: none;}
.vam { vertical-align:middle;}
.clear{ clear:both; height:0; line-height:0; font-size:0;}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.pa{ position:absolute;}
.pr{ position:relative;}
.mt10{ margin-top:10px;}
.fl {float:left}
.fr {float:right}
.al {text-align:left}
.ac {text-align:center}
.ar {text-align:right}
.hide {display:none}
.clear {clear:both;}
.clearfix:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.header,.content,.footer,.container {width:1200px;margin:0 auto;}
/*reset.css*/




/* -- 页面整体布局 -- */
.header , .content , .footer { width:1200px; margin:0 auto;  }
.left,.leftr{ width:244px; float:left; overflow:hidden;}
.leftr{float:left;margin-top: 20px;}
.left2 { width:930px; float:left; overflow:hidden; margin-top:15px;}
.left3 { width:244px; float:left; overflow:hidden; color:#666;}
.lefttop {height:0px; font-size:0; overflow:hidden; margin-top:10px;}
.leftbot { height:0px; font-size:0; overflow:hidden;  margin-bottom:10px;}
.left2bot { height:0px; font-size:0; overflow:hidden; margin-bottom:10px; }

.right,.rightl{ width:930px; float:right; display:inline;overflow:hidden;}
.rightl{float:right;margin-top: 20px;}
.right2 { width:244px;  float:right; overflow:hidden;margin-top:15px;}
.right3 { width:244px; float:right; overflow:hidden; color:#666;}
.rightbot { height:0px; font-size:0; overflow:hidden; margin-bottom:10px;}
.right2bot { height:0px; font-size:0; overflow:hidden; margin-bottom:10px;}

.right_main { width:930px; overflow:hidden; }
.right2_main { width:244px;overflow:hidden;}
.left2_main { width:930px;overflow:hidden;}

.h_nav li a:-webkit-any-link{ display:block;}



/*头部开始*/
/*head*/
.top {width:100%;background:#f7f7f7;height:32px;line-height:32px;border-bottom:1px solid #ececec;}
.logo {width:100%;height: 115px;}
.logo .logo-img {margin-top: 30px;}
.logo .txt-ggy {margin-top: 22px;margin-left: 15px;}
.logo .txt-ggy .txt-ggy-top {font-size:30px;color:#0088ce;display:block;font-weight:bold;}
.logo .txt-ggy .txt-ggy-bottom {font-size:14px;color:#666666;}
.logo .tel {margin-top: 23px;background:url(../images/tel.png) no-repeat;height: 65px;padding-left:55px;}
.logo .tel .txt-zxrx {font-size:16px;}
.logo .tel .txt-zxdh {font-size: 27px;color: #ff3f3f;font-weight:700;margin-top: -6px;}
.navFix{
    /* position: fixed; */
    top: 0px;
    z-index: 9;
    background: #FFF;
}
.nav {width:100%;background:#0088ce;}
.nav ul {}
.nav ul li {float:left;}
.nav ul li a {width: 150px;height:50px;line-height:50px;display:block;color:#fff;text-align:center;font-size:16px;border-right:1px solid #fff;}
.nav ul li a:hover,.cur {background:#026598;text-decoration:none;}
.dl_list {display:none;position:absolute;width:170px;padding-top:14px;z-index:9;}
.nt-list {background:#0088ce;}
.nt-list dt{
    width: 174px;
}
.nav ul li .dl_list dt:nth-child(1) {border-top:2px solid #1e50ae;}
.nav ul li .dl_list dt:nth-child(1):after {display:block;content:" ";position:absolute;top:7px;left:51px;-webkit-transform:rotate(180deg);transform:rotate(180deg);width:0px;height:0px;border:9px solid transparent;border-bottom:none;border-top-color:#0088ce;}
.nav ul li .dl_list dt:hover:nth-child(1):after {border-top-color:#026598;}
.nav ul li .dl_list dt a {border:0;width: 177px;height:40px;line-height:40px;}
.nav ul li:hover .dl_list {display:block;width: 177px;}
/*头部结束*/
/*banner*/.banner {height: 500px;width:100%;min-width:1200px;overflow:hidden;z-index:auto;margin:0 auto;margin-top:0px;}
.banner .m_mn {position:relative;height:600px;}
.subbanner {height:320px;width:100%;min-width:1200px;overflow:hidden;z-index:1;margin:100px auto 0 auto;}
.subbanner .subnav {height:54px;margin:266px auto 0 auto;width:1200px;overflow:hidden;text-align:center;}
.subnav a {width:140px;line-height:44px;height:44px;display:inline-block;background:rgba(0,0,0,0.4);margin:10px 0 0 1px;-webkit-border-top-left-radius:6px;-webkit-border-top-right-radius:6px;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;-moz-border-radius-topleft:6px;-moz-border-radius-topright:6px;-moz-border-radius-bottomright:0px;-moz-border-radius-bottomleft:0px;border-top-left-radius:6px;border-top-right-radius:6px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;overflow:hidden;font-size:16px;color:#ffffff;transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;}
.subnav a:hover,.subnav a.hover {margin:0 0 0 1px;height:54px;line-height:54px;background:#3fac81;}
.swiper-container {width:100%;height:100%;}
.swiper-banner .swiper-slide {text-align:center;font-size:18px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background-repeat:no-repeat;background-position:center center;position:relative;overflow:hidden;}
.swiper-banner .swiper-slide a {display:block;height:100%;width:100%;color:#fff;}
.swiper-banner .swiper-slide .ads_left div,.swiper-banner .swiper-slide .ads_right div {position:absolute;}
.swiper-banner .swiper-slide .ads_left div img,.swiper-banner .swiper-slide .ads_right div img {max-height:100%;}
.swiper-banner .swiper-slide .ads_left div:nth-child(1) {left:165px;top:210px;}
.swiper-banner .swiper-slide .ads_left div:nth-child(2) {left:-650px;top:-320px;}
.swiper-banner .swiper-slide .ads_left div:nth-child(2) img {-moz-animation:rotate 20s infinite linear;-webkit-animation:rotate 20s infinite linear;animation:rotate 20s infinite linear;}
.swiper-banner .swiper-slide .ads_left div:nth-child(3) {left:0px;top:250px;}
.swiper-banner .swiper-slide .ads_left div:nth-child(4) {left:145px;top:210px;}
.swiper-banner .swiper-slide .ads_left div:nth-child(5) {left:0px;top:355px;}
.swiper-banner .swiper-slide .ads_left div:nth-child(6) {left:0px;top:510px;}
.swiper-banner .swiper-slide .ads_left div:nth-child(7) {left:148px;top:510px;}
.swiper-banner .swiper-slide .ads_left div:nth-child(8) {left:295px;top:510px;}
.swiper-banner .swiper-slide .ads_left div:nth-child(9) {left:170px;top:375px;}
.swiper-banner .swiper-slide .ads_right div:nth-child(1) {left:880px;top:130px;}
.swiper-banner .swiper-slide .ads_right div:nth-child(2) {left:790px;top:280px;}
.swiper-banner .swiper-slide .ads_right div:nth-child(3) {left:865px;top:430px;}
.swiper-banner .swiper-slide .ads_right div:nth-child(4) {left:740px;top:555px;}
@-moz-keyframes rotate {0% {-moz-transform:rotate(0deg);}
100% {-moz-transform:rotate(360deg);}
}
@-webkit-keyframes rotate {0% {-webkit-transform:rotate(0deg);}
100% {-webkit-transform:rotate(360deg);}
}
@keyframes rotate {0% {transform:rotate(0deg);}
100% {transform:rotate(360deg);}
}

.f-top100{
    margin-top: 130px;
}
.otxt{
    width: 120px;
    height: 40px;
    line-height: 40px;
    background: #026598;
    border-radius: 100px;
    display: block;
    color: #fff;
    font-size: 18px;
    position: absolute;
    margin-top: 28px;
}
.otxt2{
    width: 520px;
    height: 40px;
    line-height: 40px;
    background: #026598;
    border-radius: 100px;
    display: block;
    color: #fff;
    font-size: 18px;
    position: absolute;
}

.f-top{
    margin-top: 40px;
    margin-right: 500px;
    height: 250px;
}
.f-top1{
    height: 160px;
}
.f-top2{}
.f-toptu{}
.f-toptu li{
    float: left;
    background: #fff;
    border: 6px solid #fff;
    border-radius: 100%;
    overflow: hidden;
    margin: 0 10px;
}
.f-toptu li:nth-child(4){
    margin-top: -150px;
}


.banner .tt .f-btn {width:198px;height:45px;line-height:45px;margin:25px 0;font-size:21px;color:#fff;border-radius:35px;border:solid #fff 1px;text-align:center;-webkit-transition:all .5s;transition:all .5s;border-color:#f3f3f3;position:relative;overflow:hidden;}
.banner .tt .f-btn:before {content:"";background:rgba(0,0,0,0.1);-webkit-transform:skew(45deg,0);transform:skew(45deg,0);width:0;height:100%;position:absolute;top:0px;left:-30px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}
.banner .tt .f-btn:hover:before {width:150%;}
/*插件样式*/.banner-pages .swiper-pagination-bullet {width: 22px;height: 22px;display:inline-block;background-color: rgba(255, 255, 255, 0.86);opacity:1;border-radius:50px;}
.banner-pages .swiper-pagination-white .swiper-pagination-bullet {background:#fff}
.banner-pages .swiper-pagination-bullet-active {width: 39px;opacity:1;background: rgba(0, 139, 253, 0.84);}
.swiper-clients .clients_pages {bottom:0;width:100%;}
.clients_pages .swiper-pagination-bullet {width:10px;height:10px;display:inline-block;background-color:#ffffff;opacity:.5;border-radius:50%;}
.clients_pages .swiper-pagination-white .swiper-pagination-bullet {background:#fff}
.clients_pages .swiper-pagination-bullet-active {opacity:1;background:#ffffff}
.m_case .case_mobile .swiper-pages {bottom:50px;}
.m_case .case_mobile .swiper-pages .swiper-pagination-bullet {width:10px;height:10px;display:inline-block;border:1px solid #ffffff;opacity:1;background:none;border-radius:50%;}
.m_case .case_mobile .swiper-pages .swiper-pagination-bullet-active {opacity:1;background:#ffffff}
/*banner*/


/*底部开始*/
/*footer_main*/
.footer_main {width:100%;padding-bottom:0;background: #1f87e8;color:#fff;}
.footer_main .links {padding:20px 0;font-size:16px;border-bottom: 1px solid #ffffff;}
.footer_main .links span {color:#fff;font-weight:bold;display:inline-block;}
.footer_main .links a {display:inline-block;font-size:14px;color:#fff;padding-right:10px;}
.footer_main .links a:hover {color:#ed8e06;}
.bottom_main {padding: 56px 0 36px 0;}
.bottom_main .bNav {width: 430px;height: 245px;border-right: 1px solid #ffffff;}
.bottom_main .bNav dl {display:inline-block;width: 400px;overflow:hidden;text-align:left;padding-top:10px;}
.bottom_main .bNav dl dt {height: 45px;line-height: 45px;display:block;padding-bottom: 50px;}
.bottom_main .bNav dl dt a {display:block;font-size: 25px;color:#fff;line-height:16px;}
.bottom_main .bNav dl dd {display:block;width: 133px;height: 30px;line-height: 30px;float: left;padding-bottom: 80px;}
.bottom_main .bNav dl dd a {display:block;font-size:14px;color:#fff;line-height:14px;}
.bottom_main .bNav dl dd a:hover {color:#ed8e06;}
.bottom_main .ewm {width: 400px;height:180px;text-align:center;padding-left:35px;border-left:1px solid #20803f;}
.bottom_main .ewm dl {float:left;display:block;margin-right:30px;}
.bottom_main .ewm dl:nth-child(2) {margin-right:0px;}
.bottom_main .ewm dl:first-child+dl {margin-right:0px;}
.bottom_main .ewm dl dt {width:140px;height:140px;background-color:#fff;text-align:center;}
.bottom_main .ewm dl dt img {width:130px;height:130px;display:inline-block;background-size:100%;margin-top:5px;}
.bottom_main .ewm dl dd {font-size:14px;color:#fff;line-height:24px;padding-top:10px;}
.bottom_main .contact_info {width:350px;height: 245px;padding-left: 40px;border-left: 1px solid #ffffff;border-right: 2px solid #ffffff;}
.bottom_main .contact_info dl {display:inline-block;overflow:hidden;text-align:left;padding-top:10px;}
.bottom_main .contact_info dl dt {height: 45px;line-height: 45px;display:block;}
.bottom_main .contact_info dl dt a {display:block;font-size: 25px;color:#fff;line-height:16px;}
.bottom_main .contact_info dl dd {display:block;height: 30px;}
.bottom_main .contact_info dl dd a {display:block;font-size:14px;color:#fff;line-height:14px;}
.bottom_main .contact_info dl dd a:hover {color:#ed8e06;}

.bottom_main .contact_info i {display:block;padding-top:8px;font-size:14px;color:#fff;}
.bottom_main .contact_info i a {display:inline-block;color:#fff;padding-right:12px;}
.copyright_main {background: #1f87e8;line-height: 28px;color: #ffffff;font-size: 14px;padding: 20px 0;}
.copyright_main a {color: #ffffff;}
.copyright_main a:hover {color: #ffffff;}
/*footer_main*/

/*底部结束*/



/*联系方式*/


/*当前位置*/
.topadcs{width:100%; overflow:hidden; text-align:center;margin:0 auto 0; }
.topadcs a img{ width:100%; height:auto; display:block;}
.topadcs a{display:block;margin:0 auto;}
.topadcs a.fullad{ height:320px;}

.plc,.plc2{/* background:url(../images/logo_03.png) no-repeat 5px 5px; */height: 40px;line-height: 40px;/* padding: 0px 8px 8px 35px; */position:relative;color:#333;overflow:hidden;font-size:14px;padding-bottom:8px;font-family:微软雅黑;border-bottom: 1px #dedede dotted;}
.plc i,.plc2 i,.plc a{ font-style:normal; font-size:14px; color:#333;}
.hp_withs{ width:1000px;}

.list-ab{
    margin: 20px 0;
}
.list-ab li{
    float: left;
}
.list-ab li a{
    width: 200px;
    height: 50px;
    line-height: 50px;
    display: block;
    color: #fff;
    text-align: center;
    font-size: 16px;
    background: #0088ce;
    border-right: 1px solid #fff;
}
.list-ab li a:hover ,.list-ab li .active{background:#026598;}

.t_bgnone{position: fixed;top: 20%;_position: absolute;_margin-top:250px;_top: expression(eval(document.documentElement.scrollTop-880));z-index:10; display:none; left:0.2%; _left:0.2%}
.t_bgnone .leib2,.leib{ width:170px;}
.t_bgnone .leib2 .nr ul li {padding-left: 12px;}



/*浮动ＱＱ*/
.my-kefu{position: fixed;right: 0px;top:20%;z-index:9999;}
.my-kefu ul{width: 77px;}
.my-kefu li a{text-decoration: none;}
.my-kefu li{background: #3a3a3a;margin-top: 1px;padding: 9px 0;height: 56px;width: 77px;}
.my-kefu li i{background: url(../images/20180125180109_955413449.png) no-repeat;display:block;width: 30px;height: 26px;margin: 0px auto;text-align: center;}
.my-kefu li p{height: 20px; line-height: 20px; overflow: hidden;text-align: center;color: #fff;}
.my-kefu .my-kefu-qq i{background-position: 4px 0;}
.my-kefu .my-kefu-tel i{background-position: 0 -25px;}
.my-kefu .my-kefu-tel1 i{background-position: -35px 4px;}
.my-kefu .my-kefu-tel1:hover{ width:246px; height:145px;}
.my-kefu .my-kefu-tel2 i{background-position: -35px 4px;}
.my-kefu .my-kefu-tel2:hover{ width:246px; height:145px;}
.my-kefu .my-kefu-liuyan i{background-position: 4px -53px;}
.my-kefu .my-kefu-weixin i{background-position: -34px 4px;}
.my-kefu .my-kefu-weibo i{background-position: -30px -22px;}
.my-kefu .my-kefu-ftop{background-color: #1adc09;}
.my-kefu .my-kefu-ftop i{width:33px;height:35px;background-position: -27px -51px;}
.my-kefu-left{float: left;width: 77px;height: 43px;position: relative;}
.my-kefu-tel-right{font-size: 20px; color: #fff; float: left; height: 24px; line-height: 22px; padding-left:15px; border-left: 1px solid #fff; margin-top: 8px;}
.my-kefu-tel1-right{font-size: 20px; color: #fff; float: left; height: 24px; line-height: 22px; margin-top: 8px; border:none; margin:0 auto; margin-bottom:5px;}
.my-kefu-tel2-right{font-size: 20px; color: #fff; float: left; height: 24px; line-height: 22px; margin-top: 8px; border:none; margin:0 auto; margin-bottom:5px;}
.my-kefu-right{width: 20px;}
.my-kefu-tel-main{color: #fff;margin-top: -1px;height: 47px;width: 247px;}
.my-kefu-main{width: 97px;position: relative;}
.my-kefu-weixin-pic{position: absolute;left: -130px;top: -24px; display: none;}


.mt50 {
    margin-top: 50px;
}
.frame {
    width: 1200px;
    margin-right: auto;
    margin-left: auto;
}
.ys-tit {
	height: 111px;
	text-align: center;
	background-image: url(../images/ys-tit.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.ys-tit p {
	color: #333;
	font-size: 20px;
	font-weight: normal;
	padding-top: 10px;
}
.ys-tit p span {
	color: #EF7A00;
}
.ys-tit h3 {
	font-size: 42px;
	color: #0088ce;
	font-weight: bold;
}
.ys-tit h3 strong {
	color: #0955A3;
}
.ys li p strong {
	color: #EF7A00;
	font-weight: normal;
}
.ys-con {
	height: 1263px;
	position: relative;
	background-image: url(../images/ys-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.ys-con li {
	position: absolute;
}
.ys-con li h4 {
	color: #333;
	font-size: 24px;
	line-height: 28px;
	font-weight: normal;
	padding-left: 50px;
}
.ys-con li h5 {
	color: #0088ce;
	font-size: 28px;
	line-height: 40px;
	font-weight: normal;
	padding-left: 50px;
	height: 65px;
}
.ys-con li p {
	font-size: 15px;
	color: #444;
	line-height: 26px;
	padding-left: 20px;
	padding-right: 8px;
	padding-bottom: 10px;
}
.ys-li-1 {
	left: 87px;
	top: 80px;
	width: 538px;
	
}
.ys-li-2 {
	left: 88px;
	top: 361px;
	width: 457px;
}
.ys-li-3 {
	left: 678px;
	top: 643px;
	width: 453px;
}
.ys-li-4 {
	left: 678px;
	top: 935px;
	width: 454px;
}
.ys-li-5 {
	left: 111px;
	top: 1322px;
	width: 409px;
}
.ys-li-6 {
	left: 612px;
	top: 1736px;
	width: 390px;
}
.ys-li-7 {
	left: 544px;
	top: 2038px;
	width: 498px;
}
.btn-more {
	color: #FFF;
	background-color: #FF9C01;
	display: inline-block;
	padding-right: 4px;
	padding-left: 4px;
	line-height: 22px;
	height: 22px;
	margin-right: 12px;
}
.btn-order {
	color: #FFF;
	background-color: #01943D;
	display: block;
	line-height: 38px;
	height: 38px;
	margin-right: 30px;
	width: 160px;
	text-align: center;
	font-size: 15px;
}

#flow-con {
	background-image: url(../images/HAQ.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 458px;
}
.frame {
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
}
.flow-tit {
	color: #FFF;
	font-size: 38px;
	font-weight: bold;
	text-align: center;
	line-height: 126px;
	height: 130px;
}
.flow-ul {
	padding-top: 48px;
	height: 180px;
	line-height: 40px;
	width: 1250px;
	position: relative;
}
.flow-ul li {
	color: #FFF;
	float: left;
	width: 133.33px;
	text-align: center;
}
.flow-ul li p{
	padding-top:20px;
}
.flow-ul li:hover img {
	-webkit-transform:rotate(360deg);
    transform:rotate(360deg);
    -webkit-transition:-webkit-transform 1s linear;
    transition:transform 1s linear;
}
.tel-box2 {
	width: 518px;
	margin-right: auto;
	margin-left: auto;
	height: 40px;
}
.tel-s2 strong {
	font-size: 24px;
}
.tel-s2 {
	float: left;
	line-height: 64px;
	height: 40px;
	padding-left: 40px;
	color: #FFF;
	font-size: 16px;
}
a.tel-qq2 {
	line-height: 58px;
	color: #FFF;
	float: right;
	height: 35px;
	width: 110px;
	text-align: center;
	margin-top: 3px;
	font-size: 16px;
}