/* CSS Document */

 *{ margin:0; padding:0; }
header, footer, article, aside, section, nav, menu, hgroup, details, dialog, figure, figcaption {
	display: block
}
.s1{ text-overflow : ellipsis;white-space:nowrap; overflow:hidden; }
@font-face {
    font-family: 'jiangcheng';
    src: url('../fonts/jiangcheng.eot');
    src: url('../fonts/jiangcheng.eot?#iefix') format('embedded-opentype'),
         url('../fonts/jiangcheng.woff') format('woff'),
         url('../fonts/jiangcheng.ttf') format('truetype'),
         url('../fonts/jiangcheng.svg#rzzy') format('svg');
    }
/*@font-face {*/
/*    font-family: 'SourceHanSans';*/
/*    src: url('../fonts/SourceHanSansCN-Light.otf');*/
/*    }*/

/*@font-face{*/
/*font-family: heiti;*/
/*src:url(../fonts/heiti.OTF); !* IE9+,可以是具体的实际链接 *!*/
/*}*/
html, body, div, span, table, tr, th, td, em, img, h1, h2, h3, h4, h5, h6, p, a, ul, ol,li, form, label,button,textarea,pre,fieldset,figure,article,section{
	font-family: inherit;font-style: inherit;padding: 0;margin:0;border:0; font-size:12px; text-decoration:none; font-family:'SourceHanSans','PingFang SC','HanHei SC',Microsoft Yahei,sans-serif; list-style:none;}

/* CSS Index */
/* CSS banner */
.lubo{ width: 100%; min-width:1000px; clear: both; position: relative; height:100vh;}
.lubo_box{ position: relative; width: 100%; height:100%; }
.lubo_box li{ float: left;position: absolute; top: 0; left: 0; width: 100%; height:100%; opacity: 0;filter:alpha(opacity=0);}
.lubo_box li a{ display: block;width: 100%;  height: 100%;}
.lubo_box li img{ width: 100%; height:100%;}

/*圆点*/
.cir_box{ overflow: hidden; position: absolute; z-index: 100;}
.cir_box li{ float: left; width: 12px; height: 12px; border-radius:6px; margin:0 15px; cursor: pointer; background: #888888; }
.cir_on{ background: #FFFFFF !important;}

/*按钮*/
.lubo_btn{ position: absolute; width: 100%; top: 42%;}
.left_btn, .right_btn{ width: 30px; height: 80px; background: #000; opacity: 0.1;filter:alpha(opacity=10); cursor: pointer; color: #fff; line-height: 80px; font-size: 30px; text-align: center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.left_btn:hover, .right_btn:hover{ opacity: 0.6;filter:alpha(opacity=60);}
.left_btn{ float: left;}
.right_btn{ float: right;}

.fullSlide2{ display:none}

.top{ width:90%; height:46px; padding:60px 5% 30px; position:absolute; z-index:99; /*background-color:#FFFFFF;*/ display: flex; flex-flow: wrap; justify-content: space-between; }
.top .logo{ width:226px; height:46px; display:block;}
.top .phone{ line-height:46px; color:#FFFFFF; font-size:18px; font-family: 'jiangcheng'}
.top .nav li{ float:left}
.top .nav_a{ padding:0 10px; line-height:30px; margin:8px 10px; color:#FFFFFF; display:block; font-size:16px; text-shadow: 0px 1px 1px rgba(0,0,0,0.6);}
.top .nav_a.active{ background:#d74f0c; border-radius:4px;}
.top .nav li:hover a{ background:#d74f0c; border-radius:4px;}
.contactus{ width:32%; height:108px; padding:68px 0 0; position:absolute; z-index:99; right:0px; bottom:0px; background:#FFFFFF; display:none;}
.contactus-all{ padding:0 14%}
.contactus-p1{ line-height:24px; font-size:16px; color:#000000; height:48px;}
.contactus-span{ width:calc(100% - 130px); height:32px; border-bottom:2px solid #000000; float:left; margin-right:16px;}
.contactus-div p{ line-height:16px; font-size:16px; height:16px; color:#000000; padding-top:16px; width:80px; display:block; float:left}
.nav1{ display:none; width:100%; height:480px; position: absolute; right: 0; margin-top: -10px; background: -moz-linear-gradient(top, #d74f0c 20%, rgba(215,79,12,0) 100%);background: -webkit-gradient(linear, 0 20%, 0 100%, from(#d74f0c), to(rgba(215,79,12,0)));}
.nav li:hover .nav1{ display:block}
.nav1_ul{ width:1000px; margin:32px auto 0}
.nav1_ul li div{ width:169px; padding-left:30px; height:360px; border-right:1px solid #f4d8cb;}
.nav1_ul li div.border0{ border-right:0px}
.nav1_ul li div span{ font-size:16px; line-height:16px; color:#FFFFFF; padding-bottom:42px; display:block;}
.nav1_ul li div ul li{ float:none; width:100%; }
.nav1_ul li div ul li a{ width:100%; font-size:14px; line-height:14px; color:#FFFFFF; padding-bottom:16px; display:block; background-color:inherit !important}
.nav1_ul1 li{ width:100%}
.nav1_ul1 li div{ width: 100%; padding-left: 0px; border-right: 0px solid #f4d8cb;}
.nav1_ul1 li div ul li{ float:left; width:200px; padding-left:49px; border-right:1px solid #f4d8cb;}
.nav1_ul1 li div ul li:nth-child(4n){ border-right: 0px solid #f4d8cb;}


.i_about{ width:90%; height:600px; margin:124px auto 0;}
.i_about_l{ width:calc(100% - 626px); height:436px; padding-left:24px; padding-top:164px; padding-right:86px; float:left;}
.i_about_l_title{ width:calc(100% - 38px); padding-left:38px; background:url(../images/icon-index.png) no-repeat left top; height:138px;}
.i_about_l_title p{ line-height:46px; height:46px; font-size:46px; color:#000000; font-family: 'jiangcheng'}
.i_about_l_title span{ line-height:14px; height:14px; font-size:16px; color:#888888; padding-top:18px; display:block; font-family: 'Candara'}
.i_about_l_p{ width:calc(100% - 38px); padding-left:38px;line-height:24px; font-size:14px; color:#4d4d4d;}
.i_about_r{ width:516px; height:600px; float:right}
.i_about_r span{ width:446px; height:600px; position:absolute; background:#dfe0e2}
.i_about_r img{ width:516px; height:490px; position:relative; z-index:99}
.i_about_r p{ position:absolute; z-index:996; font-size:80px; color:#bbbbbb; right:552px; margin-top:64px; font-family: 'Candara'}

.i_product{ width:90%; height:618px; margin:150px auto 0;}
.i_product_l{ width:1236px; padding-left:24px; float:left;}
.i_product_l_nav li{ float:left}
.i_product_l_nav li a{ width:340px; height:410px; display:block; margin:0 36px; overflow: hidden;}
.i_product_l_nav li a img{ height:372px; display:block}
.i_product_l_nav li a span{ width:340px; height:36px; line-height:36px; font-size:20px; color:#000000; display:block}
.i_product_r{ width:calc(100% - 1260px); float:left}
.i_product_r_nav{ width:72px; margin-top:174px; margin-left:60px;}
.i_product_r_nav li a span{ width:72px; font-size:14px; line-height:24px; display:block; color:#000000;}
.i_more{ width:64px; height:18px; display:block; padding-bottom:20px; padding-right:84px; text-align:center; font-size:14px; color:#000000; background:url(../images/icon-arrow1.png) no-repeat bottom right; margin-top:180px; float:right}

.i_case{ width:90%; height:478px; margin:0 auto;}
.i_case_l{ width:calc(100% - 984px); height:370px; padding-left:24px; padding-top:108px; padding-right:100px; float:left;}
.i_case_r{ width:860px; height:478px; float:left}
.i_case_r img{ width:860px; height:416px; display:block; position:relative; z-index:99}
.i_case_r span{ width:798px; height:328px; position:absolute; background:#dfe0e2; right:0px; margin-top:150px;}
.i_case .i_more{ margin-top:92px; float:inherit; margin-left:38px;}

.i_join{ width:90%; height:auto; margin:186px auto 0;}
.i_join_l{ width:32%; height:auto; float:left}
.i_join_l img{ width:90%; height:auto; margin-left:10%; display:block}
.i_join_r{ width:68%; float:left; display: flex; flex-flow: wrap; justify-content: space-between;}
.i_join_r_all{ max-width:830px; margin:0 auto; padding:0 60px }
.i_join_r img{ width:100%; display:block; margin-top:100px;}

.flex_icon{ width:40px; height:40px; display:block; position:fixed; bottom:30%; right:0px; z-index:9999; background-color:#d74f0c}
.flex_icon span{ display:block; width:130px; height:40px; line-height:40px; font-size:20px; color:#333333; text-align:center; float:left; display:none;font-family: 'jiangcheng'}
.flex_icon img{ width:40px; height:40px; display:block; float:left}
.flex_icon:hover{ width:170px;}
.flex_icon:hover span{ display:block; background: -webkit-linear-gradient(left, #d74f0c, #FFFFFF);
   background: -o-linear-gradient(left, #d74f0c, #FFFFFF);
   background: -moz-linear-gradient(left, #d74f0c, #FFFFFF);
   background: -ms-linear-gradient(left, #d74f0c, #FFFFFF);}

.indexad{ width:440px; height:306px; padding:0 60px }
.indexad_title{ text-align:center; width:100%;}
.indexad_title p{ height:32px; display:-webkit-inline-box; line-height:32px; font-size:26px; color:#262626; border-bottom:1px solid #262626; margin:0 auto }
.indexad_form_p{ width:100%; height:40px; background-color: #333333; color:#FFFFFF; font-size:20px; line-height:40px; text-align:center}
.indexad_form{ padding-top:52px;}
.indexad_form1{ padding-top:64px;}
.indexad_form_div1{ width:196px; float:left; padding-bottom:32px;}
.indexad_form_div2{ width:244px; float:left; padding-bottom:32px;}
.indexad_form_div3{ width:440px;}
.indexad_form_title{ width:42px; height:16px; line-height:16px; font-size:14px; text-align:center; float:left}
.indexad_form_input{ width:110px; padding-left:6px; height:16px; line-height:16px; font-size:14px; border-right:0px; border-left:0px; border-top:0px; border-bottom:1px solid #333333;outline: none;}
.indexad_form_div2 .indexad_form_title{ width:78px;}
.indexad_form_div2 .indexad_form_input{ width:158px;}
.indexad_form_div3 .indexad_form_input{ width:388px;}

.footer{ width:90%; height:400px; margin-top:130px; padding:0 5%;background: -moz-linear-gradient(top, #dedede 20%, #d74f0c 100%);
background: -webkit-gradient(linear, 0 20%, 0 100%, from(#FFFFFF), to(#d74f0c));}
.footer_top{ width:100%; height:46px; padding:84px 0 102px;}
.footer_top img{ width:226px; height:46px; display:block; float:left}
.footer_top_r{ float:right}
.footer_top_r img{ width:33px; height:33px; float:right}
.footer_top_r p{ float:right; margin-right:20px;}
.footer_center{ width:100%; height:72px;}
.footer_center_1{ width:292px; height:68px; margin-top:2px; font-size:20px; line-height:24px; color:#000000; float:left}
.footer_center_1 i{ font-size:12px; font-style:normal}
.footer_center_2{ width:400px; height:72px; font-size:16px; line-height:24px; color:#000000; float:left}
.footer_center_3{ width:320px; height:72px; font-size:16px; line-height:24px; color:#000000; float:left}
.footer_center a{ width:146px; height:42px; line-height:42px; font-size:18px; color:#000000; float:left; border:1px solid #000000; border-radius:21px; text-align:center; margin-right:40px;}
.footer_p{ width:100%; height:46px; line-height:46px; border-top:2px solid #000000; clear:both;}


.all_banner{ width:100%; height:auto;}
/* CSS about */
/* CSS about */
.a_banner{ width:100%; height:100vh; background:url(../images/a_banner_1.jpg) center left; background-size:cover}

.a_about{ width:90%; height:868px; margin:126px auto 0;}
.a_about_title{ padding-top:16px; padding-left:50px; width:348px; height:102px; position:absolute; z-index:99; margin-left:64px; background-color:#FFFFFF;}
.a_about img{ width:calc(100% - 64px); height:492px; display:block; margin-left:64px;}
.a_about_p{ width:calc(100% - 166px); padding-left:166px; margin-top:56px; line-height:24px; font-size:14px; color:#4d4d4d;}

.a_team{ width:90%;height:auto;/* height:1920px;*/ margin:0 auto;}
.a_team_title{ width:100%; text-align:right; font-size:80px; color:#bbbbbb;}
.a_team_top{ width:calc(100% - 64px); height:auto;/* height:1162px;*/ display:block; margin-left:64px;}
.a_team_top_1{ width:27%; height:auto; margin-right:3%; float:left}
.a_team_top_2{ width:44%; height:auto; margin-right:3%; float:left}
.a_team_top_3{ width:23%; height:auto;float:left}
.a_team_top img{ width:100%; display:block;}
.a_team_top p, .a_team_bottom_1 p{ height:32px; line-height:32px; display:inline-block; font-size:24px; color:#000000; padding-top:30px; border-bottom:1px solid #000000;}
.a_team_top span{ height:28px; line-height:28px; font-size:12px; color:#888888; display: block; padding-bottom:120px;}
.a_team_top_3_span{ padding-bottom:40px !important;}
.a_team_bottom_1{ height:110px; margin-left:64px;}
.a_team_bottom_1 span{ height:28px; line-height:28px; font-size:12px; color:#888888; display: block;}
.a_team_bottom_img{ width:1290px; height:468px; display:block; position:relative; z-index:99}
.a_team_bottom_span{ width:50%; height:582px; background:#dfe0e2; position:absolute; right:0px; margin-top:-56px;}



/* CSS contact */
/* CSS contact */
.co_banner{ width:100%; height:100vh; background:url(../images/co_banner_1.jpg) center left; background-size:cover}

.co_contact{ width:90%; height:1356px; margin:126px auto 0;}
.co_contact .a_about_title{ padding-left:0px; margin-left: 28px;}
.co_contact_div{ width:calc(100% - 64px); height:838px; display:block; margin-left:64px; padding-top:296px;}
.co_contact_span{ width:66%; height:1032px; background:#dfe0e2; position:absolute; right:0px; margin-top:-120px;}
.co_contact_img{ width:66%; height:838px; display:block; position:relative; z-index:99; float:left;}
.co_contact_right{ width:calc(34% - 80px); margin-left:80px; padding-top:150px; float:left; position:relative; z-index:99;}
.co_contact_right h3{ font-size:30px; /*height:30px;*/ line-height:30px; color:#000000; display:block;}
.co_contact_right p{ font-size:12px; line-height:22px; color:#000000; display:block; margin-top:14px;}
.co_contact_right span{ width:32px; height:2px; background-color:#262626; display:block; margin-top:36px;}
.co_contact_right a{ font-size:14px; line-height:24px; color:#000000; display:block; margin-top:40px;}



/* CSS service */
/* CSS service */
.s_banner{ width:100%; height:100vh; background:url(../images/s_banner_1.jpg) center left; background-size:cover}

.s_contact{ width:90%; height:2082px; margin:126px auto 0;}
.s_contact .a_about_title{ width: 418px; padding-left:0px; margin-left: 28px;}
.s_contact_div{ width:calc(100% - 64px); margin-left:64px; padding-top:138px;}
.s_contact_ad{ width:100%; height:244px; padding:40px 0; border-top:2px solid #000000;}
.s_contact_ad img{ width:244px; height:244px; margin-right:88px; display:block; float:left;}
.s_contact_ad_right{ font-size:36px; line-height:28px; width:128px; height:28px; text-align:center; color:#888888; margin-top:76px; float:right; font-family: 'Candara'}
.s_contact_ad_center{ width:calc(100% - 460px); height:170px; padding-top:74px; float:left}
.s_contact_ad_center p{ height:36px; line-height:32px; font-size:28px; color:#000000; display:inline-block; border-bottom:1px solid #000000; font-family: 'jiangcheng'}
.s_contact_ad_center span{ width:80%; display:block; font-size:14px; line-height:24px; padding-top:32px;}



/* CSS product */
/* CSS product */
.p_banner{ width:100%; height:100vh; background:url(../images/p_banner_1.jpg) center left; background-size:cover}

.p_contact_o{ width:90%; height:auto; margin:126px auto 0;}
.p_contact_oo{ margin:90px auto 0;}
.p_contact_o1{ width:90%; height:auto; margin:36px auto 0;}
.p_contact_o .a_about_title, .p_contact_o1 .a_about_title, .p_contact_t .a_about_title{ width: 418px; padding-left:0px; margin-left: 28px; padding-top:0px;}
.news_a_about_title{ width: 254px !important;}
.p_contact_o_nav{ width:calc(100% - 64px); margin-left:64px; padding-top:138px;}
.p_contact_o_nav li{ float:left; width:calc(33.3333% - 52px); margin-right:78px;}
.p_contact_o_nav li:nth-child(3n){ margin-right:0px;}
.p_contact_o_nav li a{ display:block; height:auto; border:1px solid #bbbbbb; margin-bottom:102px;}
.p_contact_o_nav_img{ width:100%; height:0px; padding-bottom:118.2%; overflow:hidden}
.p_contact_o_nav li a img{ width:124.2%; display:block}
.p_contact_o_nav li a span{ width:calc(100% - 36px); padding-left:36px; height:94px; display:block; line-height:94px; font-size:28px; color:#000000; background:url(../images/p-icon-arrow.png) no-repeat center right}
.p_contact_t_nav{ width:calc(100% - 64px); margin-left:64px; padding-top:138px;}
.p_contact_t_nav li{ float:left; width:calc(20% - 44px); margin-right:55px;}
.p_contact_t_nav li:nth-child(5n){ margin-right:0px;}
.p_contact_t_nav li a{ display:block; height:auto; margin-bottom:40px;}
.p_contact_t_nav li a p{ width:100%; height:36px; line-height:24px; color:#000000;}
.p_contact_t_nav li a span{ border:1px solid #bbbbbb; width:100%; padding-bottom:100%; display:block; border-radius:0 110px 0 0}
.p_contact_t_p{ width:calc(100% - 64px); margin-left:64px; height:14px; border-bottom:1px solid #000000;}
.p_contact_t_p span{ height:14px; font-size:14px; background-color:#FFFFFF; padding-right:60px;}


.pd_contact{ width:calc(100% - 64px); margin-left:64px; padding-top:36px; }
.pd_contact_top{ height:36px; border-bottom:2px solid #000000;}
.pd_contact_top span{ float:right; line-height:36px; font-size:14px; color:#000000; padding:0 16px;}
.pd_contact_top a{ float:right; line-height:36px; font-size:14px; color:#000000;}
.pd_contact_bottom{ padding-top:116px; min-height: 632px;}
.pd_contact_bottom_l{ width:42%; margin-left:13%; float:left}
.pd_contact_bottom_l img{ width:100%; display:block; position:relative; z-index:99;}
.pd_contact_bottom_l img.img02{ width:26%; position:absolute; margin-top:-52px; margin-left:-11.1%;}
.pd_contact_bottom_l img.img03{ width:9.8%; position:absolute; margin-left:-11.1%; background-color:#d5d5d5}
.pd_contact_bottom_r{ width:42%; margin-left:3%; float:left}
.pd_contact_bottom_r .title{ display:inline-block; font-size:28px; height:30px; line-height: 26px; margin-top:16px; border-bottom:2px solid #323232; color:#000000; font-family: 'jiangcheng'; margin-bottom:12px;}
.pd_contact_bottom_r span{ font-size:14px; line-height:22px; color:#000000; display:block; margin-top:20px;}
.pd_contact_bottom_r i{ width:32px; height:2px; display:block; margin-top:24px; background-color:#000000;}
.pd_contact_bottom_r strong{ font-size:16px; line-height:16px; display:block; margin-top:24px; margin-bottom:12px;}
.pd_contact_bottom_r p{ font-size:14px; line-height:22px; color:#000000; display:block;/* margin-top:12px;*/}



/* CSS join */
/* CSS join */
.j_banner{ width:100%; height:100vh; background:url(../images/j_banner_1.jpg) center left; background-size:cover}
.j_contact_o{ width:90%; height:auto; margin:126px auto 0;}
.j_contact_o .a_about_title{ width: 418px; padding-left:0px; padding-top: 0px; margin-left: 28px;}
.j_contact_top, .j_contact_bottom{ width:calc(100% - 64px); margin-left:64px; padding-top:138px;}
.j_contact_tw_nav li{ float:left; width:calc(33.3333% - 46px); margin-right:69px;}
.j_contact_tw_nav li:nth-child(3n){ margin-right:0px;}
.j_contact_tw_nav li p{ display:inline-block; font-size:26px; height:30px; line-height: 26px; border-bottom:2px solid #323232; color:#000000;}
.j_contact_tw_nav li span{ font-size:12px; line-height:22px; color:#000000; display:block; margin-top:14px;}
.j_contact_th_nav li a p{ height:32px; line-height:32px; font-size:24px; color:#000000; display:inline-block; border-bottom:2px solid #323232;}
.j_contact_th_nav li a span{ height:60px; line-height:32px; font-size:12px; color:#000000; display:block;}
.j_contact_th_nav li:nth-child(3n) a span{ height:32px;}
.j_contact_th_img{ width:374px; height:366px; display:block; position:absolute; right:10%; margin-top:-320px;}
.j_contact_top_l{ width:40%; height: auto; float:left;}
.j_contact_top_l img{ width:100%; display:block; margin-top:80px; position:relative; z-index:99;}
.j_contact_top_l img.img02{ width:34%; position:absolute; margin-top:0; left:0px;}
.j_contact_div{ width:100%; padding-top:68px;}
.j_contact_div1{ padding-top:100px;}
.j_contact_div2{ padding-top:152px;}
.j_contact_div3{ padding-top:116px;}
.j_contact_div a{ font-size:32px; color:#000000; line-height:32px; display:block; padding-bottom:60px;}
.j_contact_div p{ display:inline-block; font-size:26px; height:30px; line-height: 26px; border-bottom:2px solid #323232; color:#000000;}
.j_contact_div span{ height:auto; line-height:22px; font-size:12px; color:#000000; display:block; margin-top:30px;}
.j_contact_top_r{ width:52%; height: auto; float:right}
.j_contact_top_r img{ width:100%; display:block; margin-top:264px; position:relative; z-index:99;}
.j_contact_top_r img.img02{ width:41%; position:absolute; margin-top:368px; right:0px;}
.j_contact_bottom_l{ width:47%; height: auto; margin-top:62px; float:left}
.j_contact_bottom_l img{ width:100%; display:block; position:relative; z-index:99;}
.j_contact_bottom_l img.img02{ width:35%; position:absolute; margin-top:172px;}
.j_contact_bottom_r{ width:35%; height: auto; margin-top:62px; float:right}
.j_contact_bottom_r img{ width:100%; display:block; position:relative; z-index:99;}
.j_contact_bottom_r img.img02{ width:35%; position:absolute; margin-top:76px; margin-left: -90px;}
.j_contact_fo_img1{ display:none}



/* CSS case */
/* CSS case */
.ca_banner{ width:100%; height:100vh; background:url(../images/ca_banner_1.jpg) center left; background-size:cover}
.ca_contact_o_nav{ width:calc(100% - 64px); margin-left:64px; padding-top:138px;}
.ca_contact_o_nav li{ float:left; width:calc(33.3333% - 48px); margin-right:72px;}
.ca_contact_o_nav li:nth-child(3n){ margin-right:0px;}
.ca_contact_o_nav li a{ display:block; width:100%; position: relative; height: 0px; padding-bottom: 67.2%; overflow: hidden; margin-bottom:76px}
.ca_contact_o_nav li a img{ width:100%; object-fit:cover; display:block; position: relative; overflow: hidden; vertical-align: middle;}
.ca_contact_o_nav li a span{ display:block; position:absolute; width:100%; left: 0; top: 0; right: 0; bottom: 0; z-index: 3; overflow:hidden; background-color:rgba(215,79,12,0.6); opacity:0}
.ca_contact_o_nav li a:hover span{ opacity:1}
.ca_contact_o_nav li a span i{ width:28px; height:2px; display:block; background-color:#FFFFFF; margin-top:28%; margin-left:calc(50% - 14px);}
.ca_contact_o_nav li a span b{ width:100%; height:24px; line-height:24px; font-size:24px; text-align:center; font-weight:inherit; margin-top:16px; color:#FFFFFF; display:block;}

.cad_contact_bottom{ padding-top:68px;}
.cad_contact_bottom .pd_contact_bottom_r{ width:25%; margin-left:6%; float:right;}
.cad_contact_bottom .pd_contact_bottom_r p{ margin-top:192px;}
.cad_contact_bottom .pd_contact_bottom_r .info p{ margin-top:0px;}
/*图片放大板块开始*/
.imgdet{ position: relative; height: 836px; width: 69%; background: #fff; float:left}
.imgdet .imglist{ position: relative; display: inline-block; *display: inline; *zoom: 1; width: 18%; margin-left:2%; height: 100%; overflow: hidden;}
.imgdet .imglist ul{ position: absolute; top: 0; left: 0; width: 100%; font-size: 0;}
.imgdet .imglist ul li{ display: inline-block; *display: inline; *zoom: 1; width: 100%; height: 100%; border: 2px solid #fff; margin-bottom: 10px;}
.imgdet .imglist ul li:last-of-type{ margin-bottom: 0;}
.imgdet .imglist ul .active{ opacity:0.5 }
.imgdet .imglist ul li img{ width: 100%; height: 100%;}
.imgdet .imgpart{ vertical-align: top; position: relative; display: inline-block; *display: inline; *zoom: 1; width: 76%;}
.imgdet .imgpart .pic{ position: relative; width: 100%; height: 100%;}
.imgdet .imgpart .pic .magnify{ display: none; position: absolute; top: 0; left: 0; width: 200px; height: 200px; cursor: move; background-color: #fff; opacity: .3; filter:alpha(opacity=30); }
.imgdet .imgpart .pic img{ width: 100%; height: 100%;}
.imgdet .imgpart .bigpic{ display: none; position: absolute; top: 0; right: -570px; width: 560px; height: 560px; z-index: 333; border: 1px solid #fff; overflow: hidden;}
.imgdet .imgpart .bigpic>img{ position: absolute; top: 0; left: 0; width: 1080px; height: 1080px;}


.style-1{ display:none}
.style-1 .nav { position: fixed; width: 100%; height: 100%; z-index: 998; display:none; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 300ms; transition-duration: 300ms;}
.style-1 .nav--active .nav { display:block; background-color: #16171a;}
.style-1 .nav .wap-header1{ padding: 18px 5% 0px;}
.style-1 .nav .phone{ line-height:12px; color:#FFFFFF; font-size:18px; font-family: 'jiangcheng'}
.style-1 .nav__list { margin: 20px 0 0; padding:0 20px;}
.style-1 .nav__list li{ float:inherit;}
.style-1 .nav__list li a{ width:100%; height:46px; font-size:14px; line-height:46px; color:#fff; display:block; border-bottom:2px solid #262626;}
.style-1 .nav__item { list-style-type: none; text-align: left;}
.style-1 .nav__link { font-size: 1.3em; text-transform: uppercase; text-decoration: none; color: #FFFFFF; opacity: 1; -webkit-transition: opacity 300ms ease-in-out; transition: opacity 300ms ease-in-out;}
.style-1 .nav__trigger { display: block; position: fixed; width: 30px; height: 25px; right: 10px; top: 26px; z-index: 999;}
.style-1 .nav--active .nav__trigger { opacity: 0.5;}
.style-1 .nav__icon { display: inline-block; position: relative; width: 25px; height: 4px; background-color: #FFFFFF; -webkit-transition-property: background-color, -webkit-transform; transition-property: background-color, -webkit-transform; transition-property: background-color, transform; transition-property: background-color, transform, -webkit-transform; -webkit-transition-duration: 300ms; transition-duration: 300ms; box-shadow: 0px 0px 6px #888888;}
.style-1 .nav__icon:before, .style-1 .nav__icon:after { content: ''; display: block; width: 25px; height: 4px; position: absolute; background: #FFFFFF; -webkit-transition-property: margin, -webkit-transform; transition-property: margin, -webkit-transform; transition-property: margin, transform; transition-property: margin, transform, -webkit-transform; -webkit-transition-duration: 300ms; transition-duration: 300ms; box-shadow: 0px 0px 6px #888888;}
.style-1 .nav__icon:before { margin-top: -10px;}
.style-1 .nav__icon:after { margin-top: 10px;}

.style-1 .nav { -webkit-transform: translateX(-100%); transform: translateX(-100%); width: 100%; height: 100%;}
.style-1 .nav__link { opacity: 0; -webkit-transition-delay: 500ms; transition-delay: 500ms;}
.style-1 .nav--active .nav__link { opacity: 1;}
.style-1 .nav--active .nav { -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; -webkit-transform: translateX(0); transform: translateX(0);}
.style-1 .nav--active .nav__icon { background: rgba(0, 0, 0, 0);}
.style-1 .nav--active .nav__icon:before { margin-top: 0; background: #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.style-1 .nav--active .nav__icon:after { margin-top: 0; background: #fff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}

.baobei_add{ display:block}
.baobei_add1{ display:none}


.a_about_news{ margin: 200px auto 0; height: auto; padding-bottom: 6%;}
.a_about_news .i_product_l{ width:calc(64% - 24px);}
.a_about_news .i_product_r{ width:36%;}
.a_about_news_img01{ width:87%; display:block; margin-left:38px; position:relative; z-index:99}
.a_about_news_img02{ display:block; margin-left:38px; position:absolute; z-index:9; margin-top:10%}
.a_about_news .i_more{ margin-top: 100%;}
.news_contact{ width:calc(100% - 28px); clear:both; margin-left: 28px; margin-top:60px; border-top:1px solid #000000;}
.news_contact_div{ width:100%; height:auto; border-bottom:1px solid #000000; padding:20px 0;}
.news_contact_l{ width:21%; float:left; line-height:30px; font-size:30px; color:#808080}
.news_contact_c{ width:42%; float:left;}
.news_contact_r{width:33%; float:right;}
.news_contact_c .i_more{ float:left; margin-top: 16%;}
.news_contact_c p, .newsdetail_contact_p{ width:100%; height:30px; line-height:30px; font-size:30px; padding-bottom:30px; font-family: 'jiangcheng'}
.news_contact_c span, .newsdetail_contact_span{ width:100%; height:auto; line-height:22px; font-size:14px; color:#4d4d4d; padding-bottom:30px; display: block;}
.newsdetail_contact{ width:calc(100% - 28px); clear:both; margin-left: 28px; margin-top:60px;}
.newsdetail_contact_img{ width:100%; display:block; margin-bottom:64px;}
.newsdetail_contact_div{ width:64%; margin-left:22%;}
.newsdetail_contact_div .newsdetail_contact_span{ padding-bottom:90px;}
.newsdetail_div strong{ width:100%; line-height:18px; font-size:18px; color:#4d4d4d; display:block;}
.newsdetail_div p{ width:100%; line-height:22px; font-size:14px; color:#4d4d4d; display:block; padding-bottom:26px;}
.newsdetail_div img{ width:100%; display:block; padding-bottom:60px; padding-top:12px;}
.newsdetail_footer{ width:78%; margin-left:22%; border-top:1px solid #000000}
.newsdetail_footer a div{ width:100%; line-height:32px; height:32px; font-size:14px; color:#000000; }
.newsdetail_footer a:hover div{ color:#d74f0c; }


@media screen and (max-width: 750px){
.style-1, .baobei_add1{ display:block}
.top .nav, .baobei_add{ display:none}
.lubo{ min-width:inherit; display:none}
.fullSlide2{ display:block}

.top{ padding: 18px 5% 30px;}
.top .phone{ line-height: 20px;}
.i_about_l_title{ height: 86px;}
.i_about_l_title span{ line-height: 12px; height: 12px; font-size: 12px; padding-top: 10px;}
.i_about_l_title p{ line-height: 28px; height: 28px; font-size: 28px;}
.s_banner{  height: 0px; padding-bottom:78.25%;}
.s_contact{ height:auto; margin: 42px auto 0;}
.s_contact .a_about_title{ margin-left: 0px; width:90%; height: 86px;}
.s_contact_div{ width: 100%; margin-left: 0px; padding-top: 102px;}
.s_contact_ad{ height: auto; padding: 20px 0;}
.s_contact_ad_center{ padding-top: 2px; width:66%; height:auto;}
.s_contact_ad_center p{ font-size: 18px; line-height:22px; height:22px; border-bottom: 1px solid #000000;}
.s_contact_ad_center span{width: 100%; font-size: 12px; line-height: 20px; padding-top: 6px;}
.s_contact_ad img{ width: 30%; height:auto; margin-right: 4%;}
.s_contact_ad_right{ font-size: 30px; position: absolute; right: 0px; margin-top:-6px;}

.footer{ height: 500px; margin-top: 0px;}
.footer_top{ padding: 84px 0 40px;}
.footer_top img{ width:auto; height: 46px;}
.footer_top_r p{ display:none;}
.footer_center{ height: 160px;}
.footer_center_2, .footer_center_3{ width: 100%; font-size: 14px; line-height: 24px; height: 62px;}
.footer_center_1{ width: 100%; margin-top: 4px; font-size: 18px;}
.footer_center_1 i{ font-size: 13px;}
.footer_center a{  margin-right: 18px; margin-bottom:20px; width: 132px; height: 36px; line-height: 36px; font-size: 16px;}
.footer_p{width: 100%; height: 60px; line-height: 24px; font-size: 14px; padding-top:6px;}

.co_banner{ height: 0px; padding-bottom:78.25%;}
.co_contact{ height:auto; margin: 42px auto 0;}
.co_contact .a_about_title{ margin-left: 0px; width:90%; height: 86px;}
.co_contact_div{ width: 100%; margin-left: 0px; padding-top: 102px; height:auto}
.co_contact_span{ display:none}
.co_contact_img{ width: 100%; height: 220px; float:inherit}
.co_contact_right{ width: 100%; margin-left:0px; padding-top: 36px; float:inherit}
.co_contact_right h3{ font-size: 24px; height: 26px;}
.co_contact_right span{ margin-top: 26px;}
.co_contact_right a{ margin-top: 30px;}

.j_banner{ height: 0px; padding-bottom:78.25%;}
.j_contact_o{ height:auto; margin: 42px auto 0;}
.j_contact_o .a_about_title{ margin-left: 0px; width:90%; height: 86px; padding-top: 16px;}
.j_contact_top, .j_contact_bottom{ width: 100%; margin-left: 0px; padding-top: 102px; height:auto}
.j_contact_tw_nav li{ width: 100%; margin-right:0px;}
.j_contact_tw_nav li p, .j_contact_th_nav li a p{ font-size: 18px; line-height:22px; height:22px; border-bottom: 1px solid #000000;}
.j_contact_tw_nav li span{ margin-top: 10px; margin-bottom:24px;}
.j_contact_tw_nav li:nth-child(3n) span{ margin-bottom:0px;}
.j_contact_th_img{ width:80%; height:auto; position:inherit; right:inherit; margin-top:inherit}
.j_contact_th_nav li a span{ height:auto; line-height: 22px; margin-top: 10px; margin-bottom:24px;}
.j_contact_fo_img{ display:none}
.j_contact_fo_img1{ display:block}
.j_contact_top_l{ width: 90%; padding-left:10%;}
.j_contact_top_l img.img02{ width: 80%;}
.j_contact_top_l img{ margin-top: 60px;}
.j_contact_top_r{ width: 90%; padding-right: 10%; margin-top:-548px;}
.j_contact_top_r img{ margin-top: 336px; margin-top: 400px;}
.j_contact_top_r img.img02{ width: 68%;}
.j_contact_div p{ font-size: 18px; line-height:22px; height:22px; border-bottom: 1px solid #000000;}
.j_contact_div span{ margin-top: 12px;}
.j_contact_div a{ font-size: 28px; padding-bottom: 24px;}
.j_contact_div { padding-top: 40px;}
.j_contact_div1 { padding-top: 320px; }
.j_contact_div2 { padding-top: 0px; }
.j_contact_div3 { padding-top: 90px;}
.j_contact_bottom_l{ width: 100%; margin-top: 0px;}
.j_contact_bottom_l img.img02{ width: 62%; margin-top: 136px;}
.j_contact_bottom_r{ width: 82%; margin-bottom:20px;}
.j_contact_bottom_r img.img02{ width: 86%; margin-top: 40px; margin-left: -60px;}

.ca_banner{ height: 0px; padding-bottom:78.25%;}
.p_contact_o{ height:auto; margin: 42px auto 0;}
.p_contact_o .a_about_title{ margin-left: 0px; width:90%; height: 86px; padding-top: 16px;}
.ca_contact_o_nav{ width: 100%; margin-left: 0px; padding-top: 102px; height:auto}
.ca_contact_o_nav li{ width: 100%; margin-right: 0px;}
.ca_contact_o_nav li a{ margin-bottom: 32px; padding-bottom: 118.2%;}
.ca_contact_o_nav li a span{ opacity: 1; position:inherit; overflow:inherit; background-color:inherit}
.ca_contact_o_nav li a span i{ background-color:#999999; width: 20px; margin-top:24px; margin-left:0px;}
.ca_contact_o_nav li a span b{ color:#262626; height: 20px; line-height: 20px; font-size: 18px; text-align:left;}

.pd_contact{ width: 100%; margin-left: 0px; padding-top: 102px; height:auto}
.pd_contact_top{ border-bottom:0px; position:absolute; margin-top: -36px; margin-left: 38px; z-index: 996;}
.pd_contact_top a{ font-size: 12px;}
.cad_contact_bottom{ padding-top: 24px;}
.cad_contact_bottom .pd_contact_bottom_r{ width: 100%;}
.cad_contact_bottom .pd_contact_bottom_r .title{ margin-top: 30px; font-size: 20px; line-height:22px; height:22px; border-bottom: 1px solid #000000;}
.imgdet{ width: 100%; height: auto;}
.imgdet .imgpart{ width: 100%;}
.imgdet .imglist{ width: 100%; margin-left:0px; margin-top:10px; height:100px;}
.imgdet .imglist ul li{ width:23%; margin-right:2%}

.p_banner{ height: 0px; padding-bottom:78.25%;}
.p_contact_o_nav, .p_contact_t_nav{ width: 100%; margin-left: 0px; padding-top: 102px; height:auto}
.p_contact_o_nav li{ width: 100%; margin-right: 0px;}
.p_contact_o_nav li a span{ padding-left: 22px; height: 64px; line-height: 64px; font-size: 18px; background: url(../images/p-icon-arrow1.png) no-repeat center right;}
.p_contact_o_nav li a{ margin-bottom: 58px;}
.p_contact_t .a_about_title{ width: 90%; margin-left: 0px;}
.p_contact_t_nav li{ width: 44%; margin-right: 12%;}
.p_contact_t_nav li:nth-child(5n){margin-right: 12%;}
.p_contact_t_nav li:nth-child(2n){margin-right: 0%;}
.p_contact_t_p{ width: 100%; margin-left:0px; height:auto; padding-bottom: 12px;}

.pd_contact_bottom { padding-top: 68px;}
.pd_contact_bottom_l{ width: 80%; margin-left: 20%;}
.pd_contact_bottom_l img.img02{ width: 46%; margin-top: -42px; margin-left: -18%;}
.pd_contact_bottom_r{ width: 98%; margin-left: 2%; margin-top: 42px;}
.pd_contact_bottom_r .title{ font-size: 22px; line-height:22px; height:22px; border-bottom: 1px solid #000000;}
.pd_contact_bottom_r p{ font-size:13px;}

.a_banner{ height: 0px; padding-bottom:78.25%;}
.a_about{ height:auto; margin: 42px auto 0;}
.a_about_title{ margin-left: 0px; width:90%; height: 86px; padding-top: 16px; padding-left: 0px;}
.a_about img{ width:100%; height:auto; margin-left:0px; padding-top: 100px;}
.a_about_p{ width:100%; padding-left:0px; margin-top: 32px;}
.a_team_title{ font-size: 42px; margin:36px 0 20px;}
.a_team_top{ width:100%; margin-left:0px;}
.a_team_top_1, .a_team_top_2, .a_team_top_3{ width: 100%; margin-right: 0%;}
.a_team_top p, .a_team_bottom_1 p{ font-size: 22px; line-height:22px; height:22px; border-bottom: 1px solid #000000; padding-top: 18px;}
.a_team_top span{padding-bottom: 30px;}
.a_team_bottom_1{ margin-left: 0px; height: 86px; }
.a_team_bottom_img{ width: 100%; height: auto;}
.a_team_bottom_span{ display:none}
.a_team_bottom_img_all{ display: flex; width: auto; height: 284px; margin: 0; overflow: auto;}
.a_team_bottom_img{ width:784px; height:284px;}

.i_about{ height:auto; margin: 58px auto 0;}
.i_about_l{ width:100%; height:auto; padding-left: 0px; padding-top: 0px; padding-right: 0px;}
.i_about_l_p{ width:100%; padding-left: 0px;}
.i_about_r{ width:100%; margin-top:86px; padding-bottom: 40px; height: auto;}
.i_about_r p{ font-size: 54px; margin-top: -64px; right: 0px;}
.i_about_r img{ width: 100%; height: auto; margin-left: 19px;}
.i_about_r span{ width: 94%; height: 320px; margin-left: -20px; margin-top: 36px;}

.i_product{ height:auto; margin: 58px auto 0;}
.i_product_l{width:100%; height:auto; padding-left: 0px; padding-top: 0px; padding-right: 0px;}
.i_product_l_nav li a{ height: auto; margin:0px;}
.i_product_l_nav li a img{ width:100%;}
.i_product_l_nav li a span{ width: 100%; height: 54px; font-size: 18px;}
.i_product_r{ width: 100%; padding-bottom:16px;}
.i_product_r_nav{ margin-top: 12px; margin-left: 0px;}
.i_more{ margin-top: 30px;}

.i_case{ height:auto; margin: 58px auto 0;}
.i_case_l{ width:100%; height:auto; padding-left: 0px; padding-top: 0px; padding-right: 0px;}
.i_case_r{ width: 100%; height: auto; margin-top:40px; padding-bottom: 68px;}
.i_case_r img{ width: 100%; height: auto; margin-left: -20px;}
.i_case_r span{ width: 90%; height: 158px; margin-top: 60px;}

.i_join{ height:auto; margin: 58px auto 0;}
.i_join_l{ width:100%; height:auto; }
.i_join_l img{ width: 100%; height: auto; margin-left: 0px;}
.i_join_r{ width:100%; display:block; margin-top:52px;}
.i_join_r img{ margin-top: 60px;}
.i_join_r_all{ padding:0px}

.i_case{ height:auto; margin: 58px auto 0;}

.indexad{ width:90%; height:auto; padding:0 5%; background: url(../images/hand1.jpg) no-repeat top right #fff}
.indexad_form_div1{ width:100%}
.indexad_form_div2{ width:100%}
.indexad_form_title{ width: 70px !important; text-align:left}
.indexad_form_input{ width:calc(100% - 76px) !important}

.p_contact_o1 .a_about_title{ width:90%; margin-left:0px;}

.newdetail_contact .pd_contact_top a:nth-child(1){ display:none}
.newdetail_contact .pd_contact_top .news_span{ display:none}
.newsdetail_contact, .news_contact{ width: 100%; margin-left: 0px; margin-top: 40px;}
.newsdetail_contact_img{ margin-bottom: 40px;}
.newsdetail_contact_p{ height:auto; line-height: 32px; font-size: 26px; padding-bottom: 20px;}
.news_contact_div{ padding: 36px 0;}
.news_contact_l{ width: 20%;}
.news_contact_r{ width: 80%;}
.news_contact_c{ width: 80%;}
.news_contact_c p{ height:auto; line-height: 28px; font-size: 24px; padding-bottom: 20px;}
.news_contact_c .i_more{ margin-top:0px; margin-bottom:16px; padding-bottom: 18px; padding-right: 60px; background: url(../images/icon-arrow001.png) no-repeat bottom right;}
.a_about_news .i_product_l{ width: 100%;}
.a_about_news_img01{ width: 88%; margin-left:0px;}
.a_about_news_img02{ width: 90%; margin-left: 0px; margin-top: 16%;}
.a_about_news .i_more{ margin-top: 86%; float: left;}
.newsdetail_contact_div, .newsdetail_footer{ width: 100%; margin-left: 0%;}
.newsdetail_contact_div .newsdetail_contact_span { padding-bottom: 52px;}
.newsdetail_div img{ padding-bottom: 24px;}

.style-1 .nav--active .nav__icon{ box-shadow:none}
 }

 @media screen and (min-width: 580px){
.indexad{ width:440px; height:306px; padding:0 60px; background: url(../images/hand.jpg) no-repeat top right #fff}
.indexad_title{ text-align:center; width:100%;}
.indexad_title p{ height:32px; display:-webkit-inline-box; line-height:32px; font-size:26px; color:#262626; border-bottom:1px solid #262626; margin:0 auto }
.indexad_form_p{ width:100%; height:40px; background-color: #333333; color:#FFFFFF; font-size:20px; line-height:40px; text-align:center}
.indexad_form{ padding-top:52px;}
.indexad_form1{ padding-top:64px;}
.indexad_form_div1{ width:196px; float:left; padding-bottom:32px;}
.indexad_form_div2{ width:244px; float:left; padding-bottom:32px;}
.indexad_form_div3{ width:440px;}
.indexad_form_title{ width:42px; height:16px; line-height:16px; font-size:14px; text-align:center; float:left}
.indexad_form_input{ width:110px; padding-left:6px; height:16px; line-height:16px; font-size:14px; border-right:0px; border-left:0px; border-top:0px; border-bottom:1px solid #333333;outline: none;}
.indexad_form_div2 .indexad_form_title{ width:78px;}
.indexad_form_div2 .indexad_form_input{ width:158px;}
.indexad_form_div3 .indexad_form_input{ width:388px;}


}