body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,/* structural elements 结构元素 */
dl,dt,dd,ul,ol,li,/* list elements 列表元素 */
pre,/* text formatting elements 文本格式元素 */
form,fieldset,legend,button,input,textarea,/* form elements 表单元素 */
th,td /* table elements 表格元素 */{margin:0;padding:0}html{overflow:0}body,button,input,select,textarea /* for ie */{font:12px/1.5 "Microsoft Yahei", tahoma, arial, \5b8b\4f53, sans-serif}address,cite,dfn,em,var{font-style:normal}code,kbd,pre,samp{font-family:courier new, courier, monospace}small{font-size:12px}ul,ol{list-style:none}a{text-decoration:none;color:#596a86;}a:hover{text-decoration:underline;color:#4a7db1}sup{vertical-align:text-top}sub{vertical-align:text-bottom}legend{color:#000}fieldset,img{border:0}table{border-collapse:collapse;border-spacing:0}h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}

body{ min-width:1200px;}


header{ width:100%; min-width:1200px;}
header .top{ width:100%; height:36px; background:#1d1d1d;}
header .top p{ width:1100px; height:36px; line-height:36px; display:block; text-align:right;margin:0 auto; color:#fff;}
header .top p span{ color:#000}
header .top a{ color:#fff;}
header nav{ width:100%; position:relative; z-index:2}
header nav .main{ width: 100%; height: 156px; overflow: hidden; background: #000;}
header nav .main ul{ width: 1200px; margin: 0 auto;}
header nav .main .link{ float: left; display: inline-block;width: 120px;text-align: center;margin-top: 65px;}
header nav .main .link:first-child{margin-left: 40px;}
header nav .main .link a{display:block; width: 100%; color: #737373;font-size: 16px;line-height: 22px;text-decoration:none;}
header nav .main .link a:hover,header nav .main .link a.hover{color: #fff;}
header nav .main .link span{display: block; color: #181818}
header nav .main .link a:hover span,header nav .main .link a.hover span{color: #fff;}
header nav .main .logo{ float: left; display: inline-block; width: 300px; text-align: center; margin: 40px 50px 0;}
header nav .main .logo_5a{ float: left; display: inline-block; width: 360px; text-align: center; margin: 40px 20px 0;}

header nav .item{width: 100%; height: 60px; background:url(../images/nav_item_bg.png) no-repeat center;}
header nav .item ul{ width: 1200px; height: 60px; margin: 0 auto; display: block; background: url(../images/tel.png) no-repeat 866px top;}
header nav .item li{float: left;width: 105px;height: 60px;position: relative;}
header nav .item li a { width: 100%;height: 60px; display: block;color: #FFF;font-size: 16px;line-height: 60px; text-align: center;text-decoration:none; background: #00479d;}
header nav .item li:nth-of-type(1){ margin-left: 72px}
header nav .item li:nth-of-type(1) a{ background: #00479d;}
header nav .item li:nth-of-type(2) a{ background: #0791cd;}
header nav .item li:nth-of-type(3) a{ background: #b609ae;}
header nav .item li:nth-of-type(4) a{ background: #8923a6;}
header nav .item li a:hover{background: #0066cc}




footer{ width:100%; min-width:1088px; overflow:hidden; background:#000; padding:45px 0 0;}
footer .foot{ width:1200px; overflow:hidden; margin:0 auto 40px; }
footer .logo{ width:236px; float:left; overflow:hidden; display:inline; margin-right:13px;}
footer .nav{ width:416px; overflow:hidden; float: left; padding-top: 23px;}
footer .nav li{ width:104px; height:92px; overflow:hidden; background:url(../images/foot_btn.gif) no-repeat; float:left; display:inline; margin:0;}
footer .nav .li01{ background-position:-8px 0;}
footer .nav .li02{ background-position:-128px 0;}
footer .nav .li03{ background-position:-248px 0;}
footer .nav .li04{ background-position:-368px 0;}
footer .nav .li05{ background-position:-488px 0;}
footer .nav .li06{ background-position:-608px 0;}
footer .nav .li07{ background-position:-728px 0; margin-right:0;}
footer .nav li a{ width:104px; display:block; text-align:center; padding-top:60px; line-height:32px; font-size:14px; color:#858585;}


footer .about{ width:480px; float:right ; overflow:hidden; font-size:12px; line-height:24px; color:#fff; padding-top:5px;}
footer .about .p2{display: inline-block; float: left}
footer .about .p2 a,footer .about .p2 span{ color:#596a86; cursor: pointer; margin-right:20px; }
footer .about .p2 span:hover{text-decoration: underline}
footer .about .p3{ color:#858585;}

footer .tags{ width:480px; overflow:hidden; float:left;}
footer .tags a{ width:120px; height:40px; float:left; display:inline;background:url(../images/bicon.png) no-repeat; overflow:hidden; text-indent:-200px; margin-bottom:5px;}
footer .tags .a1{ background-position:0 0;}
footer .tags .a2{ background-position:-120px 0;}
footer .tags .a3{ background-position:-240px 0;}
footer .tags .a4{ background-position:-360px 0;}

footer .link_box{ width:100%; overflow:hidden; background:#1c1c1c; padding:10px 0}
footer .link_box p{ width:1088px; overflow:hidden; margin:0 auto; line-height:24px; color:#858585; text-align:center}
footer .link_box a{ color:#858585; margin-right:10px;}
footer .link_box span{}
footer .link_box span a{ color:#f00}














.head_show{ width:100%; min-width:1200px; height:956px; margin:0 auto 20px; overflow:hidden;position:relative; z-index:1}
.head_show .pic{ width:100%; height:850px; overflow:hidden}/*600px*/
.head_show .pic li{ width:100%; height:850px; display:block; overflow:hidden; margin:0 auto; float:left; background-position:center top; }
.head_show .pic li a{ width:100%; height:100%; overflow:hidden; text-indent:-200px; display:block; background:url(about:blank);}
.head_show .prev,.head_show .next{ width:150px; height:385px; position:absolute; top:108px; background:none; cursor:pointer; z-index:2;}
.head_show .prev{ background:url(../images/show_prev.png) no-repeat 20px 150px; left:115px;}
.head_show .next{ background:url(../images/show_next.png) no-repeat 76px 150px; right:115px; }
.head_show .list{ width:100%; height:106px; background:#000;}

.head_show .list ul{float: left; left: 50%; position: relative; margin:4px auto 0; }
.head_show .list ul li{float:left;display:inline-block;width:207px;height:92px; margin-right:8px; position: relative; right: 50%; cursor:pointer; border: 3px solid #000; border-radius: 3px; background-size: 100%;background-repeat:no-repeat; background-position: center center}
.head_show .list ul li.hover{ border-color: #004395}







.module_item{width: 1200px; overflow: hidden; margin: 0 auto 20px;}
.module_item .title{width: 100%; display: block; text-align: center; line-height: 1.4; margin-bottom: 20px; padding: 10px 0; border-bottom: 1px solid #dcdddd; position: relative}
.module_item .title::after{ content: ''; position: absolute; left: 50%; bottom: -1px; width: 83px; margin-left: -42px; height: 1px; background: #00479d}
.module_item .title h3{ font-size: 30px; color: #000; font-weight: normal}
.module_item .title p{ font-size: 16px; color: #c5c5c5;}

.module_item .cont{ width:1200px; margin:0 auto; height:388px; overflow:hidden;}
.module_item .cont ul{ width:1400px; }
.module_item .cont ul li{ width:226px; height:388px; cursor:pointer; float:left; margin-right:17px; display:inline-block;}
.module_item .cont ul li a{width: 100%; height: 100%; display: block; position: relative;}
.module_item .cont ul li a p{width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.7); font-size: 24px; color: #e7e7e7; text-align: center; justify-content: center;flex-direction: column; display: none;animation:fadeIn .5s both}
.module_item .cont ul li a:hover p{display: flex}

@keyframes fadeIn {
    0% {
        opacity:0
    }
    to {
        opacity:1
    }
}
.fadeIn {animation-name:fadeIn}




.module_yishi{width: 1360px; overflow: hidden; margin: 0 auto 20px;}
.module_yishi .title{width: 1200px; display: block; text-align: center; line-height: 1.4; margin:0 auto 20px; padding: 10px 0; border-bottom: 1px solid #dcdddd; position: relative}
.module_yishi .title::after{ content: ''; position: absolute; left: 50%; bottom: -1px; width: 83px; margin-left: -42px; height: 1px; background: #00479d}
.module_yishi .title h3{ font-size: 30px; color: #000; font-weight: normal}
.module_yishi .title p{ font-size: 16px; color: #c5c5c5;}
.module_yishi .cont{width: 1360px; overflow:hidden; margin: 0 auto 30px;}




    .new_yishi { width: 1200px; background: #fff; padding:16px 0 32px 0; margin:30px auto; text-align: center; font-size: 0; position: relative}
	.new_yishi .yishi_box{ width: 100%; overflow: hidden;}
	.new_yishi .yishi_list{ width: 400px; overflow: hidden; position: absolute; top: 40px; left: 29px; z-index: 2}
	.new_yishi .yishi_list li{ width: 198px; height: 53px; border: 1px solid #dfdfdf; background: #dfdfdf; float: left; display: block; cursor:pointer; line-height: 53px; text-align: center; font-size: 24px; color: #474747;}
	.new_yishi .yishi_list li.hover{ background: #fff;}
	.new_yishi .fl{ float: left}
	.new_yishi .fr{ float: right}
    .new_yishi .yishi_left { float: left; display:inline; margin-left: 29px; width: 400px; height: 450px; position: relative; margin-right: 14px; overflow: hidden}
    .new_yishi .yishi_right { float: left; display: block; width: 728px; height: 450px; overflow: hidden; position: relative; }
    .new_yishi .yishi_left .left_wrap { width: 390px; height: 380px; overflow: hidden; margin:70px auto 0;}
    .new_yishi .yishi_left .left_wrap .left_list { width: 50000px; height: 369px; position: relative; left: 0; font-size: 0; text-align: left; }
    .new_yishi .yishi_left .left_wrap .left_list ul { width: 390px; height: 369px; float: left; display: inline; text-align: left; margin-left: 5px;}
    .new_yishi .yishi_left .left_wrap .left_list li {cursor:pointer; display: inline; float: left; margin: 0 4px 8px; width: 115px; height: 115px; border-radius: 50%; background: #e6e6e6; overflow: hidden;}
    .new_yishi .yishi_left .left_wrap .left_list li img { width: 105px;  margin: 10px 5px 0 5px; }
    .new_yishi .yishi_left .left_wrap .left_list li.active { background: #fff; box-shadow: 0 0 20px #e7e7e7 inset; }

    .new_yishi .yishi_left .span { width: 100%; text-align: center; font-size: 0; }
    .new_yishi .yishi_left .span span { width: 7px; height: 7px; display: inline-block; border: 1px solid #d4d4d4; background: #FFF; border-radius: 4px; cursor: pointer; margin: 0 6px;}
    .new_yishi .yishi_left .span span.active{ background: #df061d; border: 1px solid #df061d;}


	.new_yishi .yishi_right .item{ width: 728px; height: 450px;}
    .new_yishi .yishi_right .item .img { position: absolute; left: 0; bottom: 0; }
    .new_yishi .yishi_right .item .text { width: 420px; height: 450px;  overflow: hidden; float: right; display: inline; margin-right: 10px; position: relative; z-index: 1; text-align: left; }
    .new_yishi .yishi_right .item .text h2 { font-size: 18px; font-weight: normal;color: #595959; margin-top: 40px;}
    .new_yishi .yishi_right .item .text h2 b{ font-size: 24px; font-weight: normal; padding-right: 10px;}
    .new_yishi .yishi_right .item .text .p1 { font-size: 14px; line-height: 25px; color: #595959; margin: 8px 0 10px; }
    .new_yishi .yishi_right .item .text .p2 { font-size: 14px; line-height: 20px; color: #595959;  width: 420px;}
    .new_yishi .yishi_right .item .text .p2 b { display: block; }

    .new_yishi .yishi_right .item .text .p3 { font-size: 18px; line-height: 26px; color: #595959; margin: 15px 0 20px;}
    .new_yishi .yishi_right .item .text .p3 b { display: block; }
    .new_yishi .yishi_right .item .text .p4 { font-size: 14px; line-height: 20px; color: #595959; width: 420px; }


    .new_yishi .yishi_right .item .text .link { position: absolute; bottom: 20px; left: 0;}
    .new_yishi .yishi_right .item .text .link a { display: inline-block; vertical-align: top; margin-left: 40px; width: 138px; height: 40px; line-height: 38px; text-align: center; font-size: 16px; border: 1px solid #e6e6e6; color: #595959; border-radius: 20px; }
    .new_yishi .yishi_right .item .text .link a.active { border-color: #df061d; background: #df061d; color: #fff; }
    .new_yishi .yishi_right ul { position: relative; width: 50000px; height: 450px; left: 0; font-size: 0; text-align: left; }
    .new_yishi .yishi_right ul li { display: inline-block; vertical-align: top; position: relative; float: left}

    .anli_title { height: 42px; line-height: 1; }
    .anli_title span { font-size: 24px; color: #666666; margin-left: 20px; }
    .anli_title a { font-size: 12px; color: #999; margin-right: 30px; }
    .anli_title a:hover { color: #777; }
	.new_yishi:hover {box-shadow:0 0 25px rgba(8,1,3,.2);}


	.anli_title { height: 42px; line-height: 1; }
    .anli_title span { font-size: 24px; color: #666666; margin-left: 20px; }
    .anli_title a { font-size: 12px; color: #999; margin-right: 30px; }
    .anli_title a:hover { color: #777; }
	.new_yishi:hover {box-shadow:0 0 25px rgba(8,1,3,.2);}






.module_picshow{ width: 100%; height: 845px; margin: 0 auto 40px; overflow: hidden; background: url(../images/picshow_bg.jpg) no-repeat center}
.module_picshow dl{ width: 1200px; overflow: hidden; margin: 0 auto; padding-top: 40px;}
.module_picshow dt{ width: 1200px; display: block; height: 154px; margin: 0 auto 20px; text-align: center}
.module_picshow dd{ width: 1200px; overflow:hidden ;}
.module_picshow dd ul{width: 1212px;}
.module_picshow dd li{ display: inline-block; width: 300px; height: 283px; overflow: hidden; position: relative; margin-right: 12px; margin-bottom: 10px; float: left;}
.module_picshow dd li a{ width: 100%; height: 100%; position:relative; display: block; overflow: hidden;}
.module_picshow dd li img{ width: 100%;}
.module_picshow dd li p{ position: absolute; left: 0; bottom: 0; width: 100%; height: 62px;  text-align: center; justify-content: center;flex-direction: column; display: flex; font-size: 16px; color: #d7d7d7; line-height: 1.5; background: rgba(0,0,0,0.7);animation:fadeIn .5s both}

.module_picshow dd li:first-child{ width: 576px; height: 576px;}
.module_picshow dd li:first-child p{display: none}
.module_picshow dd li:hover p{display: flex}





.module_contact{ width: 1200px; margin:0 auto 40px; padding: 33px 0; overflow: hidden; background: #e7e7e8;}
.module_contact dl{ width: 355px; height: 510px; margin-left: 34px; display: inline-block; float: left}
.module_contact .contact{ background: #fff;}
.module_contact .contact dt{ width: 150px; height: 56px; line-height: 56px; border-bottom: 1px solid #000; margin: 11px 0 37px 52px; font-size: 30px; color: #000;}
.module_contact .contact dd{ width: 306px; overflow: hidden; margin: 0 0 30px 25px;}
.module_contact .contact .text li{ width: 100%; height: 70px; overflow: hidden; line-height: 24px;}
.module_contact .contact .text li::before{content: ''; width: 50px; height: 70px;float: left; display: inline-block; margin-right: 6px; background: url(../images/contact_bg.png) no-repeat;}
.module_contact .contact .text li:nth-of-type(1)::before{background-position: 0 0}
.module_contact .contact .text li:nth-of-type(2)::before{background-position: -50px 0}
.module_contact .contact .text li:nth-of-type(3)::before{background-position: -100px 0}

.module_contact .contact .text li span{ font-size: 16px; color: #727171; display: block;}
.module_contact .contact .text li p{ font-size: 18px; color: #000; display: block;}
.module_contact .contact .hj{position: relative}
.module_contact .contact .hj .pic{width: 234px; height: 130px;overflow: hidden; margin: 0 auto;}
.module_contact .contact .hj .pic li{width: 234px; height: 130px;overflow: hidden; float: left;display: block;}
.module_contact .contact .hj .prev,.module_contact .contact .hj .next{width: 15px; height: 38px; display: block;  cursor: pointer; background: url(../images/contact_bg.png) no-repeat; top: 42px; position: absolute;}
.module_contact .contact .hj .prev{ left: 0; background-position: -150px 0}
.module_contact .contact .hj .next{ right: 0; background-position: -165px 0}



.module_contact .weibo{ background: #d7000f;}
.module_contact .weibo dt{ height: 45px; line-height: 45px; overflow: hidden; margin: 11px 0 7px 26px; color: #fff; font-size: 24px;}
.module_contact .weibo dt::before{content: ''; width: 55px; height: 45px;float: left; display: inline-block; margin-right: 8px; background: url(../images/contact_bg.png) no-repeat -180px 0;}
.module_contact .weibo dd{width: 321px; height: 437px; overflow: hidden; margin: 0 auto; background: url(../images/phone_shell.png) no-repeat; position: relative;}
.module_contact .weibo dd .box{ width: 276px; height: 400px; overflow: hidden; margin: 19px 0 0 23px; background: #fff; border-radius: 24px;}
.module_contact .weibo dd .box iframe{margin-top: 18px;}

.module_contact .weibo dd::before{content: ''; width: 158px; height: 22px; overflow: hidden; position: absolute; left: 82px; top: 19px; display:block; background: url(../images/phone_shell.png) no-repeat -82px -19px;}


.module_contact .weixin{ background: #044d9e;}
.module_contact .weixin dt{ height: 45px; line-height: 45px; overflow: hidden; margin: 11px 0 0 26px; color: #fff; font-size: 24px;}
.module_contact .weixin dt::before{content: ''; width: 45px; height: 45px;float: left; display: inline-block; margin-right: 8px; background: url(../images/contact_bg.png) no-repeat -235px 0;}
.module_contact .weixin dd{width: 321px; height: 437px; overflow: hidden; margin: 0 auto; background: url(../images/phone_shell.png) no-repeat; position: relative;}
.module_contact .weixin dd .box{ width: 276px; height: 400px; overflow: hidden; margin: 19px 0 0 23px; background: #fff; border-radius: 24px;}
.module_contact .weixin dd .qr{ width: 212px; height: 212px; overflow: hidden; margin: 69px auto 15px;}
.module_contact .weixin dd .text{ width: 260px; overflow: hidden; margin:0 auto; font-size: 16px; color: #3a3a3a; line-height: 20px; text-align:center}
.module_contact .weixin dd::before{content: ''; width: 158px; height: 22px; overflow: hidden; position: absolute; left: 82px; top: 19px; display:block; background: url(../images/phone_shell.png) no-repeat -82px -19px;}



.module_contact .miniprogram{ background: #d7000f;}
.module_contact .miniprogram dt{ height: 45px; line-height: 45px; overflow: hidden; margin: 11px 0 0 26px; color: #fff; font-size: 24px;}
.module_contact .miniprogram dt::before{content: ''; width: 45px; height: 45px;float: left; display: inline-block; margin-right: 8px; background: url(../images/contact_bg.png?v1) no-repeat -280px 0;}
.module_contact .miniprogram dd{width: 321px; height: 437px; overflow: hidden; margin: 0 auto; background: url(../images/phone_shell.png) no-repeat; position: relative;}
.module_contact .miniprogram dd .box{ width: 276px; height: 400px; overflow: hidden; margin: 19px 0 0 23px; background: #fff; border-radius: 24px;}
.module_contact .miniprogram dd .qr{ width: 212px; height: 212px; overflow: hidden; margin: 69px auto 15px;}
.module_contact .miniprogram dd .text{ width: 260px; overflow: hidden; margin:0 auto; font-size: 30px; color: #3a3a3a; line-height:1; text-align:center}
.module_contact .miniprogram dd .text b{ width: 160px; height: 40px; display: block; margin: 0 auto 10px; background: #c9161d; border-radius: 20px; line-height: 40px; color: #fff; font-size: 22px; overflow: hidden; font-weight: normal;}

.module_contact .miniprogram dd::before{content: ''; width: 158px; height: 22px; overflow: hidden; position: absolute; left: 82px; top: 19px; display:block; background: url(../images/phone_shell.png) no-repeat -82px -19px;}