@charset "utf-8";
*{box-sizing: content-box;}
body { background: #FFF; font-size: 14px; font-family: "微软雅黑"; }
/*标题颜色样式*/
.tb{font-weight:bold;}
.c1{color: #000000;}
.c2{color: #FFFFFF;}
.c3{color: #FFFF00;}
.c4{color: #00FF00;}
.c5{color: #00FFFF;}
.c6{color: #FF00FF;}
.c7{color: #FF0000;}
.c8{color: #0000FF;}
.c9{color: #008080;}
.clear { clear: both; border: 0px; height: 0px; width: 0px; font-size: 0px; overflow: hidden; }
.clearfix{overflow:hidden;zoom:1}
.none{display:none}
.fl { float: left; }
.fr { float: right; }
.cmsimg{ position:relative; overflow:hidden;}
.cmsimg .cmsimg-box{overflow:hidden; text-align:center;width:100%;height:0px; padding-bottom:100%;position:relative; overflow:hidden; font-size:0;}
.cmsimg.prop1 .cmsimg-box{ padding-bottom:100%;}
.cmsimg.prop2 .cmsimg-box{ padding-bottom:200%;}
.cmsimg.prop3 .cmsimg-box{ padding-bottom:133.333%;}
.cmsimg.prop4 .cmsimg-box{ padding-bottom:75%;}
.cmsimg.prop5 .cmsimg-box{ padding-bottom:50%;}
.cmsimg.prop6 .cmsimg-box{ padding-bottom:50%;}
.cmsimg .cmsimg-box img.img{width:100%;height:100%;position:absolute; display:block;}
input { -webkit-appearance: none; /*去除input默认样式*/ }
.wrap { width: 96%; margin: auto; }

.formtable{}
.formtable .formlist{ padding:15px;}
.formtable .formlist dl{ padding:5px 0;}
.formtable .formlist dl:after,.membertable .memberlist dl:before{display: table;content: " ";clear:both;height:0;line-height:0;font-size:0}
.formtable .formlist dl dt{ width:80px; float:left; line-height:25px;}
.formtable .formlist dl dd{ width:calc(100% - 80px); float:left;}
.formtable .formlist dl dd .txt,.formtable .formlist dl dd .textarea{ width:90%; border:1px #ddd solid; line-height:25px;}
.formtable .formlist dl dd .txts{width:90px; border:1px #ddd solid; line-height:25px;}
.formtable .formlist dl.form-send{ text-align:center;}
.formtable .formlist dl.form-send .submit{background-color:#000; color:#fff; line-height:25px; display: block; margin:0 auto; width:80px; cursor:pointer;}

.tgbox{ max-width:640px; margin:0 auto; background:#f6f7f9;}
.tgbox .tgtitle{ text-align:center; padding:15px 0;}
.tgbox .tgabout{ padding:30px 15px;}
.tgbox .tgabout .text{ padding:10px; position:relative;}
.tgbox .tgabout .text p{ text-indent:2em;}
.tgbox .tgabout .text:before{content:""; display:block; position:absolute; top:0; left:0; width:30px; height:30px; border-top:2px #282829 solid;border-left:2px #282829 solid;}
.tgbox .tgabout .text:after{content:""; display:block;position:absolute; bottom:0; right:0; width:30px; height:30px; border-bottom:2px #282829 solid;border-right:2px #282829 solid;}
.tgbox .tgmessage{ padding:30px;}
.tgbox .tgmessage .tgmessagebox{ padding:0; z-index:2; background:#fff; position:relative;border: 0px solid rgba(0,0,0,.15);border-radius: 4px;-webkit-box-shadow:-6px 0px 12px 1px #efefef,0px -6px 12px 1px #efefef,6px 0px 12px 1px #efefef,0px 6px 12px 1px #efefef;box-shadow: -6px 0px 12px 1px #efefef,0px -6px 12px 1px #efefef,6px 0px 12px 1px #efefef,0px 6px 12px 1px #efefef;}
.tgbox .tgmessage .tgmessagebox .tgform{ padding:10px;}
.tgbox .tgmessage .tgmessagebox .tgform dl.form-group{ overflow:hidden; padding-bottom:15px;}
.tgbox .tgmessage .tgmessagebox .tgform dl.form-group.title{ display:none;}
.tgbox .tgmessage .tgmessagebox .tgform dl.form-group dt{ width:80px; line-height:40px;  float:left;}
.tgbox .tgmessage .tgmessagebox .tgform dl.form-group dd{ width:calc(100% - 85px); float:right;}
.tgbox .tgmessage .tgmessagebox .tgform dl.form-group dd .txt{ width:calc(100% - 12px); text-indent:10px; line-height:40px; height:40px; border:none;border: 1px solid rgba(0,0,0,.15);border-radius: 4px;-webkit-box-shadow:-6px 0px 12px 1px #efefef,0px -6px 12px 1px #efefef,6px 0px 12px 1px #efefef,0px 6px 12px 1px #efefef;box-shadow: -6px 0px 12px 1px #efefef,0px -6px 12px 1px #efefef,6px 0px 12px 1px #efefef,0px 6px 12px 1px #efefef;}
.tgbox .tgmessage .tgmessagebox .tgform .form-send{ text-align:center;}
.tgbox .tgmessage .tgmessagebox .tgform .form-send .submit{ background:#771e18; color:#fff; line-height:40px; border:none;border-radius: 4px; display:block; width:100%;}
.tgbox .tgfooter{ background:#373438; padding-top:15px;}
.tgbox .tgfooter .tgfooterbox{ background:#575457; padding:10px 15px; color:#fff; overflow:hidden; line-height:25px;}
.tgbox .tgfooter .tgfooterbox a{ color:#fff;}
.tgbox .tgfooter .tgfooterbox .text{ width:calc(100% - 105px); float:left;}
.tgbox .tgfooter .tgfooterbox .pic{ width:100px; float:right;}

/*nav*/
#openlc { position: fixed; right: 0; top: 0; z-index: 999; height: 70px; padding: 5px 0; }
.lcbody { display: inline-block; margin: 20px; width: 30px; height: 30px; position: relative; transform: translateZ(0px) rotate(0deg); transition: transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99); }
.lcitem { position: absolute; left: 0; top: 0; transform: translateZ(0px) rotate(0deg); transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s; -webkit-transform: translateZ(0px) rotate(0deg); -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s; width: 30px; height: 30px; }
.lcitem .rect { width: 30px; height: 1px; background: #999999; position: absolute; left: 0; top: 14px; transition: transform 0.2s ease 0.2s; -webkit-transition: -webkit-transform 0.2s ease 0.2s; }
.lcitem .rect.top { transform: translate3d(0px, -8px, 0px); -webkit-transform: translate3d(0px, -8px, 0px); }
.lcitem .rect.bottom { transform: translate3d(0px, 68px, 0px); -webkit-transform: translate3d(0px, 8px, 0px); }
#leftcontrol { width: 260px; height: 100%; right: -260px; transition: all 0.25s; background: #202122; position: fixed; overflow-y: auto; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; z-index: 999; }
#leftcontrol ul#nav { padding-top: 13px; }
#leftcontrol ul li {display: block;min-height: 44px;border-top: 1px solid #272727;font-size: 1rem;width: 100%;position: relative;}
#leftcontrol ul li a { display: block; color: #777777; padding: 0 25px; height: 44px; line-height: 44px; font-size:14px}
#leftcontrol ul li a span { display: inline-block; }
#leftcontrol ul li a span.circle { width: 8px; height: 8px; border: #474747 1px solid; border-radius: 5px; margin-right: 20px; }
#leftcontrol ul li .subnav { height: 0; overflow: hidden; }
#leftcontrol ul.subnav li a i {margin-right: 20px;font-size: 1.5rem;color: #3e3e3e;position: absolute;left: 81px;top: 10px;}
#leftcontrol ul.subnav li a i.fa-angle-right{background: url(../../images/you.png) no-repeat center center;display: block;width: 13px;height: 24px;background-size: 8px 15px;}
#leftcontrol ul.subnav li a i.fa-angle-right:before{content: "";}
#leftcontrol ul.subnav li a { background: #19191A; color: #7e7e7e; }
#leftcontrol ul li a span.more { width: 12px; height: 12px; position: relative; float: right; top: 16px; }
#leftcontrol ul li a span.more span { background: #474747; position: absolute; }
#leftcontrol ul li a span.more span.h { width: 12px; height: 2px; transform: translate3d(0, 5px, 0); -webkit-transform: translate3d(0, 5px, 0); }
#leftcontrol ul li a span.more span.v { transform: rotate3d(0, 0, 1, 90deg) translate3d(5px, 0, 0); -webkit-transform: rotate3d(0, 0, 1, 90deg) translate3d(5px, 0, 0); }
#leftcontrol ul li.active .subnav { height: auto; }
#leftcontrol ul li.active a span.more span.v { transform: rotate3d(0, 0, 0, 0) translate3d(0, 5px, 0); -webkit-transform: rotate3d(0, 0, 0, 0) translate3d(0, 5px, 0); }
#leftcontrol ul li.active a span.circle { border-color: #00c0ff; background-color: #00c0ff; }
#leftcontrol ul li.active a.hassub { background: #222324; color: #FFF; }
#leftcontrol ul li.onnav a { background: #111; color: #ccc; }
#leftcontrol ul li.onnav a span.circle { border-color: #00c0ff; background-color: #00c0ff; }
.pageOn #openlc { background: #202122; }
.pageOn #leftcontrol { right: 0; top: 0; }
.pageOn .lcbody { transform: translateZ(0px) rotate(90deg); -webkit-transform: translateZ(0px) rotate(90deg); }
.pageOn .lcitem { transform: translateZ(0px) rotate(45deg); transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.2s; -webkit-transform: translateZ(0px) rotate(45deg); -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.2s; }
.pageOn .lcitem .rect { transition: transform 0.2s ease 0s; transform: translate3d(0px, 0px, 0px); -webkit-transition: -webkit-transform 0.2s ease 0s; -webkit-transform: translate3d(0px, 0px, 0px); }
.pageOn .lcitem.bottom { transform: translateZ(0px) rotate(-45deg); -webkit-transform: translateZ(0px) rotate(-45deg); }
#body { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 996; display: none; }
.pageOn #body { display: block; }
/*header*/
.header { width: 100%; height: 80px; position: relative; }
.header_fixed { position: fixed; z-index: 666; top: 0; left: 0; right: 0; height: 40px; padding: 20px 0; background: #FFF; box-shadow: 2px 2px 15px 5px rgba(0,0,0,.15);box-sizing: content-box; }
.logo_area { height: 40px; }
.logo_area img { height: 40px!important; }
/*banner*/
.bannerBox img { width: 100%; }
.focus { width: 100%; margin: 0 auto; position: relative; overflow: hidden; }
.focus .hd { width: 100%; height: 8px; position: absolute; z-index: 1; bottom: 15px; text-align: center; }
.focus .hd ul { overflow: hidden; height: 8px; }
.focus .hd ul li { width: 8px; height: 8px; border-radius: 50%; background-color: rgba(255,255,255,0.5); display: inline-block; margin: 0 4px; text-indent: -999em; }
.focus .hd ul .on { background: #970527; }
.focus .bd { position: relative; z-index: 0; }
.focus .bd li img { width: 100%; }
/*index*/
.index_pro { background: #CCC;  }
.index_pro .wrap { width: 92%; }
.isort { padding-bottom: 20px; }
.isort img { width: 100%; }
.isort .txt { width: 100%; height: 36px; line-height: 36px; background: #FFF; color: #333; text-align: center; }
.visible_a { width: 100%; }
.visible_a img{ width: 100%;height: auto; }
.concept_tit { margin-bottom: 20px; text-align: center; padding-top: 20px; font-size: 20px; letter-spacing: 5px; text-transform: uppercase; font-family: "Arial"; color: #666; }
.concept_tit p { padding-bottom: 10px; }
.concept_tit span { display: block; font-size: 14px; color: #333; padding-top: 10px; }
.concept_list { margin-bottom: 15px; }
.concept_list .txt { line-height: 40px; text-align: center; }
.visible_b { width: 100%; height: 220px; background: url(../images/mainbg3.jpg) center center no-repeat; background-size: cover; position: relative; }
.visible_b>div { width: 96%; position: absolute; top: 52%; text-align: center; left: 0; right: 0; color: #fff; transform: translateY(-50%); margin: 0 auto; }
.visible_b>div p { font-size: 18px; display: block; text-align: center; font-family: "Times New Roman"; color: #FFF; text-transform: uppercase; position: relative; margin-bottom: 10px; }
.inews { background: #CCC; padding: 20px 0; }
.inews .wrap { width: 92%; }
.inews_list { background: #FFF; }
.inews_list .img img { width: 100%;height:281px!important }
.inews_list .txt { background: #FFF; padding: 12px; }
.inews_list .txt h4 { font-size: 17px; font-weight: 400; color: #333; margin-bottom: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.inews_list .txt p { font-size: 13px; color: #666; line-height: 20px; height: 60px; overflow: hidden; }
#inews_box .swiper-button-next, #inews_box .swiper-button-prev { top: 35%; }
#inews_box { box-shadow: 2px 2px 15px 5px rgba(0,0,0,.10); box-sizing: border-box; }
.visible_c { width: 100%; height: 220px; background: url(../images/mainbg2.jpg) center center no-repeat; background-size: cover; position: relative; }
.visible_c>div { width: 96%; position: absolute; top: 57%; text-align: center; left: 0; right: 0; color: #fff; transform: translateY(-50%); margin: 0 auto; }
.visible_c>div p { font-size: 18px; display: block; text-align: center; font-family: "Times New Roman"; color: #FFF; text-transform: uppercase; position: relative; margin-bottom: 10px; }
/*foot*/
.foot { width: 100%; height: auto; background: #000; }
.foot .wrap { width: 100%; background: #111; padding: 20px 15px; box-sizing: border-box; }
.contact_tit { font-size: 18px; color: #EEE; padding: 0 0 10px; }
.contact_txt { color: #888; font-size: 14px; line-height: 24px; }
.copyright { color: #888; text-align: center; font-size: 14px; padding: 20px 0; }
/*container*/
.container { width: 100%; background: url(../images/bg.jpg) top center repeat; padding-bottom: 20px; }
.position, .position a { color: #666; padding: 15px 0; }
.container .wrap { width: 94%; }
.container .inews_list { margin-bottom: 20px; box-shadow: 0 2px 5px 0px rgba(0,0,0,.10); }
.pro_list { background: #FFF; margin-bottom: 20px; box-shadow: 0 2px 5px 0px rgba(0,0,0,.10); }
.pro_list .img img { width: 100%; }
.pro_list p.line { border-bottom: 1px solid #E4E4E4; margin: 0 12px; }
.pro_list .txt { background: #FFF; padding: 15px 12px; }
.pro_list .txt h4 { text-align: center; font-size: 17px; font-weight: 400; color: #333; margin-bottom: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pro_list .txt p { font-size: 13px; color: #666; line-height: 20px; height: 60px; overflow: hidden; }
.info_box { background: #FFF; padding-bottom: 8px; }
.info_box .title { text-align: center; color: #333; font-size: 18px; padding: 15px 0 10px; }
.info_box .date { text-align: center; color: #888; font-size: 14px; padding-bottom: 15px; border-bottom: 1px solid #E4E4E4; margin: 0 12px; }
.info_box .info { padding: 12px; color: #666; }
.info_box .info p { line-height: 24px; padding-bottom: 10px; }
.info_box .info img { width: 100%; }
/*125*/
.Contact { padding: 12px; }
.Contact .tit_en { font-size: 26px; color: #666; padding-top: 15px; text-transform: uppercase; font-family: "Times New Roman"; }
.Contact .tit_cn { color: #333; padding-top: 5px; }
.Contact .txt { color: #666; font-size: 13px; line-height: 26px; padding-top: 15px; }
#allmap { width: 100%; height: 48vw; margin-top: 20px; }
/*126*/
.join_tj { padding: 12px; }
.join_tj .tit_en { font-size: 26px; color: #666; padding-top: 15px; text-transform: uppercase; font-family: "Times New Roman"; }
.join_tj .tit_cn { color: #333; padding-top: 5px; }
.join_tj .txt { color: #666; font-size: 13px; line-height: 26px; padding-top: 15px; }
.join_ys { background: #e8e8e8; padding: 12px; padding-bottom: 20px; }
.join_ys .tit_en { font-size: 26px; color: #666; padding-top: 15px; text-transform: uppercase; font-family: "Times New Roman"; }
.join_ys .tit_cn { color: #333; padding-top: 5px; }
.Advantage { margin-top: 20px; }
.Advantage .txt { background: #FFF; padding: 15px; }
.Advantage .txt h5 { font-size: 16px; font-weight: 300; color: #333; }
.Advantage .txt p { font-size: 14px; color: #666; line-height: 24px; padding-top: 8px; }
.join_content_two { background: url(../images/bg_join1.jpg) center center no-repeat; background-size: cover; height: 220px; }
.join_lc { padding: 12px; }
.join_lc .tit_en { font-size: 26px; color: #666; padding-top: 15px; text-transform: uppercase; font-family: "Times New Roman"; }
.join_lc .tit_cn { color: #333; padding-top: 5px; }
.join_lc ul { margin-top: 20px; overflow: auto; }
.join_lc ul li { width: 25%; float: left; text-align: center; }
.join_lc ul li img { width: 90%; }
.join_lc ul li p { font-size: 12px; line-height: 18px; padding: 10px 8px; color: #666; }
.join_sec3_icon { width: 40px; height: 40px; margin: auto; padding-top: 30px; }
.join_sec3_icon span { display: block; transform: translateZ(0px) rotate(90deg); -webkit-transform: translateZ(0px) rotate(90deg); }
/*162*/
.wel { color: red; }
.verify { padding-top: 15px; }
.verify input { padding: 0 10px; width: 100%; box-sizing: border-box; height: 40px; line-height: 40px; font-size: 16px; border: 1px solid #dcdcdc; border-radius: 6px; cursor: pointer; background-color: transparent; }
.verify input:focus { outline: none; }
.verify span { display: block; color: red; padding-top: 8px; padding-left: 8px; }
.verify input#txt_yzm { width: 76%; margin-right: 13px; }
.verify .u_bottons { text-align: center; display: inline-block; width: 100%; height: 45px; line-height: 45px; font-size: 16px; border: none; color: #fff; border-radius: 6px; outline: none; background: #ff4747; }
.point { margin-top: 25px; font-size: 16px; color: #333; border-bottom: 1px solid #dcdcdc; padding-bottom: 12px; padding-left: 8px; }
.point_img img { width: 100%; }
.verify_box { display: none; margin-top: 20px; background: #f8f8f8; }
.verify_box p { color: #F00; font-size: 13px; padding: 8px; text-align: center; border: 1px solid #dcdcdc; }
.verify_box ul { color: #666; font-size: 13px; }
.verify_box ul li { height: 32px; line-height: 32px; padding: 0 8px; border: 1px solid #dcdcdc; border-top: none; }
/*163*/
.Profile { padding: 12px; }
.Profile .tit_en { font-size: 26px; color: #666; padding-top: 15px; text-transform: uppercase; font-family: "Times New Roman"; }
.Profile .tit_cn { color: #333; padding-top: 5px; }
.Profile .txt { color: #666; font-size: 13px; line-height: 26px; padding-top: 15px; }
.featurevideo { width: 100%; height: 220px; background: url(../images/mainbg2.jpg) center center no-repeat; background-size: cover; position: relative; }
.featurevideo>div { width: 96%; position: absolute; top: 54%; text-align: center; left: 0; right: 0; color: #fff; transform: translateY(-50%); margin: 0 auto; }
.featurevideo>div p { font-size: 18px; display: block; text-align: center; font-family: "Times New Roman"; color: #FFF; text-transform: uppercase; position: relative; margin-bottom: 10px; }
.more_more_black { width: 150px; line-height: 35px; text-align: center; color: #FFF; margin: 25px auto; font-size: 12px; letter-spacing: 3px; text-transform: uppercase; font-family: 'news_gothicregular'; }
.more_more_black a { display: block; border: 1px solid #FFF; color: #FFF; }
.Factory { padding: 12px; }
.Factory .tit_en { font-size: 26px; color: #666; padding-top: 15px; text-transform: uppercase; font-family: "Times New Roman"; }
.Factory .tit_cn { color: #333; padding-top: 5px; }
.Factory ul { overflow: hidden; margin-top: 20px; }
.Factory ul li { width: 32%; float: left; margin-left: 2%; }
.Factory ul li.one { margin: 0; }
/*164*/
.Culture { padding: 12px; }
.Culture .tit_en { font-size: 26px; color: #666; padding-top: 15px; text-transform: uppercase; font-family: "Times New Roman"; }
.Culture .tit_cn { color: #333; padding-top: 5px; }
.Culture .txt { color: #666; font-size: 13px; line-height: 26px; padding-top: 15px; }
/*165*/
.Speech { padding: 12px; }
.Speech .tit_en { font-size: 26px; color: #666; padding-top: 15px; text-transform: uppercase; font-family: "Times New Roman"; }
.Speech .tit_cn { color: #333; padding-top: 5px; }
.Speech .txt { color: #666; font-size: 13px; line-height: 26px; padding-top: 15px; }
/*page*/
.pagelink { height: 26px; line-height: 26px; text-align: center; padding-top: 10px; }
.pagelink a, .pagelink span { padding: 0 6px; color: #666; }
.pagelink a.on, .pagelink a:hover { color: #666; }
.pagenav { border-top: 1px solid #E4E4E4; margin: 0 12px; padding: 12px 0; color: #666; line-height: 30px; }
.pagenav a { color: #666; }
/*topBack*/
#topBack { width:35px; height:35px; position:fixed; z-index:666; bottom:66px; right:10px;}