@charset "utf-8";
/* CSS Document */
body,ul,li,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,input,select,textarea,form,img,div,pre,fieldset,blockquote,th,td {margin:0;padding:0;outline:none;}
body{color:#333; background-color:#ffffff;}
html{ overflow-x:hidden;}
ul,li,ol,dl,dt,dd{list-style:none}
img{border:none;border-style: none;}
*{ font-family:"Microsoft Yahei";margin:0;padding:0;}
.animate{transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;}
input,textarea,button{ background: transparent;vertical-align:middle}
a{ color:#333; text-decoration:none;}
:focus{outline:0}
table { border-spacing: 0px; border-collapse: collapse; }
tr { cursor: pointer; }
input, textarea{ border: 0; }
textarea{resize:none}
select{ border:none;outline: none;}
iframe, video{ width:600px; height:400px;}
.mt30{ margin-top:30px !important;}

/*href*/
a:link,a:visited{color:#333; text-decoration:none;}
a:hover,a:active{color:#2fc7a0; text-decoration:none;}
.cfff,.cfff a:link,.cfff a:visited{color:#fff !important}
.cfff a:hover,.cfff a:active{color:#ddd}
.cccc,.cccc a:link,.cccc a:visited{color:#ccc}
.cccc a:hover,.cccc a:active{color:#ddd}
.c666,.c666 a:link,.c666 a:visited{color:#666}
.c666 a:hover,.c666 a:active{color:#e73980}
.c999,.c999 a:link,.c999 a:visited{color:#999}
.c999 a:hover,.c999 a:active{color:#e73980}

/*common*/
.wrap{width: 1200px;margin:0 auto;}
.l{float:left !important}
.r{float:right !important}
.o{overflow:hidden;}
.c{display:block;height:0;overflow:hidden}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*zoom:1}
.hidden{display:none}
.center{text-align:center}
.img-box img,.img{display:block;margin:0;padding:0;width:100%;}
.flexbox{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}
.lc{-webkit-box-direction:normal;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}
/*文字超出省略*/
.ellipsis{-webkit-box-direction:normal;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.ovh1{text-overflow:ellipsis;white-space: nowrap;overflow: hidden;}
.ovh2{-webkit-line-clamp:2}
.ovh3{-webkit-line-clamp:3}
.ovh5{-webkit-line-clamp:5}

.table{ display:table; table-layout: fixed; text-align:center; width:100%; height:100%}
.table_cell{ display:table-cell; vertical-align:middle}

.header{ background-color:#ffffff; width:100%; height:152px;}
.top1{ width:100%; height:101px;}
.logo{ display:block; background:url(../images/logo.png) no-repeat left center; width:300px; height:101px;}
.tel{ margin-top:21px; text-align:right;}
.tel h1{ line-height:36px; padding-left:36px; background:url(../images/tel.png) no-repeat left center; font-size:30px; color:#023D89; font-family:impact;}
.tel p{ line-height:28px; font-size:16px; color:#999999;}
.top2{ width:100%; height:51px; line-height:50px; background-color:#023D89;}
.nav{}
.nav li{ float:left; width:150px; line-height:51px; background:url(../images/nav_line.png) no-repeat left center; text-align:center; position:relative;}
.nav li a{ font-size:16px; color:#ffffff;}
.nav li.no{ background:none;}
.nav_bar{ display:none; position:absolute; z-index:999; top:51px; background-color:#023d89; width:100%;}
.nav li .nav_bar a{ display:block; line-height:42px; font-size:14px; color:#ccd8e7; border-bottom:1px solid #3564a1; height:42px; overflow:hidden;}
.nav li:hover .nav_bar{ display:block;}
.nav li .nav_bar a:hover{ background-color:#285a9b; border-color:#285a9b;}

.index_adv{ background-color:#023D89; padding:24px 0 14px;}
.adv_txt{}
.adv_txt h1{ font-size:26px; color:#ffffff; font-weight:normal; line-height:40px; padding-top:8px;}
.adv_txt p{ font-size:14px; color:#ffffff; line-height:30px;}
.adv_ul{}
.adv_ul li{ float:left; margin-left:80px; width:66px; text-align:center;}
.adv_icon{ background:url(../images/adv_icon1.png) no-repeat center center; height:66px;}
.adv_icon1{ background-image:url(../images/adv_icon1.png);}
.adv_icon2{ background-image:url(../images/adv_icon2.png);}
.adv_icon3{ background-image:url(../images/adv_icon3.png);}
.adv_icon4{ background-image:url(../images/adv_icon4.png);}
.adv_icon5{ background-image:url(../images/adv_icon5.png);}
.adv_zi{ line-height:36px; font-size:14px; color:#ffffff;}

.index_about{ padding-top:30px;}
.video, .video video{ width:520px; height:360px; overflow:hidden;}
.video video{object-fit: cover;}
.about_intro{ width:650px;}
.about_tit{ padding:7px 0;}
.about_tit h1{ font-size:24px; color:#333333; line-height:31px;}
.about_tit p{ font-size:14px; color:#999999; line-height:20px;}
.about_txt{ font-size:14px; color:#575757; line-height:28px; margin-top:12px;}
a.more{ display:block; width:158px; height:38px; margin:0 auto; line-height:38px; border-radius:38px; border:1px solid #CCCCCC; font-size:14px; color:#575757;}
.about_intro .more{ margin:42px 0 0 0;}
a.more:hover{ color:#023D89; border-color:#023D89;}
.about_ul{ padding:20px 0 30px;}
.about_ul li{ float:left; margin-left:55px;}
.about_ul li .icon h4{font-size:50px;color:#17589C;line-height:76px;height: 76px;}
.about_ul li .icon h4 span{font-family:impact;}
.about_ul li .icon font{background:url(../images/about_num.png) no-repeat center center;width:36px;height:36px;display:block;text-align:center;line-height:36px;font-size:14px;color:#ffffff;display: inline-block;vertical-align: top; margin-left:10px;}
.about_ul li h6{ font-weight:normal; font-size:16px; color:#666666; line-height:16px;}
.about_ul li.about_li1{ width:120px;}
.about_ul li.about_li2{ width:180px;}
.about_ul li.about_li3{ width:210px;}
.about_ul li.about_li4{ width:210px;}

.about_nav{ background-color:#023D89;}
.about_nav li{ float:left; text-align:center; width:240px; background:url(../images/about_line.png) no-repeat left center;}
.about_icon{ background:url(../images/about_icon1.png) no-repeat center bottom; height:82px;}
.about_zi{ font-size:18px; color:#ffffff; line-height:18px; padding:20px 0 40px;}
.about_icon1{ background-image:url(../images/about_icon1.png);}
.about_icon2{ background-image:url(../images/about_icon2.png);}
.about_icon3{ background-image:url(../images/about_icon3.png);}
.about_icon4{ background-image:url(../images/about_icon4.png);}
.about_icon5{ background-image:url(../images/about_icon5.png);}
.about_nav li.about_fl5{ background:url(../images/about_line.png) no-repeat left center, url(../images/about_line.png) no-repeat right center;}
.about_nav li:hover .about_icon{ background-position:center 20px;}

.index_pro{ background-color:#F7F7F7; padding:30px 0;}
.title{}
.title h1{ font-size:24px; color:#333333;}
.title p{ font-size:14px; color:#999999;}
.pro_nav{ margin-top:30px;}
.pro_nav li{ display:inline-block; font-size:14px; color:#333333; margin:0 23px; cursor:pointer;}
.pro_nav li:hover{ color:#023D89;}
.prolist{ width:1230px; margin-top:30px;}
.prolist li{ float:left; width:380px; height:320px; margin:0 30px 30px 0; overflow:hidden;}
.prolist li:hover img{ transform:scale(1.1,1.1);}
.index_pro .more{ color:#666666;}

.index_honor{ background:url(../images/honor_line.png) no-repeat center bottom; padding:31px 0;}
.picScroll-left{ position:relative;}
.picScroll-left .prev, .picScroll-left .next{ display:block; width:32px; height:37px; background-repeat:no-repeat; background-position:center center; position:absolute; top:160px; z-index:999; cursor:pointer;}
.picScroll-left .prev{ background-image:url(../images/prev.png); left:0;}
.picScroll-left .next{ background-image:url(../images/next.png); right:0;}
.picScroll-left .bd{ width:1100px; margin:0 auto;}
.picList li{ float:left; width:245px; height:364px; overflow:hidden; margin-right:40px;}
.picList li:hover img{ transform:scale(1.1,1.1);}

.index_new{ padding:30px 0;}
.newlist{ width:1275px;}
.newlist li{ float:left; margin:30px 75px 30px 0;}
.time{ width:71px; border-right:1px solid #e0e0e0; margin-right:20px;}
.date{ font-size:50px; color:#17589c; line-height:55px;}
.year{ font-size:14px; color:#999999; line-height:20px;}
.txt{ width:470px;}
.txt h1{ font-size:18px; color:#333333; font-weight:normal;}
.txt p{ font-size:14px; color:#999999; line-height:24px;}
.index_new .more{ color:#666666;}
.newlist li:hover .txt h1{ font-weight:bold; color:#023D89;}

.index_case{ background-color:#F7F7F7; padding:30px 0 38px;}
.caselist{ width:1230px; margin-top:30px;}
.caselist li{ float:left; width:380px; text-align:center; margin:0 30px 25px 0;}
.case_tu{ width:380px; height:320px; overflow:hidden;}
.case_zi{ font-size:14px; color:#333333; line-height:24px; height:48px; padding:15px 10px 0;}
.caselist li:hover .case_zi{ color:#023D89;}
.caselist li:hover .case_tu img{ transform:scale(1.1,1.1);}
.index_case .more{ color:#666666;}

.footer{ background:url(../images/footer.jpg) no-repeat center center; width:100%; height:279px;}
.f1{ padding:30px 0;}
.f_left{}
.f_logo{ background:url(../images/f_logo.png) no-repeat left center; width:300px; height:60px;}
.f_txt{ font-size:14px; color:#FFFFFF; line-height:56px;}
.form{ width:360px; height:36px;}
.form .input{ width:240px; height:36px; padding:0 10px; background-color:#ffffff; font-size:14px; color:#878787;}
.form .submit{ width:90px; height:36px; background-color:#0099CC; font-size:14px; color:#ffffff;}
.f_right{}
.f_adr{}
.f_adr p{ padding-left:25px; background:url(../images/icon.png) no-repeat left 6px; font-size:14px; color:#83A6D2; line-height:28px;}
.code{ width:130px; margin-left:50px;}
.code img{ display:block;}
.code p{ font-size: 14px; color: #83A6D2; line-height: 28px; text-align:center;}
.copy{ line-height:66px; border-top:1px solid #4476B7;}
.copy img{ vertical-align:middle;}
.copy, .copy a{ font-size:14px; color:#83A6D2;}

.ban{ background:url(../images/ban1.jpg) no-repeat center top; width:100%; height:420px;}
.ban1{ background-image:url(../images/ban1.jpg);}
.ban2{ background-image:url(../images/ban2.jpg);}
.ban3{ background-image:url(../images/ban3.jpg);}
.ban4{ background-image:url(../images/ban4.jpg);}
.ban5{ background-image:url(../images/ban5.jpg);}
.ban6{ background-image:url(../images/ban6.jpg);}
.ban7{ background-image:url(../images/ban7.jpg);}

.ej_nav{ width:1200px; margin:0 auto;}
.ej_nav a{ display:inline-block; height:38px; border:1px solid #CCCCCC; border-radius:38px; line-height:38px; font-size:16px; color:#575757; margin:0 10px; overflow:hidden; margin-bottom:10px; padding:0 19px;}
.ej_nav a:hover, .ej_nav a.curr{ background-color:#023D89; color:#ffffff;}

.honorlist{ width:1140px;}
.honorlist li{ float:left; width:245px; margin:0 20px 20px; text-align:center;}
.honor_tu{ width:245px; height:364px;}

.newslist{ border-top:1px dashed #CCCCCC;}
.newslist li{ overflow:hidden; padding:30px 0; border-bottom:1px dashed #CCCCCC;}
.newslist li .txt{ width:1100px;}
.newslist li .txt h1{ font-weight:bold;}
.newslist li .txt p{ margin-top:4px;}
.newslist li .txt span{ color:#17589C; font-size:14px; margin-top:4px;}

.article{ padding:50px 0;}
.article, .article p{ font-size:16px; color:#575757; line-height:30px;}
.article p{ margin-bottom: 15px;}


.hororlist1, .caselist1{ display:none;}
.hororlist1.show, .caselist1.show{ display:block;}

@media (max-width: 1600px){
	
}

.pagelist { text-align: center; margin: 20px 0 40px; clear:both; padding-top:30px;}
.pagelist span, .pagelist strong, .pagelist a { display: inline-block; border: 1px solid #ddd;padding: 2px 6px; margin-right: 2px; line-height:16px; text-decoration:none; color:#666;}
.pagelist strong { background: #023D89; color: #fff;}