﻿@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 {overflow-x:hidden;-webkit-text-size-adjust:none;}

body {color:#000000;font-family:'Microsoft YaHei','Source Han Sans CN','PingFang SC','Helvetica Neue','Arial','Helvetica','Hiragino Sans GB','STHeitiSC-Light',sans-serif;line-height: 1.8; 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: #b81c22}
/*居中*/

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


p{letter-spacing:0.3px;}

/*浮动*/
.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;}
.shangxia{display: flex;flex-direction:column; justify-content:space-between}


/* 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}
.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%}
.pd2{ padding-top:2%; padding-bottom:2%}

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


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

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



/*省略号*/
.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);}


@-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)}
}


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



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

.mainbox{margin: 0 auto; width: 90%; max-width: 1520px;}







.top{position:fixed; left: 0px; top: 0px; width: 100%; z-index:99; background: #fff;}
.top.cur{ box-shadow: 0px 0px 10px rgba(0,0,0,0.1)}
.topcen{height: 80px; padding-left: 5%; padding-right: 5%}
.logo{width: 12%;max-width:160px}

.topright{width: 75%}
.nav{width:85%;}
.nav li{font-size: 16px; position: relative; color: #5d5d5d; }
.nav li:nth-child(even){opacity: 0.8}
.nav li.cur:before{width: 120%}
.nav li.cur>a{color:#b81c22}

.nav li>a{position: relative;  line-height: 80px; display: block; z-index: 2; color: #5d5d5d}
.nav li:before{content:''; width:0; height: 2px; background: #b81c22; position: absolute; left: 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; transform: translate(-50%,-50%); z-index:1; bottom: 10px;}
.nav li:hover:before{width: 120%}
.nav li>a:hover{color:#b81c22}

.nav li:nth-child(even):before{display: none!important}


.englink{width: 10%; border-left: 1px solid #f0f0f0}

.banner{margin-top: 80px; padding-top: 20%; background-repeat: no-repeat; background-size: cover; background-position: center center}
.banner li p{color: #fff; text-align: justify;}
.banner li p:hover{color: #0083ed; text-align: justify;}
.banner li{width: 18.48%}
.banner li:nth-child(1){display: none}
.banpic{width: 54.8%; overflow: hidden; border-radius: 100%; margin: 0 auto;}
.bantxt{background: rgba(255,255,255,0.1); padding: 20px; margin-top: 20px; font-size: 16px; min-height: 200px;}

.bantxt h2{font-size: 24px; color: #0083ed; text-align: center;margin-bottom: 10px;}
.proboxs{margin-bottom: 70px;}
.proboxs .mainbox{position: relative}
.propart01{background: #eeeeee;}
.proleft{width: 200px; color: #fff; text-align: center; padding:30px 20px; font-size: 18px;bottom: -40px;position:absolute; z-index: 2;min-height: calc(100% - 60px)}
.proleft p{text-align: justify; margin: 20px 0px;}
.proleft h3{font-size: 26px; margin-top: 10px;}
.proleft a{color: #fff}
.proleft a:hover{color: #b81c22;}
.proleftpic{width: 150px; overflow: hidden; margin: 0 auto;}
.propart01 .proleft{background: #e3be59;}

.proright{width: calc(100% - 300px);}
.prorighttop h2{padding: 30px 0px 20px; font-size: 18px; font-weight: normal}
.prorighttop h2 a{color: #0083ed}
.prorighttop h2 a:hover{color: #b81c22;}

.prorighttop ul{width: calc(100% + 20px); margin-left: -20px}
.prorighttop li{width: calc(25% - 20px); margin-left:20px; text-align: center;}

.prorighttop{border-bottom: 1px solid #fff;padding-bottom: 20px;}
.prorighttop li p{font-size: 18px; margin-top: 10px;}
.prorighttop li span{color: #909090;}


.prorightbot h2{padding: 20px 0px 10px; font-size: 18px; font-weight: normal}
.prorightbot h2 a{color: #0083ed}
.prorightbot h2 a:hover{color: #b81c22;}

.prorightbot{padding-bottom: 30px;}
.prorightbot ul{width: calc(100% + 30px); margin-left: -30px}
.prorightbot li{width: calc(25% - 30px); margin-left:30px;font-size: 16px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient: vertical; height: 34px; line-height: 34px;}




.proboxs:nth-child(even) .proleft.fl{float: right; right: 0}
.proboxs:nth-child(even) .proright.fr{float: left}

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

.propart02 .proleft{background: #38aef0}

.propart02 .prorightbot li a{color: #fff}

.propart02 .prorightbot li a:hover{color: #38aef0;}

.propart02 .prorightbot h2 a{color: #fff}
.propart02 .prorightbot h2 a:hover{color: #38aef0;}

.propart02 .prorighttop h2 a{color: #fff}
.propart02 .prorighttop h2 a:hover{color: #38aef0;}

.propart02 .prorighttop li a p{color: #fff}
.propart02 .prorighttop li a span{color: #fff}
.propart02 .prorighttop li a:hover p{color: #38aef0}
.propart02 .prorighttop li a:hover span{color: #38aef0}

.propart02 .prorighttop{border-bottom: 1px solid #37466d}


.propart03{background: #f5f7fb}

.propart03 .proleft{background: #82a4e7}
.propart04 .proleft{background: #69b684}
.propart05 .proleft{background: #e79f7c}

.propart04{background: url("../images/propart04bj.jpg") no-repeat center center; background-size: cover;}
.propart05{background: url("../images/propart05bj.jpg") no-repeat center center; background-size: cover;}



.syabouthezi{background: #fff;max-width: calc((100% - 1520px)/2 + 1520px); width: 90%; border-left: 7px solid #71bcf2; box-shadow: 0px 0px 10px rgba(91,137,195,0.5); padding-left: 2% }


.syaboutboxbj{background: url("../images/abpicbj.jpg") no-repeat center center; background-size: cover}
.sytit {text-align: center}
.sytit h1{font-size: 40px;}
.sytit p{color: #898989; font-size: 20px;}
.syaboutboxbj .sytit h1{color: #fff}

.syabouttxtleft{color: #646568; width: 53%; line-height:2; font-size: 18px; text-align: justify}
.syabouttxtleft p{text-indent: 2em; margin-top: 20px;}
.syabouttxtleft p:first-child{margin-top: 0px;}


.syabouttxtright{width: 42%}
.syabouttxtright img{width: 100%}
.syaboutnsx{max-width: 1520px; padding: 0px 30px;}

.fazhanbox h2{text-align: center; color: #144e9d; font-size: 25px; font-weight: normal}

.fazhanqiehuan{background: url("../images/line.png") repeat-x left 44%; margin: 5% 0px; cursor: pointer}
.fazhanqiehuan .swiper-slide{min-height: 240px}

.fazhanqiehuan .swiper-slide:nth-child(even){display:flex;align-items:flex-end;flex-direction:row;justify-content:space-between;}
.fazhanqiehuan .swiper-slide:nth-child(odd) p{display:flex;align-items:flex-end;flex-direction:row;justify-content:space-between; justify-content:center;}


.fazhantxt{text-align: center;position: relative}
.fazhantxt:before{content: ''; width: 1px;height: 30px; background: #dbdbdb; position: absolute; left: 50%; bottom: -30px; transform: translate(-50%,0)}
.fazhantxt:after{content: ''; width: 14px;height: 14px; background: #dbdbdb; position: absolute; left: 50%; bottom: -40px; transform: translate(-50%,0); border-radius: 100%}

.fazhantxt p{font-size: 18px; line-height: 24px; min-height: 48px;}
.fazhantxt h3{font-size: 22px; font-weight: normal}

.fazhanqiehuan .swiper-container{overflow: hidden}


.fazhanqiehuan .swiper-slide:nth-child(even) .fazhantxt:before{top: -30px;}
.fazhanqiehuan .swiper-slide:nth-child(even) .fazhantxt:after{ top: -40px; }

/*首页荣誉*/
.honner_list{width: 100%;overflow: hidden;}
.honner_list a{display: block;width: 24.1%;float: left;margin-right: 1.2%;color:#212932;margin-bottom: 1rem;transition: all 0.5s ease;}
.honner_list a:nth-child(4n){margin-right: 0px;}
.honner_list a .pic{box-sizing: border-box;border:1px solid #cbcbcb;padding:0.75rem;margin-bottom: 0.75rem;transition: all 0.5s ease;}
.honner_list a .pic img{display: block;width: 100%;}
.honner_list a h3{height: 2rem;line-height: 2rem;text-align: center;font-weight: bold;white-space: nowrap;text-overflow: ellipsis;}
.honner_list a:hover{color:#b81d22;}
.honner_list a:hover .pic{border-color:#b81d22;}
.index_honner .pic{box-sizing: border-box;border:1px solid #cbcbcb;padding:0.75rem;transition: all 0.5s ease;background:#fff;border-radius: 10px;}
.index_honner .pic img{display: block;width: 100%;}

.honner_list .swiper-container{ background: #f6f6f6;padding: 10px 0px}


.zizhitxt{text-align: center;padding: 40px 5%;}

.zizhitxt p{ font-size: 24px; color: #144e9d; }
a.morebtn{width:180px;height:50px;border:1px solid #d0d0d0;border-radius: 50px;line-height: 50px;text-align: center;color:#898989; display: block; font-size:20px; margin: 0 auto;margin-top: 40px;}
a.morebtn:hover{color:#fff;background:#bd393d;border:1px solid #bd393d;}




/*首页新闻*/
.index_new{width: 100%;margin:0 auto;}
.index_new_left{width: 51%;float: left;height: 33rem;position: relative;display: block;}
.index_new_left .pic{width: 80%;height: 23.75rem;background-position: center;background-repeat: no-repeat;background-size:cover;}
.index_new_left .time{width: 18%;position: absolute;left:0px;bottom: 0px;padding-bottom:2.25rem;line-height: 2rem;text-align: center;}
.index_new_left .time h4{line-height: 4rem;color:#666;font-size: 48px; font-weight: normal}
.index_new_left .new_info{width: 82%;position: absolute;right: 0px;bottom:0px;box-sizing: border-box;padding:1.625rem;background:#f0f0f0;line-height: 2rem;}
.index_new_left .new_info h3{color:#282828;}
.index_new_left .new_info .ms{color:#9c9c9c;height: 3.5rem;line-height: 1.75rem;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin:0.75rem 0px;}
.index_new_left .new_info .more{display: block;float: right;width: 4.5rem;height: 2rem;line-height: 2rem;text-align: center;border:1px solid #e0e0e0;border-radius: 30px;color:#9c9c9c;transition: all 0.5s;}
.index_new_left:hover .new_info .more{color:#fff;background:#b81d22;border-color:#b81d22;}
.index_new_right{width: 47%;float: right;}
.index_new_right a{display: block;width: 100%;height: 11rem;box-sizing: border-box;padding:1rem;line-height: 2rem;color:#282828;background: #fff;transition: all 0.5s ease;}
.index_new_right a h3{width: 100%;height: 2rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.index_new_right a .ms{color:#9c9c9c;height: 3.5rem;line-height: 1.75rem;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin:0.75rem 0px;}
.index_new_right a .time{display: inline-block;float: left;color:#bdbdbd;}
.index_new_right a .more{display: block;float: right;width: 4.5rem;height: 2rem;line-height: 2rem;text-align: center;border:1px solid #e0e0e0;border-radius: 30px;color:#9c9c9c;transition: all 0.5s;}
.index_new_right a:hover .more{color:#fff;background:#b81d22;}
.index_new_right a:hover{background:#f0f0f0;color:#b81d22;}


.huisebj{background: #f6f6f6}

/*首页表单*/
.index_form .text{display: block;box-sizing: border-box;padding-left:1rem;border:1px solid #cbcbcb;background:#fff;float: left;margin-right:2%;margin-bottom: 1.25rem;width: 32%;padding:0.5rem 0px 0.5rem 1rem;line-height: 1.875rem;color:#5d5d5d;}
.index_form .text:nth-child(3){margin-right: 0px;}
.index_form textarea{display: block;width: 100%;height: 8.625rem;border:1px solid #cbcbcb;padding:0.5rem 1rem;box-sizing: border-box;color:#5d5d5d;margin-bottom: 1.25rem;}
.index_form .btn{display: block;width: 100%;height: 3.25rem;line-height: 3.25rem;color:#fff;background:#b81d22;border:0px;cursor: pointer;opacity:1;transition: all 0.5s ease;}
.index_form .btn:hover{opacity:0.8;}


.footerbj{background: #212224; color: #9c9c9c}

.footnav{width: 50%}
.footnav li{width: 20%;margin-bottom: 10px;font-size: 16px;}
.footnav li a{color: #fff}
.footnav li a:hover{color: #b81d22}


.footcon{width: 40%}

.footcon h3{font-weight: normal; font-size: 16px; color: #fff;margin-bottom: 10px;}

.footcon a{color: #9c9c9c}
.footcon a:hover{color: #b81d22}
.footconanniu p{margin-bottom: 12px;}
.footconanniu p:last-child{margin-bottom: 0px;}
.footconanniu a{height:34px; width: 112px;text-align: center; color: #fff;border: 1px solid #b81d22; background: #b81d22; display: block;border-radius: 34px; line-height: 34px;}

.footconanniu a:hover{color: #fff; background: none}

.footcontxt{line-height: 2}


.parts{position: relative}
.partsds{position: absolute; top: -80px;}




