@charset "utf-8";
ul,li,td,div,form,img,h1,h2,h3,h4,h5,h6,dl,dt,p,dd,body{ padding:0px; margin:0px; font-weight: normal}
ul,li,ol{ list-style-type:none; margin:0px; padding:0px }
a:link,a:visited{ text-decoration:none; color:#444 }
a:hover { color: #444}
a img,img{ border:none; vertical-align:middle;}
.clear{ clear:both; }
.arial{ font-family:Arial, Helvetica, sans-serif}
.normal{ font-weight:normal}
html{ overflow-x:hidden; background:#fff}
body{ font-size:1em; font-family:"微软雅黑"; background: #f9f9f9; color:#444; margin: 0 auto;-webkit-text-size-adjust:none; width: 100%; overflow-x: hidden}
input,textarea{font-family:"微软雅黑"; font-size:1em}
.over-hidden{ overflow:hidden}
.margin_5{ height:1px; display:block; clear:both}
.margin_10{ height:10px; display:block; clear:both}
.margin_20{ height:20px; display:block; clear:both}
.margin_30{ height:30px; display:block; clear:both}
.margin_50{ height:50px; display:block; clear:both}
.margin_100{ height:100px; display:block; clear:both}
.padding_1em{ padding:1em 0}
.padding_5em{ padding:5em 0}
.bg_grey{background: #f1f1f1}
.bg_f1f1f1{background: #f1f1f1}
.color_red{color: #710102  !important}
.line1{ height:50px; display:block; border-bottom:solid 1px #999; clear:both}
.line2{ height:30px; display:block; border-bottom:solid 1px #999; clear:both}
.line3{ height:10px; display:block; border-bottom:solid 1px #999; clear:both}
.hidden,.xs-show{ display:none;}
.border_none{ border:none}
.btn_box{ text-align:center; clear:both; padding-top:2em}
.btn_box a.btn_a{ padding:10px 30px; background:#E6007F; display:inline-block; margin:0 auto; color:#fff; border-radius:5px}
.btn_box a.btn_a:hover{ background:#cf152d;}
.btn_box a.btn_b{ padding:10px 30px; background:#111; display:inline-block; margin:0 auto; color:#fff; border-radius:5px}
.btn_box a.btn_b:hover{ background:#333;}
.overflow-hidden{ overflow:hidden}
iframe{ width:100%; margin-bottom:3em}
.text-left{text-align: left !important;}
.text-right{text-align: right !important;}
.text-center{text-align: center !important;}
.max_img{width: 100%}

.content{ width:98%; max-width:1400px; margin:0 auto;}
.content img,.sub_main img,.main img{ max-width:100%;}
.swiper-container-banner{ position:relative; z-index:1;clear: both;}
.swiper-container-banner img{width: 100%}

.top{ height:96px; line-height: 96px; width:100%; color: #fff; z-index: 10; background: #710102; box-shadow: 0 1px 2px rgba(0,0,0,.2); border-bottom: solid 2px #fff}
.top .content{ position: relative; width: 100%; white-space: nowrap}
.top .a{ display: inline-block; vertical-align: middle; line-height: 94%; width: 20%; margin: 0 -8px 0 0; text-align: left;}
.top .a img{ max-height:62px; vertical-align:middle}
.top .b{display: inline-block;vertical-align: middle;width: 50%; margin: 0 -4px;  line-height: 1;}
.top .c{display: block;width: 25%;text-align: right; position: absolute; color: #fff !important; z-index: 9; right: 0;top: 0px}
.top .c a{display: inline-block;position: relative;}
.top .c a.mar{margin-right: 24px}
.top .c a div{position: absolute; top: 70px; left: -50px; width: 120px; box-shadow:  0 0 15px rgba(0,0,0,.15);background: #fff; display: none}
.top .c a:hover div{display: block}
.top .c a i{font-size: 1.333em; color: #fff}
.top .c a.tli{color: #f3c006; font-size: 1.35em; font-family: Arial;}
.top .c span{font-size: .875em; display: inline-block; vertical-align: middle; padding-bottom: .5em; line-height: 1; }
.menu_power{  position: absolute; top: 0; right:0; display: none}
.power{cursor:pointer; position:absolute; top:16px; right:12px; width:24px; height:30px; line-height:1.5;overflow:hidden; z-index:500;}
.menu_power p{ line-height:1.2; display:block; padding-top:.7em; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#d0112b}
.menu_power p span{ font-size:.75em}
.power span.line{ height:2px; margin:5px 0; display:block;background:#fff; border:none}
.power.is-active .line:nth-child(2){opacity: 0;}
.power.is-active .line:nth-child(1){-webkit-transform: translateY(7px) rotate(45deg);-ms-transform: translateY(7px) rotate(45deg);-o-transform: translateY(7px) rotate(45deg);transform: translateY(7px) rotate(45deg);}
.power.is-active .line:nth-child(3){-webkit-transform: translateY(-7px) rotate(-45deg);-ms-transform: translateY(-7px) rotate(-45deg);-o-transform: translateY(-7px) rotate(-45deg);transform: translateY(-7px) rotate(-45deg);}

.sub_banner{position: relative}
.menu{white-space: nowrap}
.menu div{ display:inline-block;position: relative; margin-left: -4px; line-height: 96px; text-overflow: ellipsis}
.menu div a{display: block; color: #fff; cursor: pointer; font-size: 1em; padding: 0 .9em;}
.menu div a:hover,.menu div:hover a{font-weight: bold;}
.menu div.active > a,#nav_current{font-weight: bold !important; text-decoration: underline !important}
.menu ul{opacity: 0; transform: scale(0); position: absolute; top: 94px; left:-20%; text-align: center; z-index: -1;width: 140%; background: rgba(113,1,2,.8); padding: .75em 0;}
.menu ul li a{border: none; font-weight: normal !important; font-size: .875em; line-height: 32px}
.menu ul li a:hover{font-weight: bold !important}
.menu div:hover ul{opacity: 1;z-index: 12;transform: scale(1)}

.sub_menu a{display: inline-block; vertical-align: top;margin: 0 -4px; line-height: 1; padding: .875em 1.5em; text-align: center; position: relative}
.sub_menu a:hover{font-weight: bold}
.sub_menu a#sub_current{background: url("../images/nav_sub.png") no-repeat; background-size: 100% 100%; font-weight: bold}

div.sub_title{text-align: center; line-height: 1.5; border-bottom: double 1px #eee; padding-bottom: 10px}
div.sub_title dl{ border-bottom: double 1px #eee;}
div.sub_title dt{font-size: 1.875em; color: #710102; padding-bottom: .5em; padding-top: 2em}
div.sub_title dd{padding-bottom: 2em}
.main{background: url("../images/bg4.png") bottom left no-repeat; padding-bottom: 5em}
.sub_main{line-height: 2;}

dl.title{text-align: center; color: #fff; padding: 2em 0; font-family: "思源宋体","宋体","Simsun"; font-weight: bold; font-size: 2em}
.part1 {background: url("../images/bg5-2.png") no-repeat top left; background-size: 22% auto; background-position: 5% -55%}
.part1 .a{display: block; vertical-align: top; width: 48%; float: left}
.part1 .a .info{line-height: 2;}
.part1 .a .info strong{font-size: 1.25em; display: block; padding-bottom: .25em}
.part1 .a a.more{font-weight: bold; margin: 2.5em 0 0; color: #f3c006; transition: all .3s; border: #f3c006 solid 2px; display: inline-block; padding: .75em 2.5em}
.part1 .a a:hover.more{ background: #f3c006; color: #fff}
.part1 .b{display: block; vertical-align: top; width: 45%; float: right}
.part1 .b img{border: solid 10px #fff; box-shadow: 0 0 7px rgba(0,0,0,.1)}
.kky{background: #fff; box-shadow: 0 0 15px rgba(0,0,0,.05); margin-bottom: -6em; position: relative}
.kky .content{text-align: justify; padding: 4em 0 3em 0}
.kky .content:after{content: ''; width: 100%; display: inline-block;}
.kky .content dl{width: 24%; display: inline-block; border-right: solid 1px #eee; line-height: 1; text-align: center}
.kky .content dl:last-child{border: none}
.kky .content dt{padding-bottom: 1.5em; font-weight: bold; font-size: 1.25em}
.part2{background: url("../images/bg3.png") no-repeat #fff; background-position: 0 70%; padding-bottom: 4em; padding-top: 6em}
.part2 .bg{background: url("../images/bg6.png") top right no-repeat; background-position: 130% -10%; position: relative}
.part2 .content{position: relative}
.part2 .box{width: 100%; margin: .5em auto}
.part2 .box .a{width: 32%; float: left}
.part2 .box .a h5{font-size: 2em; margin-bottom: 2em}
.part2 .box .a h6{color: #c32434; font-size: 1.125em; margin: 1em 0; line-height: 2}
.part2 .box .a h6 span{height: 1px; width: 24px; background: #c32434; display: block}
.part2 .box .a div.info{line-height: 1.8; color: #666666}
.part2 .box .a div.btns{padding-top: 4em;}
.part2 .box .a .btn{display: inline-block; padding: .5em 1.25em; border:solid 1px #f3c006; font-weight: bold; transition: all .3s}
.part2 .box .a .btn:hover{opacity: .8}
.part2 .box .a .btn1{background: #f3c006; color: #fff}
.part2 .box .a .btn2{background: none; border-color: #444}
.part2 .box .a .btn2:hover{background: #444; color: #fff}
.part2 .box .b{width: 58%; float: right}
.part2 .box .b img{width: 100%}
.part2 .clicks{position: absolute; left: 42%; bottom: 0; margin-left: -60px; z-index: 12;}
.part2 .clicks .btn{width: 60px; height: 60px; text-align: center; line-height: 60px; background: #f3c006; color: #fff; float: left; cursor: pointer}
.part2 .clicks .btn i{font-size: 1.5em}
.part2 .clicks .btn2{background: #444444; color: #fff;}
.part2 .clicks .btn:hover{opacity: .8}
.part3{padding-top: 2em}
.part3 .content{background: #fff}
.part3 .box{background: url("../images/bg6.png") no-repeat bottom left #fff; background-position: -30% 50%}
.part3 .box .bg{padding: 3em; background: url("../images/bg6.png") no-repeat top right; background-position: 130% -20%}
.part3 .box .a dt{width: 20%; display: inline-block; text-align: center; vertical-align: middle; font-size: 2.4em}
.part3 .box .a dd{width: 78%; display: inline-block; vertical-align: middle;}
.part3 .box .a dd div.info{ line-height: 2em; font-size: 1.125em}
.part3 .box .b{text-align: center; padding-top: 5em}
.part3 .box .b p{display: inline-block; vertical-align: top; width: 32%; text-align: center}
.part4 .a{width: 42%; float: left}
.part4 .a img{box-shadow: 0 0 5px rgba(0,0,0,.2)}
.part4 .a h5{padding: 1em 0; font-size: 1.5em;font-family: 宋体; font-weight: bold; border-bottom: solid 1px #999}
.part4 .a div.info{color: #666; padding-top: 1em; line-height: 1.5}
.part4 .b{width: 52%; float: right}
.part4 .b .item{margin-bottom: 3em}
.part4 .b .item:hover dt{background: #f3c006}
.part4 .b dt{width: 15%; float: left; background: #333; color: #fff; text-align: center}
.part4 .b dt div{padding: 2em 0; background: url("../images/zy.png") top right no-repeat}
.part4 .b dt h6{font-size: 2.5em; display: inline-block; padding-bottom: .25em; margin-bottom: .25em; border-bottom: solid 1px rgba(255,255,255,.5); font-weight: normal}
.part4 .b dt span{font-size: .75em}
.part4 .b dd{width: 80%; float: right}
.part4 .b h5{font-size: 1.5em; font-family: "思源宋体", "宋体", "Simsun"; line-height: 1.1; padding-bottom: .5em; border-bottom: solid 1px #888;}
.part4 .b .info{padding: 1.5em  0; color: #666}
.part4 .b .more,.part4 .b .more a{color: #666666}
.part4 .b .more a:hover,.part4 .b h5:hover a,.part4 .a h5:hover a{color: #c32434}

.sub_content_box{min-height: 400px; font-size: .9285em; padding-bottom: 100px}
.show_tag a{display:inline-block;background:#eee;padding:.2em .5em}
.page8 .a{padding: 5em 0; background: #fff; text-align: center}
.page8 .a img{margin: 0 auto; max-width: 40%}
.page8 .b{display: flex;width: 100%;justify-content: space-between;flex-wrap: wrap; margin-top: 2em}
.page8 .b .item{width: 49%;background: #fff;}
.page8 .b .item .info{padding: 2em ;line-height: 2}
.page8 .b .item .info h6{padding-bottom: .5em; font-size: 1.75em; font-weight: normal}
.page8 .b .item .info h6 span{width: 2em; height: 2px; display: block; background: #ccc}
.page8 .c{clear: both; padding-top: 2em; display: flex; width: 100%;justify-content: space-between;flex-wrap: wrap;}
.page8 .c div.items{display:inline-block; vertical-align: top; width: 31%}
.page8 .c div.items dl{border-radius: 8px; background: url("../images/bga.png") center center no-repeat #B14444; background-size: 100% auto; color: #fff; padding: 2em 0; text-align: center}
.page8 .c div.items h5{font-size: 1.75em; text-align: center; margin-bottom: 1em}
.page8 .c div.items dd{font-size: 1.5em; height: 100px; overflow: hidden; line-height: 100px;}
.page8 .c div.items dd div.info{display: inline-block; line-height: 1}
.page8 .c div.items dl.dl4{background: url("../images/bga.png") center center no-repeat  #f3c006; background-size: 100% auto; }
.page8 .c div.items dl.dl5{background: url("../images/bga.png") center center no-repeat  #444; background-size: 100% auto; }
.page10 .a{width: 54%; float: left;}
.page10 .a img{max-width: 90%; background: #fff; box-shadow: 20px 20px 1px rgba(250,250,250,1); margin-bottom: 2em}
.page10 .b{width: 44%; float: right; line-height: 4}
.page16 .a{width: 40%; float: left}
.page16 .b{width: 55%; float: right}
.list ul{width: 33.33%; display: inline-block; vertical-align: top; margin: 0 -4px; text-align: center}
.list ul dl{width: 90%; margin: 0 auto; padding-bottom: 1em}
.list ul dl img{width: 100%;}
.list ul dd h5{font-size: 1em; font-weight: normal; line-height: 1.4; padding: 1em 0}
.thead{text-align: center; padding: 1em 0}
#feedback{width: 90%; max-width: 800px; margin: 0 auto}
#feedback li{padding: 0 0 1em 0}
#feedback img{margin-left: 10px; height: 40px}
#feedback input,#feedback textarea{ width: 96%; border: solid 1px #ddd; background: #fff; padding: 10px; display: block}
.btn_box{text-align: center; padding: 2em 0 1em 0; clear: both}
a.bt_feedback{background: #710102; color:#fff; padding: .5em 4em; font-weight: bold; margin-top: 1em; display: inline-block; border-radius: 5px}
a:hover.bt_feedback{opacity: .8}
#show_code{vertical-align: middle; cursor: pointer;}
.error_feedback{font-size: .875em; color: #f00;}
.page404{padding: 5em 0 10em 0; text-align: center;}
.page404 i.icon-40401{font-size: 10em;}
.page404 h5{font-size: 1.5em; padding: .5em 0}
.page404 h6{font-size: 1.05em; font-weight: normal; margin-bottom: 3em}
.page404 .link_bt{padding: .5em 1.5em; display: inline-block; vertical-align: middle; background: #888; color: #fff; margin: 0 .5em; border-radius: 5px;}
.page404 .link_bt:hover{opacity: .8}
.page404 .btna{background: #f63439}
.products{text-align: justify;}
.products:after{content: ''; width: 100%; display: inline-block}
.products ul{padding-bottom: 1em; width: 30%; display: inline-block; text-align: center; font-size: 1.25em; line-height: 3}
.products h5{text-align: center; padding: .5em 0; font-size: 1.5em; font-weight: normal; line-height: 1; margin: 0 auto 1em auto;}
.products h5 span{display: inline-block; height: 1px; width: 2em; background: #ccc}
.products ul:hover img{box-shadow: 0 0 15px rgba(0,0,0,.15)}
.pro_hot dl{background: #fff; display: block; width: 100%}
.pro_hot dt{width: 50%; display: inline-block; vertical-align: top}
.pro_hot dd{width: 48%; display: inline-block; vertical-align: top}
.pro_hot dd .box{padding: 3em 1em 0 3em}
.pro_hot dd .box h6{font-size: 2em}
.pro_hot dd .box .btns{padding-top: 4em;}
.pro_hot dd .box .btn{display: inline-block; padding: .5em 1.25em; border:solid 1px #f3c006; font-weight: bold; transition: all .3s}
.pro_hot dd .box .btn:hover{opacity: .8}
.pro_hot dd .box .btn1{background: #f3c006; color: #fff}
.pro_hot dd .box .btn2{background: none; border-color: #444}
.pro_hot dd .box .btn2:hover{background: #444; color: #fff}

.dqwz{padding: 1.5em 0; font-size: .875em; border-bottom: solid 1px #f5f5f5; text-align: left; color: #888}
.dqwz a{color: #888}
.news div.info a.more{margin-top: 1em; font-weight: bold;color: #6F3834; display: inline-block}
.news ul{padding: 4em 1em;}
.news ul.odd{background: #fff}
.news ul dt{width: 62%; display: inline-block; vertical-align: top;}
.news ul dt h5{font-size: 1.5em; font-weight: normal; margin-bottom: 1em; line-height: 1.4}
.news ul dt div.info{font-size: .875em; color: #888; line-height: 2;}
.news ul dt div.info a{color: #710102}
.news ul dd{width: 30%; margin-left: 6%; display: inline-block; vertical-align: top;}
.news ul .time{font-size: .875em; color: #999}
.news ul div.a{width: 30%; display: inline-block; vertical-align: top;}
.news ul div.a p{display: inline-block; vertical-align: bottom; width: 30%;line-height: 1.5}
.news ul div.a p strong{font-size: 2.75em; font-weight: normal; display: block; text-align: right; padding-right: 10px}
.news ul div.a p span{ color: #ddd; font-size: .5em; display: block}
.news ul div.a i{height: 50px; width: 1px; background: #888;transform: rotate(20deg); display: inline-block; margin-right: 15px; vertical-align: middle}
.news ul div.b{width: 68%; display: inline-block; vertical-align: top}
.news a:hover{color: #710102}
.maps{text-align: justify}
.maps:after{content: ''; display: inline-block; width: 100%}
.maps div{width: 48%; text-align: center; display: inline-block;}

.news_view{color: #555}
.news_view img{display: inline-block; padding: 1em 0;}
.news_view h1{text-align: center; padding: .5em 0; line-height: 1.4}
.news_view .time{text-align: center; font-size: .875em; color: #888;}
.news_xg{padding: 2em 0;}
.news_view{padding-top: 2em}
.news_view .l{width: 70%; display: inline-block; vertical-align: top; padding-right: 4%; border-right: solid 1px #f1f1f1}
.news_view .l img{display: block; margin: 0 auto; padding: 20px 0}
.news_view .r{width: 25%; display: inline-block; vertical-align: top;padding-top: 1em; margin-right: -4px;}
.news_view .r .box{padding-left: 10%;}
.news_view .r h5{font-size: 1.25em; font-weight: bold; line-height: 1.4}
.news_view .r strong{ height: 1px; background: #222; width: 40px; margin: 1em 0; display: block}
.news_view .r p.item{border-bottom: solid 1px #f1f1f1; padding: 2em 0; font-size: .875em}
.share{border-bottom: 1px solid #eee; padding: .5em 0; margin-bottom: .5em;}
.about_a{padding-top: 3em;}
.about_a .a{width: 38%; display: inline-block; vertical-align: top; margin: 0 -8px 0 0}
.about_a .b{width: 55%; display: inline-block; vertical-align: top; margin: 0 -8px 0 7%}
.about_b{padding: 6em 0; text-align: center; margin: 4em auto; color: #333}
.about_c{padding-top: 2em;}
.about_c .a{width: 38%; display: inline-block; vertical-align: top; margin: 0 -8px 0 0}
.about_c .b{width: 45%; display: inline-block; vertical-align: top; margin: 0 -8px 0 17%}
.about_c .b .info{position: relative;}
.about_c .b .playbt{position: absolute; width: 80px; height: 80px; border-radius: 50%; line-height: 80px; text-align: center; z-index: 2; left: 50%; top: 50%; margin: -40px auto auto -40px;}
.about_c .b .playbt i{font-size: 4em; transition: all .3s; cursor: pointer;}
.about_c .b .playbt i:hover{font-size: 5em;}
.form1 dl{width: 50%; margin: 0 auto; padding: 1em 0;}
.form1 dt{width: 18%; padding-right: 1%; display: inline-block; vertical-align: top; text-align: right;}
.form1 dt span{color: #f00; font-weight: bold;}
.form1 dd{width: 78%; display: inline-block; vertical-align: top;}
.form1 dd input[type=text],.form1 dd textarea,.form1 dd select{width: 98%; padding: .5em; border: solid 1px #ddd;}
.form1 dd select{width: 50%;}
.form1 dd input#code{width: 20%}
.form1 .save_bt{cursor: pointer; display: inline-block; padding: .5em 2.5em; background: #d0112b; color: #fff; border-radius: 3px; font-weight: bold; margin-right: .5em;}
.form1 .save_bt:hover{opacity: .8}
#post_text{color: #f63439}
.content_title{text-align: center; font-size: 1.75em; line-height: 1;}
.content_title dd{height: 3px; width: 60px; display: inline-block; margin: 0 auto; background: #d0112b;}
.case_box{text-align: center;  padding-top: 2em;}
.case_box ul{ width: 24%; display: inline-block; vertical-align: top;}
.case_box ul dl{width: 88%; margin: 0 auto 1em auto; line-height: 2;}
.case_box img{padding: 4px; border: solid 1px #ddd;}
.pro_box .a{width: 50%; float: left;}
.pro_box .b{width:32%; float:right; text-align: left;}
.pro_box .b h2{font-size: 2em; font-weight: normal}
.pro_box .b div.info{padding: 1em 0 3em 0}
.pro_box .b a.btn{display: block; padding: .75em 0; background: #703733; font-size: 1.5em; text-align: center; color: #fff;}
.pro_title{font-size: 1.5em; font-weight: bold; padding: 1em 0; border-bottom: solid 1px #ddd; margin-bottom: 2em;}
div.search{min-height: 500px; text-align: center}
div.search .news{text-align:left}
div.search_box{text-align: left; margin: 0 auto; max-width: 600px; padding: 200px 0}
div.search_box input{border: solid 1px #ddd; padding: .5em 0; margin: 0; outline: none; text-indent: 1em; width: 78%; display: inline-block}
div.search_box .bt_search{padding: .5em; background: #ddd; width: 16%; display: inline-block; margin: 0;text-align: center;  border: solid 1px #ddd; cursor: pointer}
div.search_box .bt_search:hover{background: #ccc; border-color: #ccc}
div.search_box .tags{padding-top: 1em; text-align: left}
div.search_box .tags span{display: inline-block; vertical-align: middle; padding: 0 10px; cursor: pointer; color: #888}
div.search_box .tags span:hover{background: #f1f1f1; color: #444}
.f_tool{height:60px;background:#fff;position:fixed;width:100%; z-index:123456; left:0; bottom:0; display: none; box-shadow: 0 -1px 1px #eee;}
.f_tool a{ width:25%; float:left; font-size: .875em; text-align:center; color:#666; height: 60px; padding-top: .35em}
.f_tool a i{font-size: 2em; margin-top: 4px; display: block; color: #444}
.f_tool a.second dl{border-right: solid 1px #ddd; display: block;}
.r_tool{position: fixed; right: 10px; bottom: 25%; z-index: 123; text-align: center}
.r_tool li{position: relative;background: #fff; border: solid 1px #ddd; margin-bottom: .35em;padding: .75em; font-size: .75em;}
.r_tool li div{display: none; position: absolute; left: -250%; top:0; margin-top: -1px; font-size: 1.55em; background: #c32434; padding: 1em}
.r_tool a i{font-size: 2em;}
.r_tool li:hover{background: #c32434; border-color: #c32434;}
.r_tool li:hover a{color: #fff}
.r_tool li:hover div{display: block}

.bottom,.copyright{line-height:2; width:100%;clear:both; color:#9b9b9b;font-size: .875em;background:url("../images/footer.png");}
.bottom a,.copyright a{color:#9b9b9b}
.bottom a:hover,.copyright a:hover{color: #fff}
.bottom .content,.copyright .content{padding: 1em 0;}
.bottom .ti{position: relative}
.bottom .a dl{min-width: 12%; display: inline-block; vertical-align: top}
.bottom .a dt{font-weight: bold;}
.bottom .a dt span{width: 3px; height:16px; background: #c32434; margin-right: 7px; display: inline-block; vertical-align: middle}
.bottom .a dd{padding-left: 10px; font-size: .9285em; padding-top: .5em}
.bottom .b{position: absolute; left: 45.15%; top: 0; text-align: center}
.bottom .b img{max-width: 140px}
.bottom .c{position: absolute; top: 0; right: 0; text-align: right}
.bottom .c dl{white-space: nowrap; line-height: 1.2}
.bottom .c dt{display: inline-block; text-align: right; padding-right: .5em}
.bottom .c dt a{color: #c32434; font-size: 2.5em}
.bottom .c dd{display: inline-block}
.bottom .c dd i{font-size: 3.5em}
.bottom .c .info{line-height: 1.8; padding-top: 2em}
.copyright{padding-bottom: 4em}
.copyright .content{position: relative; padding-top: 0;}
.copyright .t{text-align: justify; padding: 2em 0 0 0}
.copyright .t .l{width: 45%; vertical-align:middle; display: inline-block}
.copyright .t .l p{height: 1px; background: #333;}
.copyright .t .m{vertical-align: middle; display: inline-block; text-align: center; width: 8%}
.copyright .t .m img{max-width: 80%; margin: 0 auto}
.copyright .t:after{width: 100%; display: inline-block; content: ''}
.copyright .info{position: relative; margin-top: 2em; padding-bottom: 4em}
.copyright .code{position: absolute; right: 0; top: 0}
.copyright .code dl{text-align: center; display: inline-block; vertical-align: top; padding: 0 1em}
.copyright .code img{max-width: 140px}
.le{padding: 1.5em 0 0}

.fy{padding:2em 0; clear:both; text-align:center; font-size: .875em;}
.fy1,.fy2,.fy3,.fy4{padding:3px 8px; text-align:center; clear:both; color:#333; background:#fff;border:solid 1px #ccc}
.fy1,.fy2{color:#999; margin:0 1.6px}
.fy3,.fy4{color:#888;}
.fy4{ padding:3px 7px}
.fy_total{padding-right: 1em; color: #888}
a:hover .fy1,a:hover .fy2,a:hover .fy4{color:#ffd411; background: #888;}
.page_jum{ margin:0 0 0 3px; color:#999}
#jumpMenu{height:19px; margin:0 2px;}
.inline_content{ max-width:650px}
.customNextBtn,.customPrevBtn{ cursor:pointer}
.content iframe{ min-width: 100%;}
.mask_box{ width:100%; height:100%; background:rgba(0,0,0,.6); position:fixed;left:0; top:0; z-index:90; display:none}
.w_mall{position: fixed; z-index: 91; left: 50%; top: 50%; width: 200px; height: 200px; margin: -100px 0 0 -100px; display: none}
.wx_box{display: none;width: 100%; height: 100vh; position: fixed; left: 0; top: 0; background: rgba(0,0,0,.7); z-index: 111}
.wx_box ul{max-width: 280px; vertical-align: middle; margin: auto; position: relative; background: #fff; text-align: center}
.wx_box ul img{margin: 2em auto; max-width: 70%}
.wx_box ul i.iconguanbi{ position: absolute; display: block; top: 10px; right: 10px; cursor: pointer; font-size: 1.5em}
.wx_box ul i.iconguanbi:hover{color: #999}

.swiper-container-event{ position:relative;}
.swiper-container-event .swiper-pagination{ position:relative; margin-top:25px}
.swiper-container-event .swiper-pagination-bullet{ border:solid 2px #888; opacity:1; background: none}
.swiper-container-event .swiper-pagination-bullet-active{ background:#f3c006; border-color:#f3c006}
.swiper-container-banner .swiper-pagination-banner{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}
.swiper-container-banner .swiper-pagination-bullets{ bottom:20px;}
.swiper-container-banner .swiper-pagination-bullet{ border:none; background:#fff;opacity:1; padding: 2px;  border-radius: 13px}
.swiper-container-banner .swiper-pagination-bullet-active{ background:#f3c006; border-color: #f3c006}
.swiper-container-event .swiper-pagination-bullets{ margin-top:25px; text-align:center}
.swiper-button-prev,.swiper-button-next{ opacity:.3}
.swiper-button-prev:hover,.swiper-button-next:hover{ opacity:1}
.swiper-container-other{ position:relative; overflow:hidden}
.swiper-container-pro .swiper-pagination-bullets{text-align: left; margin-top: -40px; position: relative; z-index: 11}
@media screen and (max-width:1550px){
	body{ font-size:.875em;-webkit-text-size-adjust:none;}
	.menu div a{ padding: 0 1.25em;}
	.top .a img{ max-height:50px;}
}
@media screen and (max-width:1024px){
	dl.title{font-size: 1.5em;}
	dl.title img{max-width: 50%}
}
@media screen and (max-width:1023px){
	body{ font-size:.875em;-webkit-text-size-adjust:none;}
	.top{ height:60px; line-height: 60px;position: fixed; top: 0;}
	.top .content{width: 100%}
	.top .a{width: 100%; display: block}
	.top .c{display: none}
	.top .a img{ max-height:40px; margin:10px 0 0 2%}
	.top .b{width: 100%; margin: 0; text-align: center; position: absolute; top: 60px; left: 0;background: rgba(255,255,255,.9); display: none}
	.swiper-container-banner{ margin-top: 60px}
	.menu_power{display: block;}
	.menu div{height: auto; line-height: 1; padding:1em 0;font-size: 1.25em; width: 100%; display: block}
	.menu div:hover ul{display: none}
	.menu div a{display: block;padding: 0;border: none; color: #444}
}
@media screen and (max-width:767px){
	.main{background-size: 80% auto; padding-bottom: 3em}
	.swiper-container-banner .swiper-pagination-bullets{ bottom:10px;}
	.swiper-container-banner .swiper-pagination-bullet{ padding: 0;  border-radius: 4px}
	.sub_banner{margin-top: 60px;}
	.sub_banner img{width: 140%; margin-left: -20%}
	div.sub_title dt{font-size: 1.25em;padding-top: 1em}
	div.sub_title dd{font-size: .75em; padding: 1em}
	.part1 .content{background-size: auto 20%; background-position:90% -10%}
	.part1 .a{width: 100%; padding-top: 1em; text-align: justify; float: none}
	.part1 .a .info strong{padding-bottom: 0}
	.part1 .b img{border: none; box-shadow:none}
	.part1 .b{width: 100%; position: relative; float: none}
	.kky .content{padding: 3em 0 0}
	.kky .content dl{width: 48%; border: none; padding-bottom: 2em; font-size: .9285em; line-height: 1.333}
	.kky .content dt{padding-bottom: .5em}
	.part2 .box .a{width: 100%; float: none}
	.part2 .box .a h5{font-size: 1.25em; margin-bottom: 1em}
	.part2 .box .a h6{font-size: 1em; margin: .5em 0;}
	.part2 .box .a div.info{font-size: .875em}
	.part2 .box .a div.btns{padding-top: 1em;}
	.part2 .box .a .btn{font-size: .875em}
	.part2 .box .b{width: 100%; float: none; margin-top: 1em}
	.part2 .clicks{left: auto; right: 0; margin-left: 0;}
	.part2 .clicks .btn{width: 40px; height: 40px; line-height: 40px;}
	.part3 .box{ background-size: auto 30%}
	.part3 .box .bg{padding: 2em; background-size: auto 30%; background-position: 130% -20%}
	.part3 .box .a dt{width: 24%; font-size: 1.2em}
	.part3 .box .a dd{width: 74%; }
	.part3 .box .a dd div.info{ line-height: 1.6; font-size: .75em}
	.part3 .box .b{padding-top: 3em}
	.part3 .box .b p img{max-width: 80%}
	.part4 .a{width: 100%; float: none}
	.part4 .a h5{font-size: 1.25em;}
	.part4 .b{width: 100%; float: none; padding-top: 2em}
	.part4 .b .item{margin-bottom: 1em}
	.part4 .b dt{width: 25%; }
	.part4 .b dd{width: 70%;}
	.part4 .b h5{font-size: 1.15em;}
	.part4 .b .info{padding: 1em  0; font-size: .875em}
	.f_tool{display: block;}
	.r_tool{display: none}
	.bottom{padding-top: 1em}
	.bottom .content{padding:0 0 1em 0; position: relative;}
	.bottom ul.a{width: 100%;  padding-bottom: 3em; border-bottom: solid 1px #333; margin-bottom: 3em}
	.bottom ul.a dl{width: 32.5%}
	.bottom ul.b{width: 30%; display: inline-block; vertical-align: top; position: relative; left: 0; top: 0}
	.bottom ul.b img{max-width: 100%}
	.bottom ul.c{width: 68%; display: inline-block;vertical-align: top; position: relative; left: 0; top: 0; font-size: .875em}
	.copyright{padding-bottom: 2em}
	.copyright .t .l{width: 40%;}
	.copyright .t .m{width:18%}
	.copyright .code{position: relative; text-align: center; padding-top: 2em}
	.copyright .code img{max-width: 90px}

	.footer{display: block;}
	.copyright{padding-bottom: 80px}
	.news ul dt h5{font-size: 1.05em; line-height: 1.25; font-weight: bold;}
	.news ul div.a p{display: block;width: 100%; text-align: left}
	.news ul div.a p strong{font-size: 2em; text-align: left; padding-right: 0}
	.news ul div.a p span{ display: none}
	.anli ul dt{width: 100%;}
	.anli ul dd{width: 100%; margin: 1em 0 0;}
	.anli ul dd .info{font-size: .9285em; line-height: 1.3;}
	.list ul{width: 49%;}
	.iconleft,.iconright{font-size: 2em !important;}
	.footer .a,.footer .b{width: 100%; margin:.5em 0; text-align: left;}
	.dqwz{padding: 1em; margin-left:0;background: #fff;}
	.sub_menu .row4 a{font-size: 1em; margin: 0 -4px; padding: 1em 0;}
	.page8 .b .item{width: 100%;}
	.page8 .c div.items{display:block;width: 100%; margin-bottom: 1em; font-size: .875em}
	.page10 .a,.page16 .a,.page16 .b{width: 100%; float: none;}
	.page10 .a img{max-width: 100%; box-shadow: none; margin-bottom: 1em}
	.page10 .b{width: 100%; float: none; line-height: 2.5}
	.page16 .b{padding-top: 1em}
	.news_view .l{width: 100%; padding: 0 0 2em 0; border: none}
	.news_view .r{width: 100%; }
	.news_view .r .box{padding: 0}
	.products ul{width: 49%;font-size: 1em;}
	.products h5{font-size: 1.25em	}
	.pro_hot dt{width: 100%; display: block;}
	.pro_hot dd{width: 100%; display: block; padding-bottom: 2em}
	.pro_hot dd .box{padding: 1em}
	.pro_hot dd .box h6{font-size: 1.25em}
	.pro_hot dd .box .btns{padding-top: 2em;}
	.pro_box .a,.pro_box .b{width: 100%; float: none;}
	.pro_box .b{padding-top: 2em}
	.header ul.b a{font-size: 1em;}
	.case_box ul,.scsl ul{width: 49%;}
	.msg{padding: 1em 0; background-size: auto 200%}
	.msg .form_item dl{width: 48%;float: left}
	.msg .form_item dl.dl2{float: right}
	.msg .form_item dl.dl3{width: 100%}
	.msg .form_item dl dt{padding: 1em 0}
	.msg .form_item dl dd{background: #fff; padding: .5em}
	.msg .form_item input,.msg .form_item textarea{border: none; background: none; width: 100%; outline: none; text-indent: 1em}
	.btn_box{text-align: center; padding: 3em 0 1em 0; clear: both}
	.sub_content_box{padding-bottom: 20px}
	.maps div{width: 100%; display: block; padding-bottom: 1em}
	.news ul div.a i{display: none}
}
@media screen and (max-width:640px){
	.margin_50{height: 20px;}
	.form_box{ font-size:1.1333em}
	.content{ width:92%;}
}
@media screen and (max-width:639px){
	.xs_hide{display: none;}
	dl.sub_title dt{font-size: 1.5em;}
	.list_show .l{width: 100%; display:block;}
	.list_show .l dt{border: none; padding:0;}
	.list_show .l dd{display: none;}
	.list_show .r{width: 100%; margin-left: 0; display: block;}
	.list_show .r h5{font-size: 1.25em;}
	.news ul dt div.info{overflow: hidden; line-height: 1.3;overflow: hidden;text-overflow: ellipsis; white-space: nowrap; }
	.news_view h2{padding: .25em 0; font-size: 1.25em; line-height: 1.5;}
	.r_tool a i{font-size: 1.25em; font-weight: bold;}
}