@charset "utf-8";
ul,li,td,div,form,img,h1,h2,h3,h4,h5,h6,dl,dt,p,dd,body{ padding:0px; margin:0px;}
ul,li,ol{ list-style-type:none; margin:0px; padding:0px }
a:link,a:visited{ text-decoration:none; color:#666666 }
a:hover { color:#27a7e1;}
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:.9285em; font-family:"微软雅黑"; color:#666666;}
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_gray{background: #232323}
.bg_f1f1f1{background: #f1f1f1}
.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:#c6006d;}
.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;}
.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; height:717px; overflow:hidden; clear: both;}

.top{ height:110px; line-height: 110px; width:100%; clear: both; position: relative; background: #1b1b1b; text-align: center;}
.top .a{ display: inline-block; vertical-align: middle; width: 30%; margin: 0 -8px 0 0; text-align: left;}
.top .b{display: inline-block;vertical-align: middle;width: 70%; margin: 0 -4px; text-align: right; line-height: 1;}
.top .a img{ max-height:60px; vertical-align:middle}
.header_line{font-size: .9285em;}
.header_line,.header_line a{ color: #aaa;} 
.header_line,.header_line a:hover{color: #fff;}
.header_line a.tel{font-size: 1.25em; color: #f7b500;}
.header_line a.moblie-code{display: inline-block; margin: 0 1em; position: relative;}
.header_line a.moblie-code i{color: #107dd3; font-size: 1.3333em; margin-left: 3px; vertical-align: middle; display: inline-block;}
.header_line a.moblie-code div.code{position: absolute; top: 20px; left: -20%; z-index: 9; background: #fff; padding: 2px; display: none;}
.header_line a:hover.moblie-code div.code{display: inline-block;}
.header_line a.moblie-code div.code img{width: 250px;}
.menu_power{ cursor:pointer; height:50px; overflow: hidden; line-height:46px;display:none;width:100%;font-size:1.2em; color: #fff; text-align: left; position: relative; z-index: 1223;}
.menu_power img{ max-height:32px;}
.menu_power a.home{position: absolute; top:15px; left: 12px; z-index: 1; color: #ccc; }
.menu_power a.home i{font-size: 1.75em;}
.power{cursor:pointer; position:absolute; top:12px; 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:#27a7e1}
.menu_power p span{ font-size:.75em}
.power span.line{ height:2px; margin:5px 0; display:block;background:#ccc; 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{clear: both;}
.sub_banner .content{position: relative;}
.sub_banner img{width: 100%;}

.menu{line-height: 40px; color: #ccc;}
.menu div{ display:inline-block;position: relative; margin-left: -4px;}
.menu div a{display: block;padding: .5em 0 .85em 0; font-weight: bold; font-size: 1.1333em; color: #ccc; margin: 0 0 0 3em;}
.menu div a:hover,.menu div:hover a{color: #27a7e1;}
.menu ul{opacity: 0; position: absolute; top: 50px; left: 1.5em; background: rgba(255, 255, 255, .9); z-index: -1; min-width:100%;transition: all .5s; box-shadow: 0 1px 2px rgba(0, 0, 0, .1); text-align: left; font-size: .9285em; background: #27a7e1}
.menu ul li{margin: 0 auto; line-height: 1;}
.menu ul li a{margin: 0 auto; line-height: 1.2; padding: .75em .75em .75em 1.45em;display: block; white-space: nowrap; color: #fff !important; font-size: 1.05em;}
.menu ul li a:hover{background: #0f91cc; color: #fff;}
.menu div:hover ul{opacity: 1;z-index: 12; top: 62px; height: auto;}

.sub_menu_box{margin-top: -80px;}
.sub_menu_box .a{display: inline-block; vertical-align: bottom; width: 18%; background: url(../images/mk.png);}
.sub_menu_box .a p{padding: 2.5em .5em; font-size: 1.5em; text-align: center; color: #fff;}
.sub_menu_box .b{display: inline-block; vertical-align: bottom; width: 80%;}
.sub_menu a{display: inline-block; padding: 1.5em 0; margin: 0 1.5em; border-bottom: 3px solid #fff;}
.sub_menu a#left_current{font-weight: bold; border-color: #27a7e1;}
.sub_menu a:hover{opacity: .9}
a#nav_current{color: #27a7e1; background: none;}
a.sub_current{color: #27a7e1}

div.title{ text-align: center; margin: 3em auto;}
div.title p{font-size: 3em; color:#27a7e1; font-weight: bold;}
div.title p span{color: #333; margin-left: .25em;}
div.title dl{position: relative; width:80%; max-width: 300px; margin: 1em auto auto;}
div.title dd{ height: 1px; background: #ccc;}
div.title dt{position: absolute; left: 50%; top: 50%; margin-top: -11px; margin-left: -33px;}
div.title2 p,div.title2 p span{color: #fff;}
div.sub_title{text-align: center; padding: 2em 0; line-height: 1.5;}
div.sub_title dt{font-size: 2.25em;}
div.sub_title dd{color: #888}
div.sub_title2{font-size: 1.5em; text-align: left; padding: 1em 0;}
.box{overflow: hidden;}
.sub_main{line-height: 2;}

.row3{text-align: center;}
.row3 ul{width: 33%; display: inline-block; vertical-align: top; margin: 0 -4px;}
.row3 ul dl{width: 82%; margin: 0 auto;}
.index_a .row3 ul{width: 100%}
.index_a .row3 dt p{padding: 15px; border-radius: 50%; display: inline-block; box-shadow: 0 0 2px rgba(0, 0, 0, .25); transition: all .3s;}
.index_a .row3 a:hover dt p{box-shadow: 0 0 55px rgba(0, 0, 0, .15);}
.index_a .row3 img{border-radius: 50%;}
.index_a .row3 h5{font-size: 1.25em; color: #444; margin: .5em auto;}
.index_a .row3 a:hover h5{color: #27a7e1;}
.index_a .row3 div{color: #666;}
.block1{background: url(../images/bg1.jpg) center center; clear: both; margin: 3em 0; padding: 3em 0; color: #fff;}
.block1 .a{width: 70%; display: inline-block; vertical-align: middle; margin: 0 -4px;}
.block1 .a h5{font-size: 3.5em; color: #ffcc00;}
.block1 .a div.info{padding: .5em 0 0; font-weight: bold; font-size: 1.1333em;}
.block1 .a a.more{background: #fff; padding:.5em 1.5em; border-radius: 3px; color: #333; border: none; font-weight: bold; font-size: 1.05em;}
.block1 .a a:hover.more{color: #27a7e1;}
.block1 .b{width: 30%; display: inline-block; vertical-align: middle;margin: 0 -4px; text-align: right;}
.block1 .b img{max-width: 100%;}
.index_b{position: relative;}
.index_b .a{width: 40%; position: absolute;top: 42%; z-index: 1; right: 0; background: rgba(0,0,0,0.7); color: #fff;  }
.index_b .a div.info{padding: 3em;}
.index_b .a div.info dt{font-size: 1.5em; padding-bottom: 1em;}
.index_b .a div.info a{background: #27a7e1; display: inline-block; border-radius: 3px; padding: .5em 1.5em; color: #fff;}
.index_b .a div.info a:hover{box-shadow: 0 0 5px #27a7e1;}
.index_b .b{width: 64%; display:block; background: #f2f2f2; text-align: center;}
.index_b .b img{max-width: 90%;}
.xrld{padding: 3em 0; text-align: center; font-weight: bold;}
.xrld .b{width: 90%; margin: 0 -4px; display: inline-block; vertical-align: middle;}
.xrld .b dd{text-align: center; font-size: .9285em; padding-top: .5em;}
.xrld .b strong{font-weight: normal;}
.xrld .b img{border: solid 2px #ddd; max-width: 88%;}
.xrld .b img.active{opacity: .7}
.xrld .a{width: 5%; margin: 0 -4px; text-align: center; display: inline-block; vertical-align: middle;}
.xrld .a i{font-size: 4em; color: #888; cursor: pointer;}
.xrld .a i:hover{color: #444}
.xrld .top_box{padding-bottom: 2em; border-bottom: 1px solid #eee; margin-bottom: 2em;}
.xrld .top_box ul.l{width: 40%; display: inline-block; vertical-align: top;}
.xrld .top_box ul.r{width: 55%; margin-left: 3%; display: inline-block; vertical-align: top;}
.xrld .top_box ul.r dt{padding-bottom: .75em; border-bottom: 1px solid #eee;}
.xrld .top_box ul.r dt strong{font-size: 1.333em; font-weight: normal;}
.xrld .top_box ul.r dd{padding-top: 1em; font-size: .9285em;}
.index_c{background: url(../images/bg2.png) center center; color: #fff; padding:1em 0 3em 0;}
.index_c a{color: #fff;}
.index_c .a{width: 64%; display: inline-block; vertical-align: top; margin: 0 -8px 0 0}
.index_c .a div.box{width: 49%; display: inline-block; vertical-align: top;} 
.index_c .a div.box dl{width: 92%;}
.index_c .a h5{padding: .5em 0; font-size: 1.05em; color: #fff}
.index_c .a dd{padding: .5em 0;}
.index_c .a div.info{font-size: .875em; padding: 1em 0;}
.index_c .a .time{font-size: .875em;}
.index_c .a a.m_more{color: #27a7e1; text-decoration: underline; font-weight: bold;}
.index_c .b{width: 34%; display: inline-block; vertical-align: top; margin: 0 -8px 0 2%}
.index_c .b .item{padding: 1em 0; margin-bottom: 1em;}
.index_c .b .item:hover{background: #45b7ea}
.index_c img{transition: all .3s}
.index_c .b dt{display: inline-block; vertical-align: top; margin: 0 -8px 0 0; width: 25%; line-height: 2; font-size: .875em;}
.index_c .b dt h5{font-size: 1.25em; font-weight: normal;}
.index_c .b dd{display: inline-block; vertical-align: top; margin: 0 -8px 0 5%; width: 70%; overflow: hidden;}
.index_c .b dd p{font-size: .875em; margin-top: .5em;}
.index_c .b dd div.info{font-size: .875em; padding-top: .5em; display: none;}
.index_c .b .item:hover p,.index_c .b .item:hover dt{display: none; transition: all .2s;}
.index_c .b .item:hover div.info{display: block;}
.index_c .b .item:hover dd h5{font-size: 1.05em;}
.index_c .b .item:hover dd{margin: 0 0 0 5%; width: 90%; padding: .75em 0;}
.index_partner{text-align: center;}
.index_partner .box{text-align: center; width: 88%; vertical-align: middle; display: inline-block;}
.index_partner .btn{ display: inline-block; vertical-align: middle; width: 5%;}
.index_partner li img{border: solid 1px #ddd; max-width:92%; margin-bottom: .75em;}
.index_partner i{font-size: 3em; cursor: pointer; color: #999;}
.index_partner i:hover{color: #666;}


.sub_content_box{min-height: 400px;}
.anli ul{width: 24%; display: inline-block; vertical-align: top; text-align: center; padding-bottom: 2em;}
.anli ul img{box-shadow: 0 0 2px rgba(0, 0, 0, .1)}
.anli ul dd{padding-top: 1em}
.thead{text-align: center;}
.list_show{padding-top: 3em;}
.list_show .l{width: 20%; display: inline-block; vertical-align: top; }
.list_show .l dt{border: solid 1px #ddd; display: block; text-align: center; padding: 2em 0;}
.list_show .l dd{text-align: center; padding: .5em 0;}
.list_show .r{width: 74%; margin-left: 5%; display: inline-block; vertical-align: top; }
.list_show .r h5{font-size: 1.5em; font-weight: normal;}
.news .l{width: 70%; display: inline-block; vertical-align: top;}
.news .l dl{padding: 2em 0; border-bottom: solid 1px #eee}
.news .l dt{width: 70%; display: inline-block; vertical-align: top;}
.news .l h5{font-size: 1.25em; font-weight: normal;}
.news .l div.info{color: #999; padding: 1em 0; line-height: 1.5; font-size: .875em;}
.news .l div.time{font-size: .75em; color: #999}
.news .l dd{width: 24%; display: inline-block; vertical-align: top; margin-left: 5%;}
.news .r{width: 25%; display: inline-block; vertical-align: top; margin-left: 4%; padding-top: 1em; margin-right: -4px;}
.news_top .tt .a{font-size: 1.333em;}
.news_top .tt .a span{color:#107dd3;}
.news_top .tt .b{height: 1px; background: #ddd; margin-top: .5em;}
.news_top .tt .b span{display: block; width:75px; height: 1px; background: #107dd3}
.news_top .n dl{padding: .85em 0 0 0; line-height: 1.5;}
.news_top .n dt{width: 10%; display: inline-block; vertical-align: top; margin-right: -4px;}
.news_top .n dt.o{color:#ee8b44}
.news_top .n dd{width: 86%; display: inline-block; vertical-align: top; margin-left: 3%; margin-right: -4px; font-size: .875em;}
.news_top .n div.info{color:#999;}
.feedback{width: 80%; max-width: 600px; margin: 0 auto}
.feedback li{clear: both; padding: 1em 0;}
.feedback li input,.feedback li textarea{width: 40%; border: solid 1px #ddd; padding: .5em .25em; font-size: .875em;}
.feedback li textarea{width: 70%;}
.feedback li span{float: left; color: #f00; font-weight: bold; font-size: 1.1333em; margin-right: .25em;}
.feedback h5{font-size: 2em; padding: 1em 0; display: block;}
a.bt_feedback{margin-left: .75em; background: #107dd3; color:#fff; padding: .5em 2em;}
a:hover.bt_feedback{opacity: .8}
.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 ul{padding-bottom: 4em;}
.products li{display: inline-block;vertical-align: top; margin: 0 -8px 0 0;}
.products li img{transition: all .3s}
.products li.b:hover img,.products li.c dl:hover img{transform:scale(1.2); opacity: .9}
.products li.a{width: 10%; font-size: 1.25em;}
.products li.a i{width: 10px; height: 10px; border-radius: 50%; border: solid 3px #27a7e1; display: inline-block; vertical-align: middle; margin-right: .5em;}
.products li.b{width: 40%; margin: 0 5%; overflow: hidden;}
.products li.c{width: 40%;}
.products li.c dl{width: 50%; display: inline-block;margin: 0 -8px 2em 0; text-align: center; vertical-align: top;}
.products li.c dt,.products li.c dd{width: 90%; margin: 0 auto; overflow: hidden; line-height: 1.3;}
.products li.c dt{box-shadow: 0 0 2px rgba(0, 0, 0, .1); margin-bottom: 1em;}
.about_img{float: left; width: 50%; max-width: 360px;}
.scsl ul{display: inline-block; width: 33.33%; margin: 0 -4px; vertical-align: top; text-align: center;}
.scsl ul dl{width: 88%; margin: 0 auto .5em auto}
.scsl ul dd{padding: .75em 0}

.dqwz{padding: 1em 2.75em; font-size: .875em; margin-left: 18%;background: #eee;}
.news ul{padding-bottom: 2em;}
.news ul dl{border-bottom: 1px solid #eee; padding-bottom: 2em;}
.news ul dt{width: 72%; display: inline-block; vertical-align: top;}
.news ul dt h5{font-size: 1.25em; font-weight: normal;}
.news ul dt div.info{font-size: .875em; color: #888; line-height: 1.6;}
.news ul dt div.info a{color: #27a7e1}
.news ul dd{width: 20%; margin-left: 6%; display: inline-block; vertical-align: top;}
.news ul .time{font-size: .875em; color: #999}
.news ul div.a{width: 20%; display: inline-block; vertical-align: top; line-height: 1;}
.news ul div.a span{font-size: 2.5em;}
.news ul div.a p{font-size: .75em;}
.news ul div.a strong{font-weight: normal; font-size: 2em; vertical-align: middle;}
.news ul div.b{width: 78%; display: inline-block; vertical-align: top}
.news_view{color: #555}
.news_view img{display: inline-block; padding: 1em 0;}
.news_view h2{text-align: center; padding: .5em 0;}
.news_view .time{text-align: center; font-size: .875em; color: #888;}
.news_xg{padding: 2em 0;}
.news_xg .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: #27a7e1; 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: #27a7e1;}
.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;}

.footer{ background:#eee;font-size:.875em; line-height:1.8; padding: 3em 0; margin-top: 4em;}
.footer .a{width: 60%; display: inline-block; vertical-align: top; margin:0 0 -8px 0;}
.footer .icondianhua1{font-size: 1.25em; margin-right: .25em; color: #333}
.footer span.t{font-size: 1.1333em; color: #333}
.footer .b{width: 39%; display: inline-block; vertical-align: top; margin:0 0 -8px 0; text-align: right;}
.footer .b img{max-width: 120px; padding: 5px; background: #fff;}
.footer .b dt,.footer .b dd{display: inline-block; text-align: left; vertical-align: bottom;}
.footer .b dt{padding-right: 2em;}
.footer .line{height: 1px;background: #ccc; margin:3em 0 1em 0; display:block}
.footer .iconweixin1{font-size: 5em; color: #27a7e1; line-height: 1;}
.footer a.tel{font-size: 2.5em; color: #4bb13f}

.f_tool{height:60px;background:#fff;position:fixed;width:100%; z-index:123456; left:0; bottom:0; display: none; box-shadow: 0 -1px 1px #fff;}
.f_tool a{ width:22%; float:left; text-align:center; color:#666; height: 60px; padding-top: .35em}
.f_tool a.first{background: #107dd3; color: #fff; width: 56%; display: block; height: 60px; line-height: 40px; font-size: 1.1333em}
.f_tool a:hover.first{opacity: .7}
.f_tool a.first i.hst{vertical-align: middle; font-size: 2em}
.f_tool a.first dt,.f_tool a.first dd{display: inline-block; vertical-align: middle;}
.f_tool a i{font-size: 1.45em; margin-top: 4px; display: block;}
.f_tool a.second dl{border-right: solid 1px #ddd; display: block;}
.r_tool{position: fixed; right: 10px; bottom: 25%; z-index: 123;display: none;}
.r_tool a{background: #aaa; display: inline-block; padding: .6em .75em; display: block; margin-bottom: .35em;}
.r_tool a i{font-size: 2em; color: #fff}
.r_tool a:hover{opacity: .8}

.r_contact{position: fixed; z-index: 12; right: 0; bottom: 15px; background: #fff}
.r_contact .a{background: #2666b1; position: relative; padding:.5em .5em; color: #fff; font-size: 1.1333em; font-weight: bold;}
.r_contact .a i{position: absolute; right: 10px; top: 12px; cursor: pointer;}
.r_contact .b,.r_contact .c{padding:.5em; line-height: 2; font-size:.875em;}
.r_contact .b{border-bottom: solid 1px #ddd}
.r_contact .b i{font-size: 1.25em}
.r_contact .c h5{font-size: 1.25em; font-weight: bold;}
.r_contact_img {position: fixed; display: none; right: 220px; bottom: 15px; z-index: 123; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,.15); text-align: center;}
.r_contact_img dl{padding:2.5em;}
.r_contact_img img{max-width: 150px}
.r_contact_img ul{position: relative;}
.r_contact_img ul i{position:absolute; right: 10px; top: 10px; cursor: pointer; font-size: 1.75em;}

.bottom{line-height:1.8; width:100%;clear:both; color:#fff;font-size: .9285em; text-align: center; background:#444444;}
.bottom .content{padding: 2em 0; }
.bottom ul{ display: inline-block; text-align: left;vertical-align: top;}
.bottom ul.a{width: 32%; font-size: 2.5em; font-weight: bold;}
.bottom ul.a img{max-width: 90%; margin-right: .25em}
.bottom ul.b{width: 16%; }
.bottom ul.b li{line-height: 2.5}
.bottom ul.c{width: 36%;}
.bottom ul.c dl{border-bottom: solid 1px #fff; padding-bottom: 2em; width: 80%; margin-bottom: 1em; line-height: 2}
.bottom ul.c dt{width: 30%; display: inline-block; vertical-align: top; font-weight: bold;}
.bottom ul.c dt i{margin-right: .5em; vertical-align: middle;}
.bottom ul.c dd{width: 65%; display: inline-block; margin-left: 2%; vertical-align: top;}
.bottom ul.c dd.tt{font-size: 1.5em; color: #f7b500; font-weight: bold; font-family: serif arial; display: inline-block; vertical-align: middle;}
.bottom ul.d{width: 10%; text-align: center; font-weight: bold;}
.bottom ul.d img{max-width: 120px; margin-bottom: .5em}
.bottom a{color: #fff}
.bottom a:hover{color: #f7b500}
.bottom div.f_title{font-size: 1.333em; font-weight: bold;}
.bottom div.f_title h6{height: 2px; width: 40px; background: #f7b500; margin: 1.5em 0; display:block;}
.copyright{background: #363636; padding: 2em 0; text-align: center;color: #fff; font-size: .9285em; line-height: 1.5}
.copyright a{color: #fff}

.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; background:#fff}
.fy4{ padding:3px 7px}
a:link .fy4,a:visited .fy4{ background:#888; color:#fff}
a:link .fy1,a:visited .fy1{ color:#fff}
a:hover .fy1,a:hover .fy2,a:hover .fy4{color:#4bb13f;}
.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%;}
div.page_contact .a,div.page_contact .b{display: inline-block; vertical-align: top; width: 45%;}
div.page_contact .b {padding-left: 5%}
.mask_box{ width:100%; height:100%; background:none; opacity: .4; position:fixed; _position:absolute;left:0; top:0px; z-index:9; display:none}

.swiper-container-event{ position:relative;}
.swiper-container-event .swiper-pagination{ position:relative; margin-top:25px}
.swiper-container-event .swiper-pagination-bullet{ border:none; background:#fff;opacity:1}
.swiper-container-event .swiper-pagination-bullet-active{ background:#666; border-color:#666}
.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:30px;}
.swiper-container-banner .swiper-pagination-bullet{ border:none; background:#929393;opacity:1; padding: 0; width: 26px; height: 2px; border-radius: 0 !important}
.swiper-container-banner .swiper-pagination-bullet-active{ background:#fff;}
.swiper-container-event .swiper-pagination-bullets{ margin-top:25px; text-align:center}
.swiper-button-prev,.swiper-button-next{ opacity:.3; }
.swiper-button-prev{left:5%}
.swiper-button-next{right: 5%}
.swiper-button-prev:hover,.swiper-button-next:hover{ opacity:1}
.swiper-container-other{ position:relative; overflow:hidden}
.btn-hidden{ display:none}
.swiper-btn-box-black{ text-align:center; padding-top:2em}
.swiper-next-black,.swiper-prev-black{ opacity:.8; cursor:pointer; width:45px; height:45px; display:inline-block; text-align:center; line-height:45px; color:#fff; background:#111; font-family:"榛戜綋"; font-size:2.2em; margin:0 2px}
.swiper-next-black:hover,.swiper-prev-black:hover{ opacity:1}

@media screen and (max-width:1200px) and (min-width:1024px){
}
@media screen and (max-width:1024px){
}
@media screen and (max-width:1023px){
	body{ font-size:.875em;-webkit-text-size-adjust:none;}
	.menu_power{display: block;}
	.swiper-container-banner{height: 400px;}
	.top{height: auto; line-height: 1; text-align: left;}
	.top .a,.top .b .header_line{display: none;}
	.top .b{position: absolute; top: 50px; right: -105%; width: 100%; z-index: 12345; background: rgba(0,0,0,.75);}
	.menu{width: 100%; text-align: left; padding: 2em 0;}
	.menu div{ display:block; margin:0; padding: .25em 0;}
	.menu div a{display: block; color: #f2f2f2;}
	.menu div ul{display: none;}
}
@media(max-width:768px){
}
@media(max-width:767px){
	.swiper-container-banner{height: 300px;}
	.menu div{height: 24px; line-height: 24px;font-size: 1em;; }
	.menu div a{display: block;padding: 0; font-size: 1.05em;}
	.menu ul{opacity: 1; position: relative; top: 0; left: 0;z-index: 1; width:100%;box-shadow:none;background: none; padding-top: .5em;}
	.menu ul li{text-align: left; line-height: 1; padding: .25em 0; text-indent: 0; width: 100%; display: inline-block;}
	.menu ul li:hover{background:none; }
	.menu ul li:hover a{color:#107dd3;}
	.menu div:hover ul{opacity: 1;top: 0px}
	.menu i{float: right; margin-right: 2em;}
	.menu a{font-size: 1.05em; font-weight: bold}
	.menu ul li a{padding: .15em 0; font-size: 1em; font-weight: normal;}
	div.title{ margin: 2em auto;}
	div.title p{font-size: 2em;}
	div.title dl{max-width: 180px;}
	.row3 ul dl{width: 90%;}
	.index_a .row3 dt p{padding:3px; width: 60%;}
	.index_a .row3 a:hover dt p{box-shadow: 0 0 25px rgba(0, 0, 0, .15);}
	.index_a .row3 img{border-radius: 50%;}
	.index_a .row3 h5{font-size: 1.25em;}
	.index_a .row3 dd{font-size: .875em; color: #ccc;}
	.block1 .a,.block1 .b{width: 100%; display: block; margin: 0; text-align: center;}
	.block1 .a h5{font-size: 1.5em;}
	.block1 .b{text-align: center; padding-top: 2em;}
	.block1 .a div.info{font-size: 1em;}
	.block1 .b img{width: 50%;}
	.block1 .a .more{margin: 1em auto 0 0; display: inline-block;}
	.index_b .a{display: block; position: relative; left: 0; top: 0; width: 100%;color: #444; background: none;}
	.index_b .a div.info{padding: 1em 0 0 0;}
	.index_b .b{width: 100%;margin: 0; padding-top: 1em;}
	.index_b .bg{height: 86%; right: 0;}
	.index_b .b .info{padding: 3em 0;}
	.index_c .a,.index_c .b{width: 100%;margin: 0}
	.news .l,.news .r{width: 100%; display: block; margin:0 0 2em 0;}
	.index_c .a div.info{display: none;}
	.index_c .a h5{font-size: 1em;}
	.index_partner .box{width: 82%;}
	.index_partner i{font-size: 1.5em;}
	.f_tool{display: block;}
	.bottom .content{padding:0 0 1em 0}
	.bottom ul.a,.bottom ul.b{ display: none}
	.bottom ul.c,.bottom ul.d{width: 100%; margin: 0;padding-top: 2em}
	.bottom ul.c dl{width: 100%}
	.footer{display: block;}
	.sub_banner ul{height: 120px; background-size: auto 30% !important;}
	.news ul dt h5{font-size: 1.05em; line-height: 1.5; font-weight: bold;}
	.anli ul{width:49%;}	
	.iconleft,.iconright{font-size: 2em !important;}
	.footer .a,.footer .b{width: 100%; margin:.5em 0; text-align: left;}
	.about_a{padding-top: 2em;}
	.about_a .a,.about_a .b,.about_c .a,.about_c .b{width: 100%;margin: 0}
	.about_a .a,.about_c .a{padding-bottom: 2em;}
	.about_b{padding: 3em 0; text-align: center; margin: 4em auto; color: #333}
	.about_c{padding-top: 2em;}
	.dqwz{padding: 1em; margin-left:0;background: #fff;}
	.form1 dl{width: 90%;}
	.form1 dt{width: 22%}
	.form1 dd{width: 74%}
	.products ul{padding-bottom: 1em;}
	.products li.a,.products li.b,.products li.c{width: 100%; margin: 0 0 1em 0;}
	.header ul.b a{font-size: 1em;}
	.swiper-container-banner .swiper-pagination-bullets{ bottom:10px;}
	.about_img{float: none; display: block; margin: 0 auto;}
	.sub_menu_box{margin-top: 10px;}
	.sub_menu_box .a{display: block;width: 100%; background:none; display: none;}
	.sub_menu_box .a p{padding: .5em 0; font-size: 1.05em; text-align: left; color: #27a7e1;}
	.sub_menu_box .b{display:block; width: 100%; background: #f2f2f2;}
	.sub_menu a{display: inline-block; padding: .85em 0; margin: 0 .5em; border-bottom: 1px solid #f2f2f2}
	.case_box ul,.scsl ul{width: 49%;}
	.r_contact{display: none}
}
@media(max-width:640px){
	body{ font-size:.75em}
	.margin_50{height: 20px;}
	.form_box{ font-size:1.1333em}
	.content{ width:92%;}
}
@media(max-width:639px){
	.swiper-container-banner{height: 180px;}
	.swiper-container-banner .swiper-slide li dt{font-size: 1.5em;}
	.xs_hide{display: none;}
	dl.sub_title dt{font-size: 1.5em;}
	.links{display: none;}
	.copyright{line-height: 2;}
	.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{height: 40px; overflow: hidden; line-height: 1.3;}
	.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;}
	.xrld .b{width: 80%;}
	.xrld .a{width: 10%;}	
	.xrld .b dd{line-height: 1.2; padding-top: 1em;}
	.xrld .top_box ul.r dd{ line-height: 1.5;}
}

.top-leftToRight:before, .top-leftToRight:after, .top-leftToRight > .ui-border-element:before, .top-leftToRight > .ui-border-element:after {
	content: '';
	position: absolute;
  }
  
  .top-leftToRight:before {
	border-top: 2px solid #27a7e1;
	left: 0;
	right: 100%;
	top: 0;
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93);
	-moz-transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93);
	-o-transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93);
	transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93);
	-webkit-transition-duration: 300ms;
	-moz-transition-duration: 300ms;
	-o-transition-duration: 300ms;
	transition-duration: 300ms;
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
  }
  
  .top-leftToRight:hover:before {
	right: 0%;
  }
  
  .top-leftToRight:not(:hover):before {
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
  }

  .top_triangle{
	position: absolute;
   }
   .top_triangle:before,.top_triangle:after{
	position: absolute;
	content: '';
	border-top: 10px transparent dashed;
	border-left: 10px transparent dashed;
	border-right: 10px transparent dashed;
	border-bottom: 10px #fff solid;
   }
   .top_triangle:before{
	border-bottom: 10px #ddd solid;
   }
   .top_triangle:after{
	top: 1px; 
	border-bottom: 10px #fff solid;
   }