@charset "utf-8";
/* CSS Document */

@font-face{font-family:'HELVETICANEUELTPRO-THEX';src:url('../fonts/HELVETICANEUELTPRO-THEX.OTF');font-weight:normal;font-style:normal;}

/*css-base*/

.fl{float:left;}
.fr{float:right;}

.clearfix:after{clear:both;display:block;content:'';}
.clearfix{zoom:1;}

/*header*/


/*banner*/

.banner{ width: 100%; height: 680px; position: relative; }
.banner_body { width: 100%; height: 100%; background-color: #000; }
.banner .active { display: block; }
.banner li { height: 680px; width: 100%; position: relative; background-size: cover; background-position: center; background-repeat: no-repeat }
.banne .pan_txt { text-align: center; position: absolute; top: 0px; left: 50%; width: 800px; margin-left: -400px; di
}
.ban_title { font-size: 42px; color: #fff; text-align: center; line-height: 70px; overflow: hidden; height: 70px; padding-top: 13%; width: 800px; margin: 0 auto; }
.ban_Englis { text-align: center; color: #d0dcea; line-height: 16px; width: 746px; margin: auto; overflow: hidden; height: 32px; font-size: 14px; }
.ban_date { width: 286px; text-align: right; color: #00f3ff; font-size: 18px; margin: 0 auto; line-height: 20px; }
.ban_title { font-size: 42px; color: #fff; text-align: center; line-height: 70px; overflow: hidden; height: 70px; padding-top: 13%; width: 800px; margin: 0 auto; }
.ban_Englis { text-align: center; color: #d0dcea; line-height: 16px; width: 746px; margin: auto; overflow: hidden; height: 32px; font-size: 14px; }
.ban_but_l { top: 50%; left: 30px; margin-top: 15px; }
.ban_c_but i { font-size: 24px; margin-top: -2px; }
.ban_c_but a { width: 40px; height: 30px; background: rgba(0, 0, 0, 0.2); border-radius: 20px; text-align: center; padding-top: 10px; color: #fff; font-size: 18px; position: absolute; transition: all 0.3s ease-out 0s; z-index: 6 }
.ban_c_but a:hover { background: #2882E8; color: #fff; }
.ban_bot_but { position: absolute; bottom: 30px; left: 50%; z-index: 6 }
.ban_bot_but li { width: 8px; height: 8px; border: 2px solid #777; float: left; cursor: pointer; border-radius: 6px; margin: 0 6px; border-color: rgba(111, 111, 111, 0.4) }
.ban_but_r { top: 50%; right: 30px; margin-top: 15px; }
.banner .ban_bot_but .active { width: 12px; height: 12px; background-color: #2882e8; border: 0px; }
.ban_box { height: 680px; width: 100%; }
.pan_txt { width: 100%; height: 100%; display: block; }

/*service*/

.serve_bg { width: 100%; height: 100%; position: relative; background-color: #fff; border-bottom: 1px solid rgba(0,0,0,.05); background-attachment: fixed; background-size: cover; }
.serve { height: auto; margin: 0 auto; position: relative; padding: 50px 0 50px; z-index: 10; }
.serve ul{padding:0;margin:0;}
.serve li { border: 1px solid transparent; border: 1px solid #f0f0f0;text-align: right; padding:20px ; transition: all 0.3s ease-out 0s; }
.serve li:hover { border: 1px solid #f0f0f0; }
.serve .serve_l { text-align: left; }

.serve_title { text-align: left;  height: 100px; }
.serve li:hover .serve_title a { color: #2882e8; transition: all 0.3s ease-out 0s; }
.serve li:hover .serve_title p a { color: #575757; transition: all 0.3s ease-out 0s; }
.serve_title h3 { font-size: 16px; font-weight:bold;line-height: 32px;height: 42px; overflow: hidden; margin:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.serve_title h3 a { color: #3d3d3d; overflow: hidden; transition: all 0.3s ease-out 0s; text-decoration: none; }
.serve_title p { font-size: 13px; line-height: 20px; height: 60px; overflow: hidden; margin:0;}
.serve_title p a { color: #a3a3a3; transition: all 0.3s ease-out 0s; text-decoration: none;}

.serve_box { width:100px;height:100px;float:left;margin-right:20px;}
.serve_box img { width: 100%;height:auto; }
.serve_box i { font-size: 20px; color: #a3a3a3; }

/*servicetwo*/

.news_list .serve_ul_top {padding:0; padding-top: 20px; }
.news_list .news_list_ul .serve_li_bor { border-top: 1px solid rgba(0,0,0,0); }
.news_list_box .serve_txt { width:; }
.news_list_ul .news_list_box:hover h3 a { color: #2882e8; }
.news_list_ul .news_list_box:hover a i { color: #fff; }
.news_list_ul .news_list_box:hover p a { color: #777; }

/*servicepost*/

.sever_intro { width: 960px; padding: 140px 120px; margin: 0 auto; }
.sever_intro_h3 { font-size: 20px; color: #3d3d3d; height: 60px; overflow: hidden; line-height: 60px; text-align: center; }
.sever_intro_p { line-height: 24px; padding-top: 5px; }
.intro_figure .sever_figure_r { padding-top: 46px; }

/*project*/

/*.item { height: auto; background:url(../images/1446629393807.jpg) no-repeat; background-position: center top; background-size: 100%; }*/
.item { height: auto; background:; background-position: center top; background-size: 100%; }
.item_box_bg { height: auto; position: relative; border-top: 1px solid rgba(0,0,0,.1); }
.item_slider { margin: 0 auto; }
.item_box {  margin: 0 auto; padding: 50px 0 100px; height: auto; z-index: 10; position: relative; }
.item_box li { height: auto; }
.item_shade {  height: auto;display:block; position: relative; color: #fff; overflow: hidden; }
/*.item_box_shade {width: 284px;height: 100%;position: absolute;top: 0px;left: 0px;overflow: hidden;transition: all 0.3s ease-out 0s;opacity: 0;}*/

.item_box_li{margin-bottom:20px;}

@media(max-width: 420px){
.item_box_li{width:100%;}
}

.item_box_li img{width:100%;height:auto;}

.item_box_shade { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; overflow: hidden; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.item_box a:hover .item_box_shade { opacity: 0.9; }
.item_box a:hover h3{color:#FFF}
.item_shade img { transition: all 0.3s ease-out 0s; webkit-transform: scale(1); transform: scale(1); }
.item_box a:hover img { webkit-transform: scale(1); transform: scale(1); transform: scale(1.08, 1.08); -moz-transform: scale(1.08, 1.08); -webkit-transform: scale(1.08, 1.08); -o-transform: scale(1.08, 1.08); }
.item_info { width: 100%; height: 100px; position: absolute; left: 0px; background-color: #2882E8; bottom: -100px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.item_box a:hover .item_info { bottom: 0px; }
.item_ico { width: 36px; height: 36px; border: 1px solid rgba(255,255,255,0.3); border-radius: 20px; line-height:36px; position: absolute; top: -40px; right: 20px; text-align: center; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.pro_box a:hover .item_info { bottom:0px; }
.item_box a:hover .item_ico { top: 20px; padding-top:2px;padding-left:1px; }
.item_ico i { font-size: 20px; color: #fff; }
.item_txt { position: absolute; left: 18px;right:18px; bottom: -130px;  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.item_box a:hover .item_txt { bottom: 20px; }
.item_txt h3 { font-size: 16px; line-height: 40px; height: 40px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin:0;}
.item_txt p { font-size: 13px; color: rgba(255, 255, 255, 0.8);margin:0; padding-top: 8px; border-top: 1px dotted rgba(255,255,255,.3); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }


.item_title { line-height: 90px; margin: 0 auto; height: 89px;padding: 50px 16px 0; z-index: 10; position: relative; box-sizing:content-box;}
.item_title_h2 { height: 90px; margin:0;line-height:90px;}
.item_title_h2 span { font-size: 24px; color: #3d3d3d; float: left; border-bottom: 2px solid #3d3d3d; height: 88px; width: auto; display: inline-block; margin-right: 6px }
.item_title_h2 i { font-size: 13px; color: #a3a3a3; width: auto; float: left;margin:5px 0 0 0 }
.item_title_a { color: #a3a3a3; font-size: 12px; transition: all 0.3s ease-out 0s; }
.item_title_a:hover { color: #2882E8; }
.item_title_a i { margin-left: 10px; font-size: 16px; }
.item_but { background: url(../images/base/but_img01.png) no-repeat; width: 160px; height: 45px; position: absolute; bottom: -23px; left: 50%; margin-left: -80px; z-index: 10; }
.item_but_l, .item_but_r { width: 80px; height: 45px; display: inline-block; }
.item_but a:hover i { color: #2882e8; }
.item_but_l i { font-size: 32px; color: #ccc; padding: 5px 0 0 36px; }
.item_but_r i { font-size: 32px; color: #ccc; padding: 5px 0 0 36px; }
/*project_two*/



.por_img { height: 160px;margin-top:80px; position: relative; background-color: #2882E8; background-repeat: no-repeat; background-position: center; }
.pro_nav { margin: 0 auto; }
.pro_box { width: 100%; margin: 0 auto;  height: auto; border-top: 1px solid #f0f0f0; }
.pro_box li { width: 284px; height: auto; float: left; margin: 0 8px 20px 8px; }
.pro_box .item_box_mar { margin-left: 0px; }
.pro_box a:hover .item_box_shade { opacity: 0.9; }
.pro_box a:hover img { webkit-transform: scale(1); transform: scale(1); transform: scale(1.08, 1.08); -moz-transform: scale(1.08, 1.08); -webkit-transform: scale(1.08, 1.08); -o-transform: scale(1.08, 1.08); }
.pro_box a:hover .item_txt { bottom: 30px; }
/*projectpost*/



.pro_three_top_bg { height: 102px; border-bottom: 1px solid #f0f0f0; }
.pro_three_top_bg.mini { height: 64px; }
.pro_three_top { width: 1000px; margin: 0 auto; }
.pro_three_top_l { height: 64px; width: 137px; border-right: 1px solid #f0f0f0; padding-top: 38px; float: left; }
.pro_three_top_r { float: right; padding-top: 28px; margin-bottom: 30px; }
.pro_three_top_r a { float: left; width: 40px; height: 28px; border-radius: 22px; margin: 0 0 0 20px; text-align: center; padding-top: 12px; color: #a3a3a3; border: 1px solid #f0f0f0; font-size: 16px; transition: all 0.3s ease-out 0s; }
.pro_three_top_r a:hover { border: 1px solid #2882e8; color: #fff; background: #2882e8; }
.pro_return span { float: left; }
.pro_return_text { margin-top: 2px }
.pro_return { width: 100px; float: left; color: #a3a3a3; font-size: 13px; }
.pro_return:hover { color: #2882E8; }
.pro_return i { font-size: 24px; margin-right: 20px }
.pro_three_bot { width: 1000px; margin: 0 auto; height: auto; padding: 24px 0 30px; }
.pro_three_bot_bg { position: relative; }
.pro_three_bot h2 { font-size: 18px; color: #525252; line-height: 24px; padding: 26px 0px 0px; }
.team_box_but .pro_three_fix { position: fixed; }
.team_top_img img { width: 270px; }
.relation_list { width: 1000px; margin: 0 auto; height: 118px }
/*team*/



.team { height: auto; background-color: #fff; background-attachment: fixed; background-size: cover; }
.team_box_bg { border-top: 1px solid rgba(0,0,0,.05); position: relative; }
.team_box {  margin: 0 auto; padding: 80px 0 80px; z-index: 10; position: relative; }
/*.team_box_pad {padding-bottom: 120px;}*/



.team_box_h3 { height: auto; margin:auto;}
.team_top_img { width: 100%; height: auto; background: #B2B4B2; display: block; overflow: hidden; position: relative; }
.team_top_img img{width:100%;height:auto;}
.team_box_bot { width: 100%;  padding: 26px 20px; transition: all 0.3s ease-out 0s; background: #fff; position: relative; }
.team_h3_l { height: 40px; width:  ; overflow: hidden; transition: all 0.3s ease-out 0s; }
.team_ico { width: 16px; height: 1px; text-align: center; margin: 0 auto; border-top: 1px solid #ccc; display: none; }
.team_h3_l span { font-size: 16px; color: #4d4d4d; height: 20px; line-height: 20px; overflow: hidden; display: block; text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.team_h3_l i { color: #a3a3a3; }
.team_h3_l strong { font-size: 13px; color: #a3a3a3; height: 20px; line-height: 20px; overflow: hidden; text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.team_h3_r { display: block; width: 28px; height: 28px;text-align:center;line-height:28px; border: 1px solid rgba(0,0,0,0); transition: all 0.3s ease-out 0s; border-radius: 20px; }
.team_h3_r i { font-size: 18px; color: #e0e0e0;  width: 28px; height: 28px;text-align:center;line-height:28px;}
.team_box_txt { font-size: 13px; padding-top: 20px; border-top: 1px dotted #ccc; margin-top: 22px; box-sizing:content-box;margin-bottom:0;}
.team_box_txt a{display:block;height: 94px; overflow: hidden; line-height: 24px; }
.team_box .item_box_mar { border: 1px solid rgba(168, 168, 168, 0.25); position:relative;top:0; transition: 300ms;}
.team_box .item_box_mar:hover { box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2); top:-15px; }

.item_box_mar2{padding:15px;}


@media(max-width: 420px){
.item_box_mar2{width:100%;}
}


.team_box .item_box_mar:hover .team_box_txt a { color: #B0B0B0; }
.team_box .item_box_mar:hover .team_box_bot { background: #f6f6f6; }
.team_box .item_box_mar:hover .team_h3_r { border-radius: 20px; border: 1px solid #2882E8; background: #2882E8; color: #a3a3a3; display: block;  }
.team_box .item_box_mar:hover .team_h3_r i { font-size: 18px; color: #fff;  }
.team_box_but_l { top: 45%; left: 0px; width: 30px; text-align: center; padding: 42px 0; color: #e0e0e0; font-size: 28px; position: fixed; border: 1px solid #e0e0e0; background-color: #fff; transition: all 0.3s ease-out 0s; }
.team_box_but_r { top: 45%; right: 0px; width: 30px; text-align: center; padding: 42px 0; color: #e0e0e0; font-size: 28px; position: fixed; border: 1px solid #e0e0e0; background-color: #fff; transition: all 0.3s ease-out 0s; }
.team_post_but { z-index: 3; }
.team_post_but:hover { color: #fff; border: 1px solid #2882E8; background: #2882E8; }
.team_box_txt a { color: #a3a3a3; transition: all 0.3s ease-out 0s; }
.team_bot_but { position: absolute; bottom: 50px; left: 50%; margin-left: -18px; z-index: 5; }
.team_bot_but a { float: left; width: 10px; height: 10px; background: #2d2d2d; cursor: pointer; border-radius: 6px; margin: 0 6px; }
.team_bot_but a:hover, .team_bot_but a.active { width: 6px; height: 6px; border: 2px solid #E7090B; background: rgba(0,0,0,0); }
/*teamtwo*/



.elite_top { height: 160px; background: url(../upload/img08.png) center; position: relative }
.elite_bot { padding: 0 0 100px 0; }
.elite_top h2 { line-height: 160px; width: 1168px; margin: 0 auto; padding: 0 16px }
.elite_top span { color: #fff; font-size: 24px; }
.elite_top i { font-size: 13px; color: #cbcbcb; }
/*teampost*/



.elite_intro { width: 1200px; margin: 0 auto; height: auto; padding-top: 100px; }
.elite_intro_l { float: left; width: 500px; }
.elite_intro_l img { width: 400px; }
.elite_intro_r { float: left; width: 600px; }
.intro_h3 { padding: 40px 0 40px 0; border-bottom: 1px dotted #e0e0e0; }
.intro_h3 span { font-size: 18px; color: #3d3d3d; line-height: 38px; }
.intro_h3 i { font-size: 14px; color: #a3a3a3; }
.intro_txt { width: 600px; padding: 30px 0 40px 0; line-height: 20px; }
.intro_contact { margin-bottom: 160px; }
.intro_contact a { margin-right: 36px; color: #a3a3a3; }
.intro_contact a:hover { color: #2882e8; }
.intro_contact i { font-size: 16px; }
.intro_close a { width: 32px; height: 32px; display: block; }
.intro_close { width: 32px; height: 32px; background: url(../images/base/close_but.png) no-repeat center; position: fixed; top: 36px; right: 36px; }
.intro_figure { height: 72px; text-align: right; padding-top: 38px; position: fixed; transition: all 0.3s ease-out 0s; }
.intro_figure span { margin-top: 4px; font-size: 14px; color: #3d3d3d; height: 20px; width: 100px; overflow: hidden; display: block; line-height: 25px; }
.intro_figure i { font-size: 13px; color: #a3a3a3; height: 20px; width: 100px; overflow: hidden; display: block; line-height: 20px; }
.but_box_team { position: relative; }
.but_box_team:hover .intro_figure_l { left: 32px; }
.but_box_team:hover .intro_figure_r { right: 32px; }
.intro_figure_l { top: 45%; left: -320px; text-align: left; background: rgb(255, 255, 255); padding: 40px 20px 0px; transition: all 0.3s ease-out 0s; border-top: 1px solid #F0F0F0; border-bottom: 1px solid #F0F0F0; border-right: 1px solid #F0F0F0; }
.intro_figure_r { top: 45%; right: -320px; text-align: right; background: #FFF; padding: 40px 20px 0px; transition: all 0.3s ease-out 0s; border-top: 1px solid #F0F0F0; border-left: 1px solid #F0F0F0; border-bottom: 1px solid #F0F0F0; }
.pro_three_box_l { float: left; margin-left: -20px; margin-bottom: 80px; display:none; }

/*about*/

.home { 12padding:  100px 0px 30px; position: relative; background-color: #2882E8; background-attachment: fixed; background-size: cover; }
.home_box_bg { width: ; margin: 0 auto; z-index: 10; position: relative; }
.home_box {  margin: 0 auto; padding: 80px 0 80px; z-index: 10; position: relative; }
.home_box li { width: ; margin: 0 auto; padding: 0 16px; }
.home_box_l { width: ; height: 320px;  }
.home_box_l  a{display:block;}
.home_box_l  a img{width:100%;height:auto;}

.home_box_r { width: ; height: 360px;  padding: 0 30px 0px; }
.home_box_r h3 { height: 34px; overflow: hidden; }
.home_box_r span { height: 34px; color: #fff; font-size: 24px; line-height: 34px; overflow: hidden; display: inline-block; }
.home_box_r i { font-size: 13px; font-family: Arial; color: #fff; width: 200px; height: 32px; display: inline-block; overflow: hidden; line-height: 34px }
.home_box_r p { font-size: 13px; color: #fff; line-height: 24px; margin-top: 52px; height: 166px; overflow: hidden; }
.home_box_r p a { color: rgba(777, 777, 777, 0.8);text-decoration:none; }

/*aboutpost*/

.about { height: auto; padding: 50px 0 0; position: relative; }
.about_cont_box { min-height: 462px; }
.about_top { height: 160px; background: url(../upload/img10.png) center; }
.about_top_h2 { line-height: 160px; margin: 0 auto; z-index: 10; position: relative; padding: 0 16px; }
.about_top_h2 span { color: #fff; font-size: 24px; }
.about_top_h2 i { font-size: 13px; color: #cbcbcb; }
.about_nav { padding-left: 20%; width: 800px; }
.nav_join { opacity:1; margin: 0 auto; height: 100px;padding:0;text-align:center; padding-top: 38px; text-align: center; }
.nav_join li { display:inline-block; }
.nav_join li a { font-size: 13px; color: #a3a3a3; line-height: 32px; display: block; margin: 0 4px; padding: 0 16px; position: relative; }
.nav_join li i { position: absolute; top: 60px; left: 50%; color: rgba(0,0,0,0); margin-left: -3px; }
.nav_join li span { position: absolute; top: 35px; left: 50%; height: 22px; }
.nav_join li:hover a, .nav_join li.active a { border-radius: 24px; background: #398dea; color: #fff; line-height: 35px; }
.nav_join a:hover i, .nav_join li.active i { background: #FFF none repeat scroll 0% 0%; border-radius: 8px; width: 8px; height: 8px; border: 2px solid #2882E8; }
.nav_join a:hover span, .nav_join li.active span { height: 16px; border-left: 1px dotted #ccc; margin-top: 5px; }
.about_bot_bg { }
.about_bot { width: 1168px; margin: 0 auto; padding: 38px 0 80px; }
.about_bot_l { width: 526px; float: left; margin-top: 88px; padding-left: 24px; }
.about_bot_r { width: 650px; float: left; }
.about_bot_r h3 { font-size: 16px; color: #3d3d3d; padding: 38px 0; }
.about_bot_r p { width: 525px; }


.part2 .p2-list:hover{background: #f38a00}
.part2 ul li:first-child + li:hover{background: #79cf1a}
.part2 ul li:first-child + li + li:hover{background: #d84ee3}
.part2 ul li:first-child + li + li + li:hover{background: #ee5353}
.part2{width:100%;margin-left:0px;}
.part2 .p2-list{
text-align:center;width:23%;height:250px;background: #ffa023;float: left;margin-top:28px;
margin-right:25px;padding-top:26px;}
.part2 ul li:first-child + li{margin-right:25px;background: #78b732}
.part2 ul li:first-child + li + li{background: #9e50a4}
.part2 ul li:first-child + li + li + li{margin-right: 0;background: #ff7777};
.part2 ul li:first-child + li + li i{background: url('../images/nav-icon4.png') no-repeat center;}
.part2 ul li:first-child + li + li + li i{background: url('../images/nav-icon5.png') no-repeat center;}
.p2-list:nth-child(2){margin-right: 0}
.p2-list:nth-child(4){margin-right: 0}
.p2-list i{display: inline-block;width: 47px;height: 37px;background: url('../images/nav-icon2.png') no-repeat center;background-size: contain;transition: transform ease .6s;-moz-transition:  transform ease .6s;-webkit-transition:transform ease .6s;-o-transition: transform ease .6s;}
.p2-list p{font-size: 1.8em;color: white;padding-top: 15px;padding-bottom:2px;}

.p2-list span{
display: block;filter:alpha(opacity=70);opacity:0.7;font-size: 1em;color: white;transform: scale(0.9);
-ms-transform: scale(0.9);-moz-transform: scale(0.9);-webkit-transform: scale(0.9);-o-transform: scale(0.9);}

.icon-td{
text-align:center;margin-top:38px;}
.icon-td .icon-td1{height:250px;background:#ffa023;}
.icon-td .icon-td2{height:250px;background:#78b732;}
.icon-td .icon-td3{height:250px;background:#9e50a4;}
.icon-td .icon-td4{height:250px;background:#ff7777;}
.icon-td .icon-td1:hover{background:#f38a00;}
.icon-td .icon-td2:hover{background:#79cf1a;}
.icon-td .icon-td3:hover{background:#d84ee3;}
.icon-td .icon-td4:hover{background:#ee5353;}
.icon-td p{padding-top:50px;}

.icon-td h3{font-size:1.8em;color:#fff;padding-top: 15px;}

.icon-td span{
display:block;filter:alpha(opacity=70);opacity:0.7;font-size:1em;color:#fff;transform:scale(0.9);
-ms-transform:scale(0.9);-moz-transform:scale(0.9);-webkit-transform:scale(0.9);-o-transform:scale(0.9);}


/*block8*/
.block8{background:url(../images/hrb3.jpg) no-repeat center;padding-top:10px;padding-bottom:50px;margin-top:40px;}
.block8 .content_left{width:340px;height:450px;float:left;}
.block8 .content_left ul{float:left;margin:0 0 0 -60px;}
.block8 .content_left li{width:160px;height:145px;float:left;margin:0 5px 5px 0;}
.block8 .content_left .single{width:160px;height:145px;background:#Fff;display:block;text-align:center;float:left;position:relative;cursor:default;}
.block8 .content_left .single .img{width:34px;height:34px;margin:0 auto;margin-bottom:5px;margin-top:35px;background: url(../images/sys_icon.png) no-repeat -187px -22px;}
.block8 .content_left .li1 .img{background-position:-4px -85px;}
.block8 .content_left .li1 .on .img{background-position:-4px -43px;}
.block8 .content_left .li2 .img{background-position:-60px -85px;}
.block8 .content_left .li2 .on .img{background-position:-60px -45px;}
.block8 .content_left .li3 .img{background-position:-119px -87px;}
.block8 .content_left .li3 .on .img{background-position:-119px -45px;}
.block8 .content_left .li4 .img{background-position:-181px -84px;}
.block8 .content_left .li4 .on .img{background-position:-181px -45px;}
.block8 .content_left .li5 .img{background-position:-237px -84px;}
.block8 .content_left .li5 .on .img{background-position:-237px -45px;}
.block8 .content_left .li6 .img{background-position:-292px -82px;}
.block8 .content_left .li6 .on .img{background-position:-292px -45px;}
.block8 .content_left .single p{padding:3px 0;font-size:12px;color:#9F9F9F;font-size:14px;color:#717171;position:relative;padding-top:10px;}
.block8 .content_left .single p:after{display:block;height:1px;width:31px;position:absolute;content:"";position:absolute;background:url(../images/hr3.png) no-repeat center;left:50%;top:0px;margin-left:-15.5px;}
.block8 .content_left i{display:block;position:absolute;}
.block8 .content_left i.j1{width:9px;height:7px;border-left:1px solid #fff;left:5px;top:5px;border-top:1px solid #fff;}
.block8 .content_left i.j2{width:9px;height:7px;border-right:1px solid #fff;right:5px;top:5px;border-top:1px solid #fff;}
.block8 .content_left i.j3{width:7px;height:9px;border-right:1px solid #fff;right:5px;bottom:5px;border-bottom:1px solid #fff;}
.block8 .content_left i.j4{width:7px;height:9px;border-left:1px solid #fff;left:5px;bottom:5px;border-bottom:1px solid #fff;}
.block8 .content_left li.on a{background:#FF734F;}
.block8 .content_left li.on p{color:#fff;font-size:14px;font-weight:700;padding-top:15px;}
.block8 .content_left li.on p:after{background:#fff;}
.block8 .content_right{height:445px;width:800px;background:url(../images/hrbg.jpg);111margin-left:350px;111position:relative;float:right;}
.block8 .content_right i{display:block;position:absolute;}
.block8 .content_right i.j1{width:9px;height:7px;border-left:1px solid #A9A9A9;left:5px;top:5px;border-top:1px solid #A9A9A9;}
.block8 .content_right i.j2{width:9px;height:7px;border-right:1px solid #A9A9A9;right:5px;top:5px;border-top:1px solid #A9A9A9;}
.block8 .content_right i.j3{width:7px;height:9px;border-right:1px solid #A9A9A9;right:5px;bottom:5px;border-bottom:1px solid #A9A9A9;}
.block8 .content_right i.j4{width:7px;height:9px;border-left:1px solid #A9A9A9;left:5px;bottom:5px;border-bottom:1px solid #A9A9A9;}
.block8 .content_right li{width:100%;height:100%;}
.block8 .content_right li .p1{font-weight:700;color:#FF734D;font-size:20px;padding:28px 28px 10px 30px;}
.block8 .content_right li .p2{font-weight:700;font-size:14px;padding:40px 23px 40px 30px;position:relative;font-size:18px;}
.block8 .content_right li .p3{color:#B0B0B0;line-height:24px;font-size:14px;padding:15px 30px;padding-right:45px;height:48px;}
/* .block8 .content_right p.p2:before{display:block;height:1px;width:20px;content:"";position:absolute;top:7px;background:#E1E1E1;} */
.block8 .content_right p.p2:after{display:block;height:1px;width:40px;content:"";position:absolute;bottom:10px;background:#E1E1E1;}
.block8 .kefu_btn{height:24px;width:107px;background:#FF7753;display:block;color:#fff;text-align:center;line-height:24px;border-radius:5px;position:absolute;right:35px;top:38px;}
.block8 .kefu_btn i.i1{display:block;width:5px;height:8px;position:absolute;left:13px;top:50%;margin-top:-4px;background: url(../images/sys_icon.png) no-repeat -187px -22px;}
.block8 .kefu_btn i.i2{display:block;width:5px;height:8px;position:absolute;right:13px;top:50%;margin-top:-4px;background: url(../images/sys_icon.png) no-repeat -194px -22px;}
.block8 .content_right .single{width:250px;height:215px;float:left;display:block;margin-right:5px;overflow:hidden;}
.block8 .content_right .single img{cursor: pointer;transition: all 0.6s;width:100%;height:100%;}
.block8 .content_right .single img:hover{transform: scale(1.3);}
.block8 .content_right .single3{margin-right:0;}
.block8 .content_right ul{height:420px;overflow:hidden;margin:0 0 0 -40px;}
.block8 .content_right .smallsingle{margin:50px 0px 0 15px;overflow:hidden;height:215px;}

.shadow{box-shadow:0 0 4px #ddd;}
.shadow:hover{box-shadow:0 0 8px #ddd;}

@media(max-width: 768px){
.display_none{display:none;}
.block8 .content_left{display:none;}
.block8 .content_right .smallsingle{display:none;}
.clickimg{width:100%;}
}


.s3-text{margin:0 auto;text-align:left;font-size:14px;max-width:700px;color:#848484;line-height:26px;overflow:hidden}
.s3-img-bg{background:#369100;position:relative;margin-top:250px;margin-bottom:-30px}
.s3-img{max-width:880px;margin:20px auto 0;padding:20px;border:1px solid rgba(255,255,255,.3);transition:.6s;-webkit-box-shadow:1px 1px 5px rgba(0,0,0,.3);-moz-box-shadow:1px 1px 5px rgba(0,0,0,.3);box-shadow:1px 1px 5px rgba(0,0,0,.3)}
.s3-img img{width:100%;height:auto}
.s3-img0{position:absolute;top:-50%;width:100%}
.s3-img2{opacity:0;1height:380px;}


.banner_mark {width: 100%;height: 300px;background: url("../images/jiaoyi_list_01.png") no-repeat center center;}

.one_case{ padding: 60px 0;}
.one-title,.three-title{ font-size: 40px; color:#398fe6; font-weight: bold; text-align: center;}
.one-con{ padding:80px 0 0 20px;text-align: center;}

.oc-con{height: 275px; padding-top: 85px; background-color: #ececec; position: relative; text-align: center; }
.occ-title{ width: 100%;height:84px; padding-top:18px; background: url("../images/bg-one.png") no-repeat center; color: #fff;  font-size: 20px; font-weight: bold;position: absolute; top:-34px; left: 0; display: block; }
.oc-con ul{ padding: 0 30px;}
.oc-con ul li{ padding: 14px 0; font-size: 18px; color: #666; border-bottom: dashed 1px #dadada; }
.oc-con ul .occ-lilast{ border-bottom: none;}

.two_case{ height: 480px; background: url("../images/bg-two.jpg") no-repeat center;}
.two-title{ font-size: 40px; color: #fff; font-weight: bold; text-align: center; padding: 60px 0; }

.tc-title{ height: 75px; line-height: 75px; color: #c3e1ff; font-weight: bold; font-size: 22px;}
.tc-title img{ vertical-align: top; margin: 20px 10px 0 0;}

.tc-con{ width: 202px;111height: 148px; padding:20px; border:1px solid #787; color: #c3e1ff; font-size: 16px; line-height: 24px; float: left; margin-left:25px;text-align:left;}
.tc-con span{ font-weight: bold;}

.three_case{ padding-top: 30px;}
.three-con{ padding: 60px 0;text-align: center;}
.three-con h3{ font-size: 24px; color: #333; font-weight: bold; padding: 22px 0 14px 0;}
.three-con .thc-text{ font-size: 16px; color: #666; line-height: 30px;}
.three-con .thd-text{ font-size: 14px; color: #666; line-height: 18px; padding:0 6px;text-align:left;}

.hezuo{margin-top:40px;}
.font18{font-size:18px;color:#555;font-weight:bold;text-align: center;}
.info-td1{width:280px;height:380px;background-color:#eee;margin-top:30px;}
.info-td1 img{width:auto;height:170px;}
.info-td2{width:auto;height:170px;padding-top:40px;}
.info-td3{width:auto;height:280px;padding-top:0px;}
.info-td4{width:280px;height:340px;background-color:#f6f6f6;margin-top:30px;}
.info-td4 img{width:auto;height:100px;}
.info-td5{width:280px;height:250px;background-color:#e1f8fd;margin-top:14px;}
.info-td5 img{width:auto;height:65px;}
.info-td5 h3{font-size:18px;color:#333;font-weight:normal;padding:22px 0 14px 0;}

.p_floor2 { width: 100%; height:auto; background: url("../images/img_bg_02.png") no-repeat center bottom;background-size:98% auto; }
.p_floor4 { width: 100%; height:auto; background: url("../images/img_bg_04.png") no-repeat center 70px #f9fafb;background-size:98% auto; }

/*news*/

.news_box_bg {padding-top:30px ;padding-bottom:30px ; border-top: 1px solid rgba(0,0,0,.05); border-bottom: 1px solid rgba(0,0,0,.05); position: relative; }
.news { height: auto; background-color: #fff; background-attachment: fixed; background-size: cover; }
.news_box {  position: relative; z-index: 10; margin:0 -30px;}

@media(max-width: 768px){
.news_box{margin:0 -15px;}
.s3-text{width:100%;margin:40px 0 -60px 0;}
.item{margin:-80px 0 0 0;}
.info-td5{width:auto;}
}

.news_box .col-sm-6{margin-bottom:30px;}

.news_content { border: 1px solid #f6f6f6; transition: all 0.3s ease-out 0s; position:relative;top:0;}
.news_content:hover { border: 1px solid #2882e8; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2); top: -10px }

.news_content:hover .news_content_bot { background: #2882e8; }
.news_content:hover .news_content_bot p { color: #fff; }
.news_content:hover .news_content_bot a { color: #fff; }
.news_content:hover .news_content_bot .news_Tri_r { border-left: 10px solid #2882e8; }
.news_content:hover .news_txt a { color: #777; }
.news_content:hover .news_content_bot .news_Tri_l { border-right: 10px solid #2882e8; }
.news_content:hover .news_anlge_right i { color: #fff; }
.news_content:hover .news_dot { border: 2px solid #2882e8; background: #fff; }

.news_content_top { padding: 30px 40px 40px 40px; background: #fff; }
.news_h3 { font-size: 16px; line-height: 38px; height: 38px; overflow: hidden; margin:0;}
.news_h3 a { color: #525252; text-decoration: none;}
.news_txt { font-size: 13px; line-height: 24px; margin: 8px 0 0 0; height: 44px; overflow: hidden; }
.news_txt a { color: #b0b0b0; text-decoration: none;}
.news_date { color: #939393; padding-top: 2px; margin-bottom:0;line-height:1;}
.news_date span { font-size: 28px;line-height:20px; font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑"; }
.news_date i { font-size: 14px; font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑"; }

.news_anlge_right { padding:0;border-radius: 40px; width: 40px; height: 40px; border: 1px solid #e0e0e0; text-align: center; line-height:40px;  transition: all 0.3s ease-out 0s; }


.news_content:hover .news_anlge_right { border: 1px solid rgba(255,255,255,.3); }
.news_anlge_r_mar { margin-top: 30px; }
.news_anlge_right i {  color: #A3A3A3; }
.news_content_bot { width: auto; height: 62px; background: rgba(245,245,245,.9); padding: 9px 38px 9px 38px; position: relative; transition: all 0.3s ease-out 0s; }


/*.news_box_ul{position:absolute; top:0; left:50%; margin-left:-8px;}.news_box_ul li{background:#a3a3a3; width:10px; height:10px; border:2px solid #fff; border-radius:7px;}*/



.news_dot { border: 2px solid rgba(0,0,0,.2); background: #fff; width: 8px; height: 8px; border-radius: 7px; transition: all 0.3s ease-out 0s; }

.news_box_but01 { margin-top: 268px; }
.news_box_but02 { margin: 140px 0px; }
/*newstwo*/



.news_img {  }
.news_list { height: auto; }
.news_c_box {  }
.news_list_img img {width:100%; height: auto; }
.news_list_date {float:left;  width: 90px; height: 74px; margin: 10px 25px 0;}

@media(max-width: 320px){	
.news_list_date { margin: 10px 20px 0;}
}
@media(max-width: 768px){
.news_list_date { margin: 10px 15px 0;}
}
@media(max-width: 992px){
.news_list_date { margin: 10px 10px 0;}
}


.news_list_date span { font-size: 28px; color: #3d3d3d; font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑"; }
.news_list_date i { font-size: 13px; color: #8c8c8c; font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑"; }
.news_list_txt { height: 102px;   }
.news_list_txt h3 { font-size: 16px; line-height: 38px; overflow: hidden; height: 42px; margin:0;}
.news_list_txt h3 a { color: #525252; }
.news_list_txt p { font-size: 13px; line-height: 24px; margin-top: 6px; height: 44px; overflow: hidden; }
.news_list_txt p a { color: #B0B0B0; }
.news_list_box { width: ; margin: 0 auto; }
.news_list .news_list_box {  padding: 16px; border-bottom: 1px solid #EEE; }
.news_list_box:hover .news_anlge_right { background: #3b94f9; color: #fff; border: 1px solid #3b94f9; }


.news_list_txt h3.list-text-li2{margin-top:25px;}
@media(max-width: 320px){	
.list-text-li2{margin-top:20px;}
}
@media(max-width: 768px){
.news_list_txt h3.list-text-li2{margin-top:15px;}
}
@media(max-width: 992px){
.news_list_txt h3.list-text-li2{margin-top:5px;}
}


/*newspost*/



.newspost_bg { position: relative; border-top: 1px solid #f0f0f0; padding-top: 103px; }
.newspost { width: 1000px; margin: 0 auto; padding-bottom: 30px }
.newspost h2 { font-size: 18px; color: #525252; line-height: 24px; padding: 40px 0 4px; }
.newspost img { margin-top: 20px; }
.newspost table { border-collapse: collapse; width: 1000px; margin: 0 auto; margin-top: 20px; }
.newspost th { color: #3d3d3d; font-size: 16px; font-weight: normal; height: 62px; line-height: 62px; border: 1px solid #f0f0f0; }
.newspost td { color: #a3a3a3; text-align: center; height: 50px; line-height: 50px; border: 1px solid #f0f0f0; }
.table_td_bg { background: #f7f7f7; }
.newspost .table_td_source { text-indent: 30px; text-align: left; }
.table_td_source a { color: #a3a3a3; }
.table_td_source a:hover { color: #2a83e8; text-decoration: none; }
.news_h2_date { color: #a3a3a3; line-height: 24px; margin-bottom: 20px; }
/*partner*/



.partner { position: relative; background-color: #f6f6f6; background-attachment: fixed; background-size: cover; }
.par_box_bg { padding: 60px 0; position: relative; width: ; margin: 0 auto; z-index: 10; }
.par_box { width: ; margin: 0 auto; }

.partner img{width:100%;height:auto;}


/*contact*/



.Contact { height: auto; padding: 30px 0; position: relative; background-color: #fff; background-attachment: fixed; background-size: cover; }
.contact_box { width: ; margin: 0 auto; height: auto; padding: 60px 16px; position: relative; z-index: 10; }
.phone { width: 36px; height: 100px;  float: left; margin-right:20px;}
.phone i {width: 36px; height: 36px; border: 1px solid #ddd; border-radius: 20px; line-height:32px; text-align: center; ; margin-right:20px; font-size: 18px; color: #a3a3a3; }
.phone_txt {  line-height: 24px; color: #a0a0a0;  width: calc(100% - 36px - 20px); float:left;}
.phone_txt p { width: ; }
.phone_txt li { float: left; margin-right: 38px; }
.phone_txt li i { font-size: 16px; color: #a0a0a0; margin-top: 14px; transition: all 0.3s ease-out 0s; }
.contact_box .col-sm-4:hover .phone i { border: 1px solid #c1251a; color: #FFF; background:#c1251a;}



.zuopin_form{ height:700px; background:url(../images/index_02.jpg) no-repeat center center; position:relative; }
.zuopin_form form{width:500px;height:270px;position:absolute;left:29%;top:53%;}
.zuopin_form form a{text-align:center;font-size:20px;color:#fff;padding-top:13px; }
.zuopin_form_div{ width:350px; padding-left:25px; padding-right:25px; height:50px; background-color:#fff; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; margin:0 auto; }
.zuopin_form_div > label{ display:inline-block; width:35px; text-align:center; height:100%; position:relative; }
.label-name{ position:absolute; top:50%; margin-top:-8px; left:50%; margin-left:-8px; }
.label-mobile{ position:absolute; top:50%; margin-top:-10.5px; left:50%; margin-left:-8px; }
.zuopin_form_div > input{ border:0px; display:inline-block; height:46px; line-height:46px; width:260px; outline:none; }
.mb_15{ margin-bottom:15px !important; }
.f_l{ float:left; }
.form-items-span{ width:350px; height:50px; display:block; margin:0 auto; background-color:#E74434; font-size:20px; color:#fff; border-radius:5px; -webkit-border-radius:3px; -moz-border-radius:3px; border:0px; }
.zuopin-form-txt{ width:350px; margin:0 auto; font-size:18px; text-align:center; color:#fff; }


.zhuanlicx{height:700px;background:url(../images/zl_icon.jpg) no-repeat center center; position:relative;}
.zhuanlicx form{width:500px;height:270px;position:absolute;left:29%;top:53%; }
.zhuanlicx form a{text-align:center;font-size:20px;color:#fff;padding-top:13px; }

.banquancx{height:700px;background:url(../images/bq_icon.jpg) no-repeat center center; position:relative;}
.banquancx form{width:500px;height:270px;position:absolute;left:29%;top:53%;}
.banquancx form a{text-align:center;font-size:20px;color:#fff;padding-top:13px;}

.bq_jianjie{height:446px;background:url(../images/bq_icon1.png) no-repeat left center;}
.bq_info{padding-left:470px;line-height:26px;}
.bq_txt{color:#398FE6;}
.bq_info h1{font-size:26px;padding-top:100px;}
.bq_info h2{font-size:26px;padding-top:20px;}
.bq_info p{font-size:18px;}

.bq_zuoyong{background-color:;height:450px;margin-top:60px;}
.bq_table{width:100%;text-align:center;padding-top:30px;margin-top:40px;}
.bq_table h1{font-size:24px;padding-top:25px;font-weight: bold;}
.bq_table p{font-size:14px;text-align:left;padding-top:15px;padding-right:10px;padding-left:10px;}
.bq_table td{width:20%;}
.font14{font-size:14px;color:#555; font-weight: bold; text-align: center;}

.banquan-text{margin-top:50px;}
.banquan-text h3{margin-top:40px;background-color:#006600;width:120px;height:40px;display:inline-block;font-size:18px;padding-top:8px;line-height:18px;color:#fff;font-weight:bold;}
.banquan-text h3 span{font-size:40px;padding:5px;}


.zp_list{height:740px;background-color:;margin-top:60px;}
.zp_list_table{width:100%;text-align:center;margin-top:40px;}
.zp_list_table h5{font-size:20px;font-weight:normal;padding-bottom:30px;padding-top:20px;}
.zp_list_table td{background-color:#fff;cursor:pointer;width:16.666%;border:1px #ccc solid;}
.zp_list_table td img{margin-top:50px;height:65px;}

.banquan-footer{height:580px;background-color:#ff5400;}
.banquan-footer-info{width:100%;margin:0 auto;text-align:center;}
.banquan-footer-info>h1{font-size:92px;padding-top:95px;color:#fff;}
.banquan-footer-info table{width:810px;margin:40px auto;}


.banquan_table{display:table;width:100%;padding-top:40px;}
.banquan_table li .answer_content{width:96%;margin-left:4%;padding-top:20px;}
.banquan_table li .answer_content .single_question{margin-bottom:14px}
.banquan_table li .answer_content .single_question h4{font-size:18px;color:#333;margin-bottom:14px}
.banquan_table li .answer_content .single_question h4 span,.banquan_table li .answer_content .single_question p span{font-size:18px;color:#e63917;font-weight:700}
.banquan_table li .answer_content .single_question p{text-indent:0;font-size:14px}

.banquan_table li .banquan_down{width:96%;margin-left:4%;}
.banquan_table li .banquan_down p{text-indent:0;font-size:14px}


.law-banner{width:100%;height:535px;background: url("../images/law_banner.jpg") no-repeat top center;padding-top:1px;position:relative;}
.law-banner .pic{margin-top:0px;position:absolute;left:44%;top:19%;}
.law-banner .law-form{margin-bottom:0px;position:absolute;left:55%;bottom:5%;margin-left:0px;}
.law-banner .law-form form a{ text-align:center;font-size:20px; color:#fff;padding-top:13px; }

.ipr-busin .ipr-busin1{padding: 0;margin-bottom: 30px;}
.ipr-busin-left{background:#398fe6;position: relative;padding:67px 0;margin-top:20px;}
.ipr-busin-left p{color: #fff;text-align: center;font-size: 20px;line-height: 1em;margin-bottom: 14px;}
.ipr-busin-left span{color: #fff;text-align: center;font-size: 18px;display: block;font-weight: 600;line-height: 1em;}
.ipr-busin-left div{border:16px solid #fff;position: absolute;right:-16px;top: 50%;margin-top: -16px;border-left: 16px solid #398fe6;z-index: 1;border-right: none;}
.ipr-busin .col-md-8{background: #fff;height: 194px;padding-top:20px;}
.ipr-busin .col-md-8 .col-md-4 p{border:1px solid #b8b8b8;transition:400ms ease all;height: 44px;font-size: 18px;text-align: center;line-height: 44px;margin: 0.5em 0;color: #909090;position: relative;}
.ipr-busin .col-md-8 .col-md-4 p:hover{  background:#fff;  color:#E74434;  border-color: #fff;}
.ipr-busin .col-md-8 .col-md-4 p:before,.ipr-busin .col-md-8 .col-md-4 p:after{  content:'';  position:absolute;  top:0;  right:0;  height:2px;  width:0;  background: #398fe6;  transition:400ms ease all;}
.ipr-busin .col-md-8 .col-md-4 p:after{  right:inherit;  top:inherit;  left:0;  bottom:0;}
.ipr-busin .col-md-8 .col-md-4 p:hover:before,.ipr-busin .col-md-8 .col-md-4 p:hover:after{  width:100%;  transition:800ms ease all;}

.ipr-busin-right{background: #dadada;padding:0 0 0 1px;margin-top:14px;}
.ipr-busin-right .col-md-12{background: #fff;height: 194px;}
.ipr-busin-right .col-md-12 a{background: #E74434;height: 50px;width: 128px;text-align: center;color: #fff;line-height: 50px;text-decoration: none;display: block;margin: 44px auto 18px;font-size: 18px;}
.ipr-busin-right .col-md-12 span{background: #E74434;height: 50px;width: 128px;text-align: center;color: #fff;line-height: 50px;display: block;margin: 0 auto;font-size: 16px;}

.li_img01{width:100%;height:280px;background: url("../images/li_img01.png") no-repeat center center;}
.li_img02{width:100%;height:245px;background: url("../images/li_img02.png") no-repeat center center;}
.li_img03{width:100%;height:430px;background: url("../images/li_img03.png") no-repeat center center;}

.shenbao_01{height:390px;border:1px solid transparent}
.shenbao_01 .shenbao_contain{width:auto;height:250px;text-align:center;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border-radius:5px;border:1px solid #eee;background-color:#fff;-moz-box-shadow:0 10px 10px #d6d6d6;-webkit-box-shadow:0 10px 10px #d6d6d6;box-shadow:0 10px 10px #d6d6d6;cursor:pointer}
.shenbao_01 .shenbao_contain a{padding-top:35px;display:block;width:100%;height:215px}
.shenbao_01 .shenbao_contain a .bg{display:block;margin:0 auto 35px;width:50px;height:53px;background:url(../images/se02_bg01.png) no-repeat}
.shenbao_01 .shenbao_contain a dt{margin-bottom:24px;font-size:24px;color:#767676;font-weight:bold}
.shenbao_01 .shenbao_contain a dd{font-size:16px;line-height:24px;color:#9f9f9f}
.shenbao_01 .shenbao_contain:hover .bg{background:url(../images/se02_hvbg01.gif) no-repeat}
.shenbao_01 .c02{left:270px}
.shenbao_01 .c02 a .bg{background:url(../images/se02_bg02.png) no-repeat}
.shenbao_01 .c02:hover .bg{background:url(../images/se02_hvbg02.gif) no-repeat}
.shenbao_01 .c03{left:540px}
.shenbao_01 .c03 a .bg{background:url(../images/se02_bg03.png) no-repeat}
.shenbao_01 .c03:hover .bg{background:url(../images/se02_hvbg03.gif) no-repeat}
.shenbao_01 .c04{left:810px}
.shenbao_01 .c04 a .bg{background:url(../images/se02_bg04.png) no-repeat}
.shenbao_01 .c04:hover .bg{background:url(../images/se02_hvbg04.gif) no-repeat}

/*
.highTech-page2{overflow:hidden}
.screen02_w{height:442px;width:940px;display:inline-block;margin:0 auto;position:relative}
.screen02_w .screen02_box{position:absolute;width:176px;height:388px;border-radius:99px;transform:translate(0,0) scale(1,1);transition:all 2s}
.screen02_w .screen02_box .screen02_box_tt{font-size:20px;color:#0fc7d3;font-weight:700;margin-top:198px}
.screen02_w .screen02_box .screen02_box_ttbu{color:#6b97bb}
.screen02_w .screen02_box .screen02_box_ttyou{color:#227398}
.screen02_w .screen02_box .screen02_box_ttzi{color:#e2931d}
.screen02_w .screen02_box .screen02_box_ttsheng{color:#4a4687}
.screen02_w .screen02_box .screen02_box_content{color:#222427;font-size:14px;line-height:28px;padding:25px 15px 0 20px;text-align:left}
.screen02_w .screen02_mian{left:0;top:0;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;background:url(../images/high_mian.png) no-repeat}
.screen02_w .screen02_mian_out{opacity:0;transform:translate(0,300px);-moz-transform:translate(0,300px);-webkit-transform:translate(0,300px);-ms-transform:translate(0,300px);-o-transform:translate(0,300px)}
.screen02_w .screen02_bu{left:191px;top:0;transition:all .3s .2s;-moz-transition:all .3s .2s;-webkit-transition:all .3s .2s;-ms-transition:all .3s .2s;-o-transition:all .3s .2s;background:url(../images/high_bu.png) no-repeat}
.screen02_w .screen02_bu_out{opacity:0;transform:translate(0,300px);-moz-transform:translate(0,300px);-webkit-transform:translate(0,300px);-ms-transform:translate(0,300px);-o-transform:translate(0,300px)}
.screen02_w .screen02_you{left:382px;top:0;transition:all .3s .4s;-moz-transition:all .3s .4s;-webkit-transition:all .3s .4s;-ms-transition:all .3s .4s;-o-transition:all .3s .4s;background:url(../images/high_you.png) no-repeat}
.screen02_w .screen02_you_out{opacity:0;transform:translate(0,300px);-moz-transform:translate(0,300px);-webkit-transform:translate(0,300px);-ms-transform:translate(0,300px);-o-transform:translate(0,300px)}
.screen02_w .screen02_zi{left:573px;top:0;transition:all .3s .6s;-moz-transition:all .3s .6s;-webkit-transition:all .3s .6s;-ms-transition:all .3s .6s;-o-transition:all .3s .6s;background:url(../images/high_zi.png) no-repeat}
.screen02_w .screen02_zi_out{opacity:0;transform:translate(0,300px);-moz-transform:translate(0,300px);-webkit-transform:translate(0,300px);-ms-transform:translate(0,300px);-o-transform:translate(0,300px)}
.screen02_w .screen02_sheng{left:764px;top:0;transition:all .3s .8s;-moz-transition:all .3s .8s;-webkit-transition:all .3s .8s;-ms-transition:all .3s .8s;-o-transition:all .3s .8s;background:url(../images/high_sheng.png) no-repeat;margin-right:0}
.screen02_w .screen02_sheng_out{opacity:0;transform:translate(0,300px);-moz-transform:translate(0,300px);-webkit-transform:translate(0,300px);-ms-transform:translate(0,300px);-o-transform:translate(0,300px)}
*/

.high_icon{width:100%;height:480px;background: url("../images/high_icon.png") no-repeat center center;}
.high_icon1{width:100%;height:410px;background: url("../images/high_icon1.png") no-repeat center center;}
.high_icon2{width:100%;height:550px;background: url("../images/high_icon2.jpg") no-repeat center center;}
.high_icon3{width:100%;height:510px;background: url("../images/high_icon3.jpg") no-repeat center center;}
.high_icon4{width:100%;height:410px;background: url("../images/high_icon4.jpg") no-repeat center center;}
.high_icon9{width:100%;height:310px;background: url("../images/high_icon9.jpg") no-repeat center center;}
.high_icon10{width:100%;height:320px;background: url("../images/high_icon10.jpg") no-repeat center center;}
.high_icon11{width:100%;height:580px;background: url("../images/high_icon11.jpg") no-repeat center center;}

.h-title{font-size:40px;color:#398fe6;font-weight:bold;text-align:center;}
.mt_88{ margin-top:88px; }
.p-tit{ padding:0 48px; display:inline-block; background:url(../images/ic.jpg) left center repeat-x; margin:0 auto; }
.p-tit span{ font-size:18px; color:#626262; line-height:20px; padding:0 12px; position:relative; z-index:5; }
.bgf5{ background:#f5f5f5; }
.mb_13{ margin-bottom:13px; }
.sb_ul{ overflow:hidden; margin-top:66px; width:100%; }
.sb_ul li{ width:360px; height:387px; margin:0 15px; float:left; overflow:hidden; background:#fff; text-align:center; }
.sb_img{ width:100%; height:145px; }
.sb_name{ font-size:32px; color:#333; line-height:34px; margin-top:34px; }
.sb_short{ font-size:14px; color:#626262; line-height:22px; margin-top:9px; height:44px; overflow:hidden; }

.bgff{ background:#FFF; }
.ms_ul{ overflow:hidden; margin-top:64px; width:100%; text-align:center; }
.ms_ul li{ display:inline-block; cursor:pointer; width:215px; height:200px; text-align:center; border-right:1px solid #ccc; }
.ms_img{ width:100%; height:143px; }
.ms_p{ font-size:16px; color:#333; line-height:18px; font-weight:bold; }
.ms_p2{ font-size:13px; line-height:15px; color:#0e0e0e; margin-top:6px; }

@media(max-width: 768px){
.h-title{font-size:22px;}
.law-banner{height:100px;background-size:100%;margin-top:-40px;}
.law-banner .pic{display:none;}
.law-form{display:none;}
.ipr-busin{display:none;}
}

.position{height:28px;padding:40px 0 0 10px;color:#333;}
.position a{color:#333;}


.list-item {margin-bottom:10px;background:url(../images/bg1.gif) center bottom repeat-x;padding-bottom:10px;}
.list-item .list-item_left {padding: 5px 20px;float: left;position: relative;}
.list-item .list-item_create_time{color:#999;float: right;font-size: 12px;margin-right: 5px;line-height: 30px;}
.list-item .list-item_title {font-size: 16px;line-height: 30px;}
.list-item .list-item_title a {color: #398fe6;font-weight:bold;display:inline-block;height:30px;float:left}
.list-item .list-item_title a.item_rating_5 {background: url(../images/pagei.gif) 0px 6px no-repeat;padding:0px 0 0 23px;}
.list-item .list-item_content {line-height:24px;color: #666;overflow:hidden}

.epages { padding:14px 0 10px; text-align: center;line-height:32px;}
.epages a { display:inline-block; height:22px; line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 10px}
.epages a.a1 { background:url(../images/pages.png) no-repeat 0 5px; width:56px; padding:0 }
.epages a:hover { background:#bfd8f4; color:#000; text-decoration:none }
.epages span { display:inline-block; height:22px; line-height:22px; background:#5a85b2; border:1px solid #5a85b2; color:#fff; text-align:center;padding:0 10px}




.item-bg{background-color:#F6F6F6;border-bottom:1px solid #C7C9C8}
.item_i .media-img{overflow:hidden}
.case-item .media-img{min-height:253px}
.news-item .media-img{min-height:215px}
@media (min-width:992px) and (max-width:1199px){.case-item .media-img{min-height:216px}
.news-item .media-img{min-height:175px}
}
@media (max-width:767px){.item_i .media-img{min-height:304px}
}
.item_i .media-img img{width:100%;height:auto}
.item_i .media-post{padding:30px 28px 0 32px}
.case-item.full-item .media-post{padding-top:22px}
.item_i .media-post .row{margin-bottom:2px}
.item_i .media-post .col-sm-3{width:78px;padding-top:1px}
.item_i .media-post .col-sm-9{width:365px}
@media (min-width:992px) and (max-width:1199px){.item_i .media-post{padding-top:22px;padding-right:22px;padding-left:28px}
.case-item.full-item .media-post{padding-top:12px}
.item_i .media-post .col-sm-9{width:292px}
}
@media (max-width:767px){.item_i .media-post{padding:15px 6px}
.item_i .media-post .col-sm-3{width:100%;text-align:left;padding-top:0}
.item_i .media-post .col-sm-9{width:100%;padding-top:2px}
}
.item_i .media-post .lab{font-weight:700;color:#616161}
.item_i .media-post .val{line-height:22px}
.item_i .media-post .val.name{max-height:46px;overflow:hidden}
.item_i .media-post .val.summary{max-height:68px;overflow:hidden}
.case-item.full-item .media-post .val.summary{max-height:46px}
@media (max-width:767px){.case-item.full-item .media-post .val.summary,.item_i .media-post .val.name{max-height:68px}
}
.item_i .media-post .val a{color:#616161}
.item_i .media-post .val a:hover{color:#5cc2cf}
.item_i .media-post .detail{background-color:#5cc2cf;color:#fff;padding:5px 16px 5px 22px;font-weight:700;margin-top:12px;display:inline-block}
.case-item.full-item .media-post .detail{margin-top:6px}
@media (max-width:767px){.case-item.full-item .media-post .detail{margin-top:18px}
}
.item_i .media-post .detail .othink-icon-arrow{margin-top:5px;margin-left:8px;vertical-align:top;display:inline-block;font-size:11px}
@media (min-width:992px) and (max-width:1199px){.case-item .media-post p{margin-bottom:5px}
.case-item .media-post .detail,.case-item.full-item .media-post .detail{margin-top:5px}
}
.case-item{margin-bottom:58px}
.news-item{margin-bottom:56px}
.right-sidebar .news-item{margin-bottom:28px}
.news-item .tit{font-weight:700;margin-bottom:0}
.news-item .tit a{color:#616161}
.news-item .tit a:hover{color:#5cc2cf}
.news-item .dt{color:#818181;font-size:12px;padding-bottom:6px;border-bottom:1px solid #ccc;margin-bottom:8px}
.news-item .summary{color:#818181;line-height:24px;max-height:72px;overflow:hidden;margin-bottom:0}
.ab-tit{text-align:center;margin-bottom:30px;padding-bottom:28px;border-bottom:1px solid #bcbcbc}
.ab-tit h1{font-size:48px;font-weight:700;color:#333}
.ab-tit h4{font-size:14px;color:#818181;margin:0}
.about .col-left{padding-left:0;padding-right:30px;font-size:16px;color:#333;line-height:30px}
.about .col-left p{padding:0;margin:0 0 18px}
.about .col-right{padding-left:30px;padding-right:0;text-align:right}
.about .col-right img{width:100%}
@media (max-width:767px){.about .col-left{padding:0}
.about .col-right{padding:0;text-align:center;margin-top:25px}
}
.honor{background-color:#f6f6f6;color:#333;font-size:16px;padding-bottom:168px}
.honor .detail{margin-top:76px}
.honor .detail .honor-lab{text-align:right}
.honor .detail .honor-lab span{background-color:#b1b1b1;padding:12px 15px;font-size:24px;color:#fff;display:inline-block;vertical-align:top}
.honor .detail .honor-lst{border-left:1px solid #bbb;padding-left:24px;margin-left:-1px;min-height:408px}
.honor .detail .honor-lst p{font-size:14px;margin-bottom:30px}
@media (max-width:767px){.honor{padding-bottom:68px}
.honor .detail .honor-lab{text-align:left}
.honor .detail .honor-lst{margin-left:0;margin-bottom:18px;padding-top:26px;padding-bottom:6px;min-height:0}
}
.news-container .news-item{width:530px}
.news-container .news-item .media-img{width:215px}
.news-container .news-item .media-post{width:315px;padding-top:40px}
.news-container .item_i.col2{float:right}
@media (min-width:992px) and (max-width:1199px){.news-container .news-item{width:450px}
.news-container .news-item .media-img{width:175px}
.news-container .news-item .media-post{width:275px;padding-top:24px}
}
@media (max-width:767px){.news-container .news-item,.news-container .news-item .media-img{width:100%}
.news-container .news-item .media-post{width:100%;padding-top:28px;padding-left:18px;padding-right:18px}
.news-container .item_i.col2{float:none}
}
.section .job-left-box{padding-right:22px}
.section .job-right-box{padding-left:22px}
@media (max-width:767px){.section .job-left-box{padding-right:0}
.section .job-right-box{padding-left:0;margin-top:18px}
}
.job-item.index-1{padding-right:38px}
.job-item.index-2{padding-left:10px;padding-right:24px}
.job-item.index-3{padding-left:24px;padding-right:10px}
.job-item.index-4{padding-left:38px}
.job-item .tit{background-color:#5cc2cf;height:34px;line-height:34px;color:#fff;font-weight:700;padding-left:12px;margin-bottom:22px}
@media (max-width:767px){.job-item.index-1,.job-item.index-2,.job-item.index-3,.job-item.index-4{padding:0}
}








/*footer*/



.footer_box_bg { width: 100%; background-color: #212b46; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background-attachment: fixed; background-size: cover; }
.footer_box { position:relative; z-index: 25; }
.inputtxt { width:100% ; height: 44px; border: 1px solid rgba(255,255,255,.1); color: #d2ddf8; line-height: 44px; margin-bottom: 10px; padding: 0 20px; background: rgba(0,0,0,.1); transition: all 0.3s ease-out 0s; }
.inputext { width:100% ; height: 152px; border: 1px solid rgba(255,255,255,.1); color: #d2ddf8; padding: 10px 20px; background: rgba(0,0,0,.1); resize: none; overflow: hidden; transition: all 0.3s ease-out 0s; }
.inputsub { width: 100%; max-width:500px; height: 54px; text-align: center; line-height: 54px; background: #2882e8; border-radius: 27px; color: #fff; cursor: pointer; border:none;}

#verify.inputtxt{width:220px;

width:  calc(100% - 88px);

}


#checkcode{height:42px;width:84px;}


.foot_form { width:100% ; margin: 0 auto; padding: 102px 16px 0 16px;   z-index: 25 }
.foot_form_p { text-align: center; margin-top: 46px; }
.footer { position: relative; padding-bottom:40px; }

.foot_form .inputtxt:hover { border: 1px solid #2882e8; }






.foot { padding:100px 0px 0px 0px; background:#333; color:#9b9b9;}
.foot .container {position: relative;}
.foot a {color:#9b9b9b;}
.foot h5 { color:#9b9b9b; margin-bottom: 60px;  line-height:180%; font-size: 16px; font-weight: normal; }
.foot .foot-nav { clear:both; margin-bottom: 60px; overflow: hidden; }
.foot .foot-nav dl {}

.foot .foot-nav dl dt { position: relative; padding-bottom: 30px; border-bottom: 1px solid #9fa0a1; margin-bottom: 20px; font-size: 16px;  }
.foot .foot-nav dl dt b { position: absolute; display: block; width: 39%; height: 3px; left: 0; bottom: -2px; background-color: #fff; }
.foot .foot-nav dl dd { line-height: 30px; }
.foot .foot-nav dl dd a { font-size: 14px;  }
.foot .copy { clear:both;  margin:30px 0px; text-align: center; color:#9b9b9b; }
.foot .copy p{line-height: 14px;}

.fweixin img {width:150px;}
.fweixin p {line-height:24px;text-align:center;color:#9b9b9b;}

@media(max-width: 768px){
.foot .foot-nav{display:none;}
.fweixin{display:none;}
.foot .copy{margin-top:-70px;}
}


@media(max-width: 768px){
.zuopin_form{display:none;}
.one-title,.three-title{font-size:22px;}
.two-title{font-size:22px;}
.banner_mark{display:none;}
.zhuanlicx{display:none;}
.banquancx,.banquan-footer{display:none;}
.bq_jianjie{background:none;}
.bq_info{padding-left:0;}
.bq_info h1{font-size:22px;}
.bq_info h2{font-size:22px;}
.bq_info p{font-size:14px;}
.bq_zuoyong{display:none;}
}



/*top_up*/



.top { position: fixed; /*bottom: 30px;*/ bottom: -70px; right: 30px; width: 44px; height: 68px; text-align: center; z-index: 50; display: none; }
.top span { width: 40px; height: 30px; border-radius: 25px; text-align: center; padding-top: 10px; color: #a3a3a3; display: block; border: 1px solid rgba(0,0,0,.1); background: rgba(255,255,255,.05); transition: all 0.3s ease-out 0s; margin-bottom: 6px; }
.top i { font-size: 21px; }
.top strong { color: #a3a3a3; }
.top:hover i { color: #fff; }
.top:hover span { background: #2882E8; }


/*copyright*/
.copyright { padding: 20px 30px; background: #29166F; text-align: center; color: #ffffff; }
.copyright p { margin: 0 auto; overflow: hidden; }
.copyright a { color: #ffffff; }
.foot2 p{margin:0 auto;font-size:16px;}
.foot2 p span{padding:0.5em;}


.default { font-family: Arial, "微软雅黑"; color: #868686; font-size: 13px; line-height: 24px; padding-top: 40px; }
.default img { margin-bottom: 20px; max-width: 1000px; margin: 0 auto; }
.team_post_img img { max-width: 600px; }
.pro_three_bot img { margin-bottom: 20px; }
.pro_three_sub { color: #868686; margin: 6px 0 0; font-size: 13px; line-height: 24px; }
.pro_three_des { color: #868686; margin: 40px 0 0; font-size: 13px; line-height: 24px; }
#popContent { box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.1); }
.mini { height: 84px }
.mini .pro_three_top_l { height: 42px; padding-top: 22px; }
.mini .pro_three_top_r { height: 50px; padding-top: 12px; }
/*org start*/




#popContent #pageBody { background: #fff; min-height: 100%; padding-bottom: 65px; }
#popContent #pageBody .team_box_but_l { left: -35px; }
#popContent #pageBody .team_box_but_r { right: -35px; }
#popContent #pageBody .intro_close { top: -40px; }
.pro_three_top_bg { position: absolute; width: 100%; background: #fff; top: 0; z-index: 99; }
.pro_three_bot_bg { padding-top: 102px }
.fixed { position: fixed; z-index: 9999; top: 0; left: 0; width: 100%; height: 100%; background: rgb(0,0,0); background: rgba(0,0,0,.6); overflow-y: auto; z-index: 99999; display: none }
{
 height:auto;
 cursor:default;
}
#fixed_weixin .fixed-container { width: 220px; height: auto; padding: 20px 20px 0 20px; background: #fff; position: absolute; left: 50%; top: 50%; margin-left: -110px; margin-top: -140px; }
#fixed_weixin .fixed-container div { height: 220px }
#fixed_weixin .fixed-container p { height: 40px; line-height: 40px; text-align: center; font-size: 14px; color: #000; }
#fixed_mp .fixed-container { width: 258px; height: 298px; background: #fff; position: absolute; left: 50%; top: 50%; margin-left: -129px; margin-top: -149px; }
#fixed_mp .fixed-container p { padding: 0 20px; text-align: center; font-size: 14px; color: #000; }
.hide, .popup { display: none; }
.show { display: block; }
/*org end*/


.par_box li a img { height: 90px; filter: grayscale(100%); transition: all 0.3s ease-out 0s; }
.par_box li a:hover img { filter: grayscale(0); }



/*chrome */



::-webkit-scrollbar-track-piece { width:8px; background-color:#f4f4ff;}

::-webkit-scrollbar { width:8px; background-color:#2882e8;}

::-webkit-scrollbar-thumb { width:8px; background-color:#aeaeae;}

::-webkit-scrollbar-thumb:hover { width:8px; background-color:#3d3d3d;}

hr { height: 1px; border: none; border-top: 1px dotted rgb(211, 211, 211); margin-top: 20px; margin-bottom: 20px; }
#shares a#sshare { color: transparent; width: 0; height: 0; background: none; }
.fixed { position: fixed; z-index: 9999; top: 0; left: 0; width: 100%; height: 100%; background: #000; background: rgba(0, 0, 0, .6); overflow-y: auto; z-index: 99999; display: none }
#fixed_weixin .fixed-container { width: 220px; height: auto; padding: 20px 20px 0 20px; background: #fff; position: absolute; left: 50%; top: 50%; margin-left: -110px; margin-top: -140px }
#fixed_weixin .fixed-container div { height: 220px }
#fixed_weixin .fixed-container p { height: 40px; line-height: 40px; text-align: center; font-size: 14px; color: #000 }
#fixed_mp .fixed-container { width: 258px; height: 298px; background: #fff; position: absolute; left: 50%; top: 50%; margin-left: -129px; margin-top: -149px }
#fixed_mp .fixed-container p { padding: 0 20px; text-align: center; font-size: 14px; color: #000 }
.fixed.show { display: block }
#shares { position: fixed; right: 0px; bottom: 10px; z-index: 99; height: 120px }
#shares a { width: 40px; height: 40px; display: block; background: #8b8b8b; background-color: rgba(31, 31, 31, .6); color: #fff; font-size: 16px; text-align: center; }
#shares a i { margin-top: 13px }
#shares a#sshare { cursor: default; }
#shares a#sweibo { background-color: #ea493c; transition: all 0.2s ease-out 0s; }
#shares a#sweibo:hover { background-color: #ea493c; }
#shares a#sweixin { transition: all 0.2s ease-out 0s; background-color: #24b727 }
#shares a#sweixin:hover { background-color: #24b727 }
#shares a#gotop { background-color: #666666; background-color: rgba(0, 0, 0, .6); font-size: 22px }
#shares a#gotop i { margin-top: 8px }
#fixed_weixin .fixed-container { width: 220px; height: auto; padding: 20px 20px 0 20px; background: #fff; position: absolute; left: 50%; top: 50%; margin-left: -110px; margin-top: -140px }
#fixed_weixin .fixed-container div { height: 220px }
#fixed_weixin .fixed-container p { height: 40px; line-height: 40px; text-align: center; font-size: 14px; color: #000 }
#fixed_mp .fixed-container { width: 258px; height: 298px; background: #fff; position: absolute; left: 50%; top: 50%; margin-left: -129px; margin-top: -149px }
#fixed_mp .fixed-container p { padding: 0 20px; text-align: center; font-size: 14px; color: #000 }
#online_open { width: 40px; height: 40px; background: #00d420; cursor: pointer; position: fixed; right: -40px; bottom: 130px; z-index: 99999; font-size: 18px; color: #fff; text-align: center; line-height: 30px; }
#online_open i { margin-top: 13px }
#online_lx { width: 180px; height: auto; border-radius: 0; background-color: #fff; -webkit-box-shadow: 0 5px 9px rgba(4, 0, 0, .17); box-shadow: 0 5px 9px rgba(4, 0, 0, .17); position: fixed; right: 0px; bottom: 131px; z-index: 99999 }
#olx_head { padding: 20px; line-height: 16px; height: 16px; background: #00d420; border-radius: 0; color: #fff; font-size: 14px }
#olx_head i { font-size: 18px; color: #fff; cursor: pointer }
#olx_qq li a { padding: 12px 30px; height: 18px; line-height: 18px; background: #f5f5f5; color: #353434; display: block; border-bottom: #fff 1px solid; transition: all ease-out .3s; font-size: 12px }
#olx_qq li a i { transition: all 0.3s ease-out 0s; color: #5e5e5e; font-size: 16px; vertical-align: middle; margin-right: 18px }
#olx_qq li a:hover { color: #fff; background: #565656 }
#olx_qq li a:hover i { color: #00d420; }
#olx_tel { padding: 20px 30px }
#olx_tel div { color: #434343; line-height: 14px; height: 14px; margin-bottom: 10px }
#olx_tel div i { font-size: 18px; margin-right: 20px; vertical-align: middle }
#olx_tel p { line-height: 20px; font-family: HELVETICANEUELTPRO-THEX; font-size: 15px }
.masonry .projectitem { width: 385px }
.masonry { margin-top: 50px }
.masonry .show_bot_box, .masonry .show_bot_box_t, .masonry .show_bot li { height: auto; position: relative }
#online_open i { margin-top: 11px; }
.projecttags_box { width: 1000px; margin: 0 auto 80px; }
.projecttags a { display: block; padding: 0 20px; height: 35px; line-height: 35px; border: 1px solid #f0f0f0; background: #fff; float: left; border-radius: 20px; margin: 30px 0px 30px 10px; font-size: 13px; color: #7f7f7f }
.projecttags a:hover { color: #fff; background: #3a8deb; }
.projecttags .active { color: #fff; background: #3a8deb; }
.projectib_img { width: 184px; height: auto; display: block; overflow: hidden; }
.tags_wrap { margin-right: -10px; margin-left: -10px; }
.projectib li { float: left; margin: 0 10px 32px; width: 184px; }
.projectib_title { font-size: 14px; color: #666; line-height: 24px; display: block; margin-top: 10px; height: 24px; overflow: hidden; text-overflow: ellipsis; }
.projectib li p { color: #999; font-size: 13px; line-height: 20px; height: 40px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.line { width: 1200px; margin: 0 auto; border-bottom: 1px solid #f0f0f0 }
#pro_nav2 {width: 260px;}
#pro_nav2 a { padding: 0 5px; display: block; height: 36px; line-height: 36px; color: #999; float: left; margin: 0 10px; }
#pro_nav2 { margin: 0px auto; position: absolute; top: 170px; left: 50%; }
#pro_nav2 a:hover, #pro_nav2 .active { color: #FFF; background: #a3a3a3; border-radius: 3px; }
.news_cont_img { position: absolute; top: 110px; padding: 50px 40px 40px 40px; left: 10px; display: none; }

#shares a i.fa-weixin {margin: 12px 0 0 15px;color: transparent;background-image: url(/templates/ue_content/templates/images/shouji.png);background-repeat: no-repeat;font-size: 23px;}
.netmask { width: 100%; height: 100%; text-align:center; background:#000; display:block; margin:0 auto; }
.netmask.loading i { color:#fff; font-size:50px; position:absolute; top:50%;}
.netmask.success i { color:#fff; font-size:50px; position:absolute; top:50%;}