@charset "utf-8";
body, input, textarea, select, button {font-family:"Open Sans", "Arial", "Microsoft Yahei", "宋体", sans-serif; letter-spacing:0.1px;}
body {font-size:12px; color:#505050;}
a {color:#505050; text-decoration:none;}
a:focus {outline:0; -moz-outline:none;} /*for ff*/
a:hover {text-decoration:none; color:#df0501;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,area,blockquote,th,td,p {margin:0; padding:0;}
img, a img, button {border:0;}
table {border-collapse:collapse;}
li {list-style-type:none;}
input, textarea, select, button {outline:none;}
textarea {resize:none; -webkit-appearance:none;}

/*兼容Chrome和Firefox边框样式*/
select {border:1px #ddd solid;}

/*清除苹果默认的select样式*/
select {appearance:none; -moz-appearance:none; -webkit-appearance:none;}

/*清除ie点击链接出现的边框*/
a, area {blr:expression_r(this.onFocus=this.blur());}

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html {overflow-y:scroll; overflow-x:hidden;}

/*解除Webkit 12号字体限制*/
html {-webkit-text-size-adjust:none;}

body, html {width:100%; overflow-x:hidden;}

.clear {clear:both; height:0 !important; width:0 !important; overflow:hidden; font-size:0;}
.fl, .fi {float:left;}
.fr {float:right;}
.pr {position:relative;}

/*******************************************/

@font-face {font-family: 'lato';
	src: url('../fonts/lato-light.eot');
	src: url('../fonts/lato-light.eot') format('embedded-opentype'),
	url('../fonts/lato-light.woff') format('woff'),
	url('../fonts/lato-light.ttf') format('truetype'),
	url('../fonts/lato-light.svg#iconfont') format('svg');
}
.font {font-family:"lato", "Arial", "Microsoft Yahei", "宋体", sans-serif;}

.margin {width:1200px; margin:0 auto;}
.margin_in {width:1000px; margin:0 auto;}

#top, .top_zw {height:54px;}
.top_zw {width:100%; background-color:#fff;}
#top {width:100%; position:fixed; top:0; z-index:10; background-color:rgba(0,0,0,.7);}
.top_hover {background-color:rgba(255,255,255,0.9) !important;}
.logo {position:absolute; top:18px; left:30px;}
.logo img {height:20px;}
.logoon {left:-180px !important;}
.top_fr {position:absolute; top:8px; right:22px;z-index: 9999;}

.mynav{position: absolute;right:0;width: 63%;}
.mynav ul {display: flex;height: 54px;align-items:center;}
.mynav ul li {margin: 0 25px;}
.mynav ul li a{font-size: 18px;color:#fff;text-transform: uppercase;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;position: relative;z-index: 99;}
.top_hover .mynav ul li a{color: #000;}
.mynav ul li a:hover{color: red}
.mynav ul li a.on{color:red;}
.search {width:182px; float:left;}
input.sear_t {height:32px; min-height:auto !important;}
.sear_b {display:none;}
.search_fl {width:150px; height:32px; float:left; overflow:hidden;}
.search_flin {display:none;}
.search_fi {width:32px; height:32px; float:left; overflow:hidden; font-size:18px; color:#7a7b7b; cursor:pointer;}
.search_fi p {padding-top:8px; margin-left:7px;}

.language {
    display: inline-block;
}
.language a.selected {
    border: 1px solid #fff;
}
.language a {
    padding: 1px 3px;
    color: #fff;
    margin: 0 20px;
    text-decoration: none;
}

#top .search:hover {
    opacity: .5;
}
#top .search {
    padding: 0 40px;
    max-height: 100%;
    vertical-align: middle;
    position: relative;
    top: -3px;
    height: 24px;
    width: 24px;
    box-sizing:border-box;
    display: inline-block;
    background: url(../images/search.png) no-repeat center;
    background-size: 20px 20px;
    cursor: pointer;
}
#top  .search-pro {
    display: none;
    position: absolute;
    background: #191919;
    padding: 14px 0;
    left: 0;
    right: 130px;
    top: 0;
    height: 54px;
    z-index: 999;
    line-height: 54px;
    box-sizing:border-box;
    transition: opacity 0.2s ease-in, left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
#top  .search-pro .search-icon {
    display: inline-block;
    height: 26px;
    background: url(../images/search2.png) no-repeat center;
    float: left;
    width: 26px;
    opacity: 0;
    transition-delay: 0s;
    transition-duration: 0.2s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
#top  .search-pro.search-pro-active {display: block;}
#top  .search-pro.searchWrap-active {display: block;}
#top  .search-pro.search-pro-active .search-icon {
    opacity: 1;
}
#top  .search-pro input {
    float: left;
    display: block;
    color: #fff;
    width: calc(100% - 50px - 40px);
    font-size: 20px;
    line-height: 26px;
    margin-left: 10px;
    background: transparent;
    border: none;
    outline: none;
    min-height: 20px;
}

#top  .search-pro .icon-close {
    display: inline-block;
    width: 26px;
    height: 26px;
    cursor: pointer;
    background: url(../images/close2.png) no-repeat center;
}

.lan {float:left; margin-left:20px; height:32px;}
.lan_tit {font-size:18px; color:#7a7b7b; position:relative; height:32px; cursor:pointer;}
.lan_tit p {padding-top:8px;}
.lan_down {position:absolute; top:20px; left:-18px; display:none;}
.lan_dtop {color:#fff; text-align:center; font-size:20px; height:16px; line-height:16px; overflow:hidden;}
.lan_dmain {width:54px; border-radius:6px; overflow:hidden; box-shadow:0 0 15px rgba(0,0,0,0.2);}
.lan_dmain li {text-align:center; height:28px; line-height:28px; text-align:center; border-bottom:1px solid #ccc;}
.lan_dmain li a {width:100%; height:28px; display:block; background:#fff; font-size:13px;}
.lan_dmain li a:hover {color:#df0501;}

.menu {float:left; margin-left:25px; height:32px; line-height:32px; font-size:24px; cursor:pointer;}
.menu p, .menu div {float:left; height:32px;}
.menu .icon {position:relative; margin-right:15px; width:18px; overflow:hidden;}
.menu i {font-size:18px;}
.menu .icon .span1, .menu .icon .span2 {position:absolute; top:9px; left:0;}
.menu .icon .span2 {color:#df0501; display:none;}

.banner_img img {width:100%;}
.video_max {width:100%; height:100%; overflow:hidden; position:absolute; top:0; left:0;}
.bvideo {width:100%; min-height:300px; overflow:hidden; position:relative;}
.video_zw {width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:2; position:absolute; top:0; left:0; cursor:pointer;}
.video_btn {width:50px; height:50px; overflow:hidden; position:absolute; top:50%; margin-top:-25px; left:50%; margin-left:-25px; color:#fff; font-size:46px;}
.video_btn p {width:50px; height:50px; overflow:hidden; position:absolute; top:0; left:0; text-align:center;}
.video_btn p i {position:relative; top:2px;}
.video_btn p.on {display:block;}
.video_zw_on {background:rgba(0,0,0,0);}
.video_zw_on .video_btn p.on {display:none;}

.button-click div {position:absolute; height:40px; top:50%; margin-top:-20px; cursor:pointer; z-index:100;}
.button-click i {font-size:40px;}
.button-previous {left:2%;}
.button-next {right:2%;}
.banner {position:relative;}
.banner2 {/*margin-bottom:-38px;*/}
.banner-nav {width:1000px; left:50%; margin-left:-500px; text-align:center; position:absolute; bottom:68px; z-index:10000;}
.bnav_cate {padding:8px 10px; position:relative; display:inline-block; cursor:pointer;}
.is-selected .bnav_cate {color:#df0501;}
.bnav_cate span {width:8px; height:8px; overflow:hidden; position:absolute; background-image:url(../images/bnav_cate.png); background-repeat:no-repeat; display:none;}
.bnav_cate.active span {display:block;}
.bnav_cate .span1 {background-position:0 0; top:0; left:0;}
.bnav_cate .span2 {background-position:-9px 0; top:0; right:0;}
.bnav_cate .span3 {background-position:0 -8px; bottom:0; left:0;}
.bnav_cate .span4 {background-position:-9px -8px; bottom:0; right:0;}

.nav {position:fixed; top:0; width:100%; z-index:1;}
/*.navon {z-index:9;}*/
.nav_main {width:50%; position:absolute; top:0; transition-delay:0.3s;}
.nav_left {left:-50%;}
.nav_leftin img {width:100%; height:auto;}
.nav_leftcate {position:relative; height:26px; line-height:26px; font-size:13px; z-index:2;}
.nav_leftcate .pad {margin:0 5%; width:90%; bottom:50px; position:absolute;}
.nav_leftcate .h1 {border-bottom:1px solid #707070; text-align:right;}
.nav_leftbg {width:100%; background-color:#ddd; background-size:cover; background-position:center top; background-repeat:no-repeat; position:absolute; top:0; z-index:1;}

.nav_right {right:-50%; background:#fff;}
.nav_rpad {padding:120px 50px 0;}
.navon .nav_left {left:0;}
.navon .nav_right {right:0;}
.navul {overflow-x:hidden; /*overflow-y:scroll;*/}
.navulin li {margin-bottom:20px;}
.navulin .nav_a {font-size:25px; height:30px; display:inline-block; color:#707070; padding-left:30px; position:relative;}
.navulin .nav_aon a.nav_a {color:#df0501;}
.nicon {position:absolute; top:0; left:0; width:30px; height:30px;}
.nicon i {font-size:12px; position:absolute; top:10px; left:0; color:#df0501;}
.nicon .icon-show {display:block;}
.nicon .icon-hide {display:none;}
.niconon .icon-hide {display:block;}
.niconon .icon-show {display:none;}
.navdown {display:none;}
.navdown dl {padding:10px 0 0 50px;}
.navdown dl dd {height:30px; line-height:30px; font-size:16px; text-transform:uppercase;}
.navdown_fir {font-weight:bold; color:#000;}
.navul::-webkit-scrollbar {display:none;} /*不显示滚动条*/
.dnav_aon {color:#df0501;}
.nav_rtel {width:90%; margin:0 5%; bottom:36px; position:absolute; font-size:14px; text-indent:25px; left:70px; transition-delay:0.3s; opacity:0; color:#707070;}
.nav_rlan {width:90%; margin:0 5%; bottom:66px; position:absolute; font-size:14px; text-indent:25px; left:70px; transition-delay:0.4s; opacity:0; color:#707070;}
.nav_rlanon {left:0; opacity:1;}
.nav_rtelon {left:0; opacity:1;}
.nav_rlan a {margin-right:6px;}
.nav_rtel .span2 {padding-left:15px;}
.nav_rtel .span2 i {padding:0 5px;}

.bpage {position:relative; z-index:2;}

.row {background:url(../images/row_bg.jpg) no-repeat center top #1d1d1d; background-size:cover; padding:3% 0 5%;}
.row_tit {color:#fff; width:65%; margin:0 auto; text-align:center;}
.row_tit div {font-size:3rem; height:25%; padding:5% 0 2%;}
.row_tit p {font-size:14px; line-height:24px;}
.row_part {width:25%; float:left; margin-bottom:20px; text-align:center;}
.row_part:hover .h1 {transform:rotateY(180deg); top:10px;}
.row_pad {margin:0 15px;}
.row_con {padding:10% 0 7%;}
.row_part img {max-width:135px; width:100%; height:auto;}
.row_part .h1 {text-align:center; margin-bottom:15px; position:relative; top:0;}
.row_part .h2 {color:#fff; line-height:24px; max-width:240px; margin:0 auto; padding-top:16px;}
.row_part .h3 {text-align:center;}

.incont {width:100%; min-height:170px; background:url(../images/incont_bg.gif) repeat-x center bottom #f3f3f3;}
.incont_box {position:relative; min-height:170px;}
.incont_in {width:100%; height:58px; line-height:200%; position:absolute; top:50%; margin-top:-34px;}
.incont_in .fl {font-size:30px;}
.incont_in .fl p {padding-top:10px; padding-bottom:15px;}
.incont_a {width:210px; height:58px; overflow:hidden; position:relative;}
.incont_a:active {top:5px;}
.incont_a a {width:100%; height:58px; line-height:52px; display:block; position:relative; color:#fff; text-align:center; font-size:22px; text-transform:uppercase;}
.incont_a .bg, .incont_a .aa {width:100%; height:52px; position:absolute; left:0; border-radius:25px;}
.incont_a .bg {top:6px; z-index:1; background:#99001c;}
.incont_a .aa {top:0; z-index:2; background:#df0501;}

.innews {padding:60px 0;}
.innews_tit {height:25%; font-size:3rem; text-align:center; margin-bottom:30px;}
.innews_part {width:33.3%; float:left; padding-bottom:15px;}
.innews_pad {margin:0 3%;}
.innews_bor {width:100%; height:100%; border-width:1px; border-style:solid; border-color:rgba(0,0,0,0.4); position:absolute; top:0; box-sizing:border-box; -webkid-box-sizing:border-box; z-index:2;}
.innews_part .h1 {position:relative; overflow:hidden;max-height: 207px;}
.innews_part .h1 img {width:100%; height:auto; position:relative; z-index:1;}
.innews_part .catename {background:#df0501; color:#fff; position:absolute; top:15px; left:0; padding:0 15px; height:24px; line-height:24px; z-index:3;}
.innews_part:hover .innews_bor {border-width:10px;}
.innews_part:hover img {transform:scale(1.1);}
.innews_part .h2 {margin-top:20px; font-size:15px; line-height:24px; height:24px; overflow:hidden;}
.innews_part .h3 {font-size:15px; line-height:20px; height:80px; overflow:hidden;}
.innews_more {text-align:center; font-size:18px; padding-top:30px;}

.letter {background:#f3f3f3;}
.letter_in {padding:40px 0;}
.letter_tit {text-transform:uppercase; text-align:center;}
.letter_tit div {height:25%; font-size:3rem;}
.letter_tit p {font-size:14px; padding:15px 0;}
.letter_con {padding-top:25px;}
.letter_box {width:470px; height:60px; margin:0 auto; border-radius:30px; background:#ebebeb; box-shadow:inset 0 0 20px rgba(0,0,0,0.1); position:relative;}
.letter_boxin {width:92%; margin:0 4%; height:40px; position:absolute; top:10px;}
.letter_fl {padding-right:130px; padding-left:12px;}
.letter_fr {position:absolute; top:0; right:0; width:120px;}
.letter_fl span {position:absolute; top:0; left:26px; font-size:30px;}
.letter_fl span i {position:relative; top:2px;}
.letter_text {border:0 !important; height:40px; background-color:transparent; font-size:16px; text-indent:48px;}
.letter_text:focus {background:#fff; box-shadow:inset 0 0 10px rgba(0,0,0,0.1);}
.letter_button {width:100%; background:#df0501; border-radius:18px; color:#fff; height:40px; border:0; font-size:16px;}
.letter_button:hover {background:#333;}
 
#profile_default{width:100%; height:auto; margin:0; padding:0; clear:both;}
#profile_default .profile_default{width:100%; height:auto; margin:0; padding:0; clear:both; position:relative;}
#profile_default .profile_default .profile_video{width:100%; height:auto; margin:0; padding:0; position:relative;}
#profile_default .profile_default .profile_video img{width:100%; height:auto; border:0px;}
#profile_default .profile_default .profile_mask{width:50%; height:100%; background-color:rgba(0,0,0,0.6); position:absolute; right:0px; top:0px; z-index:1;}
#profile_default .profile_default .profile_canvas{width:100%; height:100%; position:absolute; left:0px; top:0px; z-index:3;}
#profile_default .profile_default .profile_canvas:after{content:""; display:block; height:0px; line-height:0px; clear:both; visibility:hidden; overflow:hidden;}
#profile_default .profile_default .profile_canvas .profile_left{width:50%; height:100%; float:left; display:none;}
#profile_default .profile_default .profile_canvas .profile_right{width:50%; height:100%; float:right;}

#profile_default .profile_default .profile_canvas .profile_right dl{margin:0 auto; padding:0; width:80%; height:100%; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-justify-content:center; -moz-justify-content:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:start; -ms-align-items:flex-start; -moz-align-items:flex-start; -webkit-align-items:flex-start; align-items:flex-start; -webkit-box-orient:vertical; -ms-flex-direction:column; -moz-flex-direction:column; -webkit-flex-direction:column; flex-direction:column; -webkit-box-flex:1.0; -moz-flex-shrink:1; -webkit-flex-shrink:1; flex-shrink:1;}
#profile_default .profile_default .profile_canvas .profile_right dl dt{margin:0; padding:0; float:none; width:100%;}
#profile_default .profile_default .profile_canvas .profile_right dl dd{margin:0; padding:0; float:none; width:100%;}

#profile_default .profile_default .profile_canvas .profile_right dl dt:nth-of-type(1){height:60px; overflow:hidden;}
#profile_default .profile_default .profile_canvas .profile_right dl dt:nth-of-type(2){height:20px; overflow:hidden;}
#profile_default .profile_default .profile_canvas .profile_right dl dd:nth-last-of-type(1){text-align:right;}

#profile_default .profile_default .profile_canvas .profile_right .em{color:#FFF; font-size:24px; line-height:24px; position:relative; padding-bottom:5px; text-transform:uppercase;}
#profile_default .profile_default .profile_canvas .profile_right .cm{color:#FFF; font-size:26px; line-height:26px; position:relative;}
#profile_default .profile_default .profile_canvas .profile_right .cm:after{content:""; display:block; width:120px; height:2px; overflow:hidden; background-color:#FFF; position:absolute; left:0px; bottom:-20px;}
#profile_default .profile_default .profile_canvas .profile_right .zzz{color:#FFF; font-size:16px; line-height:28px;}
#profile_default .profile_default .profile_canvas .profile_right .zzz p{margin:0; padding:0;}

#profile_default .profile_default .profile_canvas .profile_right a.button{margin:0; padding:0; width:150px; height:38px; line-height:38px; color:#FFF; font-size:14px; border:#df0501 solid 1px; background-color:#df0501; display:inline-block; text-align:center; text-transform:uppercase; white-space:nowrap; text-align:center; overflow:hidden;}
#profile_default .profile_default .profile_canvas .profile_right a.button b{width:100%; height:100%; display:inline-block; text-align:center; font-weight:normal; -webkit-transition:all 0.5s ease-in-out 0s; -moz-transition:all 0.5s ease-in-out 0s; -o-transition:all 0.5s ease-in-out 0s; transition:all 0.5s ease-in-out 0s;}
#profile_default .profile_default .profile_canvas .profile_right a.button b:nth-of-type(1){-webkit-transform:translateX(-100%); transform:translateX(-100%);}
#profile_default .profile_default .profile_canvas .profile_right a.button b:nth-of-type(2){-webkit-transform:translateX(-100%); transform:translateX(-100%);}
#profile_default .profile_default .profile_canvas .profile_right a.button:hover{}
#profile_default .profile_default .profile_canvas .profile_right a.button:hover b:nth-of-type(1){-webkit-transform:translateX(0); transform:translateX(0);}
#profile_default .profile_default .profile_canvas .profile_right a.button:hover b:nth-of-type(2){-webkit-transform:translateX(100%); transform:translateX(100%);}

#profile_default .profile_default .profile_canvas .profile_left img{width:100%; height:auto; border:0px;}
#myform1{text-align: center;}
#myform1 div{display: flex;margin-bottom: 20px;}
#myform1 div .fc_red{color:red;margin-left: 3px;}
#myform1 div input{width: 90%;}
#myform1 textarea{width: 90%;height: 130px;}
.article_feedback_title .title{text-align: center;font-size: 30px;font-weight: bold;text-transform: uppercase;}
#myform1  .form_button{width: 90%;height: 50px;border:none !important;background: #d10429 !important;color:#fff;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;}
#myform1 .form_button:hover{opacity: 0.8}
.article_feedback_title .txt{text-align: center;font-size: 16px;margin: 10px 0 20px 0}
/*底部*/
.footer{clear:both;background:#191919;padding:50px 0;position: relative;z-index: 2;}
.footer .footer-body{color:#d3d3d4;margin:auto;width:1200px;min-width: 1200px;}
.footer .footer-body .row{background:none;}
.footer .footer-body .item{display:inline-block;color:#fff;padding-right:16px;vertical-align:top;width: 19%;}
.footer .footer-body .item:last-child{padding-left:30px;padding-right:0}
.footer .footer-body .item br{height:0;line-height:0}

.footer .footer-body .item:nth-child(4){width: 35%;max-width: 500px}

.footer .footer-body .item h4{font-weight:700;line-height:50px;color:#ff4e01;font-size: 16px;}
.footer .footer-body .item .links.links-text a{cursor:default}
.footer .footer-body .item .links.links-text a:hover{color:#d5d5d5}
.footer .footer-body .item .links a{text-decoration:none;display:block;line-height:40px;font-weight:400;color:rgba(255,255,255,.7);font-size: 14px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;}
.footer .footer-body .item .links a:hover{color:#d5d5d5}
.footer .footer-body .item .links a.email .fa{font-size:16px}
.footer .footer-body .item .links a.address{white-space:nowrap;margin-top:8px;line-height:1.5;padding-left:24px}
.footer .footer-body .item .links a.address .fa{margin-left:-22px;font-size:22px}
.footer .footer-body .item .links a .fa{font-size:20px;margin-right:6px}
.footer .bg-black{box-sizing:border-box;margin:auto;margin-top:50px;width:1200px;border-top:1px solid #5d5d5d;padding:15px 0;color:#5d5d5d;min-width: 1200px;}
.footer .bg-black .beian-wrap{vertical-align:middle;line-height:26px}
.footer .bg-black .logo-footer{float:right}
.footer .bg-black .logo-footer a{font-size:26px;color:#5d5d5d;margin:0 8px}
.footer .bg-black .logo-footer a:hover{color:#d5d5d5}

/*end*/

.padbot {padding-bottom:5%;}
.marbot {margin-bottom:5%;}
.banner_in {height:545px; overflow:hidden; background-repeat:no-repeat; background-position:center center; background-size:auto 160%; opacity:0; position:relative;}
.banner_inmax {height:740px; overflow:hidden; margin-bottom:4%; background-repeat:no-repeat; background-position:center center; background-size:auto 160%; background-color:#ddd; opacity:0; position:relative;}
.banner_inmax .btit, .banner_in .btit {text-align:center; color:#fff; position:absolute; top:40%; width:100%; font-size:15px; transition-delay:0.2s;}
.banner_in_on {background-size:auto 100%; background-size:cover; opacity:1;}
.banner_inmax_on {background-size:auto 100%; background-size:cover; opacity:1;}
.banner_inmax_on .btit, .banner_in_on .btit {top:30%;}
.banner_inimg img {width:100%; height:auto;}

.news_tit {font-size:22px; font-weight:bold;}
.news_mes {font-size:13px; color:#999; background:#f4f4f4; padding:10px 0; margin:20px 0; text-indent:15px;}
.news_con {font-size:14px; line-height:24px; text-align:justify;}
.news_fy {-webkit-column-count:3;
	-moz-column-count:3;
	column-count:3;
	-webkit-column-gap:20px;
	-moz-column-gap:20px;
	column-gap:20px;
}
.news_img {text-align:center; padding:15px 0;}
.news_con img {max-width:100%; height:auto;}

.hide_ful {display:none;}
.show_ful {display:block;}

.searchin {padding:0 50px 6%;}
.searchin_in {position:relative; height:46px;}
.stext {border:1px solid #ddd; height:46px; padding-left:62px;}
.stext p {padding-top:5px; padding-right:10px;}
.sousuo {position:absolute; top:1px; left:1px; width:56px; height:46px;}
.insear_b {width:56px; height:46px; padding:0; min-width:auto; font-size:16px;}
.insear_b:hover {background:#fff;}
.insear_t:focus {box-shadow:inset 0px 0px 0px rgba(0,0,0,0);}
.insear_b {background:#fff; border:0;}
.insear_t {height:36px; border:0;}

/*分页*/
.pagelist {margin:10px auto 25px; line-height:25px;}
.pagelist .aa, .pagelist .bb, .page_front, .page_back, .page_first, .page_last {font-size:12px; width:25px; height:25px; line-height:25px; overflow:hidden; display:block; text-align:center; margin:0 3px;}
.pagelist .aa {color:#fff;}
.pagelist .bb {background:#ffffff; color:#464646; border:1px solid #d2d2d2;}
.pagelist .aa:hover {color:#fff; text-decoration:none;}
.pagelist .bb:hover {color:#fff; text-decoration:none;}
.page_front, .page_back, .page_first, .page_last {width:55px; background:#ffffff; color:#464646; border:1px solid #d2d2d2;}
.pagelist .page_front:hover, .pagelist .page_back:hover, .pagelist .page_first:hover, .pagelist .page_last:hover {color:#fff; text-decoration:none;}
.pagelist .aa, .pagelist .aa:hover, .pagelist .bb:hover, .pagelist .page_front:hover, .pagelist .page_back:hover, .pagelist .page_first:hover, .pagelist .page_last:hover {background:#df0501;}
.pagelist .aa, .pagelist .bb:hover, .pagelist .page_front:hover, .pagelist .page_back:hover, .pagelist .page_first:hover, .pagelist .page_last:hover {border:1px solid #df0501;}

.abtit {font-size:3rem;}
.about_tit {color:#797979; text-align:center; padding-bottom:3%;}
.about_con {color:#797979; padding-bottom:6%; font-size:16px; line-height:30px;}
.about_tech {background-color:#050405; background-repeat:no-repeat; background-position:center bottom;}
.about_techin {display:table-cell; vertical-align:middle; width:100%; height:680px;}
.about_techin2 {width:40%;}
.about_techin .tit {color:#666;}
.about_techin .con {font-size:16px; line-height:30px; color:#fff;}

.about_story {background:url(../images/story_bg.jpg) no-repeat center top #d9dbe1;}
.about_storytop {margin-bottom:15px;}
.about_storytop img {width:100%; height:auto;}

.story_list {text-align:center; padding:10px 0 60px;}
.story_li {width:96px; height:96px; display:inline-block; background:#fff; border-radius:50%; margin:0 8px; text-align:center; line-height:96px; box-shadow:0 0 10px rgba(0,0,0,0.1); font-size:20px; font-weight:bold; margin-bottom:15px;}
.story_lion {background:#df0501; color:#fff;}
.layui-layer-my {width:200px; margin-left:-50px !important;}
.layui-layer-my .layui-layer-content {padding-bottom:40px !important; font-size:14px !important;}
.layui-layer-my .layui-layer-TipsG {transform:rotate(-90deg); bottom:-16px !important; left:50% !important; margin-left:-8px;}

.cate {border-bottom:1px solid #ededed;}
.cate_in {padding:20px 0 26px; text-align:center; text-transform:uppercase;}
.cate_in a {padding:15px 15px; position:relative; font-size:14px; display:inline-block;}
.cate_in span {display:none; width:40px; height:1px; background:#757575; position:absolute; top:38px; left:50%; margin-left:-20px;}
.cate_in a.on span, .cate_in a:hover span {display:inline;}
.cate_in a.on, .cate_in a:hover {color:#df0501;}

.pro_part {width:33.3%; float:left; text-align:center; margin-bottom:3%;}
.pro_pad {margin:50px;}
.pro_part img {width:280px; max-width:100%; transform:scale(0.9,0.9);}
.pro_part:hover img {transform:scale(1,1);}
.pro_part .h2 {margin:20px 0; font-size:14px; position:relative; height:24px; line-height:24px; color:#505050;}
.pro_part .h2 span {transform:scale(0,1); width:40px; height:1px; background:#df0501; position:absolute; left:50%; margin-left:-20px;}
.pro_part .h2 .span1 {top:-4px;}
.pro_part .h2 .span2 {bottom:-4px;}
.pro_part:hover .h2 span {transform:scale(1,1);}

.contact_map {position:relative;}
.contact_con {width:580px; background:rgba(255,255,255,0.8); position:absolute; top:25%; right:15%; box-shadow:0 0 10px rgba(0,0,0,0.1); z-index:100;}
.contact_con .pad {padding:35px 26px;}
.contact_con .tit {font-size:2.8rem; padding-bottom:20px;}
.contact_con .con {font-size:14px; line-height:32px;}

.book_input {padding-bottom:10px;}
.book_input div {padding-bottom:8px; font-size:14px;}
.btext {height:150px;}
.book_page {width:760px; margin:0 auto;}

.why_page {position:relative;}
.why_part {position:relative;}
.why_left {width:50%; height:100%; position:absolute; top:0; left:0;}
.why_word {position:absolute; top:40%; left:24%; width:60%; min-width:300px; opacity:0; transition-delay:0.4s;}
.why_tit .h1 {color:#b7b7b7; font-size:1rem;}
.why_tit .h2 {color:#707070; font-size:2.8rem; font-weight:bold;}
.why_con {color:#717171; font-size:13px; line-height:28px; margin-top:30px;}
.why_right {padding-left:50%; position:relative; left:40%;}
.why_right img {width:100%;}
.why_tabs {position:absolute; left:0; top:44%; z-index:10;}
.why_tabs li {height:24px; line-height:24px; color:#b6b6b6; cursor:pointer; text-indent:20px; text-transform:uppercase; position:relative;}
.why_tabs li span {position:absolute; top:10px; left:10px; width:2px; height:2px; background:#b6b6b6;}
.why_tabs li.hover {color:#df0501;}
.why_tabs li.hover span {width:15px; height:1px; background:#df0501; left:0;}
.main dl {width:0; height:0; overflow:hidden; visibility:hidden;}
.main dl.block {width:auto; height:auto; visibility:visible;}
.block .why_word {top:30%; opacity:1;}
.block .why_right {left:0; opacity:1;}

.catename {background:#000; padding:5% 0;}
.catename_in {max-width:880px; margin:0 auto; color:#fff;}
.catename_tit {text-align:center; padding-bottom:30px;}
.catename_tit div {font-size:2rem; font-weight:bold;}
.catename_tit p {font-size:16px; padding:15px 0;}
.catename_con {font-size:15px; text-align:center; line-height:26px; color:#b0b0b0; height:78px; overflow:hidden;}
.catename_img {text-align:center; padding-bottom:20px;}
.catename_img img {height:90px;}

/*产品详情*/
.pro_page {position:relative;}
.pro_left {width:32%; height:540px; background:#e4e4e4; position:relative;}
.pro_pic {position:absolute; width:100%; height:100%; text-align:center; overflow:hidden;}
.pro_pic span {width:100%; height:100%; display:block; opacity:0; position:absolute; top:0; left:0;}
.pro_pic span.on {opacity:1; z-index:100;}
.pro_pic img {width:100%;}
.pro_pic u {text-decoration:none; width:100%; height:20px; line-height:20px; overflow:hidden; text-align:center; position:absolute; bottom:0; left:0; font-size:14px;}
.pro_lepoi {text-align:center; position:absolute; bottom:20px; width:100%; height:20px;}
.pro_lepoi span {width:7px; height:7px; background:rgba(0,0,0,0.3); display:inline-block; margin:0 4px; border-radius:50%; cursor:pointer;}
.pro_lepoi span.con {background:#df0501;}
.pro_lepart {width:30px; height:30px; font-size:30px; text-align:center; position:absolute; top:50%; margin-top:-15px; cursor:pointer; z-index:101;}
.pro_leprev {left:8px;}
.pro_lenext {right:8px;}
.pro_right {width:68%; position:absolute; top:0; right:0;}
/*.pro_ext {
	-webkit-column-count:2;
	-moz-column-count:2;
	column-count:2;
	-webkit-column-gap:40px;
	-moz-column-gap:40px;
	column-gap:40px;
}*/
/*.pro_extli {width:100%; padding:8px 0; line-height:18px; display:inline-block; border-bottom:1px solid #b8b8b8; position:relative; font-size:13px;}*/
.pro_extli {width:calc(50% - 20px); float:left; padding:8px 0; line-height:18px; border-bottom:1px solid #b8b8b8; position:relative; font-size:13px; letter-spacing:-0.1px;}
.pro_extli:nth-child(even) {float:right;}
.pro_ext_l {float:left; color:#b5b5b5;}
.pro_ext_r {float:right; text-align:right; /*white-space:nowrap;*/ width:60%;}
.pro_ext_r .fg:last-child {display:none;}
.pro_ctit {font-size:20px; font-weight:bold;}
.pro_color {color:#b5b5b5; font-size:15px; padding:24px 0 28px;}
.pro_color span {cursor:pointer;}
.pro_color .span2 {position:relative; top:5px;}
.pro_color img {width:26px; height:26px;}
.pro_down {width:540px; color:#ddd; padding:40px 0;}
.pro_down_l {width:72%; float:left;}
.pro_down_l .pro_icon {width:20%; float:left; font-size:40px; color:#ddd; text-align:center; cursor:pointer; position:relative;s}
.pro_down_l .pro_icon a {color:#ddd;}
.pro_down_l .pro_icon a:hover {color:#df0501;}
.pro_down_l .pro_icon .bor {border-right:1px solid #ddd; position:relative; z-index:1;}
.pro_down_l .pro_icon .nobor {border-right:1px solid #fff;}
.pro_down_l .pro_icon .zw {width:100%; height:100%; position:absolute; top:0; left:0; z-index:2;}
.pro_down_r {font-size:12px;}
.pro_down_r a {color:#df0501;}
.pro_down_r i {font-size:36px;}
.pro_down_r {width:26%; float:right; cursor:pointer;}
.pro_down_r .span2 {position:relative; top:-3px;}

#pro_ajax {}
.pro_ajtable {width:100%; color:#000;}
.pro_ajtable tr {border:1px solid #eee;}
.pro_ajtable tr:nth-child(odd) {background:#f5f5f5;}
.pro_ajtable td {padding:14px 6px; text-align:center;}
.pro_ajtable tr.first {font-size:13px; font-weight:bold; background:#fff;}
.pro_ajtable thead {display:none;}
.pro_ajtable .img {width:30px; height:auto;}

.pro_config {padding:6% 0;}
.pro_config_tit {font-size:2rem; text-align:center; color:#707070; padding-bottom:40px;}
.pro_conli {padding-bottom:30px;}
.pro_clibox {width:25%; float:left; margin-bottom:20px;}
.pro_clibox .mar {margin:0 8px;}
.pro_clibox .bor {border:1px solid #c5c5c5;}
.pro_clibox .pad {padding:16px 12px;}
.pro_clibox_center {margin:0 auto; float:none; text-align:center; color:#fff; cursor:pointer;}
.pro_clibox_center .mar {margin:0 8px; background:#df0501;}
.pro_clibox_center .bor {border:1px solid #df0501;}
.pro_clibox_center .pad {padding:35px 12px;}
.pro_clibox .h1 {font-size:15px; padding-bottom:10px; text-indent:6px;}
.pro_clibox .h2 {position:relative;}
.pro_clibox .h2 span {font-size:15px; color:#df0501; position:absolute; top:5px; right:6px;}
.pro_select {font-size:15px; width:100%; height:25px; text-indent:6px; font-weight:bold;}

.pro_projects {margin-bottom:20px;}
.pro_projects img {width:100%; height:auto;}
.pro_projects_img {position:relative;}
.pro_projects_img .div {width:100%;}
.pro_projects_img .img {background-repeat:no-repeat; background-position:center top; background-size:cover; z-index:1;}
.pro_projects_img .bg {position:absolute; top:0; left:0; /*background-color:rgba(0,0,0,0.6);*/ z-index:2;}
.pro_jtit {position:absolute; text-align:center; width:100%; top:18%; color:#fff; text-shadow:0 0 15px rgba(0,0,0,0.7);}
.pro_jtit .h1 {font-size:26px;}
.pro_jtit .h1 p, .pro_jtit .h2 p {border:1px solid #fff; border-width:1px 0; background:rgba(0,0,0,0.4); display:inline-block; padding:10px 25px;}
.pro_jtit .h2 {font-size:14px; margin-top:40px;}
.pro_jtit .h2 a {color:#fff; display:inline-block; position:relative;}
.pro_jtit .h2 a span {width:30px; height:1px; background:#fff; overflow:hidden; position:absolute; left:50%; margin-left:-15px;}
.pro_jtit .h2 a .span1 {top:-8px;}
.pro_jtit .h2 a .span2 {bottom:-8px;}
.pro_jbtn {position:absolute; text-align:center; width:100%; bottom:18%;}
.pro_jbtn a {color:#fff; padding:10px 20px; border:1px solid #fff; background:rgba(0,0,0,0.4);}
.pro_jbtn a:hover {color:#fff; background:#df0501; border:1px solid #df0501;}

.pro_news_tit {font-size:3rem; text-align:center; padding:5% 0; font-weight:bold;}
.pro_news_tit span {font-weight:normal;}
.pro_news_more {text-align:center; font-size:16px; padding:8% 0;}

#toTop {display:none; position:fixed; bottom:60px; right:15px; width:50px; height:51px; background-color:rgba(0,0,0,0.5); border-radius:5px; z-index:9999; color:#fff; font-size:24px; text-align:center;}
#toTop i {position:relative; top:14px;}

.down_right {padding:60px 0;}
.downpart {width:25%; float:left; margin-bottom:30px; }
.downpart .mar {margin:0 8px;}
.downpart .pad {padding:26px 16px;}
.downpart_in .pad {padding:0;}
.downpart .pic {border:1px solid #eee; text-align:center;}
.downpart .pic img {width:100%;}
.downpart_in .pic img {width:80%;}
.downpart .tit {text-align:center;}
.downpart .tit div {height:22px; line-height:22px; font-size:14px; overflow:hidden; margin-top:6px; color:#777; margin-top:12px;}
.downpart_in .tit {text-align:left;}
.downpart .tit p {color:#df0501; font-size:14px; height:25px; overflow:hidden; margin-top:6px;}
.downpart .tit p i {font-size:24px;}
.down_max {padding-bottom:30px; border-bottom:1px solid #eee; margin-bottom:30px;}
.down_maxtit {text-transform:uppercase; font-size:20px; margin:0 8px; padding-bottom:10px;}
.nodata {margin:0 8px;}


.d-flex{display: flex;}
.justify-content-between{justify-content:space-between;}
.page_download_list .part{font-size: 16px;}
.page_download_list .part .down a{font-size: 16px !important;text-transform: uppercase;}

.down_pa {position:relative;}
.down_left {width:330px; position:absolute; top:0; left:0; background:#e8e8e8;}
.down_leftpad {padding:80px 0;}
.down_top {font-size:14px; margin-bottom:10px; position:relative; text-indent:30px; color:#000; text-transform:uppercase;}
.down_top .line {width:14px; height:1px; background:#000; position:absolute; top:50%; left:0;}
.down_ul {padding-bottom:40px;}
.down_ul ul {padding-left:40px;}
.down_ul li {height:30px; line-height:30px; position:relative; text-indent:22px; color:#000;}
.down_ul li .cbox {display:inline-block; border:1px solid #7f7e80; width:12px; height:12px; position:absolute; top:50%; left:0; margin-top:-7px; cursor:pointer;}
.down_ul li .cbox.on {border:1px solid #df0501;}
.down_ul li .cbox.on:after {display:block; width:6px; height:6px; content:""; position:absolute; top:50%; left:50%; margin-top:-3px; margin-left:-3px; background:#df0501; border-radius:50%;}
.down_right {margin-left:400px;}
.down_submit {margin:0 40px;}
.down_submit div {padding-bottom:15px;}
.down_button {width:100%; height:50px; background:#df0501; color:#fff; font-size:15px; cursor:pointer;}

@media (max-width: 1440px) {
	.mynav{width: 80%;}
	.mynav ul li{margin: 0 14px;}
	.footer .footer-body{width: 100%;min-width: 100%;padding: 0 5%}
	.footer .bg-black{width: 100%;min-width: 100%;padding-right: 0%;}
	.footer .footer-body .row{display: flex;justify-content:space-between;}
	.footer .footer-body .item:nth-child(4){width: auto;max-width: 500px}
	.footer .footer-body .item{width: auto;width: 20%;}
}

@media (max-width: 1200px) {
	.hide_1200 {display:none;}
	.show_1200 {display:block;}

	.margin {width:auto; margin:0 15px;}

	.row_tit {width:auto;}

	.about_techin {width:60%;}
	.about_techpad {padding:0 30px;}

	.pro_left {width:100%; height:300px; padding:60px 0;}
	.pro_pic {position:relative; margin:0;}
	.pro_pic img {height:300px;}
	.pro_pic span {height:100%; top:0; margin-top:0;}
	.pro_right {width:100%; position:static;}
	.pro_down {margin:0 auto;}

	.down_left {position:static; width:100%;}
	.down_right {margin-left:0;}
}

@media (max-width: 1000px) {
	.hide_1000 {display:none;}
	.show_1000 {display:block;}
	.show_1000_i {display:inline;}

	.margin_in {width:auto; margin:0 15px;}

	.incont {padding-bottom:25px;}
	.incont, .incont_box {min-height:140px;}
	.incont_in .fl, .incont_in .fr {float:none;}
	.incont_in {position:static; top:0; text-align:center; height:auto;}
	.incont_in .fl {padding-top:8px; font-size:22px;}
	.incont_a {margin:0 auto; height:46px;}
	.incont_a a {height:46px; line-height:40px; font-size:16px;}
	.incont_a .bg, .incont_a .aa {height:40px;}

	.about_techin2 {width:100%;}

	.news_fy {-webkit-column-count:2;
	-moz-column-count:2;
	column-count:2;
	-webkit-column-gap:20px;
	-moz-column-gap:20px;
	column-gap:20px;
	}

	.why_tabs {position:static; text-align:center; padding:30px 0 10px;}
	.why_tabs li {display:inline-block; margin:0 5px;}
	.why_left {position:static; width:auto;}
	.why_word {position:static; text-align:center; width:auto; padding:30px 0;}
	.why_word .why_con {margin:30px 30px 0;}
	.why_right {padding-left:0;}

	.pro_ajtable .imgbox {text-align:center; padding:10px 0;}
	.pro_ajtable .img {width:60%; height:auto; text-align:center;}
	.pro_projects_img .div {height:600px;}
	.pro_clibox {width:33.3%;}
	.pro_clear {clear:none;}
	.pro_clibox_center {float:left;}
	.pro_ajtable tr.first {display:none;}
	.pro_ajtable td {display:block; text-align:left; padding:5px 20px; background:#fff;}
	.pro_xspan {color:#717171;}
	.tablast {padding-bottom:30px;}

	.contact_con {position:static; width:auto; box-shadow:0 0 0 0;}
	.contact_con .tit {font-size:2rem;}
	.contact_con .pad {padding:15px 10px;}

	.downpart {width:50%;}
}

@media (max-width: 800px) {
	.hide_800 {display:none;}
	.show_800 {display:block;}

	.book_page {width:auto; margin:0 15px;}

	#top {background:#fff;}

	.nav_right {width:100%; right:-100%;}

	.row_con {width:480px; margin:0 auto;}
	.row_part {width:100%; float:none;}
	.row_pad {height:80px; margin:0 auto; position:relative;}
	.row_part .h1 {width:80px; height:80px; position:absolute; top:0; left:0;}
	.row_part .h1 img {height:80px;}
	.row_part .h2 {max-width:100%; margin:0; padding-left:120px; padding-top:0;}

	.bpart_ul {width:auto;}
	.bpart dl {display:none;}
	.bpart {display:block; width:auto;}
	.bpart_tit {padding-bottom:0;}

	.abtit {font-size:2.1rem;}
	.about_techin {height:auto; padding:14% 0;}
	.about_techpad {padding:0 20px;}

	/*.pro_ext {
		-webkit-column-count:1;
		-moz-column-count:1;
		column-count:1;
		-webkit-column-gap:0;
	    -moz-column-gap:0;
    	column-gap:0;
	}*/
	.pro_extli {width:100%; float:none;}
}

 
@media (max-width: 640px) {
    .banner1{display: none}
	.mynav{display: none}
    #profile_default .profile_default .profile_mask{display: none}
    #profile_default .profile_default .profile_canvas .profile_right{float: none;width: 100%;background: rgba(0,0,0,.8);padding-top: 30px;padding-bottom: 30px;}
    #profile_default .profile_default .profile_canvas .profile_right .cm{font-size: 20px;}
    #profile_default .profile_default .profile_canvas .profile_right .em{font-size: 20px;}
    #profile_default .profile_default .profile_canvas .profile_right dl{width: 90%;}
    #profile_default .profile_default .profile_canvas .profile_right dl dt:nth-of-type(1){height: 40px}
    #profile_default .profile_default .profile_canvas{position:static;}
    .banner2 img{height: 197px}
    .innews_tit,.letter_tit div{font-size: 1.8rem;}
    .innews_part{width: 48%;text-align: center}
    .innews_part .h1 img{height: 94px;width: auto;}
    .letter_box{width: 100%;}
    .footer{padding: 25px 0}
    .footer .footer-body .item{width: 90%;}
    .footer .footer-body .row{flex-wrap:wrap;}
    .footer .footer-body .item:nth-child(4){padding-left: 0;}

    

}