/***公共样式****/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 {overflow-x:hidden;-webkit-text-size-adjust:none;}

body {color:#333333;font-family:'Source Han Sans CN','PingFang SC','Microsoft YaHei',Arial,'Helvetica Neue',Helvetica,'Hiragino Sans GB',STHeitiSC-Light,sans-serif;font-size:14px; }

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:#003591;}
/*居中*/

.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;}


.shangzhong {display:flex;flex-direction:row;justify-content:center;}
.shangzuo{display:flex;flex-direction:row;justify-content:flex-start;}
.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';}

/* 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 {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}

@font-face {
font-family: 'Averta';
src: url('../font/Averta.eot'); 
src: url('../font/Averta.eot') format('embedded-opentype'),
url('../font/Averta.woff') format('woff'), 
url('http://www.shmingchuang.com/fonts/Averta.ttf') format('truetype'),
url('http://www.shmingchuang.com/fonts/Averta.svg') format('svg'); 
}


.nav-btnbox { display:none}
.pd3{ padding-top:1%; padding-bottom:1%}
.pd4{ padding-top:4%; padding-bottom:4%}
.pd5{ padding-top:5%; padding-bottom:5%}
.pd6{ padding-top:6%; padding-bottom:6%}
.pd2{ padding-top:2%; padding-bottom:2%}
.sousuopd2{ padding-top:0%; padding-bottom:2%}
.pd12{ padding-top:0%; padding-bottom:2%}
.pd14{ padding-top:4%; padding-bottom:2%}
.mt1{ margin-top:1%}
.mt2{ margin-top:0%}
.mt3{ margin-top:3%}
.mt4{ margin-top:4%}
.mt5{ margin-top:5%}

.pt3{ padding-top:3%}
.pt4{ padding-top:4%}
.pt5{ padding-top:5%}

.pb3{ padding-bottom:3%}
.pb4{ padding-bottom:4%}
.pb5{ padding-bottom:5%}




.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.1);-webkit-transform: scale(1.1);}
li:hover .fangdapic>img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.fangdapic:hover>img{transform: scale(1.1);-webkit-transform: scale(1.1);}


.banner{height: 100vh; overflow: hidden;position: relative}
.banner .swiper-slide{height: 100vh; background-size: cover; background-repeat: no-repeat; background-position: center center; overflow: hidden}

.banner .swiper-pagination { z-index: 999; left:0px; bottom:20px; width: 100% }
.banner .swiper-pagination-bullet { background: #FFF; opacity:1; width: 6px; height: 6px;  position: relative; margin:0px 10px; }
.banner .swiper-pagination-bullet-active:before { content: ""; width: 12px; height: 12px; border: 1px solid #fff; position: absolute; left: -4px; top: -4px; border-radius: 100% }

.banner .swiper-button-next{ width:50px; height: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;background:url(../image/rightan.png) no-repeat center center rgba(0,0,0,0.1); border-radius: 100%; background-size:15px auto; right:2%; opacity: 0}

.banner .swiper-button-prev{width:50px; height: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;background:url(../image/leftan.png) no-repeat center center rgba(0,0,0,0.1); border-radius: 100%; background-size:15px auto; left:2%; opacity: 0}

.banner:hover .swiper-button-next{opacity: 1}
.banner:hover .swiper-button-prev{opacity: 1}


.bantxt{position: absolute; left: 0px; top:38%; width: 100%; line-height: 1;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both; letter-spacing: 2px; text-align: left}

.bantxt h2{font-size: 50px; color: #0c3285; -webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both; animation-delay:1s;-webkit-animation-delay:1s;}

.bantxt p{font-size: 30px;color: #0c3285; padding:30px 0px; -webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;animation-delay:2s;-webkit-animation-delay:2s;}

.bantxt a{width: 40px; height: 40px; border:1px solid #0c3285;border-radius: 100%; display: block; margin-left: 5px; }
.bantxt.baise h2{color: #fff}
.bantxt.baise p{color: #fff}

.bantxt.lvse h2{color: #7db840}
.bantxt.lvse p{color: #7db840}

.banner .swiper-slide-active .bantxt h2{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
.banner .swiper-slide-active .bantxt p{-webkit-animation-name:fadeInDown2;animation-name:fadeInDown2}


@-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 fadeInDown2{
  0%{opacity:0; transform:translateY(-20px)}
  100%{opacity:1;transform: translateY(0)}
}
@keyframes fadeInDown2{
  0%{opacity:0; transform: translateY(-20px)}
  100%{opacity:1;transform: translateY(0)}
}








.mainbox{margin: 0 auto; max-width:1400px; padding-left: 100px; padding-right: 100px;}
.xiadan{margin: 0 auto; max-width:1000px; padding-left: 100px; padding-right: 100px;}
.sousuobox{margin: 0 auto; max-width:1000px; padding-left: 50px; padding-right: 50px;}
.top{position: fixed; left: 0px; top: 0px; width: 100%; z-index: 999999;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.none{display: none}
.top .mainbox{height:80px; line-height: 80px}
.logo{width: 10%;}
.topright{width: 70%}
.nav{ width: 60%; }
.nav li{position: relative}
.nav li>a{color: #fff;font-size: 16px; display: block}
.nav li:before{width: 0px; height: 2px; position:absolute ; left:50%;transform: translate(-50%,0);  bottom: 0px; content: ""; background: #003591;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}

/*.nav li:hover .navdown{opacity: 1; top: 80px; visibility: visible} */

.navdown{background: #fff; position: absolute; left: 50%; transform: translate(-50%,0); width:200%; top:80px;box-shadow:0px 10px 10px rgba(0,0,0,0.05); border-bottom-left-radius:5px; border-bottom-right-radius:5px; padding: 10px 0px; display: none}

.nav li:nth-child(3) .navdown{width: 250%}
.navdown a{display: block; text-align: center; line-height: 34px; color: #666}
.navdown a:hover{color:#003591;}
.sharexs a{width:28px; height: 28px; border: 1.5px solid #fff; border-radius: 100%; margin-left: 12px; position: relative }
.sharexs a:hover>div{display: block}
.toptel{background:url("../image/telico2.png") no-repeat center center; background-size:95% auto}
.topweix{background:url("../image/weixinico2.png") no-repeat center center; background-size:95% auto}

.topweima{ position: absolute; left: 50%; top:38px; transform: translate(-50%,0); display: none;}
.hziscs{background: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,0.1);  width:100px;border-radius: 5px;  width:100px; height: 100px; overflow: hidden;}
.topweima:before{content: "";width: 0;height: 0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:8px solid #fff; position: absolute; left: 50%; margin-left: -6px; top: -8px;}

.topteldown{background: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); position: absolute; left: 50%; top:38px; transform: translate(-50%,0);border-radius: 5px; width:152px; padding: 10px 10px 5px; line-height:1.4; display: none}
.topteldown:before{content: "";width: 0;height: 0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:8px solid #fff; position: absolute; left: 50%; margin-left: -6px; top: -8px;}
.topteldown span{font-family: 'Averta'; font-size: 21px; font-weight: bold}

.top.cur{background: #fff; box-shadow:0px 0px 10px rgba(0,0,0,0.1)}
.top.cur .nav li>a{color: #333}
.top.cur .nav li:hover>a{color: #003591}
.top.cur .logo .none{display: block}
.top.cur .logo .show{display: none}

.top.cur .toptel{background:url("../image/telico.png") no-repeat center center; background-size:95% auto;border: 1.5px solid #ddd;}
.top.cur .topweix{background:url("../image/weixinico.png") no-repeat center center; background-size:95% auto;border: 1.5px solid #ddd;}


.top.baise{background: #fff; box-shadow:0px 0px 10px rgba(0,0,0,0.1)}
.top.baise .nav li>a{color: #333}
.top.baise .nav li>a:hover{color: #003591}
.top.baise .logo .none{display: block}
.top.baise .logo .show{display: none}

.top.baise .toptel{background:url("../image/telico.png") no-repeat center center; background-size:95% auto;border: 1.5px solid #ddd;}
.top.baise .topweix{background:url("../image/weixinico.png") no-repeat center center; background-size:95% auto;border: 1.5px solid #ddd;}



.top:hover{background: #fff; box-shadow:0px 0px 10px rgba(0,0,0,0.1)}

.top:hover .nav li>a{color: #333}
.top:hover .nav li:hover>a{color: #003591}

.top:hover .nav li:hover:before{ width: 200%}
.top:hover .nav li:hover:nth-child(1):before{ width: 100%}
.top:hover .nav li:hover:nth-child(3):before{ width: 250%}
.top:hover .logo .none{display: block}
.top:hover .logo .show{display: none}

.top:hover .toptel{background:url("../image/telico.png") no-repeat center center; background-size:95% auto;border: 1.5px solid #ddd;}
.top:hover .topweix{background:url("../image/weixinico.png") no-repeat center center; background-size:95% auto;border: 1.5px solid #ddd;}


.shuzibox{border-bottom: 1px solid #eaeaea; padding: 20px 0px;}

.shuzibox li{ line-height:1; color: #666666}
.shuzibox li:first-child{border: none}
.shuziico{max-width:40px; margin-top: 10px}

.shuzitxt{ margin-left: 20px; width:80%}

.shuzitxt p em{font-family: 'Averta'; font-size:40px; color: #333; margin-right:5px; font-weight: bold}
.shuzitxt span{margin-top: 10px; display: block; color: #666}


.syaboutbj{background: url("../image/abbj.jpg") no-repeat center center; background-size: cover; background-attachment: fixed}
.syableft{width: 48%}
.syabright{width: 48%}

.syablefttit p{font-size:30px;font-family: 'Averta';text-transform: uppercase;}
.syablefttit h2{font-weight: normal; font-size:24px; color: #666}

.syabtxt{font-size: 15px; color: #666; line-height: 1.8}
.syabtxt p{margin-top:20px}
.biaoyusx{margin-top: 10px;}
.biaoyusx b{font-family:Arial; font-size:40px;color: #0c3285;transform: rotate(-180deg);-ms-transform: rotate(-180deg);-moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg);-o-transform: rotate(-180deg); display: inline-block}
.biaoyusx p{color: #0c3285; font-size: 24px; letter-spacing: 1px; font-weight: bold}
.biaoyusx span{color: #999999; display: block; font-size: 12px;}



.sytit{text-align: center}
.sytit p{font-family: 'Averta Bold'; text-transform: uppercase; font-size: 30px}
.sytit span{font-size: 24px; color: #666}


.syproleft{margin-left: 100px; width: calc(30% - 120px); position: relative}
.syproleft li{ position: absolute; left: 0px; top: 50%; transform: translate(0,-50%); display: none}
.syproleft li:first-child{display: block}
.syproleft li h3{font-size:38px; line-height: 1.2}
.syproleft li p{color: #666666; font-size:18px; margin: 20px 0px 30px; line-height: 1.6;/*display: -webkit-box;
-webkit-box-orient: vertical;-webkit-line-clamp:6;overflow: hidden;*/}
.syproleft li a{width: 40px; height: 40px; border:1px solid #cccccc;border-radius: 100%; display: block; margin-left: 5px; background: url("../image/jian02.png") no-repeat center center; background-size: 8px auto}
.syproleft li a:hover{background:url(../image/jian022.png) no-repeat center center; background-size:8px auto;border:1px solid #0c3285; }






.syproright{ width:68%; position: relative;}

.syproimg li{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;opacity:0; transition: all .5s;}
.syproimg li:first-child{position: relative;}
.syproimg li img{width: 100%}
.syproimg li.cur{opacity:1}

.syprolist{position: absolute; z-index:9; width: 100%; height: 100%; left: 0px; top: 0px;}
.syprolist li{width: 20%; height: 100%; position:relative;border-right: 1px solid rgba(255, 255, 255, .3); color: #fff; cursor: pointer;}

.prolisttxt p{text-align: center; font-size:18px; margin-top: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;}



@keyframes warn {0% {transform:scale(0);opacity:0.0;}
25% {transform:scale(0);opacity:0.1;}
50% {transform:scale(0.1);opacity:0.3;}
75% {transform:scale(0.5);opacity:0.5;}
100% {transform:scale(1);opacity:0.0;}
}
@-webkit-keyframes "warn" {0% {-webkit-transform:scale(0);opacity:0.0;}
25% {-webkit-transform:scale(0);opacity:0.1;}
50% {-webkit-transform:scale(0.1);opacity:0.3;}
75% {-webkit-transform:scale(0.5);opacity:0.5;}
100% {-webkit-transform:scale(1);opacity:0.0;}
}
	


.dot {width:6px;height:6px; position: relative;border:2px solid #fff;  border-radius:100%;z-index:2; 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;}

.dot:after{ content:""; position:absolute;width:10px;height:10px;left:50%;top:50%; margin-top: -10px; margin-left: -10px; border:5px solid #fff;border-radius:100%;z-index:1;opacity:0;-webkit-animation:warn 3s ease-out;-moz-animation:warn 3s ease-out;animation:warn 3s ease-out;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-iteration-count:infinite;}


.dot:before{ content:""; position:absolute;width:30px;height:30px;left:50%;top:50%; margin-top: -21px; margin-left: -21px; border:6px solid #fff;border-radius:100%;z-index:1;opacity:0;-webkit-animation:warn 3s ease-out;-moz-animation:warn 3s ease-out;animation:warn 3s ease-out;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-iteration-count:infinite;}



.syprolist li.cur{background: rgba(0,0,0,0.1);}
.syprolist li.cur:before{width: 100%}
.syprolist li:before{content: ""; width:0%; height: 4px; background:#0c4ad1; position: absolute; left: 0px; bottom: 0px;transition:1s all;-webkit-transition:1s all;-moz-transition:1s all;-o-transition:1s all;-ms-transition:1s all;}
.syprolist li.cur .dot{transform: scale(1.6);-webkit-transform: scale(1.6);}
.syprolist li.cur p{ font-weight: bold}
.sypartnerbj{background: url("../image/bg-1_21.jpg") no-repeat bottom center; background-size: 100% auto; background-attachment: fixed}


.sypartnertit{text-align: center}
.sypartnertit h3{font-size: 24px; font-weight: normal; margin-bottom: 10px}
.sypartnertit p{font-size:16px; color: #888888}


.sypartnerbox .swiper-slide{ position: relative; cursor: pointer}

.kuangs{ position: relative; background: #fff}
.kuangs:before{width: 1px; height: 100%; background:#f0f0f0; content: ""; position: absolute; left: 0px; top: 0px;}
.kuangs:after{width:100%; height: 1px; background:#f0f0f0; content: ""; position: absolute; left: 0px; top: 0px;}


.sypartnerbox .swiper-slide:hover img.show{display:none}
.sypartnerbox .swiper-slide:hover img.none{display:block}

.sypartnerbox{position: relative; border-right: 1px solid #f0f0f0;border-bottom: 1px solid #f0f0f0}
.sypartnerbox .swiper-button-next{ width:50px; height:50px;right:-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;background:url(../image/jian02.png) no-repeat center center; margin-top:-25px;background-size:8px auto;border:1.5px solid #cccccc; border-radius: 100%}
.sypartnerbox .swiper-button-next:hover{background:url(../image/jian022.png) no-repeat center center; background-size:8px auto;border:1.5px solid #0c3285; }
.sypartnerbox .swiper-button-prev{width:50px; height:50px; left:-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;background:url(../image/jian01.png) no-repeat center center; margin-top:-25px;background-size:8px auto; border:1.5px solid #cccccc; border-radius: 100%}
.sypartnerbox .swiper-button-prev:hover{background:url(../image/jian011.png) no-repeat center center; background-size:8px auto;border:1.5px solid #0c3285; }


.footerbj{background: url("../image/footerbj.jpg") no-repeat center center; background-size: cover;color:rgba(255,255,255,0.5); border-top: 4px solid #0c4ad1}
.footerbj.cur{ padding-bottom: 100px;}
.footernav li p{ margin-bottom:10px;color:#fff; font-size:16px;}
.footernav li p a{ color:#fff; font-size:16px;}
.footernav{ width:70%}
.footernav li{ width:25%}
.footnavdown span{ display:block; padding:3px 0px;}


.footercontact{ color: rgba(255,255,255,0.5)}
.footercontact h3{font-size: 14px; font-weight: normal}
.footercontact h2{ color:#0081ee;font-family: 'Averta';font-size: 30px;}
.footercontact p{padding:3px 0px;}
.footercontact p img{ max-width:13px; margin-right:10px;}
.footerbj a{ color:rgba(255,255,255,0.5)}
.footerbj a:hover{ color:#0081ee;}

.footlogo{max-width:120px; width: 15%;}
.confotx{padding:15px 0px 20px;}
.sharex li a{width:30px; height: 30px; display: block;background: rgba(255,255,255,0.5); border-radius: 100%; }
.sharex li a:hover{background: #0081ee;}
.sharex li{ margin-right: 20px;position: relative}
.sharex li:hover>.sharedown{display: block}

.sharedown{ position: absolute; left: 50%; bottom:38px; transform: translate(-50%,0); display: none}
.sharehezi{background: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,0.1);  width:100px;border-radius: 5px;  width:100px; height: 100px; overflow: hidden;}
.sharedown:before{content: "";width: 0;height: 0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid #fff; position: absolute; left: 50%; margin-left: -6px; bottom: -8px;}





.footbot{padding: 20px 0px; text-align: center; border-top: 1px solid rgba(255,255,255,0.1); }

.footonline{background: rgba(0,0,0,0.5); position: fixed; left: 0px; bottom:-100%; width: 100%;z-index: 99999; transition:2s all;-webkit-transition:2s all;-moz-transition:2s all;-o-transition:2s all;-ms-transition:2s all; opacity: 0}
.footonline.cur{ bottom: 0px; opacity: 1}
.footonlineleft{background: #0c4ad1; width:calc(30% - 20px); color: #fff; padding: 10px;}
.footonlineleft p{font-size: 14px;}
.footonlineleft span{display: block; font-size: 30px;font-family: 'Averta';font-weight: bold}

.footonlineleftimg{margin-right: 20px; max-width: 50px}
.footonlineright{padding:15px 40px; width: calc(70% - 80px); color: #fff}
.footonlineright input[type="text"]{ height:40px; background: #fff; border: none; width:calc(100% - 20px); padding: 0px 10px;}
.footonlineright input[type="submit"]{ height:40px; background: #0c4ad1; border: none; width:100%;color: #fff;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.footonlineright ul{ margin-top:10px;}
.footonlineright input[type="submit"]:hover{background: #336ff1; }
.footonlineright li:nth-child(1){width: 25%}
.footonlineright li:nth-child(2){width: 30%}
.footonlineright li:nth-child(3){width: 30%}
.footonlineright li:nth-child(4){width:10%}

.footonlineright input::-webkit-input-placeholder{color: #cccccc;}
.footonlineright input::-moz-placeholder { color: #cccccc;}
.footonlineright input:-ms-input-placeholder { color: #cccccc;}

.close{width: 20px; height: 20px; position: absolute; right: 10px; top: 10px;}
.close img{max-width: 12px}

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

.miaobaonav{position: absolute; left: 0px; bottom:20px; color: #fff; width: 100%}
.miaobaonav p a{color: #fff}
.miaobaonav p a:hover{text-decoration: underline}
.miaobaonav em{padding: 0px 5px;}

.nynav{background: #003591;}
.nynav li{ line-height: 60px; width: 50%; text-align: center;border-left: 1px solid rgba(255,255,255,0.1); position: relative}

.nynav li a{color: #fff; font-size: 16px; display: block}

.nynav li:last-child{border-right: 1px solid rgba(255,255,255,0.1)}
.nynav li a:hover{background: #fff; color: #003591; font-weight: bold;}
.nynav li:before{content: "";  height: 1px; width:0%; background: #f7f7f7; position: absolute; left: 0px; bottom: 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;}
.nynav li.cur a{background: #fff; color: #003591; font-weight: bold}
.nynav li:hover:before{ width: 100%}
.nynav li.cur:before{ width: 100%}
.nytit{text-align: center; border-bottom: 1px solid #f7f7f7}
.nytit h2{font-size: 30px; letter-spacing:2px;}
.nytit p{text-transform: uppercase; color: #999999;font-family: 'Averta';}

.abshuzi li{line-height: 1; margin-bottom:3%}



.youshibj{background: url("../image/youshibj.jpg") no-repeat top center; background-size: 100% auto}

.youshitit{text-align: center}
.youshitit h2{font-size: 30px;}
.youshitit p{color: #999999;font-family: 'Averta'; font-size: 16px;}
.youshilist{background: #fff; padding:3% 5%;}
.youshilist li{border-bottom: 1px solid #f7f7f7; padding:3% 5%}
.youshilist li:last-child{border: none}
.youshipic{width:20%; margin-right: 5%}
.youshipic img{max-width:150px}
.youshitxt{width: 65%}
.youshitxt p{font-size: 24px; margin-bottom:10px;}
.youshitxt span{color: #666666; display: block; line-height:1.8; font-size: 16px;}


.kehulist li{width:calc(16.6666% - 2px); border: 1px solid #f7f7f7; float: left; margin-left: -1px; margin-top: -1px;}
.wenhualeft{width: 45%}
.wenhuaright{width: 45%}
.wenhualeft li{padding:5% 0px}

.wenhuapic{max-width:40px; margin-right:7%; margin-top:5px }
.wenhuatxt p{font-size:24px; font-weight: bold; margin-bottom:10px;}
.wenhuatxt span{font-size: 16px; display: block; color: #666}


.proserleft{width:43%;  top:50%; transform: translate(0,-50%); position:absolute}
.proserright{width:50%}
.proserbox li>.mainbox>.clearfix{ position: relative}

.proserbox li:nth-child(even){background: #f7f8fa;}

.proserbox li:nth-child(even) .proserleft.fl{float: right; right: 0px;}
.proserbox li:nth-child(even) .proserright.fr{float: left}

.proserleft h3{font-size:30px;}
.proserleft p{font-size: 22px; padding:2% 0px;}
.proserleft span{color: #666666; font-size: 18px; display: block; line-height: 1.8}

.proserleft a{width:160px; height: 48px; border: 1px solid #003591; line-height:48px; text-align: center; border-radius: 50px; display: block; color: #003591; font-size: 18px; margin-top: 5%}
.proserleft a:hover{ background: #003591; color: #FFFFFF}

.tanchubj{position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 99999999; display: none}
.tanchubox{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width:90%}

.yewuzixun{background: #fff; border-radius: 5px; max-width:500px; width: 90%; margin:0 auto; padding-top: 30px; overflow: hidden; position: relative }
.yewuzixun>h2{text-align: center; font-size: 24px;}
.yewuzixun>p{text-align: center; color: #999999; padding: 5px 0px;}
.yewuzixun ul{padding:0px 50px 20px}
.yewuzixun li{ margin:20px 0px;}
.yewuzixun li input[type="text"]{ height:50px; background: #f6f6f6; border: none; width:calc(100% - 20px); padding: 0px 10px;}

.yewuzixun input::-webkit-input-placeholder{color: #cccccc;}
.yewuzixun input::-moz-placeholder { color: #cccccc;}
.yewuzixun input:-ms-input-placeholder { color: #cccccc;}



.yewuzixun li input[type="submit"]{ height:50px; background: #0c4ad1; border: none; width:100%;color: #fff;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; font-size: 18px; margin-top: 10px;}
.yewuzixun li input[type="submit"]:hover{background: #336ff1; }

.zixuntel{background: #0c4ad1; color: #fff; padding: 20px 30px}
.zixuntel p{text-align: center; font-size: 12px; line-height: 1.2; padding: 0px 5px;}
.zixuntel span{font-size: 32px;font-family: 'Averta'; font-weight: bold}
.zixuntel img{max-width:30px;}

.guanbi{width:40px; height:40px; position: absolute; right:5px; top:5px; }

.guanbi img{max-width: 20px;}

.nynewsbox ul{width: calc(100% + 25px); margin-left: -23px; }
.nynewsbox li{width: calc(33.333% - 40px); float: left;margin:30px 0px; margin-left: 40px; border-bottom: 1px solid #eeeeee; position: relative;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; }
.nynewsbox1 li{width: calc(33.333% - 40px); float: left;margin:0px 0px; margin-left: 40px; border-bottom: 1px solid #eeeeee; position: relative;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; }
.nynewsbox li:before{content: ""; width:0%; height: 1px; background: #003591; position: absolute; left: 0px; bottom:-1px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.nynewsbox li:hover{box-shadow:0px 10px 10px rgba(0,0,0,0.05) }
.nynewsbox li:hover:before{width: 50%}
.newstxts{padding:15px 10px 15px;}
.newstxts1{padding:0px 10px 15px;}

.nynewsbox li .fangdapic{height:219px;    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;}
	
.nynewsbox li .fangdapic img{object-fit: cover;}







.newstxts p{ height:72px; line-height:24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;}

.newstxts h4{ height:26px; line-height:24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden;}

.newstxts span{color: #989a9f;font-family: 'Averta'; }

.newstxts1 p{ height:72px; line-height:24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;}

.newstxts1 p1{ height:72px; line-height:24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;}

.newstxts1 h4{ height:26px; line-height:24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden;}

.newstxts1 span{color: #989a9f;font-family: 'Averta'; }


.page a{ width:38px; height:38px; border:1px solid #eee; text-align:center; line-height:38px; font-weight:bold; color:#7d7f8d; margin:0px 5px;font-family: 'Averta'; }
.page a:hover{background:#003591; color:#fff; border:1px solid #003591;}
.page a.cur{background:#003591; color:#fff; border:1px solid #003591;}

.nynewsshowtit{background: #f7f8fa}


.nynewsshowtit{margin-top: 80px;}
.nynewsshowtit h1{font-size:26px; margin-bottom:40px}
.nynewsshowtit p{font-family: 'Averta'; color: #666666}
.newsshowtxt{font-size: 16px; }
.newsshowtxt p{margin-top:20px;color: #666666}
.newsshowtxt img{display:inline-block}
.newsshowtxt h3{margin-top:20px;}

.shangxia{background: #f7f8fa; border-top: 1px solid #eeeeee}

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

.shangxia li{color: #999999}
.shangxia li a{color: #999999}
.shangxia li a:hover{color: #003591}

.contacttit{text-align: center}
.contacttit>h2{ font-size: 26px; font-weight: normal; padding: 20px 0px}

.contacttit li{text-align: center; width: 33%;font-family: 'Averta';}
.contacttit li img{display: inline-block; max-width:40px;}

.contacttit li p{ color: #666666; font-size: 16px; padding: 10px 0px;}
.contacttit li span{font-size:18px;}
.conmainbox{max-width: 1200px; margin: 0 auto}


.my-map { margin: 0 auto; width:100%; height:500px; border: 1px solid #eee; margin-top:5% } 
.my-map .icon { background: url(../image/marker.png) no-repeat; } 
.my-map .icon-cir { height: 31px; width: 28px; }
.my-map .icon-cir-blue { background-position: -11px -55px; }
.amap-container{height: 100%;}
.myinfowindow{width: 240px;min-height: 50px;}
.myinfowindow h5{ height: 20px; line-height: 20px; overflow: hidden; font-size: 14px; font-weight: bold; width: 220px; text-overflow: ellipsis; word-break: break-all; white-space: nowrap; }
.myinfowindow div{ margin-top: 10px; min-height: 40px; line-height: 20px; font-size: 13px; color: #6f6f6f; }


.liuyanbj{background: url("../image/conliuyanbj.jpg") no-repeat center center; background-size: cover auto; color: #fff;}
.nytittwo{text-align: center;}
.nytittwo h2{font-size: 30px; letter-spacing:2px;}
.nytittwo p{text-transform: uppercase; color: #999999;font-family: 'Averta';}
.nytittwo span{display: block; margin-top: 20px}
.nytittwo.baise p{color: #fff}


.conbiaodan p{text-align:center; font-size: 16px;}

.conbiaodan ul{width:calc(50% - 10px)}
.conbiaodan li{width:100%}
.conbiaodan li:first-child{margin-bottom: 20px;}
.conbiaodan li:first-child input[type="text"]:first-child{margin-right: 20px;}
.conbiaodan li input[type="text"]{ height:50px;  border:1.5px solid rgba(255,255,255,0.5); width:calc(100% - 22px); padding: 0px 10px; background: none; color: #fff}

.conbiaodan ::-webkit-input-placeholder{color: #cccccc;}
.conbiaodan ::-moz-placeholder { color: #cccccc;}
.conbiaodan :-ms-input-placeholder { color: #cccccc;}

.conbiaodan textarea{border:1.5px solid rgba(255,255,255,0.5);  padding:10px; background: none; color: #fff; width:calc(50% - 32px) }


.conbiaodan1 p{text-align:center; font-size: 16px;}

.conbiaodan1 ul{width:calc(50% - 10px)}
.conbiaodan1 li{width:100%}
.conbiaodan1 li:nth-child(n){margin-bottom: 20px;}
.conbiaodan1 li:nth-child(n) input[type="text"]:nth-child(n){margin-right: 20px;}
.conbiaodan1 li input[type="text"]{ height:50px;  border:1.5px solid rgba(255,255,255,0.5); width:calc(100% - 0px); padding: 0px 10px; background: none; color: #fff}

.conbiaodan1 ::-webkit-input-placeholder{color: #cccccc;}
.conbiaodan1 ::-moz-placeholder { color: #cccccc;}
.conbiaodan1 :-ms-input-placeholder { color: #cccccc;}

.conbiaodan1 textarea{border:1.5px solid rgba(255,255,255,0.5);  padding:10px; background: none; color: #fff; width:calc(50% - 32px) }




.tijiao{height: 50px; color: #fff; font-size:20px; background: #003591; width:calc(100% - 0px); margin-top: 40px;}


.guanzhuwo li{text-align:center; margin:0px 5%}
.erweima{border: 1px solid #eeeeee; border-radius: 5px;}
.guanzhuwo li p{padding: 10px; font-size: 16px;}

.renzai li{width: 31%; border-radius:3px; overflow: hidden; position: relative}
.renzaitxt{background: linear-gradient(0deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); position: absolute; left: 0px; bottom: 0px; color: #fff; width: calc(100% - 40px); padding: 20px; }
.renzaitxt p{font-size: 20px;}
.renzaitxt span{display: block;}
.joinbj{background: #f7f8fa; overflow: hidden}


.joinlist li{ background: #fff; padding: 20px 50px; margin-bottom: 30px;}
.joinlist li p{font-size: 20px; font-weight: bold; margin-bottom: 10px}
.joinlist li span{color: #999999}
.joinlist li em{margin-right:5%; display: inline-block}

.joinlist li a{display: block; background: url("../image/yjia01.png") no-repeat right center; background-size: 26px auto;transition:0s all;-webkit-transition:0s all;-moz-transition:0s all;-o-transition:0s all;-ms-transition:0s all;}
.joinlist li a:hover{color: #fff;background: url("../image/yjia02.png") no-repeat right center; background-size: 26px auto}
.joinlist li a:hover span{color: #fff}
.joinlist li:hover{background: url("../image/lvse.jpg") no-repeat right center #003591; background-size: auto 100%}


.gengduo{ border: 1px solid #dddddd; width: 200px; height: 55px; text-align: center; line-height: 55px; font-size: 18px; color: #666666}
.gengduo:hover{ color: #fff; background: #003591;}

.peixuan li{border-top: 4px solid #eaeaea; width:calc(25% - 96px); margin-left: 16px; background: #fff; box-shadow: 0px 10px 10px rgba(0,0,0,0.05); padding: 50px 40px; cursor: pointer;transition:0.2s all;-webkit-transition:0.2s all;-moz-transition:0.2s all;-o-transition:0.2s all;-ms-transition:0.2s all;}
.peixuan li.cur{width:calc(50% - 80px);}
.peixuan li:nth-child(1){margin-left:0px; background: url("../image/01x.png") no-repeat right bottom; background-size:80px auto}
.peixuan li:nth-child(2){background: url("../image/02x.png") no-repeat right bottom;background-size:80px auto}
.peixuan li:nth-child(3){background: url("../image/03x.png") no-repeat right bottom;background-size:80px auto}

.peixuntxt span{display:none; color: #666666}

.peixuntxt p{font-size: 20px; font-weight: bold;}


.peiico{text-align: center;}
.peiico img{display: inline-block; max-width: 40px;}

.peixuntxt p{text-align:center; padding: 10px 0px}


.peixuan li.cur{display:flex;flex-direction:row;justify-content:space-between;align-content:center;align-items:center;border-top: 4px solid #003591;}
.peixuan li.cur .peixuntxt span{display:block;}
.peixuan li.cur .peixuntxt{width: calc(100% - 70px)}
.peixuan li.cur .peixuntxt p{text-align:left; padding-top: 0px}

.wozaibj{background: #f7f8fa; overflow: hidden}

.wozaipic{ width:35%; margin-top:40px; position: relative; z-index: 9}

.wozaiwenzi{width:55%; background: #fff; margin-left:-5%;padding:30px 5% 30px 10%; margin-bottom:80px}

.wozaostxt{padding-top:10%}
.wozaostxt h3{font-size: 20px; margin-bottom: 10px}
.wozaostxt h3 em{ font-family: Arial; font-size: 30px;}
.wozaostxt {min-height: 70%}
.wozaostxt p{font-size: 16px; color: #666; padding-top: 20px; line-height: 1.8}

.shumingxs{text-align: right; margin-top: 5%}
.shumingxs p{font-size: 20px;font-weight: bold}
.shumingxs span{display: block; color: #999}

.wozaibox{position: relative}
.qiehuanbtn{ position:absolute; left:38%; bottom:30px;width:110px}

.qiehuanbtn .swiper-button-next{ width:40px; height:40px;right: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;background:url(../image/jian02.png) no-repeat center center; margin-top:-20px;background-size:8px auto;border:1.5px solid #cccccc; border-radius: 100%}
.qiehuanbtn .swiper-button-next:hover{background:url(../image/jian022.png) no-repeat center center; background-size:8px auto;border:1.5px solid #0c3285; }
.qiehuanbtn .swiper-button-prev{width:40px; height:40px; left: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;background:url(../image/jian01.png) no-repeat center center; margin-top:-20px;background-size:8px auto; border:1.5px solid #cccccc; border-radius: 100%}
.qiehuanbtn .swiper-button-prev:hover{background:url(../image/jian011.png) no-repeat center center; background-size:8px auto;border:1.5px solid #0c3285; }


.tuanjianboxs{padding-left: 100px;}

.tuanjianneirong{max-width: 80%;}
.tuanjianneirong h2{font-size: 20px; margin-bottom: 10px}
.tuanjianneirong p{color: #666;}

.tuanjianhezi{border-bottom: 1px solid #eee; padding-bottom:4%}
.tuanjianhezi:last-child{border-bottom: none}
.tuanjianqiehuan{position: relative}
.tuanjianqiehuan .swiper-slide{width: auto}
.tuanjianqiehuan .swiper-button-next{ width:45px; height:45px;right: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;background:url(../image/jian02.png) no-repeat center center #ffffff; margin-top:-20px;background-size:8px auto; border-radius: 100%; box-shadow: 0px 10px 10px rgba(0,0,0,0.3); }
.tuanjianqiehuan .swiper-button-next:hover{background:url(../image/jian022.png) no-repeat center center #ffffff; background-size:8px auto;}
.tuanjianqiehuan .swiper-button-prev{width:45px; height:45px; left: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;background:url(../image/jian01.png) no-repeat center center #ffffff; margin-top:-20px;background-size:8px auto;  border-radius: 100%; box-shadow: 0px 10px 10px rgba(0,0,0,0.3);}
.tuanjianqiehuan .swiper-button-prev:hover{background:url(../image/jian011.png) no-repeat center center; background-size:8px auto; }


.zhiweiboxs{border-radius: 5px; background: #fff; max-width: 800px; margin: 0 auto; padding:30px 50px; position: relative}

.zhiweitit h3{font-size:20px;}
.zhiweitit p em{color: #888; padding: 0px 10px; font-size: 12px;}
.zhiweitit p span{}

.zhiweimiaoshu{height: 320px; color: #666; line-height:1.8; margin-top:10px; overflow:hidden}
.zhiweimiaoshu h2{font-size: 16px; color: #333; margin-top: 20px; margin-bottom: 5px;}





.zaixianzxbtn{display: none}


.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}
}
.fadeInUp {-webkit-animation-name:fadeInUp;animation-name:fadeInUp}


.button {
  background-color: #0c4ad1; /* Green */
  border: none;
  color: white;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin: 2px 0px 8px 0px;
  transition-duration: 0.5s;
  cursor: pointer;
}
.button1 {
  background-color: #0c4ad1; 
  color: white; 
  border: 0px solid #0c4ad1;
}

.button1:hover {
  background-color: #336ff1;
  color: white;
}