.body{ width:100%; overflow:hidden}

/*.top{ height:72px; background:#fff; line-height:72px; }*/
/*.tel_btn{ height:72px; width:53px; background: right center no-repeat; position:absolute; left:0; top:0; cursor:pointer }*/
/*.logo{ background:url(/uploads/image/thdpimages/logo.png) center center no-repeat; height:72px; width:225px; margin:0 auto }*/
/*.top_right{ right:0; top:0; position:absolute; width:153px; width:100px }*/
/*.menu_btn{ height:72px; background: right center no-repeat; color:#191919; font-weight:bold; width:70px; cursor:pointer; float:left; }*/
/*.search_btn{ width:83px; background: 25px center no-repeat; height:72px; margin-left:70px; cursor:pointer;display:none }*/


/* banner */
.banner{ width:100%; overflow:hidden; color:#fff; position:relative; }
.banner li{ position:relative; height:670px;}
.banner img{ display:block; position:absolute; }
.banner_txt{ position:absolute; text-align:center; width:100%; top:0;  transition:all 0.6s ease 0.5s }
.banner_txt h2{ text-align:center;font-size:72px; font-family:"microsoft yahei"; line-height:139%; font-weight:normal;   }
.banner_txt h2 img{ width:100%;}
.banner_txt h3{ font-size:79px; line-height:110%; text-transform:uppercase; font-weight:normal; font-family:"microsoft new tai lue" }
.banner_txt h4{ font-size:72px; line-height:100%; text-transform:uppercase; font-weight:normal; -webkit-text-fill-color:transparent; -webkit-text-stroke:3px #fff; }
.banner_txt p{ font-size:16px;  }
.banner_txt p img{width:100%;  }
.banner_txt.s{ transform:scale(0.6); opacity:0; margin-left:-100px }
/* 四大业务块 */
.business{ padding-bottom:20px; background:#e7ebf2; color:#808080; overflow:hidden; height: 220px !important;/*height:249px */}
.business li{transition:all 1s; float:left; text-align:center; width:25%; padding-top:40px; position:relative; padding-bottom:70px }
.business li:hover{ background:#00a3fe; color:#fff; padding-top:35px;}
.business em{ width:30%; margin:5px auto ;  }
.business em img{ width:80%;  }
.business li .tb1{transition:all 1s; display: block;  }
.business li:hover .tb1{ display:none;}
.business li .tb2{transition:all 1s; display: none; }
.business li:hover .tb2{ display: block;}
.business h2{ transition:all 0.5s;font-size:24px; text-transform:uppercase; margin-bottom:12px; font-weight:normal ; color:#3c3c50}
.business a{transition:all 0.5s; display:block; }
.business li:hover a{  color:#fff;}
.business li:hover h2{  color:#fff;}
.business li:hover p{ display: none;  color:#fff;}
.business p{ height:120px; overflow:hidden; line-height:20px; color:#555; }
.business span{ display:block; width:1px; height:270px; top:0; right:0; background:#d1d7e3; position:absolute }
/*公司定位*/
.position{ background:#fff; padding:100px; }
.container{ max-width:1200px; margin:auto; }
.left_img{ transition:all 2s;  width:56.3333%; /*height:450px;border:1px #ddd solid;*/float:left; overflow:hidden; }
/*.left_img video{width:100%;height:450px;}*/
.left_img img{ max-width:100% }
.right_txt{ width:40%; float: right }
.position_h2{ font-size:48px; text-align:center;font-weight:normal; color:#333; line-height:60px; font-family:"microsoft yahei"; }
.position_h3{ font-size:18px; font-weight:normal; color:#999; text-align:center; line-height:48px; margin-bottom:100px }
.right_txt_container{ padding-left:40px }
.right_txt_container p{ font-size:14px; line-height:36px; color:#666; max-height:216px; overflow:hidden }
.right_txt_container ul{ padding-top:30px; }
.right_txt_container li{ height:50px; line-height:50px; border-bottom:1px solid #e6e6e6; margin-left:45px; position:relative; color:#666 }
.right_txt_container li a{ display:block; color:#666;}
.right_txt_container li:before{ border-color:#e3e3e3; border-radius:50%; border-style:solid; border-width:1px; color:#777; content:">"; font-family:simsun; font-weight:bold; height:25px; left:-45px; line-height:25px; margin-top:-12px; position:absolute; text-align:center; top:50%; transition:color 0.25s ease 0.01s, border-color 0.25s ease 0.01s; width:25px; }
.right_txt_container li:hover:before{ border-color:transparent; color:#fff; z-index:5; }
.right_txt_container li:after{ background-color:#00a3fe; border-radius:50%; content:""; height:25px; left:-45px; margin-top:-12px; opacity:0; filter:alpha(opacity=0); position:absolute; top:50%; transform:scale(0); transition:transform 0.3s ease 0s, opacity 0.25s ease 0s; width:25px; }
.right_txt_container li:hover:after{ opacity:1; transform:scale(1); filter:alpha(opacity=100); }
/*团队1*/


/*团队2*/
.team2{ padding:100px 0; background:#f8f8f8; width:100%; overflow:hidden; }
.team2 h2{ text-align:center; color:#00a3fe; font-size:48px; line-height:100%; margin-bottom:35px; font-family:"microsoft yahei"; }
.team2 h2 a{ color:#00a3fe;}
.team2 h3{ text-align:center; color:#5b5e60; font-size:18px; font-weight:normal; line-height:100%; margin-bottom:30px }
.team_line{ width:158px; height:2px; line-height:2px; background:#ececec; margin:0 auto 70px }
.team_left{ width:250px; float:left; }
.team2_list{ width:5000px }
.team2_list li{ margin-right:35px; width:250px; overflow:hidden; height:388px; float:left }
.team_photo{ height:267px; overflow:hidden; margin-bottom:10px; position:relative; }
.icon_plus{ width:61px; height:61px; background: no-repeat; display:block; position:absolute; left:50%; top:50%; margin-left:-30px; margin-top:-30px; cursor:pointer }
.team_position{ border:1px solid #e0e0e0; background:#fff; padding:28px 20px }
.team_position h4{ font-size:18px; font-weight:normal; margin-bottom:5px }
.team_position h5{ font-size:14px; color:#aeaeae; font-weight:normal }
.team_right{ margin-left:261px;   background:#fff; overflow:hidden; height:366px;   position:relative; }
.team_des{ line-height:30px; height:300px; margin-bottom:15px; overflow:hidden }
.team_links{ width:370px }
.team_links a{ display:block; width:40px; height:40px; background-image:; background-repeat:no-repeat; float:left; margin-right:5px }

.team_links .team_links_2{ background-position:0 0 ; }
.team_links_1{ background-position:0 -41px }
.team_links_3{ background-position:0 -82px }
.team_links_4{ background-position:0 -123px }
.team_links .team_links_5{ background-position:0 -164px; }

.team_links .team_links_2:hover{ background-position:0 -205px ; }
.team_links_1:hover{ background-position:0 -246px }
.team_links_3:hover{ background-position:0 -287px }
.team_links_4:hover{ background-position:0 -328px }
.team_links .team_links_5:hover{ background-position:0 -369px; }


.team_wx{ position:absolute; left:23px; top:190px; border:1px solid #b5b5b5; background:#fff; width:132px; height:132px; display:none}
.team_wx i{ width:10px; height:10px; border:1px solid #b5b5b5; position:absolute; background:#fff; transform:rotate(45deg); display:block; bottom:-6px; left:50%; z-index:5; margin-left:-5px}
.team_wx img{ position:absolute; left:0; top:0; z-index:10; width:112px; height:112px;border:10px solid #fff}

/* priorities */

.priorities{ background: center top fixed; padding:100px 0; width:100%; background-size:cover; position:relative }
.priorities h2{ font-size:24px; color:#fff; text-transform:uppercase; text-align:center; margin-bottom:35px; font-weight:normal }
.priorities_line{ height:2px; background:#fff; opacity:0.8; width:158px; margin:0 auto; filter:alpha(opacity=80); }
.priorities_c{ position:relative; z-index:20}
.num_wrap{ text-align:center; padding-top:70px }
.num_box{ display:inline-block; margin:0 20px }
.num{ color:#00a3fe; font-size:65px; width:150px; height:150px; line-height:150px; text-align:center; border:1px solid #fff; border-radius:5px; margin-bottom:20px; position:relative; z-index:2 }
.num_li{ position:relative; }
.num_bg{ position:absolute; z-index:1; width:152px; height:152px; border-radius:5px; left:0; top:0; background:#fff; opacity:0.32; filter:alpha(opacity=32); }
.num_li h3{ font-size:16px; color:#fff; font-weight:normal }
/* what we do*/

.wedo{ padding-top:100px; overflow:hidden; }
.title{ font-size:48px; font-weight:normal; text-align:center; line-height:100%; color:#3c3c50; margin-bottom:20px; font-family:"microsoft yahei"; background: no-repeat center; }
.title_txt{ color:#666; font-size:14px; text-align:center; line-height:40px; margin-bottom:30px }
.title a{ color:#3c3c50;}
.wedo_line{ height:2px; background:#ececec; width:265px; margin:0 auto; margin-bottom:10px }
.title_b{ font-size:48px; font-weight:normal; text-align:center; line-height:100%; color:#fff; margin-bottom:20px; font-family:"microsoft yahei"; background: no-repeat center; }
.title_b_txt{ color:#fff; font-size:14px; text-align:center; line-height:40px; margin-bottom:30px }
.title_b a{ color:#fff;}
.wedo_b_line{ opacity:0.3 ; height:2px; background:#ececec; width:265px; margin:0 auto; margin-bottom:10px }

.wedo_select{ text-align:center; margin-bottom:50px; font-size:0 }
.wedo_select li{ height:50px; line-height:50px; display:inline-block; padding:0 60px; border:1px solid #d4d4d4; margin-left:-1px; transition:all .25s ease; cursor:pointer; font-size:14px }
.wedo_select li.on, .wedo_select li.on:hover{ background:#00a3fe; color:#fff; border:1px solid #00a3fe }
.wedo_select li:hover{ background:#fafafa }
.wedo_select li:first-child{ border-radius:6px 0 0 6px; }
.wedo_select li:last-child{ border-radius:0 6px 6px 0; }
.wedo_list li{ width:20%; float:left; overflow:hidden; padding-bottom:4px }
.wedo_img{ margin:0 2px; position:relative; overflow:hidden }
.wedo_list li img{ width:100%; display:block; }
.wedo_list_li{ position:relative; max-height:300; }

.product{ background:url(/uploads/image/thdpimages/parallax-1.jpg) center top; position:relative; padding:100px 0 60px 0; background-size:cover }
.product_overlay{ height:100%; width:100%; background:#00a3fe; opacity:0.8; filter:alpha(opacity=80); position:absolute; left:0; top:0; z-index:1 }
.product_con{ position:relative; z-index:2; color:#fff; text-align:center }

.product_select{ text-align:center; margin-bottom:50px; font-size:0 }
.product_select li{ height:50px; line-height:50px; display:inline-block; padding:0 60px; border:1px solid #d4d4d4; margin-left:-1px; transition:all .25s ease; cursor:pointer; font-size:14px }
.product_select li.on, .product_select li.on:hover{ background:#fff; color:#00a3fe; border:1px solid #00a3fe }
.product_select li:hover{ background:#fafafa; color:#00a3fe; }
.product_select li:first-child{ border-radius:6px 0 0 6px; }
.product_select li:last-child{ border-radius:0 6px 6px 0; }
.product_list{padding-left:1%;}
.product_list li{ width:19% !important;  margin:1% 1% 1% 0; float:left; overflow:hidden; padding-bottom:4px }
.product_img{ margin:0 2px;width:100%;  position:relative; overflow:hidden }
.product_list li img{ max-height:219px; width:100%; overflow:hidden ;  display:block; }
.product_list li .pro_txt { margin:10px 0;}
.product_list li .pro_txt a{ transition:all 0.5s;display:block; color:#fff;  font-size:16px;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.product_list li:hover .pro_txt a{ }
.product_list_li{ position:relative; }
.pro_txt { margin:0 2px;width:100%;  position:relative; overflow:hidden }
.pro_txt a{ transition:all 0.5s;display:block; color:#fff;  font-size:16px; width:100%; text-align:center;}

.yh{ padding:100px 0 50px 0;  overflow:hidden; background:#e7ebf2;}
.yh .yh_list{ padding-top:10px; padding-bottom:10px;  transition:all 2s; }
.yh:hover .yh_list{ padding-top:20px; padding-bottom:0px;}
.yh li{  float:left; width:19%; margin-right:1%; margin-bottom:1%;}
.yh li img{height:82px; cursor:pointer; opacity:0.85; width:100%;transition:all 0.1s; }
.yh li:hover img{ opacity:1;}


.yxzx{ background:url(/uploads/image/thdpimages/parallax-2.jpg) center top; position:relative; padding:80px 0; background-size:cover }
.yxzx_overlay{ height:100%; width:100%; background:#000000; opacity:0.8; filter:alpha(opacity=80); position:absolute; left:0; top:0; z-index:1 }
.yxzx_list{ width:1000px; position:relative;   z-index:2; color:#fff; text-align:center ;}
.yxzx_dt{ background:url(/uploads/image/thdpimages/dt1.png) no-repeat center center; min-height:680px; margin:50px auto;margin-top:-60px;}
.yxzx_dt li{ transition: all 1s; position:absolute;text-align:left; }
.yxzx_dt li .txt{ width:400px; position:absolute; z-index:100; clear:both; display:none; padding:10px 15px; border-radius:5px; background:#fff; }
.yxzx_dt li:hover .txt{ display:block;}
.yxzx_dt li .txt strong{ line-height:40px; font-size:16px; color:#222;}
.yxzx_dt li .txt p{ font-size:14px; color:#666;}
.yxzx_dt li img{ cursor:pointer;transition: all 0.5s; width:22px;}
.yxzx_dt li:hover img{ transform: scale(1.2,1.2)}
.dt1{ left:690px; top:387px;}
.dt2{ left:720px; top:545px;}
.dt3{ left:670px; top:413px;}
.dt4{ left:790px; top:550px;}
.dt5{ left:680px; top:716px;}
.dt6{ left:690px; top:716px;}
.dt7{ left:570px; top:583px;}
.dt8{ left:700px; top:638px;}
.dt9{ left:485px; top:700px;}
.dt10{ left:570px; top:654px;}
.dt11{ left:650px; top:580px;}
.dt12{ left:778px; top:377px;}
.dt13{ left:636px; top:640px;}
.dt14{ left:600px; top:710px;}
.dt15{ left:723px; top:470px;}
.dt16{ left:500px; top:457px;}
.dt17{ left:770px; top:607px;}
.dt18{ left:748px; top:660px;}
.dt19{ left:656px; top:510px;}
.dt20{ left:630px; top:450px;}
.dt21{ left:585px; top:513px;}
.dt22{ left:495px; top:585px;}
.dt23{ left:540px; top:448px;}
.dt24{ left:654px; top:337px;}
.dt25{ left:300px; top:383px;}
.dt26{ left:812px; top:313px;}
.dt27{ left:708px; top:408px;}
.dt28{ left:820px; top:245px;}
.dt29{ left:770px; top:540px;}
.dt30{ left:615px; top:788px;}
.dt31{ left:425px; top:450px;}
.dt40{ left:750px; top:680px;}

.xwzx{ padding:80px 0 0 0;overflow:hidden;background:#e7ebf2;}
.xwzx_left{ transition:all 1.5s;  background:#fff; float:left; width:47.5%;}
.xwzx:hover .xwzx_left{ margin-left:0.5%;}
.title_left{ float:left; width:20%; margin-left:5%; margin-top:10%;}
.title_left span{ margin-bottom:2%; text-transform:uppercase; font-size:18px; color:#636363; }
.title_left span strong{ font-weight: 200;   font-size:24px; color:#00a3fe; }
.title_left p{ margin-top:20px;}
.title_left p strong a{transition:all 0.5s; font-weight:normal; text-align:center;color:#fff;font-size:12px; background:#00a3fe; display:block;  line-height:30px;}
.title_left p strong:hover a{ color:#fff; background:#1f222e; }
.title_left p a{ text-align:center; text-transform:uppercase; font-size:12px; color:#666; }
.title_left p strong a:hover{ color:#fff; }
.title_left p a:hover{ color:#00a3fe; }
.xwzx_left ul { margin-top:2%; margin-right:2%; float:right; width:65%;}
.xwzx_left ul li { margin-bottom:3%; border-bottom:1px dashed #ddd; padding-bottom:3%;}
.xwzx_left ul li span{font-size:12px; line-height:30px; }
.xwzx_left ul li a{transition:all 0.5s; line-height:35px; display:block; color:#1f222e; }
.xwzx_left ul li:hover a{ color:#00a3fe;}
.xwzx_left ul li p{ color:#666; line-height:18px; font-size:12px;}
.xwzx_right{transition:all 1.5s;  background:#fff; float:right; width:47.5%;}
.xwzx:hover .xwzx_right{ margin-right:0.5%;}

.title_right span strong{ font-weight: normal;  font-size:24px; color:#ffa13d; }
.title_right p strong a{transition:all 0.5s; font-weight:normal; text-align:center;color:#fff;font-size:12px; background:#ffa13d !important; display:block;  line-height:30px;}
.title_right p strong:hover a{ background:#1f222e !important; }

.foot{ padding:50px 0 30px 0; background:#00a3fe; color:#fff; margin-top:-24px;}
.foot_left{ margin-left:2%; float:left; width:45%;}
.foot_left_tel{ margin-top:10px; font-size:30px; line-height:60px; }
.foot_txt{ clear:both; font-size:12px; line-height:24px; }
.foot_right{ margin-right:2%; text-align:right; float:right; width:45%;}
.foot_txt img{ margin-top:10px; max-height:20px; }
.foot_ewm{ float:right; width:123px;}
.foot_ewm img{  width:123px;}

.image_info{ position:absolute; left:0; top:0; width:100%; height:100%; /*display:none */ }
.image_info_wrap{ position:absolute; left:0; top:0; width:100%; height:100%; display:table }
.image_info .overlay{ background:#00a3fe; opacity:0.6; filter:alpha(opacity=60); width:100%; height:100%; left:0; top:0; position:absolute; z-index:1 }
.image_txt{ position:relative; z-index:5; color:#fff; display:table-cell; vertical-align:middle; text-align:center; font-size:18px; }
.image_txt h3, .image_txt h4{ font-weight:normal; }
.image_txt h4{ margin-bottom:20px; font-size:16px; }
.iamge_link span{ display:block; width:51px; height:51px; background:url(/uploads/image/thdpimages/icon_btn.png) left top no-repeat }
.iamge_show span{ display:block; width:51px; height:51px; background:url(/uploads/image/thdpimages/icon_btn.png) right top no-repeat }
.iamge_link span:hover{ background-position:left bottom }
.iamge_show span:hover{ background-position:right bottom }
.i_link{ display:inline-block; margin:0 8px; position:relative; transition:all 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275); }
.iamge_link{ right:50%; }
.iamge_show{ left:50%; }
.wedo_list_li:hover .iamge_link{ right:0; }
.wedo_list_li:hover .iamge_show{ left:0; }
.product_list_li:hover .iamge_link{ right:0; }
.product_list_li:hover .iamge_show{ left:0; }
/* service */
.service{ padding:100px 0 }
.service .title{ margin-bottom:25px }
.title2{ text-align:center; font-size:18px; color:#5b5e60; font-weight:normal; margin-bottom:35px }
.service_line{ width:158px; height:2px; margin:0 auto; background:#ececec; margin-bottom:70px }
.service_title li{ width:100px; display:inline-block; margin:0 15px }
.service_title{ text-align:center }
.service_title span{ display:block; width:100px; height:98px; background: no-repeat; }
.service_title .service_icon_1{ background-position:0 0 }
.service_title .service_icon_2{ background-position:-130px 0 }
.service_title .service_icon_3{ background-position:-260px 0 }
.service_title .service_icon_4{ background-position:-390px 0 }
.service_title .service_icon_5{ background-position:-520px 0 }
.service_title .service_icon_6{ background-position:-650px 0 }
.service_title .service_icon_7{ background-position:-780px 0 }
.service_title strong{ font-size:16px; font-weight:normal; padding-top:12px; display:block; }
.service_content{ padding-top:70px; max-width:930px; margin:0 auto; text-align:center; }
.service_content li{ display:none; line-height:30px }

.service_prev, .service_next,.partner_prev,.partner_next{ background:url(/uploads/image/thdpimages/icon_arrow.png) left top no-repeat; display:block; width:35px; height:70px; position:absolute; top:95px; cursor:pointer }
.service_prev,.partner_prev{ left:-100px }
.service_next,.partner_next{ background-position:right top; right:-100px }
.service .container{ position:relative;  }
.service_prev:hover,.partner_prev:hover{ background-position:left bottom }
.service_next:hover,.partner_next:hover{ background-position:right bottom }

.partner_prev,.partner_next{ top:0}
 

/* blog*/
.blog{ background: center top fixed; padding:230px 0 185px 0; background-size:cover; position:relative }


.blog_wrap{ position:relative; z-index:10}
.blog h2{ font-size:67px; color:#fff; line-height:100%; font-weight:normal; text-align:center; margin-bottom:75px; font-family:"microsoft yahei"; }
.blog_btn{ text-align:center; }
.blog_btn a{ display:inline-block; transition:all 0.25s ease 0s; margin:0 20px; width:200px; height:56px; border:1px solid #dcdcdc; border-radius:5px; text-align:center; line-height:56px; color:#00a3fe; font-size:18px; background:rgba(255, 255, 255, 0.5) }
.blog_btn a:hover, .blog_btn a.on{ color:#fff; background:#00a3fe; border-color:#00a3fe }
.blog_btn a.on:hover{ background:#fff; color:#00a3fe; border:1px solid #fff }
/* blog2*/
.blog2{ padding:100px 0 }
.blog2 .title{ margin-bottom:25px }
.service_line{ width:158px; height:2px; margin:0 auto; background:#ececec; margin-bottom:70px }
.blog_list{ font-size:0; margin-bottom:75px }
.blog_list li{ width:33.33%; display:inline-block; overflow:hidden; }
.blog_title li a{ display:block; margin-right:25px; overflow:hidden; }
.blog_list li img{ max-width:100%; display:block; }
.blog_meta{ font-size:14px; margin-right:25px; margin-bottom:10px; padding-top:13px }
.blog_meta a{ color:#00a3fe }
.blog_title{ font-size:16px; margin-right:25px; height:24px; overflow:hidden; margin-bottom:10px }
.blog_title a{ color:#333 }
.blog_title a:hover{ color:#00a3fe; text-decoration:underline }
.blog_des{ font-size:12px; line-height:26px; height:78px; overflow:hidden; margin-right:50px }
.blog_img{ margin-bottom:10px }
/* blog3 */
.blog3{ background: center center no-repeat fixed; background-size:cover; padding-top:160px; padding-bottom:110px }
.blog_list2 li{ display:none; padding:0 130px; font-size:24px; line-height:45px; }
.blog_list2 li strong{ font-weight:normal; margin-bottom:35px; display:block }
.blog_list2 li strong span{ color:#da251d }
.blog_time{ color:#da251d; font-size:14px; padding-top:20px; border-top:1px solid #b9aca4; width:170px; margin:0 auto 0 auto }
.blog3 .team_dot{ padding-top:0 }
/* partner*/
.partner{ padding:100px 0; background:#f8f8f8 }
.partner .service_line{ margin-bottom:50px }
.partner_list{ position:relative; max-width:1110px; margin-left:auto; margin-right:auto}
.partner_list li{ width:185px; text-align:center}
/* contact */

.contant_top{ padding-top:100px; background:#fff; border-bottom:1px solid #94999f; box-shadow:0 5px 5px #c2c0be }
.contact .title{ margin-bottom:30px }
.map{ height:500px; position:relative;}
.map_overlay{ width:100%; height:100%; opacity:.15; background:#fff; position:absolute; left:0; top:0; z-index:10}
.contact_box{ background: center center no-repeat; height:862px; background-size:cover }
.feedback{ max-width:545px; margin:0 auto; padding-top:100px }
.f_txt{ border:1px solid #726e68; border-radius:5px; background:none; color:#fff; padding:16px 10px; display:block; width:100%; line-height:18px; box-sizing:border-box }
.f_txt:focus{ box-shadow:0 0 10px #00a3fe; outline:none }
.tr{ margin-bottom:10px }
.f_txt2{ min-height:144px; max-width:100%; min-width:100% }
.f_btn{ display:block; background:#00a3fe  center center no-repeat; height:50px; border-radius:5px; width:100%; padding:0 10px; border:1px solid #00a3fe; transition:background-color 0.25s ease 0s;box-sizing:border-box }
.f_btn:hover{ background-color:#fa2c23; }
.tr2{ padding-top:10px }
/* footer */
#footer{ height:142px; line-height:142px; position:relative; overflow:hidden; width:100%; margin-top:-142px; color:#fff; font-size:12px }
.footer_overlay{ position:absolute; width:100%; height:100%; background:#000; opacity:0.5; filter:alpha(opacity=50); left:0; top:0; z-index:1 }
.footer{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:2 }
.copyright{ float:left; }
.copyright a{ color:#fff }
.share{ padding-top:15px; float:right; }
.share a{ display:inline-block; width:40px; height:40px; background: left top no-repeat; }
.share a.share_2{ background-position:-45px 0 }
.share a.share_3{ background-position:-90px 0 }
.share a.share_4{ background-position:-135px 0 }
.share a.share_5{ background-position:-180px 0 }
.share a.share_6{ background-position:-225px 0 }
.share a.share_7{ background-position:-270px 0 }
.share a.share_8{ background-position:-315px 0 }
.share a.share_1:hover{ background-position:0 bottom }
.share a.share_2:hover{ background-position:-45px bottom }
.share a.share_3:hover{ background-position:-90px bottom }
.share a.share_4:hover{ background-position:-135px bottom }
.share a.share_5:hover{ background-position:-180px bottom }
.share a.share_6:hover{ background-position:-225px bottom }
.share a.share_7:hover{ background-position:-270px bottom }
.share a.share_8:hover{ background-position:-315px bottom }
/* back top */
/*.back_top{ width:50px; height:50px; background: no-repeat center bottom; display:block; position:fixed; right:45px; bottom:80px; z-index:999; display:none; opacity:0.9; transition:opacity .25s }*/
/*.back_top:hover{ opacity:1; }*/
/* add */
.menu{ position:absolute; width:100%; background:#00a3fe; left:0; top:72px; z-index:999; padding-bottom:150px; box-shadow:0 5px 5px #bb2019 inset; display:none }
.menu_box{ max-width:780px; margin:0 auto; text-align:center; color:#fff; padding-top:30px }
.menu_box a{ color:#fff }
.menu_li{ margin-bottom:25px; border-bottom:1px solid #b81e17; padding-bottom:25px }
.menu_li h2{ font-size:36px; line-height:100%; font-weight:normal; margin-bottom:8px }
.menu_li a{ display:inline-block; background: left center no-repeat; padding-left:20px; margin:0 20px }
.menu_li h2 a{ background:none }
.menu_other{ margin-bottom:40px }
.menu_other a{ font-size:16px; display:inline-block; margin:0 10px }
.language a{ display:inline-block; width:40px; height:40px; background: no-repeat -1px -1px; margin:0 10px; line-height:40px; color:#fff; border-radius:50%; overflow:hidden; border:1px solid #fff }
.language a.languege_en{ background-position:-62px -1px }
.language a span{ display:none; }
.language a:hover{ background:#c3060d; }
.language a:hover span{ display:block }
.top{ transition:background 0.5s ease; }
.on .top{ background:#00a3fe; position:relative; z-index:1000 }
/* search */
.search{ height:77px; box-shadow:0 5px 5px #f0f0f0 inset; background:#fff; width:100%; display:none; position:absolute; top:72px; left:0; z-index:999; }
.search_box{ max-width:780px; margin:0 auto; padding-top:17px; position:relative; }
.search_box input{ display:block; width:100% }
.search_btn2{ width:120px; height:42px; position:absolute; right:0; top:17px; overflow:hidden; }
.s_btn{ border:0 none; background:#00c3a5; color:#fff; text-align:center; line-height:42px; cursor:pointer; }
.search_txt{ margin-right:120px; border:1px solid #cad1d1; height:31px; background:#edf2f2; padding:0 20px; padding-top:9px }
.s_txt{ border:0 none; width:100%; line-height:22px; height:22px; background:#edf2f2 }
/* contact */
.top_contact{ box-shadow:0 5px 5px #f0f0f0 inset; background:#fff; width:100%; position:absolute; top:72px; left:0; z-index:999; padding-top:20px; padding-bottom:50px; display:none; overflow:hidden; }
.top_contact_box{ max-width:950px; margin:0 auto }
.top_contact_list{ line-height:40px; padding-left:35px; background: left 10px no-repeat; }
.top_contact_box h2{ border-bottom:1px solid #e5e5e5; line-height:56px; color:#333; font-size:16px; margin-bottom:5px }
/* banner */
.banner_prev, .banner_next{ display:block; width:35px; height:70px; position:absolute; top:50%; margin-top:-35px; background:url(/uploads/image/thdpimages/icon_banner.png) no-repeat; z-index:1000 }
.banner_prev{ left:17px; }
.banner_prev:hover{ background-position:left bottom }
.banner_next{ right:17px; background-position:right top }
.banner_next:hover{ background-position:right bottom }
.banner li{ position:absolute; width:100%; overflow:hidden }
/* team */
.team_list_wrap{ height:330px; }
.team_list_wrap li{ position:absolute; width:100%; left:0; top:0; display:none }
.blog_list2{ height:191px; }
.blog_list2 li{ position:absolute; width:100%; left:0; top:0; display:none; box-sizing:border-box }
.team_right{ overflow:hidden; }
.team_des{ width:342px }
.team2_list{ position:relative; min-height:388px }
.team2_list ul{ position:absolute; left:0; top:0 }
#header{ position:fixed; top:0; left:0; width:100%; z-index:6668; }
#header.shadow{ border-bottom:1px solid #e1e1e1 }
#body{ padding-top:85px; width:100%; overflow:hidden; }
.icon_plus{ transition:all 0.5s; opacity:0; filter:alpha(opacity=0); }
.team_photo{ cursor:pointer }
.team_photo:hover .icon_plus{ opacity:1; filter:alpha(opacity=100); }
.team2_list li.on .icon_plus{ transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); display:block; opacity:1; filter:alpha(opacity=100); }
.team_position{ transition:background-color 0.5s, border 0.5s; }
.team2_list li:hover .team_position, .team2_list li.on .team_position{ background:#00a3fe; color:#fff; border:1px solid #00a3fe }
.team2_list li:hover h5, .team2_list li.on h5{ color:#fff }
.wedo_list_li .wedo_img img{ transition:all 10s; height:305px;}
.wedo_list_li .image_info{ opacity:0; filter:alpha(opacity=0); }
.wedo_list_li:hover .image_info{ opacity:1; transition:all 0.5s; filter:alpha(opacity=100); display:block }
.wedo_list_li:hover .wedo_img img{ transform:scale(1.2, 1.2); }
.wedo_list li{ width:19.97% }
.product_list_li .product_img img{ transition:all 1000s; }
.product_list_li .image_info{ opacity:0; filter:alpha(opacity=0); }
.product_list_li:hover .image_info{ opacity:1; transition:all 0.5s; filter:alpha(opacity=100); display:block }
.product_list_li:hover .product_img img{ transform:scale(1.2, 1.2); }

.isotope, .isotope-item{ transition-property:transform, opacity; transition-duration:0.8s; }
.service_title li{ cursor:pointer; }
.service_content{ height:120px; overflow:hidden; }
.service_content li{ display:block }
.service_title .on .service_icon_1{ background-position:0 bottom }
.service_title .on .service_icon_2{ background-position:-130px bottom }
.service_title .on .service_icon_3{ background-position:-260px bottom }
.service_title .on .service_icon_4{ background-position:-390px bottom }
.service_title .on .service_icon_5{ background-position:-520px bottom }
.service_title .on .service_icon_6{ background-position:-650px bottom }
.service_title .on .service_icon_7{ background-position:-780px bottom }
.on .tel_btn{ background-image: }
.on .logo{ background-image: }
.on .menu_btn{ background-image:; color:#fff }
.on .search_btn{ background-image:;  }

.video_bg{ height:615px; overflow:hidden; position:absolute; left:0; top:0; width:100%; z-index:1;}
.video_bg video{ position:relative; z-index:1}
.video_overlay{ position:absolute; left:0; right:0; width:100%; height:100%;opacity:0.2;z-index:2; background:}

/* 响应式 */
@media (max-height:678px){
    .banner_txt h2{ font-size:40px; margin-bottom:5px; }
    .banner_txt p{ font-size:14px; padding-top:5px }
    .banner_txt{ margin-top:-75px }
    .business{ height:180px }
    .business li{ padding-top:20px }
    .menu_li{ padding-bottom:10px; margin-bottom:10px }
    .menu_box{ padding-top:15px }
    .menu_li h2{ font-size:22px }
    .menu_other{ margin-bottom:20px }
}

/* 响应式 */
@media (min-height:600px){
    .banner_txt h2{ font-size:40px; margin-bottom:5px; }
    .banner_txt p{ font-size:14px; padding-top:5px }
    .banner_txt{ margin-top:-35px }
    .business{ height:180px }
    .business li{ padding-top:20px }
    .menu_li{ padding-bottom:10px; margin-bottom:10px }
    .menu_box{ padding-top:15px }
    .menu_li h2{ font-size:22px }
    .menu_other{ margin-bottom:20px }
}

.float_qq{ display:none !important;}
.hyxw{ margin:0 auto 30px auto; display:none;}
.hyxw li{ width:30.3%; float:left;margin:5px 3% 5px 0; }
.hyxw li a{ color:#333;}
.yqlj{    background: #e7ebf2;line-height:36px;padding:20px 0;}
.yqlj strong{ margin-right:10px; color:#000;}
.yqlj a{color:#333; margin-right:10px;}


@media all and (max-width:1440px){
.wedo_list_li .wedo_img img{height:220px}
 }
    
 @media all and (max-width:1200px){
    .wedo_list{width:1200px}
 }