@charset "utf-8";*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-border:border-color;-moz-box-sizing:border-box;outline:none}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}
h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:400;line-height:1.2;color:inherit}
ul,li{list-style:none}
em,i{ font-style:normal;}
a{text-decoration:none;color:inherit}
img{vertical-align:middle;outline:none;border:0}
body{font-family:"Microsoft Yahei","Arial","Hiragino Sans GB","WenQuanYi Micro Hei",sans-serif;font-size:15px;line-height:1.5;font-weight:normal;color:#333;background:#fff;/* min-width:1300px;*/}
input,button,textarea,select{outline:none;font-family:inherit;border:none;background:none;appearance:none;-moz-appearance:none;-webkit-appearance:none}
select::-ms-expand{display:none}
iframe{border:none;vertical-align:top}
:before,:after{-webkit-box-sizing:border-box;box-sizing:border-box}
em{font-style:normal}
table{border-spacing:0;border-collapse:collapse;background-color:transparent}
.clear{ clear:both; height:0; line-height:0; font-size:0;}
.clearfix:before,.clearfix:after,.container:before,.container:after,.container-middle:before,.container-middle:after{content:" ";display:table}
.clearfix:after,.container:after,.container-middle:after{clear:both}
.clearfix {zoom: 1;}
.pr { position: relative;}
.fl { float:left;}
.fr { float:right;}
.pull-left{float:left}
.pull-right{float:right}
.bgf{ background:#fff;}
.bgd{ background:#f6f4f5;}
.w100 {  width: 100%;}
.dis-table{display:table;width:100%;height:100%}
.dis-cell{display:table-cell;vertical-align:middle}
.text-align{text-align:center}
.section{width:100%;overflow:hidden}
.out{overflow-y:auto;padding-right:5px}
.out::-webkit-scrollbar{width:3px;background-color:#fff}
.out::-webkit-scrollbar-thumb{background-color:#222d7d;border-radius:10px}
.container,.container-middle,.wrap{/*padding-right:15px;padding-left:15px;*/margin:0 auto}
.wrap,.container,.container-middle{width:1300px; min-width:1300px;}
.container_left{ width:260px; float:left; padding:30px 0px;}
.container_right{width:960px; float:right;padding:30px 0px; }

.padding_50 {
    padding-top: 50px;
    padding-bottom: 50px;
}
.center-align {
    text-align: center;
}
/*@media (max-width: 1300px) {   
	.navitem{padding:0 6px}
}
@media (min-width: 1300px) {
    .container-middle {
        width: 1300px;
    }
	.navitem{padding:0 6px}
}
@media (min-width: 1460px) {
    .container-middle {
        width: 1430px;
    }
	.navitem{padding:0 14px}
}

@media (min-width: 1920px) {
    .container-middle {
        width: 1630px;
    }   
}*/

header{transition:background-color .3s;position:fixed;background-color:#fff;top:0;margin:0 auto;transition:all .3s}
header.headroom--unpinned,header.headroom--unpinned.cur{top:-90px}

.heartop{ padding:0px 0;}
#header {position: fixed;z-index: 999; width: 100%; min-width:1280px; margin:0 auto; height: 90px; background-color:#FFF;  z-index:2;transition: all .36s ease  }

#header .nav{  float:right; margin:0 auto;transition: all .36s ease; text-align:right; }
#header .nav>li{ display:inline-block; padding:0 20px; min-width:105px; font-size:15px;transition: all .36s ease; text-align:right; margin-right:1px;    position: relative;}

#header .nav>li>a{color:#000;  height:90px; line-height:90px; display:block; text-align:center; text-decoration:none; transition: all .36s ease;}

#header .nav>li.cur>a,#header .nav>li:hover>a{ background-color:#FFF !important; color:#66bebf ; transition: all .36s ease;}
#header .nav>li>a.nobg {background: none;border-right:0px; padding-right:0;}

#header .nav li:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 4px;
  width: 0;
  background: #66bebf ;
  transition: all 0.56s ease;
}
#header .nav li .sub-nav li:after {height: 0px;}
#header .nav li:hover:after, #header .nav li.cur:after {
 padding:0 30px;
  transition: all 0.56s ease;
}

.nav .sub-nav{width: 180px; position: absolute; top: 90px; left: -40px; z-index: 998;overflow: hidden; display: none; padding-top: 1px;   background-color: rgba(0,0,0,0.55);padding-bottom: 0px;}
.nav .sub-nav li{overflow: hidden; text-align: center; border-bottom: 1px dashed #555; padding-bottom:0px;/* background:url(../images/xx.png) repeat-x 0 bottom;*/}
.nav .sub-nav li.last{border: none;}
.nav .sub-nav li a{color: #FFF; display: block; line-height: 40px; font-size: 14px; height: 40px;}
.nav .sub-nav li a:hover{/*color: #003586;*/color:#FFF;  background-color: rgba(85,187,188,0.85); }
.sub-nav-bg{background: #ebecea; height: 34px; position: absolute; top: 88px; left: 0; width: 100%; display: none;}

.containerin{width:84%; min-width:1280px; margin:0 auto;clear:both; }
.containerpro{width:84%; min-width:1280px; margin:0 auto;clear:both; }


#header .h_con{float:left; width:248px; text-align:center; box-sizing:content-box; height:90px; vertical-align:middle;padding:0; background:#FFF/*0000fe*/;  border:0;transition: all .36s ease}
#header .h_con h1{padding-right:8px; line-height: 80px;   vertical-align:middle;transition: all .36s ease}
#header .h_con h1 img{ max-width:100%; transition: all .36s ease}



/*@media (max-width: 1538px) {
#header .nav>li{min-width:110px; }
.nav .sub-nav{width: 120px}
#header .h_con{width:18%; }
#header .h_con h1 img{ max-width:100%; transition: all .36s ease}
}
@media (max-width: 1440px) {
#header .nav>li{min-width:100px; }
.nav .sub-nav{width: 110px}
#header .h_con{width:16%; }
#header .h_con h1 img{ max-width:100%; transition: all .36s ease}
}*/
#header.navbg { height: 90px; box-shadow: 0 2px 6px rgba(0,0,0,.1) ; z-index: 999;}
/*#header.navbg .nav { height: 60px;float:right; }
#header.navbg .nav>li{ float:left; font-size:15px; padding:0px 0;}
#header.navbg .nav>li.cur{height: 64px; color:#4481eb; border-bottom:4px solid #4481eb; }
#header.navbg .logo{ float:left; overflow:hidden; margin-top:8px; border:0;transition: all .36s ease}
#header.navbg .logo img{ height:33px;margin-top:8px;  border:0;transition: all .36s ease}
#header.navbg .serach_btn { width: 17px; height: 17px; background: url(../images/form_ico.png) no-repeat 0 0; background-size: 17px 17px;float: right;margin: 22px 0px 0 0;transition: all .36s ease}
#header.navbg .erji_nav {top:60px;}
#header.navbg  .search-found{top:64px;}*/



.index_tit{text-align: center;padding: 40px 0; }
.index_tit .entit{font-size: 35px;color: #4370f5;}
.index_tit .chtit{font-size: 25px;color: #FFF;}
.index_tit .entit01{font-size: 32px;padding-top: 10px; color:#ffd1d1;    font-family: "Open Sans Light"; font-weight: 300;text-transform : uppercase;}
.index_tit .chtit01{font-size: 28px;color: #000;margin-top: 10px;font-family: "Open Sans Light"; font-weight: 400;}
.index_tit .chtit03{font-size: 28px;color: #4370f5;margin-top: 10px;font-weight: 600;}
.index_tit .chtit01 i{width: 100px;height: 1px;display: inline-block;border-bottom: 1px solid #ccc;margin: 10px;}
.index_tit .chtit02{font-size: 16px;padding-top: 10px; color:#666/*6087fb*/;    font-family: "Open Sans Light"; font-weight: 400;}

/*.intitle{text-align:center}
.intitle p:nth-of-type(2){color:#FFF;font-size:16px;text-transform:uppercase;position:relative;padding:5px 0 10px 0}
.intitle p:nth-of-type(1){font-size:36px;font-weight:bold;color:#000000}
.intitle p:nth-of-type(2)::after{position:absolute;left:50%;transform:translateX(-50%);bottom:0;width:80px;height:1px;background:#66bebf;content:""}
.intitle p:nth-of-type(3){color:#FFF;font-size:15px;text-transform:uppercase;position:relative;padding:15px 0 20px 0}*/
.intitle .cf{ color:#fff !important;}
.intitle .cb{ color:#FFF !important;}

.index_tite{ width:100;padding: 40px 0;}
.index_tite .intitle { height:60px; line-height:60px; font-size: 36px;    color: #364054;      font-weight: 800;    text-align: center;}
.index_tite .intitle span {   color: #66bebf ; font-weight:800;}
.index_tite .intext { display:block;font-size: 20px;    text-align: center;    color: #364054; height:40px; line-height:40px;  font-family: "Open Sans Light"; font-weight: 300;}
.index_tite .intitle4 { height:60px; line-height:60px; font-size: 28px;    color: #66bebf;      font-weight: 300;    text-align: center;}



.in_tit{line-height: 30px;position: relative;margin-bottom: 50px;z-index: 2;}
.in_tit:after{width: 100%;height: 100px;background: url(../images/logo_ico.png) center no-repeat;opacity: 0.05;content: '';position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);}
.in_tit p:first-of-type{color: #333333;font-size: 30px;}
.in_tit p:first-of-type b{font-size: 36px;color: #66bebf ;}
.in_tit p:first-of-type i{ font-weight: bolder; color: #ff8a00;font-size: 36px;}
.in_tit p:first-of-type span{color: #000;font-size: 30px;}
.in_tit p:nth-of-type(2){color: #999999;font-size: 14px;text-transform: uppercase;}
.in_tit p:last-of-type{color: #666666;font-size: 20px;}
.in_tit p:last-of-type b{color: #66bebf ;font-size: 24px;}



.index_tite2{ width:100;padding: 40px 0; text-align:center;}
.index_tite2 .intitle { height:60px; line-height:60px; font-size: 42px;    color: #364054;      font-weight: 800;    text-align: center;}
.index_tite2 .intitle span {   color: #66bebf ; font-weight:800;}
.index_tite2 .intitle b { position:absolute;background:url(../images/youshibg.png) top center no-repeat; width:72px; height:72px; font-style:italic; font-size:50px;color:#FFF; font-weight:800; margin-left:-80px;}
.index_tite2 .intext {  font-size: 20px;    text-align: center;    color: #364054; height:40px; line-height:40px;  font-family: "Open Sans Light"; font-weight: 300;}
.index_tite2 .entit{background:#66bebf ;color:#FFF; display:inline-block; padding:0 80px;margin:10px auto 0; text-align:center; text-transform:uppercase; letter-spacing:3px;font-size:14px; height:26px; line-height:26px;}






/*links*/
.bottoms{width:100%; background:#ecf4f6;padding-bottom:0px; margin-top:50px;}
.bottom_nav{margin-right:60px;}
.bottom_nav .c4title {position: relative; padding: 0 0 25px 0; margin-bottom: 5px;}
.bottom_nav .c4title a {font-size: 17px; display: block; line-height: 35px; color:#fff;}
.bottom_nav .c4title::after {content: ''; position: absolute; width: 20px; height: 1px; display: block; background:#c1b7b0; left: 0; bottom: 10px; transition: 0.6s all ease-in-out;}
.bottom_nav:hover .c4title::after{ width: 100%; background:#c1b7b0;}
.bottom_nav ul li a {font-size: 15px; display: block; line-height:40px; color:#fff;}
.bottom_nav ul li a:hover{ text-decoration: underline;}

.bottom_nav1{width:450px; margin-right:30px;}
.bottom_nav1 .c4title {position: relative; padding: 0 0 25px 0; margin-bottom:5px;}
.bottom_nav1 .c4title a {font-size: 17px; display: block; line-height: 35px; color:#fff;}
.bottom_nav1 .c4title::after {content: ''; position: absolute; width: 20px; height: 1px; display: block; background:#c1b7b0; left: 0; bottom: 10px; transition: 0.6s all ease-in-out;}
.bottom_nav1:hover .c4title::after{ width: 100%; background:#c1b7b0;}

.bottom_md {line-height:35px;color:#fff;font-size:14px;margin-left:0px;margin-right:50px; }
.bottom_md .c4title {position: relative; padding: 0 0 25px 0; margin-bottom:5px;}
.bottom_md .c4title a {font-size: 17px; display: block; line-height: 35px; color:#fff;}
.bottom_md p{ height:33px; line-height:33px; font-size:15px;}
.bottom_md p span{display: inline-block;  vertical-align: top; color:#ccc; }
.bottom_md p.company i{ width:20px; height:27px; display:inline-block;background:url() center bottom no-repeat; margin-right:10px; }
.bottom_md p.address i{ width:20px; height:20px; border:1px solid #FFF; border-radius:20px; display:inline-block;background:url(../images/foot_address.png) center bottom no-repeat; margin-right:10px; margin-top:5px;}
.bottom_md p.tel i{ width:20px; height:20px; margin-top:5px;border:1px solid #FFF; border-radius:20px; display:inline-block;background:url(../images/foot_tel.png) center bottom no-repeat; margin-right:10px; }
.bottom_md p.mobile i{ width:20px; height:20px; margin-top:5px;border:1px solid #FFF; border-radius:20px; display:inline-block;background:url(../images/foot_mobile.png) center bottom no-repeat; margin-right:10px; }
.bottom_md p.emial i{width:20px; height:20px; margin-top:5px;border:1px solid #FFF; border-radius:20px; display:inline-block;background:url(../images/foot_email.png) center bottom no-repeat; margin-right:10px; }
.bottom_md p b{display: inline-block;  vertical-align: top; font-size:20px; font-weight:600;}
.bottom_right { float:right;margin-left:50px;margin-top:10px;color:#999;font-size:14px;text-align:center;}


.slideTxtBox{width: 100%;text-align: left;margin-top: 0px;}
.slideTxtBox .hd{position: relative;clear: both;width: 100%;text-align: center; margin-bottom: 0px;}

.slideTxtBox .hd ul ul{margin: 0 auto; text-align: center; display: table;}
.slideTxtBox .hd ul li{display: inline-block; padding: 8px 20px;border-radius:0px; border-radius:25px;   cursor: pointer; font-size: 14px; color: #333; margin: 5px; background: #b7d6e2;}
.slideTxtBox .hd ul li a{ color: #333; }
.slideTxtBox .hd ul li:hover{background:#eb8f17;position: relative;color: #fff;}
.slideTxtBox .hd ul li:hover a{color: #fff;}

.slideTxtBox .hdnav{position: relative;clear: both;width: 100%;text-align: center; margin-bottom: 0px;}

.slideTxtBox .hdnav ul ul{margin: 0 auto; text-align: center; display: table;}
.slideTxtBox .hdnav ul li{display: inline-block; padding: 5px 10px;border-radius:0px; border-radius:25px;   cursor: pointer; font-size: 14px; color: #333; margin: 5px; background: #b7d6e2;}
.slideTxtBox .hdnav ul li a{ color: #333;text-align: center;  }
.slideTxtBox .hdnav ul li:hover{background:#eb8f17;position: relative;color: #fff;}
.slideTxtBox .hdnav ul li:hover a{color: #fff;}



.banq_nr{width:410px;line-height: 46px;padding-left: 40px;background: url() left 8px no-repeat;margin: 0 auto;color:#fff; font-size:14px;}
.bottom_nav2{width:240px;}
.bottom_nav2 .c4title {position: relative; padding: 0 0 25px 0; margin-bottom:5px;}
.bottom_nav2 .c4title a {font-size: 17px; display: block; line-height: 35px; color:#fff;}
.bottom_nav2 .c4title::after {content: ''; position: absolute; width: 20px; height: 1px; display: block; background:#c1b7b0; left: 0; bottom: 10px; transition: 0.6s all ease-in-out;}
.bottom_nav2:hover .c4title::after{ width: 100%; background:#c1b7b0;}
.bottom_rwm{width: 240px;margin: 0 auto;margin-top:20px;color:#fff;}
.bottom_rwml{ width:100px; line-height:30px; height:auto; text-align:center;}

.bottom_text{ background:#ecf4f6;font-size: 14px;line-height:26px;margin-top: 20px;color:#000; padding:15px 0; text-align:center;}
.bottom_text a{ font-size:14px; color:#000;}

.links{ width:1300px; background:#ecf4f6;margin:0 auto; padding:15px 0;color:#374f55;border-bottom: 1px #ffd2a4 solid;}
.links a{ color:#374f55; margin-right:0px; line-height:26px; font-weight: 700; }
.links a:hover{ color:#dc9043;}

.footer-benefit-wrap {width:100%;height:165px;background-color:#66bebf;}
.footer-benefit-list {position:relative;width:25%;height:165px;-webkit-box-sizing:border-box;box-sizing:border-box}
.footer-benefit-list::after {position:absolute;top:50px;right:0;content:"";width:1px;height:46px;background:#76b3e7}
.footer-benefit-list4::after {width:0}
.fbi-img {display:block;width:47px;height:40px;margin:53px 20px 0 18px}
.footer-benefit-list1 .fbi-img {margin-left:0}
.fbi-wrap {width:214px;height:165px}
.fbi-wrap .p1 {font-size:18px;color:#ffffff;padding:38px 0 8px}
.fbi-wrap .p2 {font-size:14px;color:#ffffff;padding-bottom:00px}
.footer-meta-wrap {width:100%;/* height:360px;*/    background:#252526}

/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;bottom:85px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#66bebf ;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#66bebf ;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-image:url(../images/side_icon1.png);}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url() no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}
.suspension .d-qrcode .inner-box .qrcode-img{ width:180px; height:180px; margin:0 auto; }
.suspension .d-qrcode .inner-box .qrcode-img img{ width:100%; }

.navBox,.navboxtop{ display:none;}

.mar_50{ margin:50px  auto;}