html,body{background:#fff;color:#333;font:14px/1.6 'Microsoft YaHei',Tahoma,Verdana,'Simsun';}
a{color:#333;text-decoration:none}
a:hover{color:#e9280c;text-decoration:none;}
.tem_inner,.met_section{position:relative;margin:0 auto;margin:0 auto;width:1000px;}
@media(min-width:1000px){.tem_inner{padding:0;width:1000px;}
}
@media(min-width:1200px){.tem_inner,.met_section{padding:0;width:1100px;}
}
@media(min-width:1800px){.tem_inner,.met_section{padding:0;width:70%;}
}
header.tem_headborder{border-bottom:1px solid #ddd;}
header section{border-bottom:1px solid #e7e8ed;background:#f7f8fa;display: none;}
.tem_top{position:relative;z-index:100;height:35px;color:#53555a;font-size:12px;line-height:35px;}
.tem_top h2{font-weight:normal;}
.tem_top a{color:#53555a;}
.tem_top a:hover{color:#e9280c;}
.tem_top_nav{position:absolute;top:0;right:0;}
.tem_top_nav ol{float:right;margin:0;padding:0;}
.tem_top_nav ol li{float:left;list-style:none;}
.tem_top_nav ol li.line{width:30px;color:#eee;text-align:center;}
.tem_top_nav dl{position:relative;float:right;}
.tem_top_nav dl dt i{margin-left:5px;}
.tem_top_nav dl dd{position:absolute;top:35px;right:0;display:none;padding:10px 18px;border:1px solid #e7e8ed;background:#f7f8fa;white-space:nowrap;}
.tem_top_nav dl dd a{display:block;height:35px;line-height:35px;}
.tem_top_nav div.line{float:right;width:30px;color:#eee;text-align:center;}
.tem_head{min-height: 70px;height: 70px;z-index: 100;}
.tem_head h1 img,.tem_head h2 img{position:relative;z-index:999;font-size:0;}
header h1{display:inline;}
.tem_head nav{position:absolute;top: 0;right: 0;width: 100%;height:34px;line-height:34px;text-align: center;}
.tem_head nav ul{margin:0;padding:0;list-style:none;display: inline-block;}
.tem_head nav ul li{position:relative;float:left;height: 70px;width: 102px;line-height: 70px;overflow: hidden;}
.tem_head nav a{display: block;color: #fff;margin-top: -70px;font-size: 15px;font-size: 16px;}
.tem_head nav a:hover{color:#e9280c;}
.tem_head nav a.navdown{color: rgb(234, 56, 100);}
.tem_head nav a.navdown:hover{color:#fff;}
.tem_head nav ul li dl{position:absolute;top:55px;left:0;z-index:99;display:none;width:500px;background:#f3f4f5;}
.tem_head nav ul li dl dd{float:left;padding:20px 0;width:100px;display: none;}
.tem_head nav ul li dl dd a{margin:0 10px;padding:0;padding:8px 5px;text-align:center;line-height:1.5;}
.tem_head nav ul li dl dt{float:right;overflow:hidden;padding:20px 20px 20px 0;width:380px;height:200px;font-size:0;}
.tem_head nav ul li dl dt img{width:380px;height:200px;}
.tem_head nav ul li dl dd i{position:absolute;top:-14px;left:50px;z-index:100;width:100%;color:#f3f4f5;font-size:22px;}
.tem_head nav ul li dl.tem_pronoaw{width:auto;}
.tem_head nav ul li dl.tem_pronoaw dd{width:auto;}
.tem_head nav ul li dl.tem_pronoaw dd div{float:left;padding:0 20px;min-width:100px;}
.tem_head nav ul li dl.tem_pronoaw dd div h3{margin-bottom:5px;border-bottom:1px solid #888;font-weight:normal;}
.tem_head nav ul li dl.tem_pronoaw dd div p a{margin:0;}
.tem_banner{position:relative;overflow:hidden;background:#fafafa;text-align:center;font-size:0;display: none;}
.tem_banner ul { overflow:hidden; }
.tem_banner ul li{float:left;width:100%;list-style:none;background-position:50% 50%;background-repeat:no-repeat;}
.tem_banner ul li a{display:block;width:100%;height:100%;}
.tem_banner ul li img{ max-width:100%; height:auto;}
.tem_banner .flex-control-nav{position:absolute;right:0;bottom:20px;left:0;text-align:center;}
.tem_banner .flex-control-nav li{margin:0px;}
.tem_banner .flex-control-nav li a{display:inline-block;margin:0 6px;width:10px;height:10px;border:1px solid #fff;border-radius:10px;text-indent:-999em;cursor:pointer; background:none;}
.tem_banner .flex-control-nav li a.flex-active{background:#fff;}
.tem_banner .flash img{width:100%!important;height:auto;}
.tem_index_title{margin:0 0 60px 0;border-bottom:1px solid #ccc;text-align:center;font-weight:normal;font-size:22px;}
.tem_index_title span{position:relative;top:2px;display:inline-block;padding:10px 15px;border-bottom:4px solid #666;}
.tem_index_title p{color:#8c8c8c;font-weight:normal;}
.tem_index_more{clear:both;margin:0 auto;padding-top:30px;width:200px;text-align:center;}
.tem_index_more a{display:block;height:40px;background:#e9280c;color:#fff;font-weight:normal;font-size:14px;line-height:40px;}
.tem_index_more a:hover{background:#d82208;color:#fff;}
.tem_index_to{border-top:1px solid #e7e8ed;border-bottom:1px solid #e7e8ed;background:#f7f8fa;}
.tem_wp1,.tem_wp2,.tem_wp3,.tem_wp4,.tem_wp5{visibility:hidden;}
.bounceInLeft,.bounceInRight,.fadeInUp,.fadeInUpDelay,.fadeInDown,.fadeInUpD,.fadeInLeft,.fadeInRight{visibility:visible;}
.tem_index_about{padding:50px 0 80px;}
.tem_index_about_cont{margin-right:25px;padding:50px 0;}
.tem_index_about_txt{float:left;width:55%;}
.tem_index_about .txtwd100{float:none;width:100%;}
.tem_index_about_txt .met_editor{padding:0px 50px 0;}
.tem_index_about_img{float:right;overflow:hidden;width:45%;height:227px;font-size:0;}
.tem_index_about_video{float:right;overflow:hidden;width:45%;}
.tem_index_about_img ul{float:left;overflow:hidden;width:70%;height:227px;list-style:none;}
.tem_index_about_img .tem_index_about_img_noe{float:none;width:100%;}
.tem_index_about_img ul li{padding:4px;border:1px solid #eee;}
.tem_index_about_img ul img{width:100%;height:217px;}
.tem_index_about_img ol{float:right;overflow:hidden;width:30%;list-style:none;}
.tem_index_about_img ol li{position:relative;margin-bottom:8px;margin-left:20px;padding:4px;border:1px solid #eee;}
.tem_index_about_img ol img{width:100%;height:60px;cursor:pointer;}
.tem_index_about_img ol li.tem_now{background:#eee;}
.tem_index_about_img ol li i{position:absolute;top:26px;left:-8px;display:none;color:#eee;font-size:20px;}
.tem_index_about_img ol li.tem_now i{display:block;}
.tem_index_about_img ol li.tem_hover{background:#eee;}
.tem_index_about_more{padding-top:10px;}
.tem_index_about_more a{display:inline-block;padding:0 30px;height:30px;border:2px solid #eee;color:#999!important;text-decoration:none;font-weight:normal;line-height:30px;}
.tem_index_about_more a:hover{ background:#eee; text-decoration:none!important; }
.tem_index_product{padding:50px 0 80px;}
.tem_index_product ul{list-style:none;}
.tem_index_product ul li{float:left;overflow:hidden;margin-bottom:30px;text-align:center;}
.tem_index_product ul li a{display:block;margin:0 auto;background:#fff;text-align:center;font-size:0;}
.tem_index_product ul li h2{padding:10px;background:#8c989f;color:#fff;text-align:left;font-weight:normal;font-size:14px;}
.tem_index_product a img{-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.tem_index_product a:hover img{opacity:.5;filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;}
.tem_index_news{padding:50px 0 80px;text-align:center;}
.tem_index_news_tab{display:inline-block;margin:0 0 10px;height:37px;border-right:1px solid #8c989f;list-style:none;line-height:37px;}
.tem_index_news_tab li{float:left;}
.tem_index_news_tab li h3{padding:0 40px;height:35px;border:1px solid #8c989f;border-right:0;font-weight:normal;line-height:35px;cursor:pointer;}
.tem_index_news_tab li.flex-active h3{background:#8c989f;color:#fff;}
.tem_index_news_tab li:hover h3{background:#8c989f;color:#fff;}
.tem_index_news_list{margin:20px 0 0;}
.tem_index_news_list li{float:left;overflow:hidden;width:50%;list-style:none;text-align:left;}
.tem_index_news_list li a{display:block;}
.tem_index_news_list li dl{margin-right:10px;padding-top:21px;height:115px;}
.tem_index_news_list li dl.tem_even{margin-right:0;margin-left:10px;}
.tem_index_news_list dt{position:relative;float:left;overflow:hidden;width:100px;height:115px;border-bottom:1px solid #e7e8ed;font-size:0;}
.tem_index_news_list dt img{margin-left:10px;width:90px;height:90px;border-radius:60px;}
.tem_index_news_list dd{float:left;margin-left:-100px;width:100%;}
.tem_index_news_list dd a{padding:0 10px;}
.tem_index_news_list_txt{margin-left:100px;height:115px;border-bottom:1px solid #e7e8ed;}
.tem_index_news_list_txt h3{overflow:hidden;margin-bottom:3px;height:23px;color:#000;font-weight:normal;line-height:23px;}
.tem_index_news_list_txt p{overflow:hidden;height:42px;color:#818181;}
.tem_index_news_list_txt span.time{display:block;height:25px;color:#818181;line-height:25px;}
.tem_index_news_list li dl:hover{background:#f7f8fa;}
.tem_index_news_list .tem_index_more{float:none;width:200px;text-align:center;}
.tem_index_case{padding:50px 0 80px;}
.tem_index_case_list ul.slides li{float:left;list-style:none;}
.tem_index_case_list .tem_list{float:left;width:25%;}
.tem_index_case_list .tem_list dt{ text-align:center;font-size:0;}
.tem_index_case_list .tem_list dt a{display:block;overflow:hidden;margin:0 auto;}
.tem_index_case_list .tem_list dt img{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.tem_index_case_list .tem_list dt a:hover img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);-ms-transform:scale(1.2);}
.tem_index_case_list .tem_list h3{margin:0 auto;height:40px;background:#8c989f;text-align:center;font-weight:normal;line-height:40px;}
.tem_index_case_list .tem_list h3 a{color:#fff;}
.tem_index_case_list .tem_list h3 a:hover{color:#fff;}
.tem_index_case_list .flex-control-nav{margin-top:30px;}
.tem_index_footer{padding:40px 0 50px;background:#1e1e1e;}
.tem_index_footer dl{float:left;}
.tem_index_footer dl dt{margin-right:25px;height:40px;border-bottom:1px solid #363636;color:#f3f3f3;font-size:16px;line-height:40px;}
.tem_index_footer dl dt span{position:relative;top:-1px;display:inline-block;border-bottom:3px solid #838383;}
.tem_index_footer dl dd{margin-right:25px;}
.tem_index_footer_contact{width:35%;}
.tem_index_footer_contact li{position:relative;margin-top:25px;padding-top:5px;padding-left:48px;min-height:35px;color:#646363;list-style:none;}
.tem_index_footer_contact li i{position:absolute;top:0;left:0;width:35px;height:35px;border:1px solid #424244;border-radius:5px;color:#7c7c7c;text-align:center;font-size:22px;line-height:35px;}
.tem_index_footer_link{width:35%;}
.tem_index_footer_link dd{padding:20px 0;}
.tem_index_footer_link a{display:inline-block;margin:0 12px 10px 0;color:#646363;white-space:nowrap;}
.tem_index_footer_link a:hover{color:#ababab;}
.tem_index_footer_link a img{height:45px;}
.tem_index_footer_attention{width:30%;}
.tem_index_footer_attention dd{padding:20px 0;color:#646363;}
.tem_index_footer_attention li{display:inline-block;margin:8px;list-style:none;}
.tem_index_footer_attention li a{display:block;overflow:hidden;width:44px;height:44px;background:url(../image/pnt.png) no-repeat left top;color:#646363;font-size:0;}
.tem_index_footer_attention li.tenxun a{background-position:-83px top!important;}
.tem_index_footer_attention li.weixin a{background-position:-247px top!important;}
.tem_index_footer_attention li.qq a{background-position:-165px top!important;}
.tem_index_footer_attention li:hover a{background:url(../image/pnthover.png) no-repeat;}
.tem_index_footer_attention img{margin-top:8px;width:100px;}
.tem_index_footer_attention p{margin-top:5px;}
.tem_footer{position:relative;background: #000;color: #fff;font-size:14px;height: 80px;text-align: center;}
.tem_footer a{color:#4a4a4a;}
.tem_footer_nav{position:absolute;top:50%;right:0;margin-top:-15px;height:30px;line-height:30px;}
.tem_footer_nav a{margin-left:30px;}
.powered_by_metinfo{height:35px;background:#161616;color:#4a4a4a;text-align:center;font-size:12px;line-height:35px;}
.powered_by_metinfo a{color:#4a4a4a;}
.met_section{position:relative;padding:40px 0 50px;}
.met_section aside{position:relative;float:left;width:230px;}
.met_section article{float:left;margin-left:-230px;width:100%;}
.met_section article .met_article{margin-left:250px;}
.met_section_asidenone article{float:none;margin-left:0;}
.met_section_asidenone article .met_article{margin-left:0;}
.met_section aside section{border:1px solid #ddd;}
.met_section aside section h2{padding:0 20px;height:60px;border-bottom:1px solid #ddd;font-size:18px;line-height:60px;}
.met_section aside .met_aside_list{padding:10px 0;}
.met_section aside .met_aside dl dt{height:45px;line-height:45px;}
.met_section aside .met_aside dl dt a{display:block;padding:0 20px;color:#333;}
.met_section aside .met_aside dl dt a:hover{background:#efefef;}
.met_section aside .met_aside dl dt.on{background:#efefef; border-left:4px solid #e9280c;}
.met_section aside .met_aside dl dd{padding:6px 0 6px 0;}
.met_section aside .met_aside dl dd a{display:block;padding-left:40px;height:35px;color:#333;font-weight:normal;line-height:35px;}
.met_section aside .met_aside dl dd .on a,.met_aside dl dd a:hover{background:#efefef;}
.met_section aside .met_related{margin-top:20px;}
.met_section aside .met_related ul{padding:20px;}
.met_section aside .met_related li{margin-bottom:8px;list-style:none;}
.met_article_head{position:relative;padding:0 10px;height:60px;border-bottom:1px solid #ddd;line-height:60px;}
.met_article_head .met_position{position:absolute;top:0;right:10px;color:#aaa;font-family:'ËÎÌå';}
.met_article_head .met_position a{color:#999;font-family:'Microsoft YaHei',Tahoma,Verdana,'Simsun';}
.met_article_head h1{color:#555;font-weight:normal;font-size:18px;}
.met_section_sehed{padding-top:0;}
.met_section_head{height:50px;color:#aaa;font-size:12px;font-family:'ËÎÌå';line-height:50px;}
.met_section_head a{color:#999;font-family:'Microsoft YaHei',Tahoma,Verdana,'Simsun';}
.met_section_head a:hover{color:#e9280c;}
body,h1,h2,h3,h4,h5,h6,dl,dt,li,ol,ul,dd,th,td,p,pre,form,input,button,textarea,hr{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-size:100%}
img{border:0}
button,input,select,textarea{font-size:100%}
.met_clear{clear:both}
.met_none{display:none}
.met_hidden{visibility:hidden}
.met_fl{float:left}
.met_fr{float:right}
.met_editor{line-height:2}
.met_editor ul,.met_editor ol{padding:0 0 0 25px;margin:0}
.met_editor a{color:#1c57c4}
.met_editor a:hover{text-decoration:underline}
.met_editor img{max-width:100%;height:auto!important;}
.met_editor blockquote{padding-top:5px;padding-bottom:5px;padding-left:15px;border-left:4px solid #ddd}
.met_editor hr{display:block;padding:0;border:0;height:0;border-top:1px solid #ddd;margin:20px 0;-webkit-box-sizing:content-box;box-sizing:content-box}
.met_editor .metvideobox{ text-align:center; visibility:hidden; margin:10px auto; }
.met_editor .video-js{ max-width:100%; }
.met_editor table{width:100%!important;margin-bottom:1.6rem;border-spacing:0!important;border-collapse:collapse!important;padding:0!important;border:0}
.met_editor table td{border:1px solid #ddd!important}
.met_editor table>thead>tr>th,table>tbody>tr>th,table>tfoot>tr>th,table>thead>tr>td,table>tbody>tr>td,table>tfoot>tr>td{}
.met_editor table>thead>tr>th{vertical-align:bottom;border-bottom:1px solid #ddd}
.met_editor #page_break .collapse{display:none}
.met_editor #page_break .num{padding:10px 0;text-align:center}
.met_editor #page_break .num li{display:inline;margin:0 2px;padding:3px 5px;border:1px solid #ccc;background-color:#fff;color:#666;text-align:center;cursor:pointer;font-family:Arial;font-size:12px;overflow:hidden}
.met_editor #page_break .num li.on{background-color:#ccc;color:#fff;font-weight:bold}
.metinfo-banner1{overflow:hidden;margin:0 auto}
.met_pager{text-align:center;padding:30px 0 0}
.met_pager a{border:1px solid #e0e0e0;text-align:center;height:28px;line-height:28px;min-width:28px;_width:28px;text-align:center;display:inline-block;color:#aaa}
.met_pager a:hover{border:1px solid #a0a0a0;color:#aaa}
.met_pager .PreSpan,.met_pager .NextSpan{height:30px;line-height:30px;min-width:60px;_width:60px;text-align:center;background:#f0f0f0;color:#ccc;display:inline-block}
.met_pager .PreA,.met_pager .NextA{height:28px;line-height:28px;min-width:58px;_width:58px;color:#aaa}
.met_pager .PreSpan,.met_pager .PreA{margin-right:6px}
.met_pager .NextSpan,.met_pager .NextA{margin-left:6px}
.met_pager .firstPage,.met_pager .lastPage{font-weight:bold;height:28px;line-height:28px;min-width:40px;_width:40px;color:#aaa}
.met_pager .Ahover{font-weight:bold;background:#f0f0f0;color:#aaa}
.met_pager .PageText{margin-left:10px;color:#aaa}
.met_pager #metPageT,#metPageB{text-align:center;border:1px solid #e0e0e0;color:#aaa}
.met_pager #metPageT{width:20px;padding:6px 5px 5px}
.met_pager #metPageB{min-width:40px;_width:40px;padding:6px 0 5px;cursor:pointer;font-weight:bold}
*html .met_pager #metPageT{height:13px;line-height:13px}
*html .met_pager #metPageB{padding:0;height:28px;line-height:20px}
*+html .met_pager #metPageT{height:13px;line-height:13px}
*+html .met_pager #metPageB{padding:0;height:28px;line-height:20px}
.met_module1{padding:30px 10px}
.met_module2_list{padding:10px 10px}
.met_module2_list li{list-style:none;border-bottom:1px solid #ddd;padding:15px 100px 15px 10px;position:relative}
.met_module2_list h2{font-weight:normal}
.met_module2_list li p{color:#818181}
.met_module2_list li span.time{color:#818181;position:absolute;right:10px;top:15px}
.met_module2_list li h2 i{margin-right:10px;position:relative}
.met_module2_list li.list_2 h2,.met_module2_list li.list_3 h2{margin-bottom:3px;font-weight:bold}
.met_module2_list li.list_2{padding:15px 0}
.met_module2_list li.list_3{padding-left:100px;min-height:80px}
.met_module2_list li.list_3 img{position:absolute;left:0;top:15px}
.met_module2_list li.list_3 span.time{position:static}
.met_module2 h1.met_title{font-size:28px;font-weight:normal;padding:5px 0}
.met_module2 .met_infos{color:#818181;font-size:12px;margin-bottom:30px;padding-bottom:10px;border-bottom:1px solid #ddd}
.met_module2 .met_time{padding-right:6px}
.met_module2 .met_source{padding-right:6px}
.met_module2 .met_source a{color:#607fa6}
.met_module2 .met_editor{padding:0 10px}
.met_tools{border-top:1px solid #ddd;margin-top:30px;position:relative;padding:10px 10px 0;height:50px;line-height:50px}
.met_tools .met_page{clear:both;position:absolute;right:5px;top:0;color:#818181}
.met_tools .met_page li{ display:inline; list-style:none; margin-left:30px;}
.met_tools .met_page li span{ padding-right:5px;}
.met_tools .met_page a{color:#607fa6}
.met_module3_list ul.list_1{list-style:none;visibility:hidden}
.met_module3_list ul.list_1 li{float:left;text-align:center;margin-top:30px;overflow:hidden}
.met_module3_list ul.list_1 li a{text-align:center;display:block;margin:0 auto;background:#fff;border:1px solid #ddd;font-size:0}
.met_module3_list ul.list_1 li h2{text-align:left;font-size:14px;padding:10px 10px;font-weight:normal;border-top:1px solid #ddd}
.met_module3_list ul a img{transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s}
.met_module3_list ul a:hover h2{color:#333}
.met_module3_list ul a:hover img{filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5}
.met_module3_list ul.list_2{list-style:none;visibility:hidden}
.met_module3_list ul.list_2 li{padding:20px 10px;border-bottom:1px solid #ddd}
.met_module3_list ul.list_2 dt{float:left;position:relative}
.met_module3_list ul.list_2 dd{float:left;width:100%}
.met_module3_list ul.list_2 dd h2{padding:5px 10px;font-size:15px;font-weight:normal}
.met_module3_list ul.list_2 dd p{padding:5px 10px;color:#818181}
#showproduct dl.pshow{visibility:hidden}
#showproduct dl.pshow dt{float:left;position:relative;font-size:0;text-align:center;overflow:hidden;border-right:1px solid #ddd}
#showproduct dl.pshow dt .met_box{margin:0 auto;visibility:hidden}
#showproduct dl.pshow dt .met_box figcaption{display:none}
#showproduct dl.pshow dt .my-simple-gallery figure{float:left;margin:0}
#showproduct dl.pshow dt li{display:inline-block;margin-right:10px;margin-top:10px;cursor:pointer}
#showproduct dl.pshow dt li img{filter:alpha(opacity=90);-moz-opacity:.9;-khtml-opacity:.9;opacity:.9}
#showproduct dl.pshow dt li.flex-active{border:2px solid #000;width:66px;height:66px;position:relative;overflow:hidden}
#showproduct dl.pshow dt li.flex-active img{position:relative;left:-2px;top:-2px}
#showproduct dl.pshow dd{float:left;width:100%}
#showproduct dl.pshow dd .met_box{padding:0 20px}
#showproduct dl.pshow dd .met_box h1{font-size:24px;padding:20px 5px;border-bottom:1px solid #ddd}
#showproduct dl.pshow dd .met_box ul li{list-style:none;color:#818181;padding:8px 5px 8px 90px;border-bottom:1px solid #ddd;position:relative}
#showproduct dl.pshow dd .met_box ul li span{position:absolute;left:0;top:0;padding:8px 5px;width:80px;word-wrap:break-word}
#showproduct dl.pshow dd .met_box .desc{padding:10px;margin-top:20px;background:#f7f8fa;color:#666}
#showproduct .met_nav{height:45px;line-height:45px;margin:30px 0;border:1px solid #ddd}
#showproduct .met_nav li{float:left;list-style:none;border-right:1px solid #ddd;cursor:pointer}
#showproduct .met_nav li a{display:block;padding:0 40px}
#showproduct .met_nav li.met_now,#showproduct .met_nav li.met_hover{background:#f7f8fa}
#showproduct .met_related{margin-top:30px;font-size:18px;font-weight:normal;border-bottom:1px solid #ddd;padding:10px 10px;color:#333}
#showproduct .met_related_list{list-style:none;visibility:hidden}
#showproduct .met_related_list li{float:left;text-align:center;margin-top:30px;overflow:hidden}
#showproduct .met_related_list li a{text-align:center;display:block;margin:0 auto;background:#fff;border:1px solid #ddd;font-size:0}
#showproduct .met_related_list li h2{text-align:left;font-size:14px;padding:10px 10px;font-weight:normal;border-top:1px solid #ddd}
#showproduct .met_related_list li img{transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s}
#showproduct .met_related_list li a:hover h2{color:#333}
#showproduct .met_related_list li a:hover img{filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5}
#showproduct .met_nav_contbox{padding:0 10px}
#downloadlist{padding:15px}
#downloadlist .metlist{margin-bottom:20px}
#downloadlist .metlist dt{border-bottom:1px solid #ddd;font-size:14px;font-weight:bold;padding:8px 5px 8px 0;background:url(404.png) no-repeat 5px 11px}
#downloadlist .metlist dd{color:#999;padding:8px;background:#f7f8fa}
#downloadlist .metlist dd b{font-weight:normal}
#downloadlist .metlist dd div{float:right}
#downloadlist .metlist dd span{padding-right:20px}
#downloadlist .metlist dd a{color:#1c57c4}
#downloadlist .metlist dd a.down{color:#fa1a1a}
#showdownload{padding:15px}
#showdownload h1.title{font-size:24px;padding:15px 5px;border-bottom:1px solid #ddd;margin-bottom:30px}
#showdownload .paralist{background:#8c989f;padding:5px 10px;color:#fff;visibility:hidden}
#showdownload .paralist li{list-style:none;padding:8px 5px 8px 90px;min-height:20px;position:relative;border-bottom:1px solid #ddd}
#showdownload .paralist li:last-child{border-bottom:0}
#showdownload .paralist li a{color:#fff}
#showdownload .paralist li span{position:absolute;left:0;top:0;width:80px;padding:8px 5px;word-wrap:break-word}
#showdownload .met_editor{padding:0 10px}
#showdownload .ctitle{margin:30px 0 10px;padding:0 10px;font-size:16px;font-weight:normal;height:40px;line-height:40px;border-bottom:1px solid #ddd}
#showdownload .downloadbox{margin-top:30px}
#showdownload .downloadbox a{display:inline-block;background:#23b7e5;height:35px;line-height:35px;padding:0 35px;color:#fff;border-radius:2px}
#showdownload .downloadbox a:hover{background:#38c4f0}
#showdownload .downloadbox a.active{background:#1ba4cf}
#imglist ul.list_1{list-style:none;visibility:hidden}
#imglist ul.list_1 li{float:left;text-align:center;margin-top:30px;overflow:hidden}
#imglist ul.list_1 li a{text-align:center;display:block;margin:0 auto;background:#fff;border:1px solid #ddd;font-size:0}
#imglist ul.list_1 li h2{text-align:left;font-size:14px;padding:10px 10px;font-weight:normal;border-top:1px solid #ddd}
#imglist ul a img{transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s}
#imglist ul a:hover h2{color:#333}
#imglist ul a:hover img{filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5}
#imglist ul.list_2{list-style:none;visibility:hidden}
#imglist ul.list_2 li{padding:20px 10px;border-bottom:1px solid #ddd}
#imglist ul.list_2 dt{float:left;position:relative}
#imglist ul.list_2 dd{float:left;width:100%}
#imglist ul.list_2 dd h2{padding:5px 10px;font-size:15px}
#imglist ul.list_2 dd p{padding:5px 10px;color:#818181}
#showimg h1.met_title{font-size:24px;padding:15px 5px;border-bottom:1px solid #ddd;margin-bottom:30px}
#showimg .met_slide_box{text-align:center;background:#000;margin:0 auto;overflow:hidden;position:relative}
#showimg .met_slide_list ul{display:none;}
#showimg ul.exposureThumbs{border-right:0;padding:0;margin:0;list-style-type:none;height:79px; width:790px; margin:0px auto;padding:10px}
#showimg ul.exposureThumbs li{background:#111;margin:0 10px 0 0;padding:0;text-align:center;display:none;float:left}
#showimg ul.exposureThumbs li img{cursor:pointer}
#showimg ul.exposureThumbs li.last{margin:0}
#showimg .exposureWrapper{position:absolute;top:0;left:0}
#showimg .exposureWrapper img{cursor:pointer;position:absolute;top:0;left:0}
#showimg .exposureLoaded{background-image:none}
#showimg ul.exposureThumbs li{width:150px;height:79px}
#showimg .exposureSlideshowControls a{font-size:11px;color:#bba;text-decoration:none;outline:0;padding:2px 6px;display:inline}
#showimg .exposureSlideshowControls a:active,.exposureSlideshowControls a:hover{background-color:#999;color:#444}
#showimg .met_slide_box .left,.met_slide_box .right{position:absolute;width:50%;cursor:pointer}
#showimg .met_slide_box .left a,.met_slide_box .right a{display:block;width:100%;height:100%}
#showimg .imgparalist{background:#8c989f;padding:5px 10px;color:#fff;visibility:hidden;margin-top:30px;visibility:hidden}
#showimg .imgparalist li{list-style:none;padding:8px 5px 8px 90px;min-height:20px;position:relative;border-bottom:1px solid #ddd}
#showimg .imgparalist li:last-child{border-bottom:0}
#showimg .imgparalist li a{color:#fff}
#showimg .imgparalist li span{position:absolute;left:0;top:0;width:80px;padding:8px 5px;overflow:hidden;word-wrap:break-word}
#joblist{padding:15px}
#joblist dl{padding:10px 5px 10px;margin-top:30px;border:1px solid #ddd}
#joblist dt{padding:0 10px;font-size:16px;font-weight:bold}
#joblist dd .dtail{padding:5px 10px 0;border-top:1px solid #ddd}
#joblist dd .dtail span{margin-right:15px}
#joblist dd .dtail a{color:#1c57c4}
#joblist dd .editor{padding:10px}
#joblist dd .mis{padding:5px 10px;border-bottom:1px solid #ddd;font-size:12px}
#joblist dd .mis span{margin-right:15px;color:#999}
#showjob h1.title{font-size:24px;padding:15px 5px;border-bottom:1px solid #ddd;margin-bottom:30px}
#showjob .ctitle{margin:30px 0 10px;padding:0 10px;font-size:16px;font-weight:normal;height:40px;line-height:40px;border-bottom:1px solid #ddd}
#showjob .met_editor{padding:0 10px}
#cvlist{padding:15px}
#showjob .paralist{background:#8c989f;padding:5px 10px;color:#fff;visibility:hidden;margin-top:30px;visibility:hidden}
#showjob .paralist li{list-style:none;padding:8px 5px 8px 90px;min-height:20px;position:relative;border-bottom:1px solid #ddd}
#showjob .paralist li:last-child{border-bottom:0}
#showjob .paralist li a{color:#fff}
#showjob .paralist li span{position:absolute;left:0;top:0;width:80px;padding:8px 5px;overflow:hidden;word-wrap:break-word}
#showjob .info_cv{margin-top:30px;margin-left:10px}
#showjob .info_cv a{display:inline-block;background:#23b7e5;height:35px;line-height:35px;padding:0 35px;color:#fff;border-radius:2px}
#showjob .info_cv a:hover{background:#38c4f0}
#showjob .info_cv a.active{background:#1ba4cf}
#messagelist{padding:15px}
#messagelist .metlist{margin-top:30px;border:1px solid #ddd;padding:5px}
#messagelist .metlist dt{padding:5px}
#messagelist .metlist dt span.name{color:#2c7199}
#messagelist .metlist dt span.time{padding-left:5px;color:#aaa;font-size:12px}
#messagelist .metlist dt span.tt{float:right;padding-right:5px;color:#aaa}
#messagelist .metlist dd.info span.tt{display:none;clear:both}
#messagelist .metlist dd.info span.text{display:block;line-height:1.5;padding:0 5px 10px;border-bottom:1px solid #ddd}
#messagelist .metlist dd.reinfo span.tt{display:block;padding:10px 5px 0;color:#2c7199}
#messagelist .metlist dd.reinfo span.text{display:block;line-height:1.5;padding:5px 5px 10px}
#messagelist .v52fmbx{margin:30px 0 0}
#linklist{padding:15px 15px 25px}
#linklist .ctitle{margin:10px 0 10px;padding:5px 10px;border-bottom:1px solid #ddd}
#linklist .inside{padding:15px 0 0}
#linklist .metlist .img li{list-style:none;display:inline;padding-right:5px}
#linklist .metlist .img img{width:88px;height:31px}
#linklist .metlist .txt li{list-style:none;float:left;width:88px;height:20px;line-height:20px;margin-right:5px;overflow:hidden}
#linksubmit{padding:15px}
#linksubmit table{margin:0 auto}
#memberbox{padding:15px}
ul.searchnavlist{list-style:none;padding:0 20px;margin:0}
ul.searchnavlist li{padding:5px 0}
ul.searchnavlist .advsearch_searchword input{width:90%;height:28px;line-height:28px\9;padding:2px 5px;border:1px solid #dcdfe0;background-color:#fff;color:#333;outline:0;border-radius:2px}
ul.searchnavlist .searchgo{display:block;background:#23b7e5;border:0 none;height:34px;line-height:26px;padding:0 35px;color:#fff;cursor:pointer;border-radius:2px;font-family:'Microsoft YaHei',Tahoma,Verdana,'Simsun'}
ul.searchnavlist .searchgo:hover{background:#38c4f0}
ul.searchnavlist .searchgo:active{background:#1ba4cf}
#searchlist{padding:15px 0}
#searchlist li{padding-left:10px;margin-bottom:6px;line-height:1.5}
#searchlist ul{list-style:none;padding:0;margin:0}
#searchlist ul li{padding:3px 5px;margin-bottom:10px}
#searchlist ul li img{display:none}
#searchlist .search_title{display:block;padding:2px 0}
#searchlist .search_title a{font-size:16px;color:#12C;text-decoration:underline}
#searchlist .search_title em{color:#c00;text-decoration:underline;font-style:normal}
#searchlist .search_detail{display:block}
#searchlist .search_detail a{text-decoration:underline;color:#12C}
#searchlist .search_content em{color:#c00;font-style:normal}
#searchlist .search_updatetime{display:block;margin-top:5px;color:green}
#searchlist a:hover{text-decoration:underline}
#sitemaplist dl{margin-top:30px;padding:20px;border:1px solid #ddd}
#sitemaplist dt h2{font-size:18px;font-weight:normal;padding:10px 0;border-bottom:1px solid #ddd}
#sitemaplist dt h2 i{font-size:22px;margin-left:10px;font-weight:normal;color:#888;position:relative;top:2px}
#sitemaplist dd ul{float:left;width:25%;list-style:none;margin-top:20px}
#sitemaplist dd li{margin-top:5px}
#sitemaplist dd li h4 a{font-weight:normal;color:#666}
.v52fmbx_hr{border-top:1px solid #ddd;margin:0;padding:0 5px 0 15px;font-weight:bold;font-size:16px;background:#ddd;height:60px;line-height:60px;}
:-ms-input-placeholder{color:#999}
.met-focus{border:1px solid #23b7e5!important}
.v52fmbx{border:1px solid #ddd;border-top:0;overflow:hidden;text-align:left}
.v52fmbx dl:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.v52fmbx dl{width:100%;zoom:1;background:#fff}
.v52fmbx dl{border-top:1px solid #ddd;margin:0;display:-webkit-box;display:-moz-box;display:box;display:-ms-flexbox;position:relative;padding:5px 0}
.v52fmbx dl dt{padding:15px 15px 10px 15px;width:105px;text-align:left;font-weight:normal;overflow:hidden;line-height:1.2}
.v52fmbx dl dd{-moz-box-flex:1.0;-webkit-box-flex:1.0;box-flex:1.0;-ms-flex:1;padding:2px 0 0 15px;margin:10px 0}
.v52fmbx dl dd label input{position:relative;top:1px;margin-right:3px}
.v52fmbx dl dd .fbox{margin:0 10px 0 0}
.v52fmbx dl dd .tips{color:#aaa}
.v52fmbx dl dd .tips:hover{color:#f00}
.v52fmbx dl dd.labelinline label{display:inline}
.v52fmbx dl dt.addimgdt{padding:10px 5px 10px}
.v52fmbx dl dt.addimgdt p{height:30px;line-height:30px;margin-bottom:8px}
.v52fmbx dl.noborder{border-bottom:0}
.formerror{margin-top:6px;height:20px;line-height:20px}
.formerror .fa-times{color:#fff;border-radius:3px;padding:1px 2px;font-size:16px;margin-right:5px;background:red}
.formerror .fa-check{color:#fff;border-radius:3px;padding:2px;font-size:14px;margin-right:5px;background:#10aa00}
.formerrorbox{border:2px solid #f00!important}
.v52fmbx dl dd.ftype_description{color:#fff;padding:8px;margin:0 5px;background:#6c6fbf}
.ftype_input .fbox{float:left}
.ftype_input .tips{float:left;padding-top:5px}
.ftype_input .fbox input{width:350px;height:28px;line-height:28px\9;padding:2px 5px;border:1px solid #dcdfe0;background-color:#fff;color:#333;outline:0;border-radius:2px}
.placeholder-ie{position:relative}
.placeholder-ie label{position:absolute;left:8px;top:7px;cursor:text;color:#999}
.ftype_textarea .tips{display:block}
.ftype_textarea textarea{width:350px;line-height:1.5;height:100px;padding:7px 5px;border:1px solid #dcdfe0;background-color:#fff;color:#333;outline:0}
.ftype_select .tips,.ftype_select-linkage .tips{display:block;margin-top:5px}
select{line-height:31px;height:31px;vertical-align:middle;background-color:#fff;outline:0;border:1px solid #ccc;padding:4px;color:#656565}
.ftype_radio .fbox label{font-weight:normal;height:28px;line-height:28px;margin:0;display:block}
.ftype_radio .fbox input[type='radio']{border-radius:100%;bottom:3px;height:15px;position:relative;vertical-align:middle;width:15px;margin:0;position:relative;top:-1px;margin-right:6px}
.ftype_radio .formerror{margin-top:0}
.ftype_checkbox .fbox input[type='checkbox']{border-radius:100%;bottom:3px;height:15px;position:relative;vertical-align:middle;width:15px;margin:0}
.ftype_checkbox .fbox label{font-weight:normal;height:28px;line-height:28px;margin:0;display:block}
.ftype_checkbox .fbox input{position:relative;top:-1px;margin-right:6px!important}
.ftype_checkbox .formerror{margin-top:0}
.ftype_transverse .fbox label{display:inline;margin-right:15px}
.submit{display:block;background:#23b7e5;border:0 none;height:34px;line-height:26px;padding:0 35px;color:#fff;cursor:pointer;border-radius:2px;font-family:'Microsoft YaHei',Tahoma,Verdana,'Simsun'}
.submit:hover{background:#38c4f0}
.submit.active{background:#1ba4cf}
.v52fmbx dl dd.ftype_code input{width:80px;margin-right:10px}
.v52fmbx dl dd.ftype_code img{height:30px;position:relative;bottom:2px}
header{position: fixed;top: 0;background: transparent;left: 0;width: 100%;z-index: 1;border-bottom: 1px solid #7280aa;}
.dts_topo{width: 100%;height: 100%;background: #000;opacity: 0.2;filter:alpha(opacity=20);position: absolute;left: 0;top: 0;}
.section .com_img{height: 100%;background-size: cover;background-position: 50%;position: relative;overflow: hidden;}
.com_img2{}
.com_img2 .com_img_top{width: 100%;margin-top: 200px;text-align: center;margin-left:auto; margin-right:auto;}
.com_img2 .com_img_top h2{color: #fff;font-size: 40px;letter-spacing: 1px;font-weight: 500;margin: 0;}
.com_img2 .com_img_top h3{color: #fcfcfc;font-size: 18px;font-weight: 400;padding: 13px 0 10px;letter-spacing: 1px;margin: 0;}
.com_img2 .com_img_top p{color: #fcfcfc;font-size: 22px;letter-spacing: 1.5px;margin: 0;padding-top: 6px;}
.com_img2 .com_img_bottom{ max-width: 1100px; margin: 112px auto 0; overflow: hidden; padding-top: 1px; }
.com_img2 .com_img_bottom .img_bottom{width: 137px;height: 137px;border: 1px solid #fff;border-radius: 50%;position: relative;text-align: center;line-height: 170px;margin: 0 auto;}
.com_img2 .com_img_bottom .img_bottom:before{content: ""; display: block; position: absolute; top: -2px; right: -2px; bottom: -2px; left: -2px; border: 2px solid #d3cec8; border-radius: 50%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .com_img2 .com_img_bottom .img_bottom1{}
.com_img2 .com_img_bottom .img_bottom2{}
.com_img2 .com_img_bottom .img_bottom3{}
.com_img2 .com_img_bottom .img_bottom4{}
.com_img2 .com_img_bottom .img_bottom:hover:before{border-bottom-color: #df656a; border-left-color: #df656a; border-top-color: #df656a; transform: rotate(270deg); border-right-color: #fff; }
.com_img2 .com_bottom{float: left;text-align: center;}
.com_img2 .com_img_bottom .com_bottom h3{color: #fefefe;font-size: 18px;font-weight: 500;padding-top: 25px;display: inline-block;margin: 0 auto;}
.com_img2 .com_img_bottom .com_bottom p{color: #fefefe;font-size: 18px;padding-top: 30px;letter-spacing: 1px;max-width: 210px;margin: 0 auto;text-align: left;}
.com_img2 .com_img_top h2:after{content: "";display: block;width: 50px;height: 4px;background: #df656a;margin: 10px auto 0;}
.ttq_section3 .com_img3_bottom .com_img3_content{padding-top: 35px; width: 738px; margin: 0 auto; line-height: 2.2; transition: .5s; padding-left: 110px; }
.tem_head nav ul li a:after{content: "";width: 1px;height: 16px;background: #9fa7bd;display: inline-block;position: absolute;right: 0;top: 50%;margin-top: -8px;}
.ttq_section2.active .com_img2 .com_img_top h2{opacity: 1;transition:.5s .7s;display: inline;}
.ttq_section2.active .com_img2 .com_img_top h3{opacity: 1;transition:.5s 1.1s; width: 100%;margin: 0 auto;display: inline-block;}
.ttq_section2.active .com_img2 .com_img_top p{opacity: 1;transition:.5s 1.7s;display: inline;}
.ttq_section2 .com_img2 .com_bottom1{position: relative;left: -1273px;}
.ttq_section2 .com_img2 .com_bottom2{position: relative;left: -1000px;}
.section.active .com_img2 .com_bottom{left: 0;transition:1.5s 1.7s;}
.ttq_section2 .com_img2 .com_bottom4{position: relative;left: 1273px;}
.ttq_section2 .com_img2 .com_bottom3{position: relative;left: 1000px;}
.ttq_section2 .com_img2 .com_img_top h2{opacity: 0;}
.ttq_section2 .com_img2 .com_img_top h3{opacity: 0;width: 200px;margin: 0 auto;display: block}
.ttq_section2 .com_img2 .com_img_top p{opacity: 0;}
.ttq_section3 .com_img2 .com_img_top{margin-left: -2500px;}
.ttq_section3.active .com_img2 .com_img_top{margin-left: 0;transition:1.5s .7s;}
.ttq_section3 .com_img3_bottom{margin-left: 2500px;}
.ttq_section3.active .com_img3_bottom{margin-left: 0;transition:1.5s .7s;}
@keyframes niuyue{
0% {width: 0;}
55% {width: 0;}
100% {width: 687px;}
}
@-webkit-keyframes niuyue{
0% {width: 0;}
55% {width: 0;}
100% {width: 687px;}
}
@-moz-keyframes niuyue{
0% {width: 0;}
55% {width: 0;}
100% {width: 687px;}
}
@-o-keyframes niuyue{
0% {width: 0;}
55% {width: 0;}
100% {width: 687px;}
}
@keyframes yindu{
0% {width: 0;}
55% {width: 0;}
100% {width: 332px;}
}
@-webkit-keyframes yindu{
0% {width: 0;}
55% {width: 0;}
100% {width: 332px;}
}
@-moz-keyframes yindu{
0% {width: 0;}
55% {width: 0;}
100% {width: 332px;}
}
@-o-keyframes yindu{
0% {width: 0;}
55% {width: 0;}
100% {width: 332px;}
}
@keyframes dongjing{
0% {width: 0;}
55% {width: 0;}
100% {width: 162px;}
}
@-moz-keyframes dongjing{
0% {width: 0;}
55% {width: 0;}
100% {width: 162px;}
}@-webkit-keyframes dongjing{
0% {width: 0;}
55% {width: 0;}
100% {width: 162px;}
}@-o-keyframes dongjing{
0% {width: 0;}
55% {width: 0;}
100% {width: 162px;}
}
@keyframes xinjiapo{
0% {height: 0;}
55% {height: 0;}
100% {height: 255px;}
}
@-webkit-keyframes xinjiapo{
0% {height: 0;}
55% {height: 0;}
100% {height: 255px;}
}
@-moz-keyframes xinjiapo{
0% {height: 0;}
55% {height: 0;}
100% {height: 255px;}
}
@-o-keyframes xinjiapo{
0% {height: 0;}
55% {height: 0;}
100% {height: 255px;}
}
@keyframes yuenan{
0% {height: 0;}
55% {height: 0;}
100% {height: 118px;}
}
@-webkit-keyframes yuenan{
0% {height: 0;}
55% {height: 0;}
100% {height: 118px;}
}
@-moz-keyframes yuenan{
0% {height: 0;}
55% {height: 0;}
100% {height: 118px;}
}
@-o-keyframes yuenan{
0% {height: 0;}
55% {height: 0;}
100% {height: 118px;}
}
@keyframes taiguo{
0% {height: 0;}
55% {height: 0;}
100% {height: 168px;}
}
@-webkit-keyframes taiguo{
0% {height: 0;}
55% {height: 0;}
100% {height: 168px;}
}
@-moz-keyframes taiguo{
0% {height: 0;}
55% {height: 0;}
100% {height: 168px;}
}
@-o-keyframes taiguo{
0% {height: 0;}
55% {height: 0;}
100% {height: 168px;}
}
@keyframes img_yindu{
0% {right: 332px;}
55% {right: 332px;}
100% {right: 0;}
}
@-webkit-keyframes img_yindu{
0% {right: 332px;}
55% {right: 332px;}
100% {right: 0;}
}
@-moz-keyframes img_yindu{
0% {right: 332px;}
55% {right: 332px;}
100% {right: 0;}
}
@-o-keyframes img_yindu{
0% {right: 332px;}
55% {right: 332px;}
100% {right: 0;}
}
.ttq_section1.active .section111 .img_niuyue{animation:niuyue 3s .7s;-moz-animation:niuyue 3s .7s;-webkit-animation:niuyue 3s .7s;-o-animation:niuyue 3s .7s;}
.ttq_section1.active .section111 .img_yindu{animation:yindu 3s .7s;-moz-animation:yindu 3s .7s;-webkit-animation:yindu 3s .7s;-o-animation:yindu 3s .7s;}
.ttq_section1.active .section111 .img_dongjing{animation:dongjing 3s .7s;-moz-animation:dongjing 3s .7s;-webkit-animation:dongjing 3s .7s;-o-animation:dongjing 3s .7s;}
.ttq_section1.active .section111 .img_xinjiapo{animation:xinjiapo 3s .7s;-moz-animation:xinjiapo 3s .7s;-webkit-animation:xinjiapo 3s .7s;-o-animation:xinjiapo 3s .7s;}
.ttq_section1.active .section111 .img_yuenan{animation:yuenan 3s .7s;-moz-animation:yuenan 3s .7s;-webkit-animation:yuenan 3s .7s;-o-animation:yuenan 3s .7s;}
.ttq_section1.active .section111 .img_taiguo{animation:taiguo 3s .7s;-moz-animation:taiguo 3s .7s;-webkit-animation:taiguo 3s .7s;-o-animation:taiguo 3s .7s;}
.ttq_section1.active .com_img .section111 .img_yindu div{animation:img_yindu 3s .7s;-moz-animation:img_yindu 3s .7s;-webkit-animation:img_yindu 3s .7s;-o-animation:img_yindu 3s .7s;}
.section111{width: 1000px;height: 400px;position: absolute;left: 32.8%;top: 40%;margin-top: -200px;}
.section .com_img .section111 .img_niuyue{position: absolute;left: 28.9%;top: 7%;height: 188px;overflow: hidden;}
.ttq_section1 .section111 .img_niuyue{width: 0;}
.ttq_section1.dts_jz .section111 .img_niuyue{width: 687px;transition:width 1s ease-In 1s;-webkit-transition:width 1s ease-In 1s;}
.section .com_img .section111 .img_yindu{position: absolute;right: 65.8%;top: 34.3%;height: 134px;overflow: hidden;width: 0;transition:width .7s;}
.section .com_img .section111 .img_yindu div{position: relative;right: 332px;height: 134px;transition:right .7s;}
.ttq_section1.dts_jz .com_img .section111 .img_yindu div{right: 0;transition: right 1s ease-In 1.5s;display: block;-webkit-transition: right 1s ease-In 1.5s;}
.ttq_section1.dts_jz .section111 .img_yindu{width: 332px;transition:width 1s ease-In 1.5s;-webkit-transition:width 1s ease-In 1.5s;}
.section .com_img .section111 .img_dongjing{position: absolute;left: 29%;top: 24.9%;height: 124px;overflow: hidden;}
.section .com_img .section111 .img_dongjing{width:0;transition:width .7s;}
.ttq_section1.dts_jz .section111 .img_dongjing{width: 162px;transition:width 1s ease-In 1.5s;-webkit-transition:width 1s ease-In 1.5s;}
.section .com_img .section111 .img_xinjiapo{position: absolute;left: 20.8%;top: 40.4%;width: 159px;overflow: hidden;}
.section .com_img .section111 .img_xinjiapo{height:0;}
.ttq_section1.dts_jz .section111 .img_xinjiapo{height: 255px;transition:height 1s ease-In 1.5s;-webkit-transition:height 1s ease-In 1.5s;}
.section .com_img .section111 .img_yuenan{position: absolute;left: 20.5%;top: 39.2%;width: 134px;overflow: hidden;}
.section .com_img .section111 .img_yuenan{height:0;transition:height .7s;}
.ttq_section1.dts_jz .section111 .img_yuenan{height: 118px;transition:height 1s ease-In 1.5s;-webkit-transition:height 1s ease-In 1.5s;}
.section .com_img .section111 .img_taiguo{position: absolute;left: 19%;top: 40.4%;width: 155px;overflow: hidden;}
.section .com_img .section111 .img_taiguo{height:0;transition:height .7s;}
.ttq_section1.dts_jz .section111 .img_taiguo{height: 168px;transition:height 1s ease-In 1.5s;-webkit-transition:height 1s ease-In 1.5s;}
.section .com_img .section111 .dian_shanghai{width: 14px;height: 14px;background: radial-gradient(circle,#f9468b,#9eb1ee);border-radius: 50%;box-shadow: 0px 0px 7px 3px #f9468b;position: absolute;left: 30.8%;top: 44%;opacity: 0;}
@keyframes name_sh{
0% {opacity: 0;}
20% {opacity: 0;}
100% {opacity: 1;}
}
@-webkit-keyframes name_sh{
0% {opacity: 0;}
20% {opacity: 0;}
100% {opacity: 1;}
}
@-moz-keyframes name_sh{
0% {opacity: 0;}
20% {opacity: 0;}
100% {opacity: 1;}
}
@-o-keyframes name_sh{
0% {opacity: 0;}
20% {opacity: 0;}
100% {opacity: 1;}
}
.ttq_section1.active .section111 .dian_shanghai{animation:name_sh 2s .7s;-webkit-animation:name_sh 2s .7s;-moz-animation:name_sh 2s .7s;-o-animation:name_sh 2s .7s;}
.ttq_section1.dts_jz .section111 .dian_shanghai{transition: 1s .5s;opacity: 1;}
.ttq_section1 .section111 .dian_our{width: 9px;height: 9px;background: #fff;box-shadow: 0px 0px 6px 2px #fff;position: absolute;border-radius: 50%;opacity: 0;}
.ttq_section1.dts_jz .section111 .dian_niuyue{right: 4%;top: 37.5%;}
.ttq_section1.dts_jz .section111 .dian_dongjing{left: 40.8%; top: 32%; }
.ttq_section1.dts_jz .section111 .dian_yindu{left: 3.5%;top: 63%;}
.ttq_section1.dts_jz .section111 .dian_yuenan{left: 23.1%; top: 61%; }
.ttq_section1.dts_jz .section111 .dian_taiguo{left: 21%; top: 73.5%; }
.ttq_section1.dts_jz .section111 .dian_xinjiapo{left: 23%; top: 95%; }
@keyframes niuyuedian{
0% {opacity: 0;}
55% {opacity: 0;}
100% {opacity: 1;}
}
@-webkit-keyframes niuyuedian{
0% {opacity: 0;}
55% {opacity: 0;}
100% {opacity: 1;}
}
@-moz-keyframes niuyuedian{
0% {opacity: 0;}
55% {opacity: 0;}
100% {opacity: 1;}
}
@-o-keyframes niuyuedian{
0% {opacity: 0;}
55% {opacity: 0;}
100% {opacity: 1;}
}
.ttq_section1.active .section111 .dian_our{animation:niuyuedian 3s .7s;-webkit-animation:niuyuedian 3s .7s;-moz-animation:niuyuedian 3s .7s;-o-animation:niuyuedian 3s .7s;}
.ttq_section1.dts_jz .section111 .dian_our{transition:opacity 1s 2.5s; -webkit-transition:opacity 1s 2.5s; opacity: 1; border: 1px solid #fff; cursor: pointer; }
.ttq_section1 .section111 .dian_our:after{content: ""; display: block; position: absolute; top: -4px; right: -4px; bottom: -4px; left: -4px; border: 1px solid transparent; border-radius: 50%; }
.ttq_section1.dts_jz .section111 .dian_our:after{border: 1px solid #fff; -webkit-transition: 1s 3s; transition: 1s 3s; }
.ttq_section1.dts_jz .section111 .dian_our:before{border: 1px solid #fff; -webkit-transition:1s 4s; transition:1s 4s; }
.ttq_section1 .section111 .dian_our:before{content: ""; display: block; position: absolute; top: -8px; right: -8px; bottom: -8px; left: -8px; border: 1px solid transparent; border-radius: 50%; }
.ttq_section1 .section111 .dian_our i{position: absolute; top: -13px; left: -13px; width: 33px; height: 33px; border-radius: 50%; border: 1px solid transparent; }
.ttq_section1.dts_jz .section111 .dian_our i{border: 1px solid #fff; transition:1s 5s; -webkit-transition:1s 5s; z-index: 100; cursor: pointer; }
.ttq_section1 .section111 .dian_shanghai:after{content: ""; display: block; position: absolute; top: -4px; right: -4px; bottom: -4px; left: -4px; border: 1px solid transparent; border-radius: 50%; }
.ttq_section1.dts_jz .section111 .dian_shanghai:after{border: 1px solid #fff; -webkit-transition: 1s 3s; transition: 1s 3s; }
.ttq_section1.dts_jz .section111 .dian_shanghai:before{border: 1px solid #fff; -webkit-transition:1s 4s; transition:1s 4s; }
.ttq_section1 .section111 .dian_shanghai:before{content: ""; display: block; position: absolute; top: -8px; right: -8px; bottom: -8px; left: -8px; border: 1px solid transparent; border-radius: 50%; }
.ttq_section1 .section111 .dian_shanghai i{position: absolute; top: -12px; left: -12px; width: 38px; height: 38px; border-radius: 50%; border: 1px solid transparent; }
.ttq_section1.dts_jz .section111 .dian_shanghai i{border: 1px solid #fff; transition:1s 5s; -webkit-transition:1s 5s; }
.ttq_section1.dts_jz .section111 .dian_shanghai:after{
animation:mymove 4s infinite;-webkit-animation:mymove 4s infinite;-moz-animation:mymove 4s infinite;-o-animation:mymove 4s infinite;
animation-duration:2s;-webkit-animation-duration:2s;-moz-animation-duration:2s;-o-animation-duration:2s;
}
.ttq_section1.dts_jz .section111 .dian_shanghai:before{
animation:mymove 2s infinite;-webkit-animation:mymove 2s infinite;-moz-animation:mymove 2s infinite;-o-animation:mymove 2s infinite;
animation-delay: 2s;-webkit-animation-delay: 2s;-moz-animation-delay: 2s;-o-animation-delay: 2s;
animation-duration:2s;-webkit-animation-duration:2s;-moz-animation-duration:2s;-o-animation-duration:2s;
}
.ttq_section1.dts_jz .section111 .dian_shanghai i{
animation:mymove 2s infinite;-webkit-animation:mymove 2s infinite;-moz-animation:mymove 2s infinite;-o-animation:mymove 2s infinite;
animation-delay: 2s;-webkit-animation-delay: 2s;-moz-animation-delay: 2s;-o-animation-delay: 2s;
animation-duration:2s;-webkit-animation-duration:2s;-moz-animation-duration:2s;-o-animation-duration:2s;
z-index: 10000;cursor: pointer;
}
.ttq_section1.dts_jz .section111 .dian_our:after{
animation:mymove 4s infinite;-webkit-animation:mymove 4s infinite;-moz-animation:mymove 4s infinite;-o-animation:mymove 4s infinite;
animation-duration:2s;-webkit-animation-duration:2s;-moz-animation-duration:2s;-o-animation-duration:2s;
}
.ttq_section1.dts_jz .section111 .dian_our:before{
animation:mymove 4s infinite;-webkit-animation:mymove 4s infinite;-moz-animation:mymove 4s infinite;-o-animation:mymove 4s infinite;
animation-delay: 2s;-webkit-animation-delay: 2s;-moz-animation-delay: 2s;-o-animation-delay: 2s;
}
.ttq_section1.dts_jz .section111 .dian_our i{
animation:mymove 2s infinite;-webkit-animation:mymove 2s infinite;-moz-animation:mymove 2s infinite;-o-animation:mymove 2s infinite;
animation-delay: 2s;-webkit-animation-delay: 2s;-moz-animation-delay: 2s;-o-animation-delay: 2s;
}
@-webkit-keyframes mymove{
from {opacity: 0;}
50% {opacity: 1;}
to {opacity: 0;}
}
@-moz-keyframes mymove{
from {opacity: 0;}
50% {opacity: 1;}
to {opacity: 0;}
}
@-o-keyframes mymove{
from {opacity: 0;}
50% {opacity: 1;}
to {opacity: 0;}
}
@keyframes mymove{
from {opacity: 0;}
50% {opacity: 1;}
to {opacity: 0;}
}
@keyframes name_our{
0% {opacity: 0;}
50% {opacity: 0;}
100% {opacity: 1;}
}
@-webkit-keyframes name_our{
0% {opacity: 0;}
50% {opacity: 0;}
100% {opacity: 1;}
}
@-moz-keyframes name_our{
0% {opacity: 0;}
50% {opacity: 0;}
100% {opacity: 1;}
}
@-o-keyframes name_our{
0% {opacity: 0;}
90% {opacity: 0;}
100% {opacity: 1;}
}
.ttq_section1.active .section111 .name_our{animation: name_our 4s .7s;-webkit-animation: name_our 4s .7s;-moz-animation: name_our 2.8s .7s;-o-animation: name_our 2.8s .7s;}
.ttq_section1.dts_jz .section111 .name_our{transition:1s 2.5s;opacity: 1;}
.ttq_section1 .section111 .name_our{color: #fff;font-size: 18px;position: absolute;transition-delay:.5s;opacity: 0;}
.ttq_section1.dts_jz .section111 .name_shanghai{position: absolute;left: 25%;top: 33%;}
.ttq_section1.dts_jz .section111 .name_niuyue{right: 1%; top: 43%; }
@-webkit-keyframes name_niuyue{
0% {right: 10%;top: 63%;opacity: 0;}
90% {right: 10%;top: 63%;opacity: 0;}
100% {right: 1%;top: 43%;opacity: 1;}
}
.ttq_section1.active .section111 .name_niuyue{}
.ttq_section1.dts_jz .section111 .name_dongjing{left: 40%; top: 38%; }
@-webkit-keyframes name_dongjing{
0% {left: 50%;top: 58%;}
60% {left: 50%;top: 58%;}
100% {left: 40%;top: 38%;}
}
.ttq_section1.active .section111 .name_dongjing{}
.ttq_section1.dts_jz .section111 .name_yindu{left: 2.3%;top: 68%;}
@-webkit-keyframes name_yindu{
0% {left: 12.3%;top: 86%;}
60% {left: 12.3%;top: 86%;}
100% {left: 2.3%;top: 66%;}
}
.ttq_section1.active .section111 .name_yindu{}
.ttq_section1.dts_jz .section111 .name_yuenan{left: 19%; top: 50.7%; }
@-webkit-keyframes name_yuenan{
0% {left: 29%;top: 70.7%;}
60% {left: 29%;top: 70.7%;}
100% {left: 19%;top: 50.7%;}
}
.ttq_section1.active .section111 .name_yuenan{}
.ttq_section1.dts_jz .section111 .name_taiguo{left: 18%; top: 78%; }
@-webkit-keyframes name_taiguo{
0% {left: 28%;top: 98%;}
60% {left: 28%;top: 98%;}
100% {left: 18%;top: 78%;}
}
.ttq_section1.active .section111 .name_taiguo{}
.ttq_section1.dts_jz .section111 .name_xinjiapo{left: 19.6%; top: 98.3%; }
@-webkit-keyframes name_xinjiapo{
0% {left: 29.6%;top: 110.3%;}
60% {left: 29.6%;top: 110.3%;}
100% {left: 19.6%;top: 98.3%;}
}
.ttq_section1.active .section111 .name_xinjiapo{}
.ttq_section1 .section111 .name_niuyue{right: 10%; top: 63%; }
.ttq_section1 .section111 .name_dongjing{left: 50%; top: 58%; }
.ttq_section1 .section111 .name_yindu{left: 12.3%; top: 86%; }
.ttq_section1 .section111 .name_yuenan{left: 29%; top: 70.7%; }
.ttq_section1 .section111 .name_taiguo{left: 28%; top: 98%; }
.ttq_section1 .section111 .name_xinjiapo{left: 29.6%; top: 110.3%; }
.ttq_section1.dts_jz .section111 .img_niuyue div{background: url(../image/newyork.png)no-repeat center center;width: 687px;height: 188px;background-size: cover;}
.ttq_section1.dts_jz .section111 .img_dongjing div{background: url(../image/Japan.png)no-repeat center center;width: 162px;height: 124px;background-size: cover;}
.ttq_section1.dts_jz .section111 .img_yindu div{background: url(../image/yindu.png)no-repeat center center;width: 332px;height: 134px;background-size: cover;}
.ttq_section1.dts_jz .section111 .img_yuenan div{background: url(../image/yuenan.png)no-repeat center center;width: 134px;height: 118px;background-size: cover;}
.ttq_section1.dts_jz .section111 .img_taiguo div{background: url(../image/taiguo.png)no-repeat center center;width: 155px;height: 168px;background-size: cover;}
.ttq_section1.dts_jz .section111 .img_xinjiapo div{background: url(../image/xinjiapo.png)no-repeat center center;width: 159px;height: 255px;background-size: cover;}
.company_desc{list-style: none;position: absolute;min-width: 280px;min-height: 95px;border-radius: 15px;box-shadow: 0px 0px 8px 4px #a4ccf7 inset;background: #0299ec;padding: 10px 15px;max-width: 375px;z-index: 111;}
.company_desc1{left: 36%; top: 47%; opacity: 0; transition: .5s; -wenkit-transition: .5s; }
.company_desc2{left: 44%;top: 44%;opacity: 0;}
.company_desc3{right: 11%;top: 40%;opacity: 0;}
.company_desc4{left: 26%;top: 80%;opacity: 0;}
.company_desc5{left: 27%;top: 59%;opacity: 0;}
.company_desc6{left: 2%;top: 26%;opacity: 0;}
.company_desc7{display: none;}
.company_desc span{font-size: 16px; color: #fff; font-weight: 500; }
.company_desc p{color: #fff; font-weight: 300; line-height: 1.8; }
.ttq_section1.dts_jz .section111 .dian_shanghai i:hover .company_desc1{opacity: 1;}
.juzshow_img1{position: absolute; left: -63%; top: -60%; }
#dts_dowebok .com_img1{background-color: #042E59;}
.tem_head h2{margin: 0;}
.company_desc{transition:.5s;-webkit-transition:.5s;}
@media (max-width:1440px){
.section111{left: 18.8%;}
.com_img2 .com_img_top{margin-top: 120px;}
}
@media (max-width:1366px){
.section111{left: 18%;}
.com_img2 .com_img_bottom{margin: 60px auto 0;}
.ttq_section3 .com_img3_bottom .com_img3_content{padding-top: 20px;}
@media (max-height: 579px) {
.com_img2 .com_img_bottom{margin-top: 30px;}
.com_img2 .com_img_top{margin-top: 80px;}
.ttq_section3 .com_img3_bottom .com_img3_content{line-height: 1.9;padding-top: 20px;}
}
}
@media (max-width:1280px){
.section111{left: 16%;}
@media (min-height: 841px){
.com_img2 .com_img_top{margin-top: 200px;}
}
}
@media (max-width:1024px){
.section111{left: -1%;top: 37.4%;}
}
.section444{width: 1000px; height: 400px; position: absolute; left: 50%; top: 50%; margin-top: -200px; margin-left: -500px; }
.a11{position: absolute;left: 50%;top: 50%;margin-left: -960px;margin-top: -540px;}
.dian_shanghai2{width: 8px; height: 8px; background: #fff; border-radius: 50%; position: absolute; left: 48.5%; top: 18%; }
.dian_niuyue2{width: 8px; height: 8px; background: #fff; border-radius: 50%; position: absolute; left: 86.5%; top: 18%; }
.dts_foot{position: absolute;bottom: -80px;background: #000;opacity: 0.6;width: 100%;text-align: center;height: 80px;color: #fff;}
.dts_foot span{padding: 20px 0 5px;display: block;}
.dts_foot p{}
.dts_foot p a{color:#e6383e;}
.dts_foot_opc{width: 100%;height: 80px;background: transparent;position: absolute;bottom: 0;cursor: pointer;z-index: 100;}
.dts_gotop{width: 48px;height: 48px;background: #425868;position: absolute;right: 0;bottom: 15%;z-index: 100;line-height: 48px;text-align: center;cursor: pointer;opacity: 0.4;filter: alpha(opacity=40);}
.dts_foot{z-index: 100;}
#dts_index_dowebok .dts_index_img{width: 100%;height: 100%;background-size: cover;position: relative;overflow: hidden;background-position: center center;}
#dts_index_dowebok .dts_index_img .index1_con{padding-top: 335px;text-align: center;}
#dts_index_dowebok .dts_index_img .index1_con h2{font-size: 88px;color: #fcfcfc;font-family: Arial;font-weight: 100;display: inline;}
#dts_index_dowebok .dts_index_img .index1_con p{font-size: 24px;color: #fcfcfc;margin: 23px 0 45px;display: inline-block;width:100%;}
#dts_index_dowebok .dts_index_img .index1_con h3{padding: 5px 46px;display: inline;width: 180px;height: 40px;color: #fcfcfc;font-size: 20px;border:2px solid #fcfcfc;text-align: center;line-height: 36px;font-weight: 500;margin: 0 auto;letter-spacing: 1px;opacity: 0;transition: 1s 2.3s;}
#dts_index_dowebok .dts_index_img .index1_con p span{width: 5px;height: 5px;background: #fa4e4a;border-radius: 50%;display: inline-block;position: relative;top: -5px;}
#dts_index_dowebok .section.jr .dts_index_img .index1_con h3{opacity: 1;transition:opacity 1s 2.5s;-webkit-transition:opacity 1s 5.5s;}
#dts_index_dowebok .section .dts_index_img .index1_con h3{opacity: 0;}
#dts_index_dowebok .section.active .dts_index_img .index1_con h3{
animation:click 4s;-webkit-animation:click 4s;
}
@keyframes click{
0%{opacity:0;}
70%{opacity: 0;}
100%{opacity:1;}
}
#dts_index_dowebok .active .dts_index_img .index1_con p{
-webkit-animation:bounceInDown 1.5s 1.5s ease both;
-moz-animation:bounceInDown 1.5s 1.5s ease both;
-o-animation:bounceInDown 1.5s 1.5s ease both;
animation:bounceInDown 1.5s 1.5s ease both;
}
#dts_index_dowebok .active .dts_index_img .index1_con h2{
-webkit-animation:bounceInDown 1.5s .7s ease both;
-moz-animation:bounceInDown 1.5s .7s ease both;
-o-animation:bounceInDown 1.5s .7s ease both;
animation:bounceInDown 1.5s .7s ease both;
}
@keyframes bounceInDown{
0%{opacity:0;
-webkit-transform:translateY(-500px)}
60%{
-webkit-transform:translateY(30px)}
80%{-webkit-transform:translateY(-10px)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-webkit-keyframes bounceInDown{
0%{opacity:0;
-webkit-transform:translateY(-500px)}
60%{
-webkit-transform:translateY(30px)}
80%{-webkit-transform:translateY(-10px)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-moz-keyframes bounceInDown{
0%{opacity:0;
-moz-transform:translateY(-2000px)}
60%{opacity:1;
-moz-transform:translateY(30px)}
80%{-moz-transform:translateY(-10px)}
100%{-moz-transform:translateY(0)}
}
@-o-keyframes bounceInDown{
0%{opacity:0;
-moz-transform:translateY(-2000px)}
60%{opacity:1;
-moz-transform:translateY(30px)}
80%{-moz-transform:translateY(-10px)}
100%{-moz-transform:translateY(0)}
}
@-webkit-keyframes opc{
0%{opacity: 0;}
100%{opacity: 1}
}
#dts_index_dowebok .dts_index_img2{width: 100%;height: 100%;position: relative;}
#dts_index_dowebok .dts_index_img21{width: 50%;height: 100%;float: left;background-size: cover;background-position: center center;}
#dts_index_dowebok .dts_index_img22{width: 50%;height: 50%;float: left;background-size: cover; background-position: center;}
#dts_index_dowebok .dts_index_img23{width: 25%;height: 50%;float: left;background-size: cover;
background-position: center center;}
#dts_index_dowebok .dts_index_img24{width: 25%;height: 50%;float: left;background-size: cover;
background-position: center center;}
#dts_index_dowebok .dts_index_img2 .dts_index_img2s{position: relative; }
#dts_index_dowebok .dts_index_img2 .index2_con{position: absolute; top: 50%; margin-top: -63.5px; width: 100%; text-align: center; z-index: 2; }
#dts_index_dowebok .dts_index_img2 .index2_con p{color: #fefefe; font-size: 56px; font-family: Arial; }
#dts_index_dowebok .dts_index_img2 .index2_con span{font-size: 24px; color: #fefefe; }
#dts_index_dowebok .dts_index_img2 .index21_con{}
#dts_index_dowebok .dts_index_img2 .index22_con{}
#dts_index_dowebok .dts_index_img2 .index23_con{
margin-top: -32px;
}
#dts_index_dowebok .dts_index_img2 .index24_con{
margin-top: -32px;
}
#dts_index_dowebok .dts_index_img2 .index2_con i{background: #b8b3b3; display: inline-block; position: relative; top: -8px; margin-right: 20px; height: 1px; }
#dts_index_dowebok .dts_index_img2 .index21_con i{width: 0px; margin-left: 3px; }
#dts_index_dowebok .dts_index_img2 .index22_con i{width: 0px; margin-left: 3px; }
#dts_index_dowebok .dts_index_img2 .index23_con i{width: 0px; margin-left: 5px; top: -4px; }
#dts_index_dowebok .dts_index_img2 .index24_con i{width: 0px; margin-left: 5px; top: -4px; }
#dts_index_dowebok .dts_index_img2 .index2_con div{display: inline-block; text-align: left; }
#dts_index_dowebok .dts_index_img2 .index23_con div p{font-size: 36px;font-family: 'Microsoft YaHei';text-align: center;}
#dts_index_dowebok .dts_index_img2 .index24_con div p{font-size: 36px;font-family: 'Microsoft YaHei';text-align: center;}
#dts_index_dowebok .dts_index_img2 .index23_con div span{font-size: 16px; }
#dts_index_dowebok .dts_index_img2 .index24_con div span{font-size: 16px; }
#dts_index_dowebok .dts_index_img2 .index2_opac{position: absolute;width: 100%;height: 100%;background: #000;opacity: 0.6;filter:alpha(opacity=80);transition: .5s;-webkit-transition: .5s;}
#dts_index_dowebok .dts_index_img2 .dts_index_img2s:hover .index2_opac{opacity: 0.2;filter:alpha(opacity=60);}
#dts_index_dowebok .dts_index_img21:hover .index21_con i{width: 147px; }
#dts_index_dowebok .dts_index_img22:hover .index22_con i{width: 100px; }
#dts_index_dowebok .dts_index_img23:hover .index23_con i{width: 59px; }
#dts_index_dowebok .dts_index_img24:hover .index24_con i{width: 59px; }
#dts_index_dowebok .section.active .dts_index_img2 .index21_con i,#dts_index_dowebok .section.active .dts_index_img2 .index22_con i,#dts_index_dowebok .section.active .dts_index_img2 .index23_con i,#dts_index_dowebok .section.active .dts_index_img2 .index24_con i{transition:width .5s ease-in-out; -webkit-transition:width .5s ease-in-out; }
#dts_index_dowebok .dts_index_img2 .index2_con i{transition:width .7s ease-in; -webkit-transition:width .7s ease-in; }
#dts_index_dowebok .section.active .dts_index_img2 .index23_con i{transition:width .1s ease-in-out .5s; -webkit-transition:width .5s ease-in-out .5s; }
#dts_index_dowebok .section.active .dts_index_img2 .index24_con i{transition:width .1s ease-in-out .5s; -webkit-transition:width .5s ease-in-out .5s; }
@-webkit-keyframes dtsmap{
0% {
-webkit-transform:scale(1.0);
}
50% {
-webkit-transform:scale(1.5);
}
100% {
-webkit-transform:scale(1.0);
}
}
@-moz-keyframes dtsmap{
0% {
-moz-transform:scale(1.0);
}
50% {
-moz-transform:scale(1.5);
}
100% {
-moz-transform:scale(1.0);
}
}
@-o-keyframes dtsmap{
0% {
-o-transform:scale(1.0);
}
50% {
-o-transform:scale(1.5);
}
100% {
-o-transform:scale(1.0);
}
}
@-mz-keyframes dtsmap{
0% {
-mz-transform:scale(1.0);
}
50% {
-mz-transform:scale(1.5);
}
100% {
-mz-transform:scale(1.0);
}
}
@keyframes dtsmap{
0% {
transform:scale(1.0);
}
50% {
transform:scale(1.5);
}
100% {
transform:scale(1.0);
}
}
#dts_index_dowebok .dts_index_img3 .index3_img img{-webkit-animation: dtsmap 1.5s infinite; -moz-animation: dtsmap 1.5s infinite; -o-animation: dtsmap 1.5s infinite; -ms-animation: dtsmap 1.5s infinite; animation: dtsmap 1.5s infinite; }
#dts_index_dowebok .dts_index_img3{background-repeat: no-repeat;background-size: cover;background-position: center top;}
#dts_index_dowebok .dts_index_img3 .index3_map{top: 29.7%;left: 63.5%;}
#dts_index_dowebok .dts_index_img3 .index3_company{top: 62%;left: 22.3%;}
#dts_index_dowebok .dts_index_img3 .index3_img{position: absolute; width: 26px; height: 26px; cursor: pointer; z-index: 100; }
.dts_index3_foot{position: absolute;bottom: -80px;background: #000;width: 100%;text-align: center;height: 80px;color: #fff;filter: alpha(opacity=60);}
.dts_index3_foot span{padding: 20px 0 5px;display: block;}
.dts_index3_foot p{}
.dts_index3_foot p a{color:#e6383e;}
.dts_index3_foot_opc{width: 100%;height: 80px;background: transparent;position: absolute;bottom: 0;z-index: 1;cursor: pointer;}
#dts_index_dowebok .dts_index_img3 .dts_index3_foot{bottom: 0;}
#dts_index_dowebok .dts_index_img3 .index3_lx{text-align: center;position: absolute;top: 62%;width: 100%;}
#dts_index_dowebok .dts_index_img3 .index3_lx h1{color: #fff;font-size: 48px;font-family: Arial; display: inline-block;width: 100%;}
#dts_index_dowebok .dts_index_img3 .index3_lx h2{color: #fff;font-size: 22px;border-bottom: 1px solid #b8b3b3;display: inline;margin: 0;padding-bottom: 5px;}
#dts_index_dowebok .dts_index_img3 .index3_dtsmap{width: 852px;height: 0;border:0px solid #f8f8f8;position: absolute;top: 48.5%;left: 50%;margin: -235px 0 0 -429px;border-radius: 5px;background: #f8f8f8;z-index: 101;overflow: hidden;}
#dts_index_dowebok .dts_index_img3 .index3_dtsmap div{border:6px solid #fff;width: 100%;height: 100%;border-radius: 5px;position: absolute;left: 0px;top: 0px;overflow: hidden;}
#dts_index_dowebok .dts_index_img3 .index3_dtsmap div iframe{border-radius: 5px;position: absolute;left: 6px;top: 6px;}
#dts_index_dowebok .dts_index_img3 .index3_dtsmap .dtsmap_xx{position: absolute;top: 2px;right: 2px;width: 25px;height: 25px;border-radius: 50%;background: #f8f8f8;box-shadow: 0px 0px 1px 2px #625454;opacity: 0.5;}
#dts_index_dowebok .dts_index_img3 .index3_dtsmap .dtsmap_xx span{vertical-align: text-top;}
#dts_index_dowebok .dts_index_img3 .aaa{background: #000;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 101;opacity: 0.6;filter:alpha(opacity=60);}
#dts_index_dowebok .dts_index_img3 .index3_dtcom{width: 852px;height: 0;border:0px solid #f8f8f8;position: absolute;top: 48.5%;left: 50%;margin: -235px 0 0 -429px;border-radius: 5px;background: #f8f8f8;z-index: 101;overflow: hidden;}
#dts_index_dowebok .dts_index_img3 .index3_dtcom div{border:6px solid #fff;width: 100%;height: 100%;border-radius: 5px;position: absolute;left: 0px;top: 0px;overflow: hidden;}
#dts_index_dowebok .dts_index_img3 .index3_dtcom div iframe{border-radius: 5px;position: absolute;left: 6px;top: 6px;}
#dts_index_dowebok .dts_index_img3 .index3_dtcom .dtsmap_xx{position: absolute;top: 2px;right: 2px;width: 25px;height: 25px;border-radius: 50%;background: #f8f8f8;box-shadow: 0px 0px 1px 2px #625454;opacity: 0.5;}
#dts_index_dowebok .dts_index_img3 .index3_dtcom .dtsmap_xx span{vertical-align: text-top;}
#dts_index_dowebok .dts_index_img3 .index3_dtcom div img{width: 100%;height: 100%;}
#dts_index_dowebok .active .dts_index_img3 .index3_lx h1{-webkit-animation:bounceInDown 1.5s .7s ease both; -moz-animation:bounceInDown 1.5s .7s ease both; -o-animation:bounceInDown 1.5s .7s ease both; animation:bounceInDown 1.5s .7s ease both; }
#dts_index_dowebok .active .dts_index_img3 .index3_lx h2{-webkit-animation:bounceInDown 1.5s .7s ease both; -moz-animation:bounceInDown 1.5s .7s ease both; -o-animation:bounceInDown 1.5s .7s ease both; animation:bounceInDown 1.5s .7s ease both; }
#dts_index_dowebok .dts_index_img2 .index23_con div,#dts_index_dowebok .dts_index_img2 .index24_con div{display: none; }
#dts_index_dowebok .dts_index_img2 .index23_con img,#dts_index_dowebok .dts_index_img2 .index24_con img{width: 51%;}
#dts_index_dowebok .dts_index_img23:hover .index23_con img{display: none;transition:.5s;}
#dts_index_dowebok .dts_index_img24:hover .index24_con img{display: none;transition:.5s;}
#dts_index_dowebok .dts_index_img23:hover .index2_con div{display: inline-block;}
#dts_index_dowebok .dts_index_img24:hover .index2_con div{display: inline-block;}
@media(max-width: 1440px){
#dts_index_dowebok .dts_index_img .index1_con{padding-top: 235px;}
#dts_index_dowebok .dts_index_img3 .index3_company{left: 19.3%;}
#dts_index_dowebok .dts_index_img3 .index3_map{top: 28.7%;left: 64.5%;}
}
@media(max-width: 1366px){
#dts_index_dowebok .dts_index_img .index1_con{padding-top: 160px;}
#dts_index_dowebok .dts_index_img3 .index3_dtsmap{top: 55%;}
#dts_index_dowebok .dts_index_img3 .index3_dtcom{top: 55%;}
#dts_index_dowebok .dts_index_img3{background-size: cover;}
#dts_index_dowebok .dts_index_img3 .index3_company{top: 64%;left: 21.3%;}
#dts_index_dowebok .dts_index_img3 .index3_map{left:63.5%;}
}
@media(max-width: 1280px){
#dts_index_dowebok .dts_index_img3 .index3_company{top: 61%;}
@media(min-height: 835px){
#dts_index_dowebok .dts_index_img .index1_con{padding-top: 250px;}
#dts_index_dowebok .dts_index_img3 .index3_company{left: 9%;top: 62%;}
#dts_index_dowebok .dts_index_img3 .index3_map{left: 69.3%;top: 29%;}
}
}
.dts_section2 .index2_bac2{position: absolute;width: 100%;height: 100%;z-index: 1;left: 0;top: 0;opacity: 0;}
#dts_index_dowebok .dts_index_img22:hover,#dts_index_dowebok .dts_index_img23:hover,#dts_index_dowebok .dts_index_img24:hover{background: transparent!important; transition:.4s;-webkit-transition:.4s; } #dts_index_dowebok .dts_index_img22:hover .index2_bac2{opacity: 1;background-size: cover;background-position: center;}
#dts_index_dowebok .dts_index_img23:hover .index2_bac2{opacity: 1;background-size: cover;background-position: center;}
#dts_index_dowebok .dts_index_img24:hover .index2_bac2{opacity: 1;background-size: cover; background-position: center;}
#dts_dowebok_fa .fa_section1{background-size: cover;background-position: center center;}
#dts_dowebok_fa .fa_img{background-size: cover;background-position: 50%;position: relative;overflow: hidden;}
@media(max-width:1366px) and (max-height:668px){
#dts_dowebok_fa .fa_img{margin-top:80px;}
}
#dts_dowebok_fa .fa_img .fa_img1_left{}
#dts_dowebok_fa .fa_img .fa_img1_left div.col_img{}
#dts_dowebok_fa .fa_img .fa_img1_right{}
#dts_dowebok_fa .fa_img .fa_img1_right div.col_img{}
#dts_dowebok_fa .fa_img h2{font-size: 32px;color: #fff;font-weight: 500;padding-bottom: 40px;display:inline;padding-bottom:20px;line-height:70px;}
#dts_dowebok_fa .fa_img .fa_img1_left,#dts_dowebok_fa .fa_img .fa_img1_right{width: 50%;float: left;height: 100%;text-align: center;}
.fa_section2{ background-size: cover;background-position: center center;}
.fa_section2 .fa_idx2{max-width: 1200px;width: 1200px;margin:0 auto;}
.fa_section2 .fa_idx2 div{}
.fa_section2 .fa_idx2 div.fa_idx2_left{max-width: 860px;max-height: 590px;display: table-cell;vertical-align: middle;}
.fa_section2 .fa_idx2 div.fa_idx2_left img{width: 100%;height: auto;}
.fa_section2 .fa_idx2 h2{font-size: 48px;margin: 0;line-height: 1.5;font-family: arial;}
.fa_section2 .fa_idx2 .fa_idx2_right{padding-left: 35px;max-width: 300px;color: #fff;display: table-cell;vertical-align: middle;}
.fa_section2 .fa_idx2 .fa_idx21_right p{color: #fff;font-size: 20px;margin: 20px 0;letter-spacing: 2px;line-height: 2;}
.fa_section2 .fa_idx2_top h2{color: #fff;font-size: 36px;font-family:'Microsoft YaHei'}
.fa_section2 .fa_idx26,.fa_section2 .fa_idx27{text-align: center;}
.fa_section2 .fa_idx26 div,.fa_section2 .fa_idx27 div{float: none;}
.fa_section2 .fa_idx26_bottom{height: 560px;max-width: 750px;margin: 50px auto 0;position: relative;}
.fa_section2 .fa_idx27_bottom{margin-top: 50px;}
.fa_section2 .idx26_bottom{perspective: 800px;}
.fa_section2 .idx26_bottom ul li{list-style: none;text-align: center;float: left;line-height: 100px;position: absolute;}
.fa_section2 .idx26_bottom ul li.li1{left: 500px;top: 0px;}
.fa_section2 .idx26_bottom ul li.li2{left: 645px;top: 400px;}
.fa_section2 .idx26_bottom ul li.li3{left: 614px;top: 248px;}
.fa_section2 .idx26_bottom ul li.li4{left: 245px;top: 160px;}
.fa_section2 .idx26_bottom ul li.li5{left: 40px;top: 240px;}
.fa_section2 .idx26_bottom ul li.li6{left: 475px;top: 420px;}
.fa_section2 .idx26_bottom ul li.li7{left: 348px;top: 325px;}
.fa_section2 .idx26_bottom ul li.li8{left: 10px;top: 420px;}
.fa_section2 .idx26_bottom ul li.li9{left: 350px;top: 60px;}
.fa_section2 .idx26_bottom ul li.li10{left: 0px;top: 60px;}
.fa_section2 .idx26_bottom ul li.li11{left: 146px;top: 22px;}
.fa_section2 .idx26_bottom ul li.li12{left: 170px;top: 320px;}
.fa_section2 .idx26_bottom ul li.li13{left: 245px;top: 445px;}
.fa_section2 .idx26_bottom ul li.li14{left: 455px;top: 190px;}
.fa_section2 .idx26_bottom ul li.li15{left: 635px;top: 70px;}
.fa_section2 .idx26_bottom ul li h3{font-size: 14px;color: #fff;max-width: 68px;display: inline-block;line-height: 1;margin: 0;}
.fa_section2 .idx26_bottom1 ul li{background: url(../image/jj_icon1.png)no-repeat;width: 100px;height: 100px;}
.fa_section2 .idx26_bottom2 ul li{background: url(../image/jj_icon3.png)no-repeat;width: 100px;height: 100px;}
.fa_section2 .idx26_bottom3 ul li{background: url(../image/jj_icon2.png)no-repeat;width: 100px;height: 100px;}
.fa_section2.fa_section3 .fa_idx2 .fa_idx2_right{max-width: 330px;}
.fa_section2.fa_section3 .fa_idx2 .fa_idx2_right p{color: #fff;font-size: 20px;margin: 20px 0;letter-spacing: 2px;line-height: 2;}
.fa_sec2 .idx26_bottom1_name{left: 50%;top: 100px;margin-left: -74px;background: url(../image/jj_icon4.png)no-repeat;}
.fa_sec2 .idx26_bottom2_name{left: 50%;top: 250px;margin-left: -178px;background: url(../image/jj_icon5.png)no-repeat;}
.fa_sec2 .idx26_bottom3_name{left: 50%;top: 250px;margin-left: 30px;background: url(../image/jj_icon6.png)no-repeat;}
.fa_sec2 .idx26_bottom_name{position: absolute;width: 148px;height: 148px;opacity: 0;line-height: 148px;color: #fff;font-size: 18px;}
.fa_sec2 .fa_idx28{width: 1000px;margin: 0 auto;position: relative;top: 30px;}
.fa_sec2 .fa_idx28_top{width: 1000px;height: 260px;background: #c3944b;text-align: center;display: table-cell;vertical-align: middle;border-radius: 30px;position: relative;top: 400px;z-index: 1000;}
.fa_sec2 .idx2_top28_con h2{margin-bottom: 40px;font-size: 48px;line-height: 1;font-family: arial;}
.fa_sec2 .idx2_top28_con .top28_con{}
.fa_sec2 .idx2_top28_con .top28_con p{font-size: 26px;color: #fff;margin: 0;letter-spacing: 1px;}
.fa_idx28 .idx28_bottom{float: left;margin: 0 20px; margin: 30px 20px 0px;}
.fa_idx28 .idx28_bottom2{margin: 0 40px; margin: 30px 38px 0px;}
.fa_idx28 .idx28_bottom h2{color: #fff;font-size: 26px;letter-spacing: 3px;width: 280px;height: 88px;line-height: 88px;background: #c5103d;border-radius: 10px;text-align: center;margin: 33px 0 4px;font-weight: 100;opacity: 0;}
.fa_idx28 .idx28_bottom .idx28_bottom_con{}
.fa_idx28 .fa_idx28_bottom{display: inline-block;}
.fa_idx28 .idx28_bottom .idx28_bottom_con ul li{list-style: none;width: 240px;height: 60px;line-height: 60px;text-align: center;color: #fff;border-radius: 10px;margin: 0 auto;margin-top: 18px;position: relative;top: -300px;opacity: 0;}
.fa_idx28 .idx28_bottom .idx28_bottom_con ul li h3{height: 60px;line-height: 60px;margin: 0;padding: 0;font-weight: 100;font-size: 20px;}
.fa_idx28 .idx28_bottom1 .idx28_bottom_con ul li{background: #c5103d;}
.fa_idx28 .idx28_bottom2 .idx28_bottom_con ul li,.fa_idx28 .idx28_bottom2 h2{background: #00ab8c;}
.fa_idx28 .idx28_bottom3 .idx28_bottom_con ul li,.fa_idx28 .idx28_bottom3 h2{background: #0d96e2;}
.fa_idx3{}
.fa_idx3 .fa_idx37_bottom{width: 738px;height:456px;margin: 0 auto;position: relative;}
.fa_idx3 .fa_idx37_top{padding-bottom: 40px;}
.fa_idx3 .fa_idx37_bottom ul{margin: 0;display: inline-block;}
.fa_idx3 .fa_idx37_bottom ul li{list-style: none;width: 246px;height: 152px;overflow: hidden;position: absolute;left: 246px;top:152px;opacity: 0;}
.fa_idx3 .fa_idx37_bottom ul li.li5{z-index: 1;transform:rotate(120deg) scale(0);}
.fa_idx37_img{-webkit-perspective: 500;}
.fa_idx37_img img{opacity: 0;transition:.6s;}
@media(min-width: 1601px){
#dts_dowebok_fa .fa_img .fa_img1_left, #dts_dowebok_fa .fa_img .fa_img1_right{padding-top: 65px;}
}
@media(max-width: 1600px){
.fa_section2 .fa_idx2{padding-top: 35px;}
.fa_section2 .fa_idx26_bottom{margin: 0 auto;height: 420px;}
.fa_sec2 .fa_idx28_top{height: 160px;width: 760px;}
.fa_sec2 .idx2_top28_con h2{margin-bottom: 10px;font-size: 45px;margin-top: 0;display: inline;}
.fa_sec2 .idx2_top28_con .top28_con p{font-size: 16px;}
.fa_idx28 .idx28_bottom h2{font-size: 22px;width: 200px;height: 60px;line-height: 60px;margin: 33px auto 4px;display: inline;padding: 15px 50px;}
.fa_idx28 .idx28_bottom .idx28_bottom_con ul li{width: 180px;height: 40px;line-height: 40px;}
.fa_idx28 .idx28_bottom .idx28_bottom_con ul li h3{font-size: 14px;height: 40px;line-height: 40px;display: inline;}
.fa_sec2 .fa_idx28{width: 760px;}
.fa_idx28 .fa_idx28_bottom{width: 760px;display: block;margin: 0 auto;}
.fa_idx3 .fa_idx37_top{padding-bottom: 10px;}
.fa_idx37_img img{width: 86%;}
.fa_section2 .idx26_bottom1 ul li{width: 80px;height: 80px;line-height: 80px;background-size: contain;}
.fa_section2 .idx26_bottom2 ul li{width: 80px;height: 80px;line-height: 80px;background-size: contain;}
.fa_section2 .idx26_bottom3 ul li{width: 80px;height: 80px;line-height: 80px;background-size: contain;}
.fa_section2 .idx26_bottom ul li.li1{left: 500px;top: 0px;}
.fa_section2 .idx26_bottom ul li.li2{left: 645px;top: 260px;}
.fa_section2 .idx26_bottom ul li.li3{left: 614px;top: 168px;}
.fa_section2 .idx26_bottom ul li.li4{left: 245px;top: 100px;}
.fa_section2 .idx26_bottom ul li.li5{left: 40px;top: 180px;}
.fa_section2 .idx26_bottom ul li.li6{left: 475px;top: 280px;}
.fa_section2 .idx26_bottom ul li.li7{left: 348px;top: 185px;}
.fa_section2 .idx26_bottom ul li.li8{left: 10px;top: 280px;}
.fa_section2 .idx26_bottom ul li.li9{left: 350px;top: 60px;}
.fa_section2 .idx26_bottom ul li.li10{left: 0px;top: 60px;}
.fa_section2 .idx26_bottom ul li.li11{left: 146px;top: 22px;}
.fa_section2 .idx26_bottom ul li.li12{left: 170px;top: 180px;}
.fa_section2 .idx26_bottom ul li.li13{left: 245px;top: 305px;}
.fa_section2 .idx26_bottom ul li.li14{left: 455px;top: 100px;}
.fa_section2 .idx26_bottom ul li.li15{left: 635px;top: 70px;}
.fa_sec2 .idx26_bottom1_name{top: 50px;margin-left: -74px;}
.fa_sec2 .idx26_bottom2_name{top: 230px;}
.fa_sec2 .idx26_bottom3_name{top: 230px;}
}
@media(max-width: 1440px){
.fa_section2 .fa_idx2{width: 1000px;}
.fa_section2 .fa_idx2 div.fa_idx2_left{max-width: 660px;}
}
@media(max-width: 1440px){
.fa_section2 .fa_idx2{width: 850px;}
#dts_index_dowebok .dts_index_img2 .index24_con div p{font-size:30px;}
#dts_index_dowebok .dts_index_img2 .index23_con div p{font-size:30px;}
}
@media(max-height: 768px){
#dts_dowebok_fa .fa_img h2{padding-bottom: 15px;}
}
.dts_contact{width: 960px;margin: 0 auto 65px;}
.dts_contact .contact_tit{text-align: center;padding-top: 65px;}
.dts_contact .contact_tit h2{color: #333;font-size: 30px;margin: 0 0 10px;font-weight: bold;letter-spacing: -1px;}
.dts_contact .contact_tit h3{color: #666;font-size: 18px;margin: 0;font-weight: bold;letter-spacing: 1px;border-bottom: 1px solid #6c6c6c;margin-bottom: 20px;display: inline-block;padding-bottom: 10px;}
.dts_contact .contact_lx{}
.dts_contact .contact_lx ul li{list-style: none;float: left;margin: 35px 0;}
.dts_contact .contact_lx ul li .contact_icon{width: 30px;height: 30px;vertical-align: middle;float: left;margin-right: 8px;}
.dts_contact .contact_lx ul li.lx1 .contact_icon{background: url(../image/contact.png)no-repeat 0 0;}
.dts_contact .contact_lx ul li.lx2 .contact_icon{background: url(../image/contact.png)no-repeat -44px 1px;}
.dts_contact .contact_lx ul li.lx3 .contact_icon{background: url(../image/contact.png)no-repeat -85px 2px;}
.dts_contact .contact_lx ul li.lx4 .contact_icon{background: url(../image/contact.png)no-repeat -122px 5px;}
.dts_contact .contact_lx ul li.lx5 .contact_icon{background: url(../image/contact.png)no-repeat -160px 5px;}
.dts_contact .contact_lx ul li.lx6 .contact_icon{background: url(../image/contact.png)no-repeat -199px 5px;}
.dts_contact .contact_lx ul li .contact_con{float: left;}
.dts_contact .contact_lx ul li .contact_con p{margin: 0;border-bottom: 1px solid #969696;padding-bottom: 2px;}
.dts_contact .contact_lx ul li .contact_con span{padding-top: 2px;}
.dts_contact .contact_lx ul li .contact_con span,.dts_contact .contact_lx ul li .contact_con p{color: #000;font-size: 15px;}
.dts_contact_idx2{}
.dts_contact_idx2 .contact_idx2_tit{margin: 40px 0;text-align: center;}
.dts_contact_idx2 .contact_idx2_tit span{font-size: 15px;color: #333;border:1px solid #868686;display: inline-block;width: 140px;height: 30px;line-height: 30px;text-align: center;font-weight: 600;}
.contact_idx2_con .feedback_table{}
.contact_idx2_con .feedback_table tr{margin-bottom: 28px;padding: 0 21px;}
.contact_idx2_con .feedback_table tr:first-child{padding-left: 0;}
.contact_idx2_con .feedback_table tr:nth-child(3){padding-right: 0;}
.contact_idx2_con .feedback_table tr td.text{display: none;}
.contact_idx2_con .feedback_table tr td.input{width: 300px;}
.contact_idx2_con .feedback_table tr td input{width: 100%;height: 35px;text-indent: 12px;font-size: 12px;}
.contact_idx2_con .feedback_table tr td span.info{display: none;}
.contact_idx2_con .feedback_table tr:nth-child(4){padding: 0;}
.contact_idx2_con .feedback_table tr td.input .textarea-text{width: 100%;height: 210px;text-indent: 12px;font-size: 12px;line-height: 2;}
.contact_idx2_con .feedback_table tr:last-child td .submit{width: 258px;height: 36px;display: inline-block;background: #2e98e9;font-size: 16px;}
.contact_idx2_con .feedback_table tr:last-child td{text-align: center;padding: 25px 0 50px;}
.tem_footer_text{padding-top: 20px; }
.tem_footer_text p{margin-bottom: 5px;}
.tem_footer_text span a{color: #cc0033;}
#dts_dowebok_job .job_img{height: 100%; background-size: cover; background-position: 50%; position: relative; overflow: hidden; }
#dts_dowebok_job .job_img .job_content{width: 788px;height: 409px;border: 1px solid #d9e7ed;margin: 0 auto;}
#dts_dowebok_job .job_img .job_content{position: absolute;left: 50%;top: 50%;margin-left: -394px;margin-top: -204.5px;overflow-y: scroll;overflow-x: hidden;padding: 10px 35px;}
.job_content{white-space: normal;}
.dts_dowebok_job .job_img{background-size: cover;}
.contact_idx2_con .feedback_table{width: 960px;height: 389px;}
#dts_dowebok_job .job_img .job_description {
width: 788px;
position: absolute;
left: 50%;
top: 12%;
margin-left: -394px;
text-align: center;
letter-spacing: 10px;
font-size: 42px;
color: #fff;
font-family: '隶书';
}
#dts_dowebok_job .job_img .job_a {
width: 788px;
position: absolute;
left: 50%;
bottom:10%;
margin-left: -394px;
text-align: center;
letter-spacing: 10px;
font-size: 22px;
font-family: '黑体';
}
#dts_dowebok_job .job_img .job_a a{
color: #fff!important;
text-decoration:underline;
}
#dts_dowebok_yw .yw_img1{font-size: 40px;color: #fff;line-height: 1.8;width: 780px;margin: 0 auto;}
#dts_dowebok_yw .yw_section1.active .yw_img1{-ms-transition:0.7s;}
#dts_dowebok_yw .yw_img1 p{margin: 0;}
#dts_dowebok_yw .yw_section1 .yw_img1 p{opacity: 0;filter:alpha(opacity=0);}
#dts_dowebok_yw .yw_section1.active .yw_img1 .p1{opacity: 0;filter:alpha(opacity=0);}
#dts_dowebok_yw .yw_section1.active .yw_img1 .p2{opacity: 0;filter:alpha(opacity=0);}
#dts_dowebok_yw .yw_section1.active .yw_img1 .p3{opacity: 0;filter:alpha(opacity=0);}
#dts_dowebok_yw .yw_section1.active .yw_img1 .p4{opacity: 0;filter:alpha(opacity=0);}
#dts_dowebok_yw .yw_section1.active .yw_img1 .p5{opacity: 0;filter:alpha(opacity=0);}
#dts_dowebok_yw .yw_section1.active .yw_img1 .p1{animation:mymove1 1s .7s;animation-fill-mode:both;}
#dts_dowebok_yw .yw_section1.active .yw_img1 .p1{-webkit-animation:mymove1 1s .7s;-webkit-animation-fill-mode: both;}
#dts_dowebok_yw .yw_section1.active .yw_img1 .p1{-moz-animation:mymove1 1s .7s;-moz-animation-fill-mode:both;}
#dts_dowebok_yw .yw_section1.active .yw_img1 .p1{-o-animation:mymove1 1s .7s;-o-animation-fill-mode:both;}
#dts_dowebok_yw .yw_section1.active .yw_img1 .p1{-ms-animation:mymove1 1s .7s;-ms-animation-fill-mode:both;}
#dts_dowebok_yw .yw_section1.active .yw_img1 .p2{animation:mymove2 1s 1.4s;animation-fill-mode:both;}
#dts_dowebok_yw .yw_section1.active .yw_img1 .p2{-webkit-animation:mymove2 1s 1.4s;-webkit-animation-fill-mode:both;}
#dts_dowebok_yw .yw_section1.active .yw_img1 .p2{-moz-animation:mymove2 1s 1.4s;-moz-animation-fill-mode:both;}
#dts_dowebok_yw .yw_section1.active .yw_img1 .p2{-o-animation:mymove2 1s 1.4s;-o-animation-fill-mode:both;}
#dts_dowebok_yw .yw_section1.active .yw_img1 .p2{-ms-animation:mymove2 1s 1.4s;-ms-animation-fill-mode:both;}
#dts_dowebok_yw .yw_section1.active .yw_img1 .p3{animation:mymove3 1s 2.1s;animation-fill-mode:both;}
#dts_dowebok_yw .yw_section1.active .yw_img1 .p3{-webkit-animation:mymove3 1s 2.1s;-webkit-animation-fill-mode:both;}
#dts_dowebok_yw .yw_section1.active .yw_img1 .p3{-moz-animation:mymove3 1s 2.1s;-moz-animation-fill-mode:both;}
#dts_dowebok_yw .yw_section1.active .yw_img1 .p3{-o-animation:mymove3 1s 2.1s;-o-animation-fill-mode:both;}
#dts_dowebok_yw .yw_section1.active .yw_img1 .p3{-ms-animation:mymove3 1s 2.1s;-ms-animation-fill-mode:both;}
#dts_dowebok_yw .yw_section1.active .yw_img1 .p4{animation:mymove4 1s 2.8s;animation-fill-mode:both;}
#dts_dowebok_yw .yw_section1.active .yw_img1 .p4{-webkit-animation:mymove4 1s 2.8s;-webkit-animation-fill-mode:both;}
#dts_dowebok_yw .yw_section1.active .yw_img1 .p4{-moz-animation:mymove4 1s 2.8s;-moz-animation-fill-mode:both;}
#dts_dowebok_yw .yw_section1.active .yw_img1 .p4{-o-animation:mymove4 1s 2.8s;-o-animation-fill-mode:both;}
#dts_dowebok_yw .yw_section1.active .yw_img1 .p4{-ms-animation:mymove4 1s 2.8s;-ms-animation-fill-mode:both;}
#dts_dowebok_yw .yw_section1.active .yw_img1 .p5{animation:mymove5 1s 3.5s;animation-fill-mode:both;}
#dts_dowebok_yw .yw_section1.active .yw_img1 .p5{-webkit-animation:mymove5 1s 3.5s;-webkit-animation-fill-mode:both;}
#dts_dowebok_yw .yw_section1.active .yw_img1 .p5{-moz-animation:mymove5 1s 3.5s;-moz-animation-fill-mode:both;}
#dts_dowebok_yw .yw_section1.active .yw_img1 .p5{-o-animation:mymove5 1s 3.5s;-o-animation-fill-mode:both;}
#dts_dowebok_yw .yw_section1.active .yw_img1 .p5{-ms-animation:mymove5 1s 3.5s;-ms-animation-fill-mode:both;}
@keyframes mymove1
{
0% {opacity: 0;}
20% {opacity: 0;}
100% {opacity:1;}
}
@-webkit-keyframes mymove1
{
0% {opacity: 0;}
20% {opacity: 0;}
100% {opacity:1;}
}
@-moz-keyframes mymove1
{
0% {opacity :0;}
20% {opacity: 0;}
100% {opacity:1;}
}
@-o-keyframes mymove1
{
0% {opacity :0;}
20% {opacity: 0;}
100% {opacity:1;}
}
@-ms-keyframes mymove1
{
0% {opacity :0;}
100% {opacity:1;}
}
@keyframes mymove2
{
0% {opacity: :0;}
40% {opacity: 0;}
100% {opacity:1;}
}
@-webkit-keyframes mymove2
{
0% {opacity: :0;filter:alpha(opacity=0);}
40% {opacity: 0;filter:alpha(opacity=0);}
100% {opacity:1;filter:alpha(opacity=1);}
}
@-moz-keyframes mymove2
{
0% {opacity :0;}
40% {opacity: 0;}
100% {opacity:1;}
}
@-o-keyframes mymove2
{
0% {opacity :0;}
40% {opacity: 0;}
100% {opacity:1;}
}
@-ms-keyframes mymove2
{
0% {opacity :0;}
100% {opacity:1;}
}
@keyframes mymove3
{
0% {opacity:0;}
60% {opacity: 0;}
100% {opacity:1;}
}
@-webkit-keyframes mymove3
{
0% {opacity:0;}
60% {opacity: 0;}
100% {opacity:1;}
}
@-moz-keyframes mymove3
{
0% {opacity:0;}
60% {opacity: 0;}
100% {opacity:1;}
}
@-o-keyframes mymove3
{
0% {opacity :0;}
60% {opacity: 0;}
100% {opacity:1;}
}
@-ms-keyframes mymove3
{
0% {opacity :0;}
100% {opacity:1;}
}
@keyframes mymove4
{
0% {opacity:0;}
80% {opacity: 0;}
100% {opacity:1;}
}
@-webkit-keyframes mymove4
{
0% {opacity:0;}
80% {opacity: 0;}
100% {opacity:1;}
}
@-moz-keyframes mymove4
{
0% {opacity:0;}
80% {opacity: 0;}
100% {opacity:1;}
}
@-o-keyframes mymove4
{
0% {opacity :0;}
80% {opacity: 0;}
100% {opacity:1;}
}
@-ms-keyframes mymove4
{
0% {opacity :0;}
100% {opacity:1;}
}
@keyframes mymove5
{
0% {opacity:0;}
90% {opacity: 0;}
100% {opacity:1;}
}
@-webkit-keyframes mymove5
{
0% {opacity:0;}
90% {opacity: 0;}
100% {opacity:1;}
}
@-moz-keyframes mymove5
{
0% {opacity::0;}
90% {opacity: 0;}
100% {opacity:1;}
}
@-o-keyframes mymove5
{
0% {opacity :0;}
90% {opacity: 0;}
100% {opacity:1;}
}
@-ms-keyframes mymove5
{
0% {opacity :0;}
100% {opacity:1;}
}
#dts_dowebok_yw .yw_section2 .fp-tableCell,#dts_dowebok_yw .yw_section3 .fp-tableCell,#dts_dowebok_yw .yw_section4 .fp-tableCell{}
#dts_dowebok_yw .yw_con_tit{text-align: center;}
#dts_dowebok_yw .yw_con_tit h2{margin: 0;font-size: 40px;color: #fff;position: relative;}
#dts_dowebok_yw .yw_con_tit h2 p{margin-bottom: 5px;}
#dts_dowebok_yw .yw_con_tit h2:after{content: "";display: block;width: 52px;height: 4px;background: #df656a;margin: 10px auto;}
#dts_dowebok_yw .yw_con_tit h3{margin: 0;font-size: 18px;color: #fff;font-weight: 300;}
#dts_dowebok_yw .yw_con_con{width: 900px;height: 600px;margin: 55px auto 0;position: relative;overflow: hidden;}
#dts_dowebok_yw .yw_con_con ul li{list-style: none; position: absolute; width: 150px; height: 150px; text-align: center; perspective:800px; transform-style:preserve-3d; -webkit-transition: 1000ms 700ms; transition: 1000ms 700ms; }
#dts_dowebok_yw .yw_con_con ul li.yw_con9 i,#dts_dowebok_yw .yw_con_con ul li.yw_con10 i,#dts_dowebok_yw .yw_con_con ul li.yw_con11 i{opacity: 0.1;filter:alpha(opacity=10);}
#dts_dowebok_yw .yw_section2.active .yw_con_con ul li.yw_con1{left: 300px;}
#dts_dowebok_yw .yw_section2.active .yw_con_con ul li.yw_con2{left: 0;}
#dts_dowebok_yw .yw_section2.active .yw_con_con ul li.yw_con3{left: 150px;}
#dts_dowebok_yw .yw_section2.active .yw_con_con ul li.yw_con4{left: 450px;}
#dts_dowebok_yw .yw_section2.active .yw_con_con ul li.yw_con5{left: 0;}
#dts_dowebok_yw .yw_section2.active .yw_con_con ul li.yw_con6{left: 450px;}
#dts_dowebok_yw .yw_section2.active .yw_con_con ul li.yw_con7{left: 600px;}
#dts_dowebok_yw .yw_section2.active .yw_con_con ul li.yw_con8{left: 750px;}
#dts_dowebok_yw .yw_section2.active .yw_con_con ul li.yw_con9{left: 750px;}
#dts_dowebok_yw .yw_section2.active .yw_con_con ul li.yw_con10{left: 300px;}
#dts_dowebok_yw .yw_section2.active .yw_con_con ul li.yw_con11{left: 450px;}
#dts_dowebok_yw .yw_con_con ul li.yw_con1{top: 0;}
#dts_dowebok_yw .yw_con_con ul li.yw_con2{top: 150px;}
#dts_dowebok_yw .yw_con_con ul li.yw_con3{top: 150px;}
#dts_dowebok_yw .yw_con_con ul li.yw_con4{top: 150px;}
#dts_dowebok_yw .yw_con_con ul li.yw_con5{top: 300px;}
#dts_dowebok_yw .yw_con_con ul li.yw_con6{top: 300px;}
#dts_dowebok_yw .yw_con_con ul li.yw_con7{top: 300px;}
#dts_dowebok_yw .yw_con_con ul li.yw_con8{top: 300px;}
#dts_dowebok_yw .yw_con_con ul li.yw_con9{top: 150px;}
#dts_dowebok_yw .yw_con_con ul li.yw_con10{top: 300px;}
#dts_dowebok_yw .yw_con_con ul li.yw_con11{top: 450px;}
#dts_dowebok_yw .yw_con_con ul li img{position: absolute;left: 50%;top: 0;margin-left: -37.5px;}
#dts_dowebok_yw .yw_con_con ul li h4{font-size: 16px;color: #fff;position: absolute;bottom: 0;width: 100%;text-align: center;margin: 0;}
#dts_dowebok_yw .yw_con_con ul li .yw_con_icon{position: absolute;z-index: 3;text-align: center;width: 100%;top: 50%;margin-top: -46px;height: 92px;}
#dts_dowebok_yw .yw_con_con ul li .gree {background-color: #cc595d; transform: rotateY(-90deg); -webkit-transform: rotateY(-90deg); transform-origin: 100% 50% 0; -webkit-transform-origin: 100% 50% 0; -webkit-transition: opacity 400ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms; transition: opacity 400ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms; opacity: 0; z-index: 2; }
#dts_dowebok_yw .yw_con_con ul li i{background: #000; opacity: 0.3; filter:alpha(opacity=30); display: block; }
#dts_dowebok_yw .yw_con_con ul li .gree,#dts_dowebok_yw .yw_con_con ul li i{position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; }
#dts_dowebok_yw .yw_con_con ul li:hover .gree {transform: rotateY(0deg); -webkit-transform: rotateY(0deg); opacity: 1; }
#dts_dowebok_yw .yw_con_con ul li:hover i{webkit-transform-origin: 100% 50% 0; -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms; transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms; opacity: 0; }
#dts_dowebok_yw .yw_con_con ul li .con_icon_img2{opacity: 0; }
#dts_dowebok_yw .yw_con_con ul li:hover .con_icon_img1{-webkit-transition: opacity 800ms; transition: opacity 800ms; opacity: 0; }
#dts_dowebok_yw .yw_con_con ul li:hover .con_icon_img2{-webkit-transition: opacity 800ms; transition: opacity 800ms; opacity: 1; }
#dts_dowebok_yw .yw_section2 .yw_con_con ul li.yw_con2{left: 1450px;}
#dts_dowebok_yw .yw_section2 .yw_con_con ul li.yw_con3{left: 1600px;}
#dts_dowebok_yw .yw_section2 .yw_con_con ul li.yw_con4{left: 1300px;}
#dts_dowebok_yw .yw_section2 .yw_con_con ul li.yw_con9{left: 1000px;}
#dts_dowebok_yw .yw_section2 .yw_con_con ul li.yw_con11{left: 1300px;}
#dts_dowebok_yw .yw_section2 .yw_con_con ul li.yw_con1{left: -1450px;}
#dts_dowebok_yw .yw_section2 .yw_con_con ul li.yw_con5{left: -1750px;}
#dts_dowebok_yw .yw_section2 .yw_con_con ul li.yw_con6{left: -1300px;}
#dts_dowebok_yw .yw_section2 .yw_con_con ul li.yw_con7{left: -1150px;}
#dts_dowebok_yw .yw_section2 .yw_con_con ul li.yw_con8{left: -1000px;}
#dts_dowebok_yw .yw_section2 .yw_con_con ul li.yw_con10{left: -1450px;}
#dts_dowebok_yw .yw_section2 .yw_con_con ul li.yw_con9:hover .gree{display: none;}
#dts_dowebok_yw .yw_section2 .yw_con_con ul li.yw_con10:hover .gree{display: none;}
#dts_dowebok_yw .yw_section2 .yw_con_con ul li.yw_con11:hover .gree{display: none;}
#dts_dowebok_yw .yw_section2 .yw_con_con ul li.yw_con9:hover i{opacity: 0.1;}
#dts_dowebok_yw .yw_section2 .yw_con_con ul li.yw_con10:hover i{opacity: 0.1;}
#dts_dowebok_yw .yw_section2 .yw_con_con ul li.yw_con11:hover i{opacity: 0.1;}
#dts_dowebok_yw .yw_section3 .yw_con3_con{width: 1160px;margin: 0 auto;}
#dts_dowebok_yw{min-width: 980px;}
#dts_dowebok_yw .yw_section3 .yw_con3_con ul{display: inline-block;}
#dts_dowebok_yw .yw_section3 .yw_con3_con li{list-style: none;float: left;text-align: center;margin: 0 55px;transition:1s cubic-bezier(0.15, 0.31, 0.55, 0.93) 1.2s;-webkit-transition:1s cubic-bezier(0.15, 0.31, 0.55, 0.93) 0.3s;}
#dts_dowebok_yw .yw_section3 .yw_con3_con li h4{font-size: 24px;color: #fff;margin: 30px 0 0;}
#dts_dowebok_yw .yw_section3 .yw_con3_des{height: 54px;overflow: hidden;margin: 65px 0 105px;font-size: 0;position: relative;opacity:1;transition:0.3s;}
#dts_dowebok_yw .yw_section3 .yw_con3_des ul{margin: 0 auto;position: relative;width: 100%;top: 0;}
#dts_dowebok_yw .yw_section3 .yw_con3_des ul li{list-style: none; width:100%; margin-bottom: 20px;position:absolute;opacity:0;transition:0.5s;text-align:center;transition:ease-out 0.3s;-webkit-transition:ease-out 0.3s; -ms-transition:ease-out 0.3s;}
#dts_dowebok_yw .yw_section3.active .yw_con3_des ul .des1{animation:my5moves1 2s ease-in 1.1s;}
#dts_dowebok_yw .yw_section3.active .yw_con3_des ul .des1{-moz-animation:my5moves1 2s ease-in 1.1s;}
#dts_dowebok_yw .yw_section3.active .yw_con3_des ul .des1{-webkit-animation:my5moves1 2s ease-in 1.1s;}
#dts_dowebok_yw .yw_section3.active .yw_con3_des ul .des1{-o-animation:my5moves1 2s ease-in 1.1s;}
#dts_dowebok_yw .yw_section3.active .yw_con3_des ul .des1{-ms-animation:my5moves1 2s ease-in 1.1s;}
#dts_dowebok_yw .yw_section3.active .yw_con3_des ul .des2{animation:my5moves2 2s ease-in 3.3s;}
#dts_dowebok_yw .yw_section3.active .yw_con3_des ul .des2{-moz-animation:my5moves2 2s ease-in 3.3s;}
#dts_dowebok_yw .yw_section3.active .yw_con3_des ul .des2{-webkit-animation:my5moves2 2s ease-in 3.3s;}
#dts_dowebok_yw .yw_section3.active .yw_con3_des ul .des2{-o-animation:my5moves2 2s ease-in 3.3s;}
#dts_dowebok_yw .yw_section3.active .yw_con3_des ul .des2{-ms-animation:my5moves2 2s ease-in 3.3s;}
#dts_dowebok_yw .yw_section3.active .yw_con3_des ul .des3{animation:my5moves3 2s ease-in 5.5s;}
#dts_dowebok_yw .yw_section3.active .yw_con3_des ul .des3{-moz-animation:my5moves3 2s ease-in 5.5s;}
#dts_dowebok_yw .yw_section3.active .yw_con3_des ul .des3{-webkit-animation:my5moves3 2s ease-in 5.5s;}
#dts_dowebok_yw .yw_section3.active .yw_con3_des ul .des3{-o-animation:my5moves3 2s ease-in 5.5s;}
#dts_dowebok_yw .yw_section3.active .yw_con3_des ul .des3{-ms-animation:my5moves3 2s ease-in 5.5s;}
#dts_dowebok_yw .yw_section3.active .yw_con3_des ul .des4{animation:my5moves4 2s ease-in 7.6s;}
#dts_dowebok_yw .yw_section3.active .yw_con3_des ul .des4{-moz-animation:my5moves4 2s ease-in 7.6s;}
#dts_dowebok_yw .yw_section3.active .yw_con3_des ul .des4{-webkit-animation:my5moves4 2s ease-in 7.6s;}
#dts_dowebok_yw .yw_section3.active .yw_con3_des ul .des4{-o-animation:my5moves4 2s ease-in 7.6s;}
#dts_dowebok_yw .yw_section3.active .yw_con3_des ul .des4{-ms-animation:my5moves4 2s ease-in 7.6s;}
#dts_dowebok_yw .yw_section3.active .yw_con3_des ul .des5{-moz-animation:my5moves5 2s ease-in 9.8s; -moz-animation-fill-mode:forwards;}
#dts_dowebok_yw .yw_section3.active .yw_con3_des ul .des5{-webkit-animation:my5moves5 2s ease-in 9.8s; -webkit-animation-fill-mode:forwards;}
#dts_dowebok_yw .yw_section3.active .yw_con3_des ul .des5{-o-animation:my5moves5 2s ease-in 9.8s; -o-animation-fill-mode:forwards;}
#dts_dowebok_yw .yw_section3.active .yw_con3_des ul .des5{-ms-animation:my5moves5 2s ease-in 9.8s; -ms-animation-fill-mode:forwards;}
#dts_dowebok_yw .yw_section3.active .yw_con3_des ul .des5{animation:my5moves5 2s ease-in 9.8s; animation-fill-mode:forwards;}
@-moz-keyframes my5moves1{0% {opacity:0} 40% {opacity:1} 100% {opacity:1}}
@-webkit-keyframes my5moves1{0% {opacity:0} 40% {opacity:1} 100% {opacity:0}}
@-o-keyframes my5moves1{0% {opacity:0} 40% {opacity:1} 100% {opacity:1}}
@-ms-keyframes my5moves1{0% {opacity:0} 40% {opacity:1} 100% {opacity:1}}
@keyframes my5moves1{0% {opacity:0} 40% {opacity:1} 100% {opacity:1}}
@-moz-keyframes my5moves2{0% {opacity:0} 40% {opacity:1} 100% {opacity:1}}
@-webkit-keyframes my5moves2{0% {opacity:0} 40% {opacity:1} 100% {opacity:0}}
@-o-keyframes my5moves2{0% {opacity:0} 40% {opacity:1} 100% {opacity:1}}
@-ms-keyframes my5moves2{0% {opacity:0} 40% {opacity:1} 100% {opacity:1}}
@keyframes my5moves2{0% {opacity:0} 40% {opacity:1} 100% {opacity:1}}
@-moz-keyframes my5moves3{0% {opacity:0} 40% {opacity:1} 100% {opacity:1}}
@-webkit-keyframes my5moves3{0% {opacity:0} 40% {opacity:1} 100% {opacity:0}}
@-o-keyframes my5moves3{0% {opacity:0} 40% {opacity:1} 100% {opacity:1}}
@-ms-keyframes my5moves3{0% {opacity:0} 40% {opacity:1} 100% {opacity:1}}
@keyframes my5moves3{0% {opacity:0} 40% {opacity:1} 100% {opacity:1}}
@-moz-keyframes my5moves4{0% {opacity:0} 40% {opacity:1} 100% {opacity:1}}
@-webkit-keyframes my5moves4{0% {opacity:0} 40% {opacity:1} 100% {opacity:0}}
@-o-keyframes my5moves4{0% {opacity:0} 40% {opacity:1} 100% {opacity:1}}
@-ms-keyframes my5moves4{0% {opacity:0} 40% {opacity:1} 100% {opacity:1}}
@keyframes my5moves4{0% {opacity:0} 40% {opacity:1} 100% {opacity:1}}
@-moz-keyframes my5moves5{0% {opacity:0} 40% {opacity:1} 100% {opacity:1}}
@-webkit-keyframes my5moves5{0% {opacity:0} 40% {opacity:1} 100% {opacity:0}}
@-o-keyframes my5moves5{0% {opacity:0} 40% {opacity:1} 100% {opacity:1}}
@-ms-keyframes my5moves5{0% {opacity:0} 40% {opacity:1} 100% {opacity:1}}
@keyframes my5moves5{0% {opacity:0} 40% {opacity:1} 100% {opacity:1}}
#dts_dowebok_yw .yw_section3 .yw_con3_des li h2{font-size: 40px;color: #fff;text-align: center;margin: 0;height: 54px;line-height: 54px;}
#dts_dowebok_yw .yw_section3 .yw_con3_con li .yw_con_icon{position: relative;}
#dts_dowebok_yw .yw_section3 .yw_con3_con li .yw_con_icon:after{content: ""; display: block; width: 50px; height: 60px; background: url(../image/yw_jt.png)no-repeat; position: absolute; right: 75px; top: 50%; margin-top: -56px; opacity: 0; }
#dts_dowebok_yw .yw_section3 .yw_con3_con li.yw_con4 .yw_con_icon:after{display: none;}
#dts_dowebok_yw .yw_section3 .yw_con3_con li{position: relative;left: -290px;opacity: 0;}
#dts_dowebok_yw .yw_section3.active .yw_con3_con li .yw_con_icon:after{opacity: 1;right: -57px;}
#dts_dowebok_yw .yw_section3.active .yw_con3_con li{left: 0; filter:alpha(opacity=100); opacity: 1;}
#dts_dowebok_yw .yw_section3.yw_con3_con li{filter:alpha(opacity=0); opacity: 0;}
@media(min-width:1111px){
#dts_dowebok_yw .yw_section3.active .yw_con3_con li .yw_con_icon:after{opacity: 1;right: -80px;}
}
#dts_dowebok_yw .yw_section3.active .yw_con3_con li.yw_con1{transition-delay:.6s cubic-bezier(0.15, 0.31, 0.55, 0.93) 1.4s; -webkit-transition-delay:1s cubic-bezier(0.15, 0.31, 0.55, 0.93) 1.4s; }
#dts_dowebok_yw .yw_section3.active .yw_con3_con li.yw_con1 .yw_con_icon:after{transition:.6s cubic-bezier(0.15, 0.31, 0.55, 0.93) 2.0s; -webkit-transition:1s cubic-bezier(0.15, 0.31, 0.55, 0.93) 2.0s; }
#dts_dowebok_yw .yw_section3.active .yw_con3_con li.yw_con2{transition:.6s cubic-bezier(0.15, 0.31, 0.55, 0.93) 3.1s; -webkit-transition:1s cubic-bezier(0.15, 0.31, 0.55, 0.93) 3.1s; }
#dts_dowebok_yw .yw_section3.active .yw_con3_con li.yw_con2 .yw_con_icon:after{transition:.6s cubic-bezier(0.15, 0.31, 0.55, 0.93) 4.5s; -webkit-transition:1s cubic-bezier(0.15, 0.31, 0.55, 0.93) 4.5s; }
#dts_dowebok_yw .yw_section3.active .yw_con3_con li.yw_con3{transition:.6s cubic-bezier(0.15, 0.31, 0.55, 0.93) 5.4s; -webkit-transition:1s cubic-bezier(0.15, 0.31, 0.55, 0.93) 5.4s; }
#dts_dowebok_yw .yw_section3.active .yw_con3_con li.yw_con3 .yw_con_icon:after{transition:.6s cubic-bezier(0.15, 0.31, 0.55, 0.93) 6.5s; -webkit-transition:1s cubic-bezier(0.15, 0.31, 0.55, 0.93) 6.5s; }
#dts_dowebok_yw .yw_section3.active .yw_con3_con li.yw_con4{transition:.6s cubic-bezier(0.15, 0.31, 0.55, 0.93) 7.6s; -webkit-transition:1s cubic-bezier(0.15, 0.31, 0.55, 0.93) 7.6s; }
#dts_dowebok_yw .yw_section4 .yw_con4_con{width: 1160px;margin: 130px auto 0;}
@media(max-width: 1200px){
#dts_dowebok_yw .yw_section4 .yw_con4_con{width: 1024px;}
}
#dts_dowebok_yw .yw_section4 .yw_con4_con li{list-style: none;width: 220px;height: 250px;float: left;border:1px solid #fff;margin: 0 6px;position: relative;font-size: 0;border-top: 0px solid #fff;transition:1s .7s;-webkit-transition:1s .7s;}
#dts_dowebok_yw .yw_section4 .yw_con4_con li .con_icon4_img{width: 100px;height: 100px;border-radius: 50%;border:1px solid #fff;text-align: center;line-height: 100px;background: transparent;z-index: 1;position: absolute;top: -50px;left: 50%;margin-left: -50px;}
#dts_dowebok_yw .yw_section4 .yw_con4_con li:before{content: "";display: inline-block;width: 59px;height: 1px;background: #fff;position: absolute;top: -1px;left: 0;}
#dts_dowebok_yw .yw_section4 .yw_con4_con li:after{content: "";display: inline-block;width: 59px;height: 1px;background: #fff;position: absolute;right: 0;top: -1px;}
@media(max-width: 1200px){
#dts_dowebok_yw .yw_section4 .yw_con4_con li:before{width: 42px;}
#dts_dowebok_yw .yw_section4 .yw_con4_con li:after{width: 42px;}
}
#dts_dowebok_yw .yw_section4 .yw_con4_con li .con_icon4_con{padding-top: 95px;text-align: center;}
#dts_dowebok_yw .yw_con4_con li .con_icon4_con h4{font-size: 18px;letter-spacing: 1px;padding-bottom: 30px;}
#dts_dowebok_yw .yw_con4_con li .con_icon4_con h5{font-size: 16px;line-height: 1.6;}
#dts_dowebok_yw .yw_con4_con li .con_icon4_con h4,#dts_dowebok_yw .yw_con4_con li .con_icon4_con h5{margin: 0;color: #fff;font-weight: 300; }
#dts_dowebok_yw .yw_section4 .yw_con4_con li .con_icon4_img img{transition:.4s;-webkit-transition:.4s;transform-origin:50% 50%;z-index: 1;position: relative;}
#dts_dowebok_yw .yw_section4 .yw_con4_con li:hover .con_icon4_img img{transform:rotate(180deg);}
#dts_dowebok_yw .yw_section4 .yw_con4_con li .con_icon4_img:after{content: ""; display: block; width: 90px; height: 90px; background: #f0eded; border-radius: 50%; position: absolute; left: 50%; top: 50%; margin-left: -45px; margin-top: -45px; opacity: 0; transform:scale(0); transition:.4s;-webkit-transition:.4s;transform-origin:50% 50%; }
#dts_dowebok_yw .yw_section4 .yw_con4_con li:hover .con_icon4_img:after{opacity: 1; transform:scale(1); }
#dts_dowebok_yw .yw_con5{font-size: 48px;color: #fff;text-align: center;line-height: 1.5;padding-bottom: 80px;opacity:0;transition:3s 1s;-webkit-transition:3s 1s}
#dts_dowebok_yw .active .yw_con5{opacity:1}
#dts_dowebok_yw .yw_section4{overflow: hidden;}
#dts_dowebok_yw .yw_section4 .yw_con4_con li.yw_con1,
#dts_dowebok_yw .yw_section4 .yw_con4_con li.yw_con3,
#dts_dowebok_yw .yw_section4 .yw_con4_con li.yw_con5{top: -1000px;opacity: 0;}
#dts_dowebok_yw .yw_section4 .yw_con4_con li.yw_con2,
#dts_dowebok_yw .yw_section4 .yw_con4_con li.yw_con4{top: 1000px;opacity: 0}
#dts_dowebok_yw .yw_section4.active .yw_con4_con li.yw_con1,
#dts_dowebok_yw .yw_section4.active .yw_con4_con li.yw_con3,
#dts_dowebok_yw .yw_section4.active .yw_con4_con li.yw_con5{top: 0;opacity: 1;}
#dts_dowebok_yw .yw_section4.active .yw_con4_con li.yw_con2,
#dts_dowebok_yw .yw_section4.active .yw_con4_con li.yw_con4{top: 0;opacity: 1;}
#dts_dowebok_yw .section{background-size: cover;background-position: center center;}
@media(max-width: 1600px){
#dts_dowebok_yw .yw_img1{font-size: 36px;line-height: 1.6;}
#dts_dowebok_yw .yw_con_con{width: 720px;height: 480px;margin-top: 20px;}
#dts_dowebok_yw .yw_con_con ul li{width: 120px;height: 120px;}
#dts_dowebok_yw .yw_section2.active .yw_con_con ul li.yw_con1{left: 240px;}
#dts_dowebok_yw .yw_section2.active .yw_con_con ul li.yw_con2{left: 0;}
#dts_dowebok_yw .yw_section2.active .yw_con_con ul li.yw_con3{left: 120px;}
#dts_dowebok_yw .yw_section2.active .yw_con_con ul li.yw_con4{left: 360px;}
#dts_dowebok_yw .yw_section2.active .yw_con_con ul li.yw_con5{left: 0;}
#dts_dowebok_yw .yw_section2.active .yw_con_con ul li.yw_con6{left: 360px;}
#dts_dowebok_yw .yw_section2.active .yw_con_con ul li.yw_con7{left: 480px;}
#dts_dowebok_yw .yw_section2.active .yw_con_con ul li.yw_con8{left: 600px;}
#dts_dowebok_yw .yw_section2.active .yw_con_con ul li.yw_con9{left: 600px;}
#dts_dowebok_yw .yw_section2.active .yw_con_con ul li.yw_con10{left: 240px;}
#dts_dowebok_yw .yw_section2.active .yw_con_con ul li.yw_con11{left: 360px;}
#dts_dowebok_yw .yw_con_con ul li.yw_con1{top: 0;}
#dts_dowebok_yw .yw_con_con ul li.yw_con2{top: 120px;}
#dts_dowebok_yw .yw_con_con ul li.yw_con3{top: 120px;}
#dts_dowebok_yw .yw_con_con ul li.yw_con4{top: 120px;}
#dts_dowebok_yw .yw_con_con ul li.yw_con5{top: 240px;}
#dts_dowebok_yw .yw_con_con ul li.yw_con6{top: 240px;}
#dts_dowebok_yw .yw_con_con ul li.yw_con7{top: 240px;}
#dts_dowebok_yw .yw_con_con ul li.yw_con8{top: 240px;}
#dts_dowebok_yw .yw_con_con ul li.yw_con9{top: 120px;}
#dts_dowebok_yw .yw_con_con ul li.yw_con10{top: 240px;}
#dts_dowebok_yw .yw_con_con ul li.yw_con11{top: 360px;}
#dts_dowebok_yw .yw_section2 .yw_con_con ul li.yw_con2{left: 1360px;}
#dts_dowebok_yw .yw_section2 .yw_con_con ul li.yw_con3{left: 1480px;}
#dts_dowebok_yw .yw_section2 .yw_con_con ul li.yw_con4{left: 1240px;}
#dts_dowebok_yw .yw_section2 .yw_con_con ul li.yw_con9{left: 1000px;}
#dts_dowebok_yw .yw_section2 .yw_con_con ul li.yw_con11{left: 1240px;}
#dts_dowebok_yw .yw_section2 .yw_con_con ul li.yw_con1{left: -1360px;}
#dts_dowebok_yw .yw_section2 .yw_con_con ul li.yw_con5{left: -1600px;}
#dts_dowebok_yw .yw_section2 .yw_con_con ul li.yw_con6{left: -1240px;}
#dts_dowebok_yw .yw_section2 .yw_con_con ul li.yw_con7{left: -1120px;}
#dts_dowebok_yw .yw_section2 .yw_con_con ul li.yw_con8{left: -1000px;}
#dts_dowebok_yw .yw_section2 .yw_con_con ul li.yw_con10{left: -1360px;}
#dts_dowebok_yw .yw_con_con ul li h4{font-size: 14px;}
}
@media only screen and (min-width: 981px){
.tem_head{width: 1200px;}
}
@media(max-width: 1024px){
#dts_dowebok_yw .yw_section3 .yw_con3_con,#dts_dowebok_yw .yw_section4 .yw_con4_con{width: 980px;min-width: 980px;}
#dts_dowebok_fa .fp-controlArrow{display: none;}
#dts_dowebok_yw .yw_section4 .yw_con4_con{width: 1024px;}
}
@media(max-width:1110px){
#dts_dowebok_yw .yw_section3 .yw_con3_con li{margin: 0 32.5px;}
}
@media(max-width: 1200px){
#dts_dowebok_yw .yw_section4 .yw_con4_con ul{padding-left:20px}
#dts_dowebok_yw .yw_section4 .yw_con4_con li{width: 184px;}
}
@media(max-width: 1023px){
#dts_dowebok_yw .yw_section4 .yw_con4_con ul{padding:0px}
}
@media only screen and (max-width: 1023px){
body{font-size: 62.5%;}
.tem_head nav ul{margin-top:50px;}
.sideopen header{border:0px solid #ddd;height: 100%;}
.tem_head{max-width: 100%;height: 120px;min-width: 120px;}
.nav-toggle{display: block; right: 15px; top: 15px; width: 60px; height: 60px; z-index: 30; position: fixed; cursor: pointer; -webkit-transition-duration: 0.66s; transition-duration: 0.66s; -webkit-transition-timing-function: swing; transition-timing-function: swing; }
.nav-toggle .icon{
width: 75px;
height: 10px;
background-color: #b4946e;
border-radius: 2px;
position: absolute;
top: 38px;
left: -38px;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
transiting-timing-function: swing;
}
.tem_head h1 img,.tem_head h2 img{min-height:94px;}
.sideopen .nav-toggle .icon{width: 0;}
.nav-toggle .icon:before, .nav-toggle .icon:after{width: 75px; height: 10px; background-color: #b4946e; border-radius: 2px; position: absolute; top: 28px; left: 15px; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; transiting-timing-function: swing; }
.nav-toggle .icon:before{top: -23px;}
.nav-toggle .icon:after{top: 23px;}
.nav-toggle .icon:before,.nav-toggle .icon:after{width: 75px; height: 10px; background-color: #b4946e; border-radius: 2px; content: ""; position: absolute; left: 0; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: swing; transition-timing-function: swing; }
.tem_head nav ul li a:after{width: 0;}
.tem_head nav ul li{float: none;width: 600px;text-align: center;right: 0;height: 60px;line-height: 60px;position: static;margin-bottom:25px;}
.tem_head nav ul li a{color: #333;font-size: 35px; margin-top: -70px!important;}
.tem_head nav ul .qy1 a{ padding:0px 260px 0px 260px;}
.tem_head nav{
width: 600px;
background-color: #fff;
position: absolute;
padding-top: 80px;
height: auto;
-webkit-transform: translateX(6000px);
-moz-transform: translateX(600px);
-ms-transform: translateX(600px);
transform: translateX(600px);
-webkit-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: -webkit-transform 500ms cubic-bezier(0.77,0,0.175,1);
-moz-transition: -moz-transform 500ms cubic-bezier(0.77,0,0.175,1);
-ms-transition: -ms-transform 500ms cubic-bezier(0.77,0,0.175,1);
transition: transform 500ms cubic-bezier(0.77,0,0.175,1);
}
.sideopen nav{-webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); }
.sideopen .nav-toggle .icon:before{
-webkit-transform: translateY(25px) rotate(45deg);
-ms-transform: translateY(25px) rotate(45deg);
transform: translateY(25px) rotate(45deg);
}
.sideopen .nav-toggle .icon:after{
webkit-transform: translateY(-21px) rotate(-45deg);
-ms-transform: translateY(-21px) rotate(-45deg);
transform: translateY(-21px) rotate(-45deg);
}
}
@media(max-height: 668px){
.yw_section2 .yw_content{text-align: center;}
#dts_dowebok_yw .yw_section2 .yw_con_tit{display: inline-block;vertical-align: middle;}
#dts_dowebok_yw .yw_section2 .yw_con_con{margin-bottom: -70px;}
#dts_dowebok_yw .yw_section3 .yw_con3_des{margin: 30px 0 50px;}
#dts_dowebok_yw .yw_con5{font-size: 44px;}
#dts_dowebok_yw .yw_con_tit h2{font-size: 35px;}
#dts_dowebok_yw .yw_con_tit h2:after{margin: 5px auto;}
#dts_dowebok_yw .yw_con_tit h3{ font-size: 14px;}
#dts_dowebok_yw .yw_section2 .yw_con_tit{margin-top: 20px;}
}
.dts_contact .contact_lx ul .dmax6 {
position: relative;
width: 320px!important;
}
.dts_contact .contact_lx ul .dmax6 .contact_con{
position: absolute;
left: 52px;
width: 292px;
}
.dts_contact .contact_lx ul .dmax6 .contact_con span{
font-size:14px;
}
.cccc{
filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',
M11=0.7660444431189777, M12=-0.6427876096865394, M21=0.6427876096865398,
M22=0.7660444431189779)
}
.fbzy{color:#fff !important;}
.fbzy img{vertical-align:top!important;}
#dts_index_dowebok .dts_index_img .index1_con a{display:block;width:180px;text-align: center;margin:0 auto;height:40px; animation: click 4s;}
#dts_index_dowebok .dts_index_img3 .index3_lx .container a {display:block;text-align: center; width: 315px; margin: 0 auto;}
@media(max-width:1280px){
#dts_dowebok_fa .fa_img .fa_img1_right div.col_img{width:100%}
#dts_dowebok_fa .fa_img .fa_img1_right div.col_img a{width:100%}
#dts_dowebok_fa .fa_img .fa_img1_right div.col_img a img{width:90%}
}
#dts_index_dowebok .dts_index_img .index1_con p span{opacity: 0; -webkit-transition: 0.3s 3s;transition: 0.3s 3s;}
#dts_index_dowebok .active .dts_index_img .index1_con p span{opacity:1;}
#dts_index_dowebok .dts_section1{background:#010318;}
#dts_index_dowebok .section{opacity:0;}
#dts_index_dowebok .dts_section1{opacity:1;}
.com_img .title {
position: absolute;
top: 107px;
z-index: 20;
color: #fff;
left: 127px;
font-size: 30px;
}
@media(max-width:1024px){
.com_img .title {
left:20px;
top: 147px;
}
}
.yw_con_tit {
margin-top: 40px;
}
@media(max-width:1023px){
.yw_con_tit {margin-top: 100px;}
}
.com_img2 .com_img_bottom img{vertical-align:initial!important;}
@media(max-width:1023px){
@media(min-height:720px){
#dts_dowebok_job .job_img .job_content{height:709px;top:35%;}
#dts_dowebok_job .job_img .job_a{ bottom:10%;}
}
}
@media(max-width:1366px) and (max-height:668px){
#dts_dowebok_job .job_img .job_content{height:300px;top:60%;}
}
@media(max-width:1366px) and (max-height:668px){
#dts_dowebok_fa .fa_img h2{font-size: 20px;line-height:20px;}
#dts_dowebok_fa .fa_img div.col_img{margin-top:0}
#dts_dowebok_fa .fa_img .fa_img1_right{padding-top:20px;}
.yw_con_tit{margin-top:60px;}
#dts_dowebok_yw .yw_section2 .yw_con_tit{margin-top:80px}
.yw_con11{display:none;}
}
@media(max-height:668px) {
#dts_dowebok_fa .fa_img h2{font-size: 20px;line-height:20px;}
#dts_dowebok_fa .fa_img div.col_img{margin-top:0}
#dts_dowebok_fa .fa_img .fa_img1_right{padding-top:20px;}
.yw_con_tit{margin-top:60px;}
#dts_dowebok_yw .yw_section2 .yw_con_tit{margin-top:80px}
.yw_con11{display:none;}
}
@media(max-height:830px){
#dts_dowebok_job .job_img .job_content{top:54%;}
}
@media(max-height:745px){
#dts_dowebok_job .job_img .job_content{top:56%;}
#dts_dowebok_job .job_img .job_description{top:11%;}
#dts_dowebok_job .job_img .job_description{font-size:36px;}
}
@media(max-height:655px){
#dts_dowebok_job .job_img .job_content{top:63%;}
}
@media(max-height:580px){
#dts_dowebok_job .job_img .job_description{font-size:30px;}
}
@media(max-height:540px){
#dts_dowebok_job .job_img .job_description{font-size:22px;top:13%;}
#dts_dowebok_job .job_img .job_content{top:65%;}
}
#dts_index_dowebok .dts_index_img2 .index23_con div a:hover{text-decoration: none;}
#dts_index_dowebok .dts_index_img2 .index24_con div a:hover{text-decoration: none;}
.tem_head nav a:hover{text-decoration: none;}
.dts_index3_foot a:hover{text-decoration: none;}
.ttq_section2.active .com_img2 .com_img_top p span{ color: #fcfcfc; font-size: 20px;line-height: 45px;}