@charset "utf-8";
body,div,span,h1,h2,h3,h4,h5,h6,p,em,img,strong,b,small,u,i,center,dl,dt,dd,ol,ul,li,sub,sup,tt,var,del,dfn,ins,kbd,q,s,samp,strike,applet,object,iframe,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,blockquote,pre,a,abbr,acronym,address,big,cite,code,mark,audio,video,textarea,select,input {margin:0;padding:0;outline:none}
ol,ul {list-style:none;}
html {-webkit-text-size-adjust:none; }

body {color:#666666;font-family:'Source Han Sans CN','Microsoft YaHei','PingFang SC','Helvetica Neue','Arial','Helvetica','Hiragino Sans GB','STHeitiSC-Light',sans-serif;overflow-x: hidden; line-height: 1.6;  overflow-x: hidden; }

img {display:block;max-width:100%;border:none}

/*a 链接*/

a {text-decoration:none;outline:none;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; color:#333333;}
a:hover{color: #3675ff}
/*居中*/

.juzhong {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;}
.juzhong2 {display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
.erduan {display:flex;flex-direction:row;justify-content:space-between;align-content:center;align-items:center;}
.shang {display:flex;flex-direction:row;justify-content:space-between;}
.xia {display:flex;align-items:flex-end;flex-direction:row;justify-content:space-between; }
.shangzhong {display:flex;flex-direction:row;justify-content:center;}
.shangzuo{display:flex;flex-direction:row;justify-content:flex-start;}
.shangyou{display:flex;flex-direction:row;justify-content:flex-end;}

.shangerduan{display:flex;flex-direction:row;justify-content:space-between;}

.zuo {display:flex;flex-direction:row;justify-content:flex-start;align-content:center;align-items:center;}
.you {display:flex;flex-direction:row;justify-content:flex-end;align-content:center;align-items:center;}



/*浮动*/
.fl {float:left;display:inline}
.fr {float:right;display:inline}
.clear {clear:both}
.clearfix {*zoom:1;}
.clearfix:after {clear:both;display:block;height:0;visibility:hidden;line-height:0;content:'\20';}

/**上对齐*/
.upshang{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}


/* HTML5 重置为较旧版本的浏览器 */

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}

/* 按钮样式 */

input[type="text"],input[type="button"],button,textarea,select,input[type="checkbox"] {font-size:100%;outline:none;resize:none;font-family:"exo_2.0light","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;-webkit-appearance:none;}
input[type="button"] {cursor:pointer;border:0;}
input[type="submit"] {cursor:pointer;border:0}
input[type="reset"] {cursor:pointer;border:0}

/*删除火狐下按钮默认样式*/

input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"] > input[type="button"]::-moz-focus-inner {border:none;padding:0;-webkit-appearance:none;}
i,em {font-style:normal}

.nav-btnbox { display:none}
.pd2{ padding-top:2%; padding-bottom:2%}
.pd3{ padding-top:3%; padding-bottom:3%}
.pd4{ padding-top:4%; padding-bottom:4%}
.pd5{ padding-top:5%; padding-bottom:5%}
.pd6{ padding-top:6%; padding-bottom:6%}
.pd7{ padding-top:7%; padding-bottom:7%}
.pd8{ padding-top:8%; padding-bottom:8%}


.mtb3{ margin-top:3%; margin-bottom:3%}
.mtb4{ margin-top:4%; margin-bottom:4%}
.mtb5{ margin-top:5%; margin-bottom:5%}
.mtb6{ margin-top:6%; margin-bottom:6%}
.mtb2{ margin-top:2%; margin-bottom:2%}


.mt1{ margin-top:1%}
.mt2{ margin-top:2%}
.mt3{ margin-top:3%}
.mt4{ margin-top:4%}
.mt5{ margin-top:5%}
.mt6{ margin-top:6%}
.mt7{ margin-top:7%}
.mt8{ margin-top:8%}
.mt70{margin-top: 70px!important}



.pt3{ padding-top:3%}
.pt4{ padding-top:4%}
.pt5{ padding-top:5%}
.pt6{ padding-top:6%}
.pt7{ padding-top:7%}
.pt8{ padding-top:8%}




.pb3{ padding-bottom:3%}
.pb4{ padding-bottom:4%}
.pb5{ padding-bottom:5%}
.pb6{ padding-bottom:6%}
.pb7{ padding-bottom:7%}


@font-face {
	font-family: 'Conv_Futura';
	src: url('../fonts/Futura Md BT Bold.eot');
	src: local('☺'), url('../fonts/Futura Md BT Bold.woff') format('woff'), url('../fonts/Futura Md BT Bold.ttf') format('truetype'), url('../fonts/Futura Md BT Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_Futura_Medium';
	src: url('../fonts/Futura Md BT Medium.eot');
	src: local('☺'), url('../fonts/Futura Md BT Medium.woff') format('woff'), url('../fonts/Futura Md BT Medium.ttf') format('truetype'), url('../fonts/Futura Md BT Medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*省略号*/
.oneline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient: vertical;}
.twoline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient: vertical;}
.threeline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient: vertical;}
.fourline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient: vertical;}


.fangdapic{ overflow:hidden; position:relative}
.fangdapic img{ transition: 1s all; -webkit-transition: 1s all; -moz-transition: 1s all; -o-transition: 1s all; -ms-transition: 1s all; width:100%}
a:hover .fangdapic>img{transform: scale(1.05);-webkit-transform: scale(1.05);}
li:hover .fangdapic>img{transform: scale(1.05);-webkit-transform: scale(1.05);}
.fangdapic:hover>img{transform: scale(1.05);-webkit-transform: scale(1.05);}
.fangdapic:hover img{transform: scale(1.05);-webkit-transform: scale(1.05);}




.animated {-webkit-animation-duration:1s;animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}


@-webkit-keyframes fadeInUp {
    0% {opacity:0; -webkit-transform: translate3d(0,20%,0);transform: translate3d(0,20%,0)}
    to {opacity:1; -webkit-transform: none;transform:none}
}
@keyframes fadeInUp {
    0% {opacity:0; -webkit-transform:translate3d(0,20%, 0);transform: translate3d(0,20%, 0)}
    to {opacity:1; -webkit-transform: none;transform: none}
}
@-webkit-keyframes fadeInDown{
  0%{opacity:0; transform:translateY(-50px)}
  100%{opacity:1;transform: translateY(0)}
}
@keyframes fadeInDown{
  0%{opacity:0; transform: translateY(-50px)}
  100%{opacity:1;transform: translateY(0)}
}



@-webkit-keyframes fadeIn{
	0% {opacity:0;}	
	100% {opacity:1;}
}
@keyframes fadeIn{
	0% {opacity:0;}
	100% {opacity:1;}
}

.fadeInUp {-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
.fadeIn {-webkit-animation-name:fadeIn;animation-name:fadeIn;}









.mainbox{ padding-left:5%; padding-right:5%; max-width: 1400px; margin:0 auto;}


.banner{position: relative; overflow: hidden; z-index: 99}
.banner .swiper-pagination{z-index: 99999; left:0px; bottom:90px!important; width: 100% }
.banner .swiper-pagination-bullet{ opacity:1;width:20px; height:4px;margin:0px 5px!important; border-radius:4px; position: relative; background:rgba(255,255,255,0.3);transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; border: none}
.banner .swiper-pagination-bullet-active {background:#fff; width: 30px}
.banner .swiper-pagination-bullet:before{display: none}
.banner .swiper-slide{background-size: cover; background-position: center center;} 
.banner .swiper-slide-active .bantxt{-webkit-animation-name:fadeInDown;animation-name:fadeInDown;}


.banner img{width: 100%}
.banner img.none{display: none!important}

.wapshow{display: none}



.none{display: none}

.top{position: fixed; left: 0px; top: 0px; width: 100%; z-index: 999}


.bantxt{width:54%; color: #fff;-webkit-animation-duration:1s;animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;text-shadow: 0px 3px 3px rgba(0,0,0,0.1);}
.bantxt h1{font-size: 42px; margin-bottom: 20px; line-height: 1.2}
.bantxt p{font-size: 20px;}

.sybtn{height: 34px;background-image: linear-gradient(to right, #4c6cff , #02def5); line-height: 32px; color: #fff; padding: 0px 30px; border-radius: 34px; font-size: 14px; display: inline-block;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}

.sybtn:hover{color: #fff;background: #3675ff}


.spbtn{height: 34px; line-height: 34px; color: #fff; padding: 0px 20px 0px 35px; border-radius: 34px; border: 1px solid #fff;position: relative;font-size: 14px;display: inline-block}
.spbtn:hover{color: #fff; background:#3675ff; border: 1px solid #3675ff}

.spbtn:before{content:'';width: 0;height: 0;border-top: 6px solid transparent;border-left: 6px solid #fff;
border-bottom: 6px solid transparent; position: absolute; left: 20px; top: 50%; transform: translate(0,-50%)}

.mr20{margin-right: 20px}


.top{border-bottom: 1px solid rgba(255,255,255,0.1)}
.top .mainbox{height: 70px;position: relative}
.logo{width:160px;}

.top.cur{background: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,0.1)}
.top.cur .logo img.none{display: block}
.top.cur .logo img.show{display: none}
.top.cur .logo img.none{display: block}
.top.cur .logo img.show{display: none}
.top.cur .soubtn{background: url("../images/fada02.png") no-repeat center center; background-size:46% auto; }
.top.cur .jikebtn{color: #3675ff;border: 1px solid #3675ff;}
.top.cur .jikebtn:hover{background: #3675ff; color: #fff}
.top.cur .nav li>a{color: #333;}
.top.cur .nav li:hover>a{color: #3675ff;}
.top.cur .nav li:hover>a:before{background:#3675ff}
.top.cur .nav li{background: url("../images/down2.svg") no-repeat right center; background-size:20px auto; }




.top.cur2{background: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,0.1)}
.top.cur2 .logo img.none{display: block}
.top.cur2 .logo img.show{display: none}
.top.cur2 .logo img.none{display: block}
.top.cur2 .logo img.show{display: none}
.top.cur2 .soubtn{background: url("../images/fada02.png") no-repeat center center; background-size:46% auto; }
.top.cur2 .jikebtn{color: #3675ff;border: 1px solid #3675ff;}
.top.cur2 .jikebtn:hover{background: #3675ff; color: #fff}
.top.cur2  .nav li>a{color: #333;}
.top.cur2  .nav li:hover>a{color: #3675ff;}
.top.cur2 .nav li:hover>a:before{background:#3675ff}
.top.cur2 .nav li{background: url("../images/down2.svg") no-repeat right center; background-size:20px auto; }




.nav{width: 50%}
.nav li{background: url("../images/down.svg") no-repeat right center; background-size:20px auto; padding-right: 25px;}
.nav li>a{color: #fff; line-height: 70px; position: relative; display: block; font-size: 16px;}
.nav li>a:before{height: 2px; background: #fff; content: ''; position: absolute; left: 0px; bottom: 0px;transition:0.4s all;-webkit-transition:0.4s all;-moz-transition:0.4s all;-o-transition:0.4s all;-ms-transition:0.4s all; width: 0px; }
.nav li:hover>a:before{width: 100%}

.navdownbox{width: 84%; top:70px; background: #fff; position: absolute; left:8%; border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;box-shadow: 0px 0px 10px rgba(0,0,0,0.1);overflow: hidden;  display: none; }

.nav li:hover>a{font-weight: bold}

.nav li:nth-child(1),.nav li:nth-child(4){background:none!important; padding-right: 0px;}


.navdownbox dl dt{background: #3675ff; color: #fff; width:15%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center; font-size: 26px; font-weight: bold}

.navdownbox dl dd{width: 85%}
.navdownbox dl dd a{width:23.33%; float: left; padding:3% 5%}
.navdownbox dl dd a span{width:30px;}
.navdownbox dl dd a p{width: calc(100% - 50px); line-height: 1}
.navdownbox dl dd a p em{display: block; font-weight: bold;  margin-bottom: 10px; font-size: 16px;}
.navdownbox dl dd a p i{display: block; color: #808080; font-size: 14px; line-height: 1.6}
.navdownbox dl dd a:hover{background: #f1f1f1}

.nav li:nth-child(5),.nav li:nth-child(6){position: relative}

.navdownboxtwo{width:100px; top: 70px; background: #fff; position: absolute; left: -20px; border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;box-shadow: 0px 0px 10px rgba(0,0,0,0.1);overflow: hidden;  padding:10px 20px; display: none}

.navdownboxtwo a{ margin:20px 0px;}
.navdownboxtwo a img{width: 24px; margin-right: 10px;}

.soubtn{width:40px; height: 40px; background: url("../images/fada01.png") no-repeat center center; background-size:46% auto; margin-right: 20px;}




.jikebtn{height: 30px; line-height: 30px; color: #fff; padding: 0px 25px; border-radius: 40px; border: 1px solid #fff; font-size: 14px; position: relative; overflow: hidden}

.jikebtn:hover{background: #3675ff; color: #fff; border: 1px solid #3675ff}



.syzizhibox{position: relative; z-index: 99; margin-bottom:150px; border: 1px solid #fff}

.syzizhi{ position: absolute; left: 7%; top:0%; width:70%; transform: translate(0,-30%); background: #fff; border-radius:6px; padding: 40px 8%; box-shadow: 0px 0px 10px rgba(0,0,0,0.05)}

.syzizhipic{width: 200px; border-radius: 16px; overflow: hidden}


.syzizhitxt{width: calc(100% - 240px);}

.syzizhitxt h2{font-weight: normal; font-size: 20px; height: 30px; line-height: 30px; margin-bottom: 10px;}
.syzizhitxt p{height: 48px; line-height: 24px; color:#666666; margin-bottom: 10px;}

.syzizhitxt span{background: url("../images/jiantous.png") no-repeat right center; background-size:8px auto; padding-right: 16px;color: #3675ff; line-height: 1}

.syzizhi .swiper-button-next{right: 3%}
.syzizhi .swiper-button-prev{left: 3%}

.syzizhi .swiper-button-next:after,.syzizhi .swiper-button-prev:after{font-size: 30px; color: #cccccc}

.syzizhi .swiper-button-next:hover:after{color: #3675ff;}
.syzizhi .swiper-button-prev:hover:after{color: #3675ff;}


.syzizhi .swiper-pagination{display: none}


.syqudongleft{width: 50%}

.syqudongright{width: 45%; text-align: justify; line-height:2}

.syqudongright h2{color: #333; font-size: 36px; margin-bottom: 20px;}


.sygaoshengchanleft{width: 38%; text-align: justify}
.sygaoshengchanleft h2{color: #333; font-size: 36px; }
.sygaoshengchanleft h3{color: #888888; font-size:20px; margin-bottom: 20px; font-weight: normal}

.sygaoshengchanright{width:60%; border-radius: 10px; overflow: hidden}



.sytit h2{font-size: 36px; color: #333}
.sytit p{color: #888888; font-size:20px;}

.syhangye{overflow: hidden}
.syhangye .swiper{ width: calc(100% + 500px)}
.syhangyebox{position: relative; padding-bottom: 50px;}
.syhangyebox .swiper-slide{width:40%}
.syhangyebox .fangdapic{border-radius: 10px;}
.syhangyetxtleft{padding: 20px 0px;}
.syhangyetxtleft h3{font-size: 26px;}

.syhangyetxtleft p{ color: #666666;}

.syhangyebox .newqiehuan{width: 130px; position: absolute; left:0%; bottom: 12px;}

.syhangyebox .swiper-button-next{width: 50px;height: 50px; border-radius:100%; border: 1px solid #cccccc; right: 0px;}
.syhangyebox .swiper-button-prev{width: 50px;height: 50px; border-radius:100%; border: 1px solid #cccccc; left: 0px;}
.syhangyebox .swiper-button-prev:hover,.syhangyebox .swiper-button-next:hover{ border: 1px solid #3675ff;}
.syhangyebox .swiper-button-next:after, .syhangyebox .swiper-button-prev:after{color: #cccccc; font-size: 20px;}
.syhangyebox .swiper-button-next:hover:after, .syhangyebox .swiper-button-prev:hover:after{color: #3675ff;}

.syhangyebox .swiper-pagination{bottom:0px; top:auto; width: calc(100% - 170px); height: 2px; background: #c8cce3; left: auto; right:0%;}
.syhangyebox .swiper-pagination-progressbar{border-radius: 6px; height:2px; background: #c8cce3; overflow: hidden; z-index:1  }

.syhangyebox .swiper-pagination-progressbar-fill{background: #3675ff; height: 6px;  top:0px;}

.syhangyetxtleft{width: calc(100% - 200px);}


.huisebj{background: #f7f9fc; border: 1px solid #f7f9fc}

.center{text-align: center}

.bujubox{position: relative}
.bujubox .swiper-slide{ border-radius: 10px;background-image: linear-gradient(#dde5f7 , #ffffff);box-shadow: 0px 0px 10px rgba(0,0,0,0.05); height: auto; cursor: pointer}

.bujubox .swiper-slide:hover{background:#ffffff;}
.bujubox .swiper-slide:hover .bujupic{transform: translateY(-5px)}
.bujuhezi{text-align: center;  padding: 20px;border: 2px solid #fff;border-radius: 10px; border-bottom: none;padding-bottom: 30px;}



.bujutxt p{color: #333; font-size: 22px; font-weight: bold; margin: 10px 0px;}
.bujutxt span{font-size: 14px;}
.bujupic{width: 80px; margin: 0 auto;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; }


.bujubox .swiper{padding: 10px;}


.brandbox ul{ border-top: 1px solid #f5f4f4;border-right: 1px solid #f5f4f4;}
.brandbox{overflow:hidden; position:relative; }
.brandbox:before{content:''; width: 10%; height: 100%; position: absolute; left: 0px; top: 0px; background-image: linear-gradient(to right, #ffffff , rgba(255,255,255,0)); z-index: 99}
.brandbox:after{content:''; width: 10%; height: 100%; position: absolute; right: 0px; top: 0px; background-image: linear-gradient(to right, rgba(255,255,255,0),#ffffff); z-index: 99}
.brandbox li{width: calc(16.66% - 2px); float: left;  }


.brandbox li a{display: block; border-left: 1px solid #f5f4f4;border-bottom: 1px solid #f5f4f4; }

.kehuzhengyanhezi{overflow: hidden}
.kehuzhengyan .swiper{padding: 10px; width: calc(100% + 500px);}
.kehuzhengyan .swiper-slide{height: auto; border-radius: 10px;box-shadow: 0px 0px 10px rgba(0,0,0,0.05); width:20%; background: #fff; cursor: pointer}

.zhengyanboxs{padding: 30px;}

.khlogo{height: 50px;}
.khlogo img{max-height: 100%}

.kehuzhengyan .swiper-slide .fangdapic{border-radius:5px; margin: 20px 0px;}
.kehuzhengyan .swiper-slide:hover .fangdapic>img{transform: scale(1.05);-webkit-transform: scale(1.05);}



.zhengyanboxs p{margin-bottom: 30px; line-height: 26px;min-height: 130px;font-size: 14px;}
.zhengyanboxs h3{font-size: 18px; color: #333}
.zhengyanboxs span{color: #666; display: block; font-size: 12px;}



.kehuzhengyanhezi .newqiehuan{width: 130px; margin: 0 auto;position: relative; margin-top: 5%}

.kehuzhengyanhezi .swiper-button-next{width: 50px;height: 50px; border-radius:100%; border: 1px solid #cccccc; right: 0px;}
.kehuzhengyanhezi .swiper-button-prev{width: 50px;height: 50px; border-radius:100%; border: 1px solid #cccccc; left: 0px;}
.kehuzhengyanhezi .swiper-button-prev:hover,.kehuzhengyanhezi .swiper-button-next:hover{ border: 1px solid #3675ff;}
.kehuzhengyanhezi .swiper-button-next:after, .kehuzhengyanhezi .swiper-button-prev:after{color: #cccccc; font-size: 20px;}
.kehuzhengyanhezi .swiper-button-next:hover:after, .kehuzhengyanhezi .swiper-button-prev:hover:after{color: #3675ff;}


.botzizhi li {color: #333}
.botzizhi li img{width:60px; margin-right: 20px;}


.tiyanbj{background: url("../images/ljtiyan.jpg") no-repeat center center; background-size: cover;}


.tiyanboxs{color: #fff; text-align: center}

.tiyanboxs h2{font-size: 30px;}

.ljtybtn{height: 34px; line-height: 34px; padding: 0px 25px; color: #fff; border: 1px solid #fff; display: inline-block; border-radius: 34px;}
.ljtybtn:hover{background: #ffffff; color: #3675ff}

.footerbj{background: #303758; color: rgba(255,255,255,0.4)}

.footnav{width: 70%}
.footnav p{margin-bottom: 10px;}
.footnav p a{color: #fff; font-weight: bold; font-size: 18px;}
.footnav span{display: block; line-height: 1.8}
.footnav span a{ color: rgba(255,255,255,0.4)}
.footnav span a:hover{color: #fff}

.footright{border-left: 1px solid rgba(255,255,255,0.06); padding-left: 5%}
.footright p{color: #fff;font-weight: bold; font-size: 18px;}
.footright h3{color: #3675ff; font-size: 30px; font-family: 'Conv_Futura'; margin-bottom: 10px;}
.footright h4{color: #fff; margin-bottom: 10px;}
.footright img{max-width: 100px;}
.footright h3 a{color:#3675ff }

.footright span{margin-top: 20px;color: #fff}
.footright a{color: #fff}
.footright a:hover{color: #3675ff}

.footerbot{border-top: 1px solid rgba(255,255,255,0.06); padding: 20px 0px; font-size: 14px; }

.footerbot  a{color:rgba(255,255,255,0.4); }

.footerbot  a:hover{color:rgba(255,255,255,1); }

.footerbot  em{padding: 0px 5px;}
.footerbot span img{margin-right: 5px;}

.nybanner{position: relative;}
.nybanner img{width: 100%}

.nybantxt{position: absolute; width: 100%; left: 0px; top: 50%; transform: translate(0,-50%); color: #fff}

.nybantxt h2{font-size: 46px; position: relative; padding-bottom:20px; margin-bottom: 20px; max-width: 50%; line-height: 1.2}

.nybantxt h2:before{content:''; background: #27e1eb; position: absolute; left: 0px; bottom: 0px; height:4px; width: 80px; }
.nybantxt p{ max-width:40%; line-height:1.6; font-size:20px; text-align: justify}



.pcbanner{position: absolute; left: 0px; top:47%; transform: translate(0,-50%); width: 100%}


.nynav{background: #edeff0; border-radius: 60px;}
.nynav li a{color: rgba(51,51,51,0.4); font-size:24px; font-weight: bold; line-height:60px; position: relative; z-index: 3; display: block; text-align: center;border-radius: 60px;}

.nynav li{position: relative;width: 20%;}
.nynav li:before{height:0%; width: 0%; background: #fff;border-radius:60px; content: ''; position: absolute; left:50%; top: 50%; transform: translate(-50%,-50%); z-index: 1; box-shadow: 0px 0px 20px rgba(0,0,0,0.05);transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; opacity:0;}


.nynav li.cur:before{ width: 100%; height: 120%; opacity: 1}
.nynav li.cur a{color: #333333}
.nynav li:hover:before{ width: 100%; height: 120%; opacity: 1}
.nynav li:hover a{color: #333333}



.sosouboxsbj{background: rgba(0,0,0,0.5); position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 999; display: none}

.sosouboxs{width: 100%; position:fixed; left: 0px; top:-20px; z-index: 99999; background: #fff; padding: 30px 0px; transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; opacity: 0; visibility: hidden}

.sosouboxs.show{ top: 0; opacity: 1; visibility: visible;}

.sosouhezi{border-bottom: 1px solid #3675ff; background: url("../images/fada02.png") no-repeat left center; background-size: 15px; padding-left: 30px; width: 80%; max-width: 500px; margin:0 auto}
.sousutxt{height: 40px; width: calc(100% - 50px); border: none}
.sousuclose{width: 50px; height: 50px;}


.abtopboxs ul{width: calc(100% + 40px); margin-left: -40px;}
.abtopboxs li{width: calc(20% - 40px); float: left; margin-left: 40px; text-align: center; cursor: pointer}
.abtopico{width:35%; margin: 0 auto; max-width: 70px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}

.abtopboxs li p{font-size: 20px; font-weight: bold; color: #333; margin:20px 0px 5px;}
.abtopboxs li span{color: #999999}

.abtopboxs li:hover .abtopico{transform:translateY(-5px)}

.abzibenbox{border-top: 1px solid #eeeeee; overflow: hidden}

.abzibenbox .swiper{ width: calc(100% + 500px)}
.abzibenhezi .swiper-slide{width:20%}
.abzibenhezi{position: relative; padding-bottom:60px;}

.aboutpicsleft{width: 47%}
.aboutpicsleft img{width: 100%}
.abouttxtright{width:47%; line-height:2; text-align: justify}

.abouttxtright h2{font-weight: bold;font-size: 24px; margin-bottom: 10px; color: #333}

.abouttxtright  p{padding-top: 10px;}


.abwenhualeft{width: 47%}
.abwenhuaright{width: 47%}

.abwenhualeft{border-bottom: 1px solid #eeeeee;border-top: 1px solid #eeeeee;}


.abwenhualeftbox li{font-size: 24px; margin: 20px 0px;font-weight: bold;}
.abwenhuaqie{margin-top:15%}
.abwenhuaqie p{display: none; font-size: 18px;}
.abwenhuaqie p:first-child{display: block}

.abwenhualeftbox li span{position: relative; cursor: pointer}
.abwenhualeftbox li span:before{content:''; width: 100%; height: 2px; background: #3675ff; left: 120%; top: 50%; transform: translate(0,-50%);position: absolute; width: 0px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}

.abwenhualeftbox{width: 100%}
.abwenhualeftbox li.cur{font-size: 30px; color: #3675ff }
.abwenhualeftbox li.cur span:before{width: 100%}

.abwenhuaright li{position: absolute; left: 0px; top: 0px; width: 100%; display: none}
.abwenhuaright{position: relative; border-radius: 10px;overflow: hidden}
.abwenhuaright li:first-child{display: block}
.abwenhuaright img{width: 100%}



.historyqh{background: url("../images/line.png") repeat-x top center;margin-top: 90px;}
.historyqh .mySwiper .swiper-slide{padding-top:30px;}

.nyhistorybox .mainbox{position: relative}
.nyhistorybox .mainbox .swiper-button-next{width:50px; height:50px; border: 1px solid #cccccc; border-radius: 100%; right:2%; background: none}

.nyhistorybox .mainbox .swiper-button-prev{width:50px; height: 50px; border: 1px solid #cccccc; border-radius: 100%; left:2%;background: none}

.nyhistorybox .swiper-button-next:after,.nyhistorybox .swiper-button-prev:after{font-size: 24px; color: #cccccc}

.nyhistorybox .swiper-button-next:hover:after{color: #3675ff;}
.nyhistorybox .swiper-button-prev:hover:after{color: #3675ff;}
.nyhistorybox .swiper-button-prev:hover,.nyhistorybox .swiper-button-next:hover{border: 1px solid #3675ff;}




.historyqh .mySwiper p{font-size: 24px; color: #babbbc;font-family: 'Conv_Futura'; text-align: center; position: relative; padding-top:15px;cursor:pointer}

.historyqh .mySwiper p:after{content:''; width:6px; height: 6px; border-radius: 100%; position: absolute; left: 50%; top: 6px; transform: translate(-50%,0); background: #949495}


.historyqh .mySwiper .swiper-slide.swiper-slide-thumb-active p{color: #3675ff}
.historyqh .mySwiper .swiper-slide.swiper-slide-thumb-active p:after{background:#3675ff;}
.historyqh .mySwiper .swiper-slide.swiper-slide-thumb-active p:before{content:''; width: 18px; height: 18px; border-radius: 100%; position: absolute; left: 50%; top: 0px; transform: translate(-50%,0); background: #cfdcf9}



.lishileft{width: 47%; border-radius: 5px;}

.lishiright{width: 47%}

.lishiright h2{font-size: 40px; color: #333333;font-family: 'Conv_Futura'; line-height: 1.2}
.lishiright h3{font-size: 26px; color: #333333}

.lishirighttxt{line-height: 2; margin-top: 30px;}



.shichangtit{background: #edeff0; border-radius: 60px; width: 50%}
.shichangtit li a{color: rgba(51,51,51,0.4); font-size:24px; font-weight: bold; line-height:60px; position: relative; z-index: 3; display: block; text-align: center;border-radius: 60px;}

.shichangtit li{position: relative;width: 50%;}
.shichangtit li:before{height:0%; width: 0%; background: #fff;border-radius:60px; content: ''; position: absolute; left:50%; top: 50%; transform: translate(-50%,-50%); z-index: 1; box-shadow: 0px 0px 20px rgba(0,0,0,0.05);transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; opacity:0;}


.shichangtit li.cur:before{ width: 100%; height: 120%; opacity: 1}
.shichangtit li.cur a{color: #333333}
.shichangtit li:hover:before{ width: 100%; height: 120%; opacity: 1}
.shichangtit li:hover a{color: #333333}

.shichangbox ul{max-width: 80%;}
.shichangbox li{display: none}
.shichangbox li:first-child{display: block}


.syrongyubox{position: relative; padding-bottom:50px;}

.swiper-pagination{z-index: 99; left:0px; bottom:8px!important; width: 100% }
.swiper-pagination-bullet{ opacity:1;width:8px; height:8px;margin:0px 10px!important; border-radius:12px;position: relative; background: #adaeae}
.swiper-pagination-bullet-active{background: #3675ff}
.swiper-pagination-bullet-active:before {width: 18px; height: 18px; border-radius: 100%; position: absolute;left:50%; top: 50%; transform: translate(-50%,-50%); content: ''; border: 1px solid #3675ff}

.contacttop{background: #fff; padding: 40px; border-radius: 10px; margin-top: -80px; position: relative; z-index: 2}

.contlefts{width: 30%}
.contlefts h2{font-family: 'Conv_Futura_Medium'; font-size: 42px; color: #333333; font-weight: normal}

.contrights{width:65%}
.contrights li img{width: 20px;}

.contrights li p{color: #999999; margin:8px 0px 5px;}


.contactboxs li{width: 31%; border-radius: 10px; overflow: hidden; background: #fff;}

.contactboxs li .shang{padding: 30px;}

.contactxtsleft{width: 20%}

.contactxtsright{width:70%}
.contactxtsright p{font-weight: bold; color: #333; font-size: 20px; margin-bottom: 10px;}


.huodongboxs ul{width: calc(100% + 50px); margin-left: -50px;}
.huodongboxs li{width: calc(33.33% - 50px); float: left; margin-left: 50px; margin-bottom: 50px; border-radius: 10px; overflow: hidden;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; }
.huodongboxs li:hover{border-radius: 20px;}
.huodongtxt h3{height: 60px; line-height: 30px; font-size: 20px; margin: 20px 0px;}

.huodongtxt p span{color: #999999;font-family:arial;}

.huodongtxt p em{background: url("../images/jiantous.png") no-repeat right center; background-size:6px auto; padding-right: 14px;color: #3675ff; line-height: 1}


.page a{ width: 40px; height: 40px; border: 1px solid #e3e3e3; border-radius: 3px; text-align: center; line-height: 40px;font-size: 18px; margin: 0px 5px; font-family: arial}

.page a:hover{border: 1px solid #3675ff;}
.page a.cur{border: 1px solid #3675ff; color: #3675ff}
.page a:first-child{font-family: SimSun; font-weight: bold; }

.page a:last-child{font-family: SimSun;font-weight: bold;}






.nynewsleft{width: calc(100% - 350px)}


.nynewsleft li{border-bottom: 1px solid #e3e3e3; padding: 50px 0px;}
.nynewsleft li .fangdapic{width:260px; border-radius:6px;}

.nynewstxt{width: calc(100% - 300px)}

.nynewstxt h3{font-size: 20px; font-weight: bold; line-height:30px; height: 60px; margin: 10px 0px;}
.nynewstxt h4{font-size: 16px; font-weight:normal; color: #666666; height: 30px; line-height: 30px; margin-bottom: 6%}
.nynewstxt p span{color: #999999; font-family: arial}
.nynewstxt p em{background: url("../images/jiantous.png") no-repeat right center; background-size:6px auto; padding-right: 14px;color: #3675ff; line-height: 1}

.nynewsbox{z-index: 9;position: relative}
.nynewsright{width:300px;}

.tuijianwenz{ border: 1px solid #e3e3e3; border-radius:6px; padding: 0px 30px; background: #fff}
.nynewsright.cur .tuijianwenz{position: fixed; top: 80px; width: 240px; z-index: 999; box-shadow: 0px 0px 10px rgba(0,0,0,0.05)}
.tuijianwenz h2{font-size: 18px; padding-top: 20px; margin-bottom: 5px; color: #333}
.tuijianwenz li{border-bottom: 1px dashed #e3e3e3; position: relative; padding: 15px 0px;padding-left: 20px; }
.tuijianwenz li a{display: block; height:48px; line-height: 24px;}
.tuijianwenz li:before{width: 5px; height: 5px; border-radius: 100%; background: #3675ff; content: '';position: absolute;left:0px; top:23px;}
.tuijianwenz li:last-child{border: none}



.nynewstit{border-bottom: 1px solid #e5e5e5; padding-bottom: 30px; margin-bottom: 30px;}
.nynewstit h1{line-height: 1.4;font-size: 30px; margin-bottom: 20px; color: #333}

.nynewstit p{color: #999999; font-family: arial}

.nynewsshowtxt{color: #666666; line-height:2; text-align: justify}


.nynewsshowtxt img{max-width: 800px; margin: 0 auto; height: auto!important; width: auto!important}


.newsupdown{border-top: 1px solid #e5e5e5; padding-top: 30px; margin-top: 30px;}

.newsupdown p{padding: 5px 0px;}
.newsupdown  a{color: #999999;}
.newsupdown  a:hover{color: #3675ff;}


.joinliucheng dt{width: 20px;}

.joinliucheng dd{width: calc(28% - 20px); text-align: center}

.lcicos{width: 50px; margin: 0 auto; background: #f7f9fc; padding: 20px;}

.joinliucheng dd h3{ font-family: arial; font-size: 50px;text-shadow: #cccccc 1px 0 0, #cccccc 0 1px 0, #cccccc -1px 0 0, #cccccc 0 -1px 0; color: #f7f9fc; line-height: 1}

.licutxts p{font-size: 20px; font-weight: bold; color: #333; margin-bottom: 10px;}
.licutxts span{line-height: 1.8}
.licutxts span.cur{display: block}
.joinliucheng dl{position: relative}
.joinliucheng dl:before{content: ''; width: 100%; height: 1px; border-top: 1px dashed #cccccc; position: absolute; left: 0px; top: 100px; z-index: 0}

.joinliucheng dl dd{position: relative; z-index: 2}
.joinliucheng dl dt{position: relative; z-index: 2}
.joinliucheng dl dt img{margin-top: 90px;}

.joinmore{color: #3675ff; display: inline-block}


.joinbox ul{width: calc(100% + 20px); margin-left: -20px;}
.joinbox li{width: calc(33.33% - 20px); float: left; margin-left: 20px; margin-bottom: 20px; box-shadow: 0px 0px 20px rgba(4,40,119,0.07); background: #fff; cursor: pointer}
.joinhezis{padding:30px 40px; padding-bottom: 0px;}

.joinbox li p{color: #999999}

.joinbox li h2{font-size: 22px; color: #333333; margin-bottom: 20px; margin-top: 5px;}

.joinbox li span{display: block; padding-left: 25px; color: #666; margin: 8px 0px;}
.dzico{background:url("../images/joindz01.png") no-repeat left center; background-size: 15px auto}
.rsico{background:url("../images/joindz02.png") no-repeat left center; background-size: 15px auto}

.joinbox li em{height: 48px; background: #3675ff; color:#fff; padding: 0px 20px;}
.joinbox li em i{ opacity: 0; width: 0px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;overflow: hidden;  }
.joinbox li em img{width:10px;}

.joinbox li:hover em i{margin-right: 20px; opacity: 1; width: auto}

.joinbox li:hover h2{color: #3675ff}

.yiqicheng{position: relative; overflow: hidden}

.yiqicheng .swiper-slide{width:600px; border-radius: 10px; overflow: hidden; box-shadow: 0px 0px 20px rgba(0,0,0,0.1)}



.yiqicheng  .swiper-button-next{width:50px; height:50px; border: 1px solid #cccccc; border-radius: 100%; right:0%; background: none}

.yiqicheng  .swiper-button-prev{width:50px; height: 50px; border: 1px solid #cccccc; border-radius: 100%; left:0%;background: none}

.yiqicheng .swiper-button-next:after,.yiqicheng .swiper-button-prev:after{font-size: 24px; color: #cccccc}

.yiqicheng .swiper-button-next:hover:after{color: #3675ff;}
.yiqicheng .swiper-button-prev:hover:after{color: #3675ff;}
.yiqicheng .swiper-button-prev:hover,.yiqicheng .swiper-button-next:hover{border: 1px solid #3675ff;}


.tanchubj{background: rgba(0,0,0,0.8); position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; display: none}

.tanchubox{position: fixed; left: 50%; top: 63%; background: #fff;  transform: translate(-50%,-50%);width: 90%; max-width: 1000px; z-index: 99999; border-radius: 10px; display: none}

.tanchubox.tebie{position: absolute;}


.close{width: 30px; position: absolute; right: 20px; top: 20px;}

.jointanchu{padding: 40px;}

.jointantit h2{color: #3675ff; font-size: 22px; margin-bottom: 5px}

.jointantit p em{padding: 0px 10px; color: #cacbcc}

.jointantxt{ line-height: 2;word-break: break-all;}

.jointantxt h2{padding-top: 30px; color: #333; font-size: 18px;}



.whyboxs ul{width: calc(100% + 50px); margin-left: -50px;}
.whyboxs li{width: calc(20% - 50px); float: left; margin-left: 50px; margin-bottom: 50px; text-align: center; cursor:pointer}


.whyicobox{width: 100px; height: 100px; background: #f0f5ff; border: 20px solid #fff; border-radius: 100%; box-shadow:0px 0px 20px rgba(45,125,184,0.08); margin: 0 auto;margin-bottom: 20px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.whyicobox img{width: 50%;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}


.whyboxs li p{font-size:18px;}

.whyboxs li:hover .whyicobox{ box-shadow:0px 0px 30px rgba(45,125,184,0.2);}

.whyboxs li:hover .whyicobox img{width:60%}


.hezuojiazhibox li{width:calc(31% - 60px); border: 1px solid #e3e3e3; padding: 30px; text-align: center; line-height: 2;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; cursor: pointer}

.jaizhiico{width: 60px; margin: 20px auto;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}

.hezuojiazhibox li h3{font-size: 22px; color: #333; margin-bottom: 10px;}

.hezuojiazhibox li:hover{box-shadow: 0px 0px 20px rgba(0,0,0,0.1);}

.hezuojiazhibox li:hover .jaizhiico{transform: translateY(-5px)}

.funengzhichi li{width: calc(25% - 2px); float: left; border-right: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.funengzhichi{ border-left: 1px solid #e3e3e3;border-top: 1px solid #e3e3e3}
.funnes{padding:10%}
.funengzhichi li img{width: 50px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; }

.funengzhichi li:hover img{transform: translateY(-5px)}
.funengzhichi li:hover{box-shadow: 0px 0px 20px rgba(0,0,0,0.1); }



.funengzhichi li p{font-size: 20px; font-weight: bold; color: #333; margin: 15px 0px 10px;}

.funengzhichi li span{display: block; color: #999999}


.jiamengtiaojian li{width: 32%;}

.jiamengtiaojian li span{width:80px; height: 80px; text-align: center;font-family: arial; line-height: 80px; background: url("../images/liuy.png") no-repeat center center; background-size:auto  100%; display: block; margin: 0 auto; color: #fff; font-size: 30px; position: relative}

.jiamengtiaojian li span:before{content: '';position: absolute; left: 50%; bottom:-36px; width: 10px;height: 10px; border: 2px solid #3675ff; transform: translate(-50%,0); border-radius: 100%;background:#f7f9fc}
.jamtxsd{background: #fff; box-shadow:0px 0px 10px rgba(0,0,0,0.05); padding:10%; margin-top: 70px; font-size: 18px; text-align: center; border-bottom: 4px solid #3675ff;position: relative}


.jamtxsd:before{width: 0;height: 0;border-left:12px solid transparent;border-right: 12px solid transparent;border-bottom: 12px solid #fff; position: absolute; left: 50%; top:-12px; content: '';transform: translate(-50%,0)}

.jamtxsd p{min-height: 60px; line-height: 30px; color: #333}

.jiamengtiaojian ul{position: relative}

.jiamengtiaojian ul:before{content: ''; width: 100%; height: 1px; border-top: 1px dashed #d9d9d9; position: absolute; left: 0px; top: 108px; z-index: 0}


.picFocus .hd{border-bottom:1px solid #e3e3e3;padding-bottom: 20px}
.picFocus .hd ul{width: calc(100% + 20px); margin-left: -20px;}
.picFocus .hd li{cursor: pointer; width: calc(16.66% - 20px); float: left; margin-left: 20px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}

.picFocus .hd li img{filter:brightness(0);opacity:30%;width: 80%; max-height: 80%}

.picFocus .hd li.on img{filter:brightness(1);opacity:100%;}


.zhaomopic img.hide{display: none}

.dakanav{max-width: 1000px; margin: 0 auto}

.dakanav li{width: 33%}


.dakamenu{width: 100%; max-width: 600px; margin: 0 auto}

.dakamenu li a{ padding:20px 12px; display: block; font-size: 18px;position: relative}

.dakamenu li a:before{content:''; background: #3675ff; position: absolute; left: 0px; bottom: 0px; height:2px; width: 0%;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; }

.dakamenu li.cur a:before{width:100%; }
.dakamenu li.cur a{color: #3675ff; font-weight: bold}
.dakamenu li a:hover:before{width: 100%}


.dakaboxs ul{width: calc(100% + 50px); margin-left: -50px;}
.dakaboxs li{cursor: pointer; width: calc(33.333% - 50px); float: left; margin-left: 50px; margin-top: 50px; background: #fff; border-radius: 10px; overflow: hidden}

.dakatxt{padding:30px;}

.dakatxt p em{background: #dfebfd; height: 30px; color: #3675ff; border-radius: 30px; padding: 0px 15px; line-height: 30px;}

.dakatxt h2{height: 60px; line-height: 30px; font-size: 20px;color: #333; margin: 20px 0px;}

.dakatxt span{color: #999999}
.dakatxt em.cur{color: #3675ff}
.dakatxt i{font-family: arial}



.videotanchu{background: rgba(0,0,0,0.8); position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 99999999; display: none}

.videotanchubox{max-width: 1000px; margin: 0 auto; position:absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 90%}
.videotanchubox h2{color: #fff; font-size: 20px; font-weight: normal; text-align: center; padding-bottom: 20px;}
.videobox{position: relative}
.guanbi{width: 30px; height:30px; position: absolute; right:-40px; top:-40px; z-index: 999}


.hangyebaogao ul{width: calc(100% + 50px); margin-left: -50px;}
.hangyebaogao li{cursor: pointer; width: calc(33.333% - 50px); float: left; margin-left: 50px; margin-top: 50px; background: #fff; border-radius: 10px; overflow: hidden}

.baogaotxt{padding:20px 30px 30px;}

.baogaotxt p{line-height: 30px; min-height:90px;font-size: 18px; margin-bottom: 20px;}


.biaodanbox{padding: 40px;}

.biaodanleft{width:35%; line-height: 2}
.biaodanleft h2{font-size: 20px; font-weight: normal; color: #333; margin-bottom: 10px;}


.biaodanright{width: 60%}

.inputwenben{border: none; border-bottom: 1px solid #e3e3e3; height: 60px; display: block; width: 100%}

.inputbutton{padding: 0px 50px; color: #fff; background: #3675ff; border:1px solid #3675ff!important; height: 40px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; border-radius: 5px; margin-top: 40px;}
.inputbutton:hover{background: #fff; color: #3675ff}


.zhinangtuanbot .swiper-slide{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center; min-height: 150px; }
.touxiangz{width: 120px; height: 120px; overflow: hidden; display: block; border-radius: 100%;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}

.zhinanghezi{background: #fff; border-radius: 10px; padding: 50px;}

.zhinengleft{width: 30%;position: relative; border-radius: 10px;overflow: hidden}


.zhinangtuan .mySwiper2{padding-top: 100px;}

.zhinangright{width: 62%}

.zhinangright h2{font-size: 42px; color: #333}
.zhinangright h3{font-size: 18px; display: inline-block; border-bottom: 1px solid #3675ff; padding: 10px 0px;color: #333}

.zhinangright h4{font-weight: normal;background: #dfebfd; height: 34px; color: #3675ff; border-radius: 34px; line-height: 34px; width: 100px; text-align: center; margin: 20px 0px;}

.zhinangtxts{line-height: 1.8; text-align: justify; margin-top: 20px;}
.zhinangtxts p{padding-top:10px;position: relative; padding-left: 20px;}
.zhinangtxts p:before{content:''; position: absolute; left: 0px; top: 20px; border: 2px solid #3675ff; border-radius: 100%; width:4px; height:4px;}

.zhinangtuanbot{position: relative; padding-left: 80px; padding-right: 80px;}

.zhinangtuanbot .swiper-slide.swiper-slide-thumb-active .touxiangz{width: 150px; height: 150px;}

.zhinangtuanbot  .swiper-button-next{width:50px; height:50px; border: 1px solid #cccccc; border-radius: 100%; right:0%; background: none}

.zhinangtuanbot  .swiper-button-prev{width:50px; height: 50px; border: 1px solid #cccccc; border-radius: 100%; left:0%;background: none}

.zhinangtuanbot .swiper-button-next:after,.zhinangtuanbot .swiper-button-prev:after{font-size: 24px; color: #cccccc}

.zhinangtuanbot .swiper-button-next:hover:after{color: #3675ff;}
.zhinangtuanbot .swiper-button-prev:hover:after{color: #3675ff;}
.zhinangtuanbot .swiper-button-prev:hover,.zhinangtuanbot .swiper-button-next:hover{border: 1px solid #3675ff;}


.tongdianbox ul{width: calc(100% + 34px); margin-left: -34px;}
.tongdianbox li{width: calc(33.33% - 114px); float: left; margin-left: 34px; margin-bottom: 34px; background: #fff; border-radius: 10px; padding: 40px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; line-height: 1.8; text-align: justify}

.tongdianico{width: 50px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}

.tongdianbox li h2{font-size: 22px; margin: 20px 0px 10px; color: #333333; line-height: 1.4}

.tongdianbox li:hover{box-shadow: 0px 0px 20px rgba(0,0,0,0.05); background: #3675ff; color: #fff; cursor: pointer;}
.tongdianbox li:hover .tongdianico{transform: translateY(-5px)}
.tongdianbox li:hover h2{color: #fff;}
.imghide{display:none}
.tongdianbox li:hover .imghide{display: block}
.tongdianbox li:hover .imgshow{display: none}

.changjingbox{position: relative}
.changjingbox .swiper-slide{background-size: cover; background-position: center center; height:70vh;} 

.changjingbox .swiper-slide .changjxbxo{position: absolute; top:55%; width: 100%; left: 0px;}


.changjingtxt{background: rgba(255,255,255,0.89); padding: 20px; width:40%}
.changjingtxt h3{color: #333; font-size: 26px; margin-bottom:10px}
.changjingtxt p{font-size: 18px;}
.changjingdings{position: absolute; left: 0px; top: 0%; width: 100%; z-index: 99}

.changjingdings .sytit h2{color: #fff}



.changqiehuan{width: 130px; height: 50px; margin-top: 3%}
.changqiehuan  .swiper-button-next{width:50px; height:50px; border: 1px solid #fff; border-radius: 100%; right:0%; position: relative; background: rgba(255,255,255,0.2)}

.changqiehuan  .swiper-button-prev{width:50px; height: 50px; border: 1px solid #fff; border-radius: 100%; left:0%;position: relative;background: rgba(255,255,255,0.2)}

.changqiehuan .swiper-button-next:after,.changqiehuan .swiper-button-prev:after{font-size: 24px; color: #ffffff}

.changqiehuan .swiper-button-next:hover:after{color: #3675ff;}
.changqiehuan .swiper-button-prev:hover:after{color: #3675ff;}
.changqiehuan .swiper-button-prev:hover,.changqiehuan .swiper-button-next:hover{background: rgba(255,255,255,0.8)}

.yewujiazhi{position: relative; padding-bottom: 50px;}

.yewujiazhi .swiper-slide{ text-align: center;padding: 30px 0px 10px; background: #fff; border-radius: 10px;width: calc(33.33% - 15px);}

.yewuico{width:45px; margin: 0 auto; margin-bottom: 20px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; }
.yewujiazhi .swiper-slide h2{font-size:22px; color: #333;  line-height: 26px; min-height: 52px;}
.yewujiazhi .swiper-slide a{padding:30px; display: block;}
.yewujiazhi .swiper-slide p{color: #666; line-height: 26px; min-height: 78px; font-size: 14px; }

.yewujiazhi .swiper-slide:hover .yewuico{transform: translateY(-5px)}


.dianxingleft{width:40%}
.dianxingleft img{width: 100%}
.dianxingright{width: 55%}

.dianxingtop{height: 50px;}
.dianxingtop img{max-height: 100%}

.dianxingtxt{margin: 20px 0px; line-height: 2}
.dianxinglogo{margin-top: 30px}
.dianxinglogo li{height:70px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border: 1px solid #eee; width:23%; }
.dianxinglogo li img{max-height: 70%}


.shipingbox{max-width: 1000px; margin-left:auto; margin-right: auto}


.fivenengli .hd{width:25%}
.fivenengli .hd li{background: #f0f1f2;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center; padding: 20px; text-align: center;color: rgba(51,51,51,0.4); font-size: 20px; font-weight: bold; border-radius: 80px; cursor: pointer; margin-bottom: 10%}
.fivenengli .hd li:last-child{margin-bottom: 0px;}
.fivenengli .hd li.on{background: #fff; color: #333; box-shadow: 0px 0px 20px rgba(0,0,0,0.1)}



.fivenengli .bd{width: 65%}
.fivenengli .bd li h2{font-size: 30px; color: #333; margin-bottom: 10px;}


.wudapics{ margin-top: 30px;}


.zhuangxinbox .hd{background: #edeff0; border-radius: 60px;}
.zhuangxinbox .hd li a{color: rgba(51,51,51,0.4); font-size:24px; font-weight: bold;  position: relative; z-index: 3; border-radius: 60px; height: 80px;}
.zhuangxinbox .hd li a img{width:34px; margin-right: 10px;filter: brightness(0);opacity: 30%;}
.zhuangxinbox .hd li{position: relative;width: 50%;}
.zhuangxinbox .hd li:before{height:0%; width: 0%; background: #fff;border-radius:60px; content: ''; position: absolute; left:50%; top: 50%; transform: translate(-50%,-50%); z-index: 1; box-shadow: 0px 0px 20px rgba(0,0,0,0.05);transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; opacity:0;}


.zhuangxinbox .hd li.on:before{ width: 100%; height: 120%; opacity: 1}
.zhuangxinbox .hd li.on a{color: #333333}
.zhuangxinbox .hd li.on a img{filter: brightness(1);opacity:100%;}
.zhuangxinbox .hd li:hover:before{ width: 100%; height: 120%; opacity: 1}
.zhuangxinbox .hd li:hover a{color: #333333}


.zhuanxingleft{width: 42%; line-height: 2; font-size: 18px; text-align: justify}

.zhuanxingleft h2{font-size:36px; color: #333; margin-bottom: 20px; line-height: 1.4}
.zhuanxingright{width:48%; border-radius: 10px; overflow: hidden}


.baogaoboxs{position: relative}

.baogaoboxs .swiper-slide{background: #f5f6f7; border-radius: 15px;}
.baogaoboxs  .swiper-button-next{width:50px; height:50px; border: 1px solid #cccccc; border-radius: 100%; right:-80px;}

.baogaoboxs  .swiper-button-prev{width:50px; height: 50px; border: 1px solid #cccccc; border-radius: 100%; left:-80px;}

.baogaoboxs .swiper-button-next:after,.baogaoboxs .swiper-button-prev:after{font-size: 24px; color: #cccccc}

.baogaoboxs .swiper-button-next:hover:after{color: #3675ff;}
.baogaoboxs .swiper-button-prev:hover:after{color: #3675ff;}
.baogaoboxs .swiper-button-prev:hover,.baogaoboxs .swiper-button-next:hover{border: 1px solid #3675ff;}



.ipaastops ul{width: calc(100% + 60px); margin-left: -60px;}
.ipaastops li{width: calc(25% - 100px); float: left; margin-left:60px; padding:30px 20px; background: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,0.05); text-align: center;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; }
.ipaastops li img{width: 50px; display: inline-block;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; }

.ipaastops li p{font-weight: bold; font-size: 20px; color: #333333; margin-top: 20px;}
.ipaastops li:hover{box-shadow: 0px 0px 20px rgba(0,0,0,0.1); border-radius: 10px;}
.ipaastops li:hover img{transform: translateY(-5px)}


.sandabj{background: url("../images/huisebjs.jpg") no-repeat center center; background-size: cover; background-attachment: fixed}

.quanboxs img{width: 50%; max-width: 600px;}


.sandaboxs li{text-align: center; width: 31%; line-height: 2}

.sandaboxs li h3{font-size: 26px; color: #333; margin: 20px 0px 10px;}


.anquantops li{width: calc(31% - 80px);  padding:30px 40px; background: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,0.05);transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; cursor: pointer}
.anquantops li img{width: 50px; }
.shangfu{margin-bottom: 20px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; }
.anquantops li:hover{box-shadow: 0px 0px 20px rgba(0,0,0,0.1); border-radius: 10px; background:#3675ff; color: #fff}
.anquantops li:hover p{color: #fff}
.anquantops li:hover .shangfu{transform: translateY(-5px)}

.anquantops li:hover .imghide{display: block}
.anquantops li:hover .imgshow{display: none}


.anquantops li p{font-weight: bold; font-size: 20px; color: #333333; margin:10px 0;}
.anquantops li span{display: block}

.chuanshuleft{width:25%}

.chuanshuan{border: 1px dashed #3675ff; padding: 24px;}

.jieruhezikuang{background: #ebf1ff; min-height: 500px;}


.chuanshuright{width: 70%}

.jieruhezi p{font-size: 20px; font-weight: bold; color: #333333; margin:20px 0px; position: relative; padding-left: 20px;}
.jieruhezi p:before{content: ''; width: 10px; height: 10px; border-radius:10px; background:#3675ff; top: 50%; transform: translate(0,-50%); position: absolute; left: 0px;}




.beizhus{color: #999; font-size: 14px; margin-top: 30px; line-height: 1.8}

.rizhitixi{position: relative}
.picrizhi{width:42%; margin: 0 auto;}

.rizhitixi li{background: #fff; width:calc(32% - 40px); box-shadow: 0px 0px 15px rgba(0,0,0,0.05); padding:30px 20px; border-radius: 10px; position: absolute;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; }
.rizhitixi li p{line-height: 2}
.rizhitixi li h2{font-size: 20px; color: #333333; margin-bottom: 20px;}

.rizhitixi li:nth-child(1){ left: 0px; top: 0px;}
.rizhitixi li:nth-child(2){ right: 0px; top: 0px;}
.rizhitixi li:nth-child(3){ left: 0px; bottom: 0px;}
.rizhitixi li:nth-child(4){ right: 0px; bottom: 0px;}
.rizhitixi li:hover h2{color: #fff}
.rizhitixi li:hover{box-shadow: 0px 0px 20px rgba(0,0,0,0.1);border-radius: 10px;background: #3675ff; color: #fff;}

.anquanzhenshu{border: 1px solid #e1e1e1; padding: 60px 0px;}

.anquanzhenshu li{width: calc(20% - 1px); float: left; border-left: 1px solid #e1e1e1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}

.anquanzhenshu li img{width: 30%; max-width: 180px;}
.anquanzhenshu li:nth-child(1){border: none}
.shejisleft{width: 40%; text-align: justify}
.shejisleft h2{font-size: 30px; color: #333333; margin-bottom: 20px;}
.shejisleft p{line-height: 2; font-size: 18px;}

.shejisright{width: 50%}

.shejisright .swiper{padding-bottom:50px;}

.shejisright .swiper-slide{box-shadow: 0px 0px 15px rgba(0,0,0,0.05);}




.jiagoutedian ul{width: calc(100% + 30px); margin-left: -30px; }
.jiagoutedian li{width: calc(20% - 70px); float: left; margin-left:30px; padding:30px 20px; background: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,0.05); text-align: center;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.jiagoutedian li img{width: 50px; display: inline-block;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; }

.jiagoutedian li p{font-weight: bold; font-size: 20px; color: #333333; margin-top: 20px;}
.jiagoutedian li:hover img{transform: translateY(-5px)}
.jiagoutedian li:hover{box-shadow:0px 0px 20px rgba(0,0,0,0.1); border-radius: 10px;}

.yunfuwuboxs li{width:48%;background: #fff; border-radius: 10px; overflow: hidden;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; }
.yunfuwuboxs li:hover{box-shadow: 0px 0px 20px rgba(0,0,0,0.1);}
.yuanfuwutxt{padding: 30px;}

.yuanfuwutxt img{width: 50px}

.yuanfuwutxt p{width: calc(100% - 70px); font-weight: bold; font-size: 18px; color: #333}



.siyoubixs ul{width: calc(100% + 30px); margin-left: -30px;}
.siyoubixs li{width: calc(33.33% - 70px); float: left; margin-left:30px; padding:30px 20px; background: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,0.05); text-align: center;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; }
.siyoubixs li img{width: 50px; display: inline-block;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; }

.siyoubixs li p{font-weight: bold; font-size: 20px; color: #333333; margin-top: 20px;}

.siyoubixs li:hover img{transform: translateY(-5px)}
.siyoubixs li:hover{box-shadow:0px 0px 20px rgba(0,0,0,0.1); border-radius: 10px;}




.shuzianleft{width: 43%}
.shuzianright{border-radius: 10px; overflow: hidden; width: 50%}

.shuzianleft h2{font-size: 30px; color: #333}
.shuzianleft p{font-size: 18px; margin: 20px 0px; line-height: 1.8}
.shuzianleft ul{margin-top: 40px;}
.shuzianleft li{width:10%;}



.nynavselect {position:relative;color:#999999;vertical-align:middle;text-align:left;user-select:none;-webkit-touch-callout:none;  width: 90%; margin: 30px auto; display: none; z-index: 99 }

.nynavselect .placeholder {position:relative;display:block;background-color:#fff;z-index:1; height: 56px; line-height: 56px;font-size:18px; font-weight: bold;cursor:pointer; padding-left:20px;border: 1px solid #eee;color: #333;border-radius: 5px; }

.nynavselect .placeholder:after {position:absolute;right:20px;top:50%;transform:translateY(-50%);z-index:10; background: url("../images/selectxia.png") no-repeat center center; content: ""; width: 10px; height: 6px; background-size: 100% auto}

.nynavselect.is-open .placeholder:after {background: url("../images/selectxia2.png") no-repeat center center;background-size: 100% auto}
.nynavselect.is-open ul {display:block; box-shadow:0px 0px 10px rgba(0,0,0,0.05)}

.nynavselect ul {display:none;position:absolute;overflow:hidden;width:100%;background:#fff;top:100%;left:0;z-index:100;font-size:18px; padding: 10px 0px;}
.nynavselect ul li {display:block;text-align:left; padding:6px 20px; color:#999;cursor:pointer;}


.nynavselect ul li a{display: block}

.nynavselect ul li.cur a{color:#3675ff}



.backhome{height: 30px;line-height: 30px;color:#3675ff;padding: 0px 25px;border-radius: 40px;border: 1px solid #3675ff;font-size: 14px;}

.backhome:hover{background: #3675ff; color: #fff}



.messagebox{background: url("../images/mes.jpg") no-repeat center center; background-size: cover; min-height: 100vh; overflow: hidden}

.messageleft{width: 35%}


.messageright{background: #fff; width:45%;}

.messagehezi{margin-top: 80px;}

.messageright ul{width: calc(100% + 30px); margin-left:-30px}
.messagebiaodan{padding: 40px;}
.messageright li{width: calc(50% - 30px); float: left; margin-left: 30px; margin-bottom: 20px; }
.messageright li p{margin-bottom: 10px;}
.messageright li p em{color: #f00}
.inputtext{width: calc(100% - 32px); padding: 0px 15px; height: 40px; border: 1px solid #e9ebef; border-radius: 3px; font-size: 14px;}

.messageright li:nth-child(7),.messageright li:nth-child(8),.messageright li:nth-child(9),.messageright li:nth-child(10){width: 100%}

.messageright li select{width:100%; padding: 0px 15px; height: 42px; border: 1px solid #e9ebef; border-radius: 3px; background: url("../images/xiala.png") no-repeat 98% center; background-size: 10px auto; color: #888; font-size: 14px;}

.messageright li textarea{width: calc(100% - 32px); padding:15px; height: 100px; border: 1px solid #e9ebef; border-radius: 3px; font-size: 14px;}

.tijiaobtn{padding: 0px 50px; font-size: 18px; height: 40px;}


.liuyanbot{ padding-top: 30px; padding-bottom: 30px; text-align: center; color: #888}

.yewujiazhi.wap{display: none}




.fudong{position: fixed; right: 10px; top: 50%; transform: translate(0,-50%); z-index: 9999; display: none}
.fudong li a{width: 46px; height: 46px; border-radius: 100%; background: #d6dce3;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center; margin: 7px 0px;}
.fudong li a:hover{background: #3675ff;}
.fudong li{position: relative;}
.fudong li a>img{width:20px;}

.erweimabox{width: 120px; position: absolute; right:56px; top: 50%; transform: translate(0,-50%); background: #fff;border-radius: 10px;  text-align: center; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); opacity: 0; visibility: hidden;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.erweimabox p{margin-bottom: 10px}
.erweimabox img{border-radius: 10px; }
.erweimabox:before{width: 0; height: 0;border-top:10px solid transparent;border-left: 10px solid #fff;border-bottom: 10px solid transparent; content: ''; position: absolute; right:-10px; top: 50%; transform: translate(0,-50%)}

.fudong li a:hover .erweimabox{opacity: 1; visibility: visible}


.fudong li:nth-child(3) a:hover{border-bottom-left-radius:0px;border-top-left-radius:0px}

.fudong li a:hover>p{background: #3675ff}
.fudong li a>p{width:160px;height: 46px;background: #d6dce3;  position: absolute; right:0px; text-align: center; line-height: 46px; color: #fff;  border-bottom-left-radius: 46px;border-top-left-radius: 46px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; opacity: 0; visibility: hidden}

.fudong li a:hover p{opacity: 1; visibility: visible;right: 46px;}


.xunzhaobox{background: url("../images/hzbj.jpg") no-repeat right center; background-size:auto 100%;padding:5%; box-shadow: 0px 0px 10px rgba(0,0,0,0.1)}

.xunzhaoleft{width:45%}
.xunzhaoleft h2{color: #e0e0e0; font-size: 26px; position: relative;margin-bottom: 20px; padding-top: 20px; line-height: 1.2}
.xunzhaoleft h2 span{color: #333; position: absolute; left: 0px; top:0px; font-size: 30px;}

.xunzhaoleft p{color: #494949; text-align: justify; font-size: 20px; line-height: 2.2}

.xunzhaoright{width: 35%;}
.xunzhaoright>h2{font-size: 30px;color: #3674ff;margin-bottom: 40px; line-height: 1.2}
.xunzhaoright li {margin-bottom: 15px;}
.xunzhaoright li img{width:30px;}

.xunzhaoright li p{width: calc(100% - 60px); font-size: 20px;}

.gypaasbox .sytit h2{margin-bottom: 10px;}


.wntigong .bujutxt span{text-align: left; font-size: 16px; display: block; text-align: justify; line-height:1.8}


.yzmasbtn{height: 40px; border:1px solid #3675ff!important; color: #3675ff!important;width:120px; margin-left: 10px;color: #fff;background: none}

.yzmasbtn2{height: 44px; border:1px solid #3675ff!important; color: #3675ff!important;width:160px; margin-left: 10px;color: #fff;background: none}



.inputtext.yzmstxt{width: calc(100% - 162px);}
.inputwenben.yzmstxt2{width: calc(100% - 170px);}