/* 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: 'felix';
    src: url('../fonts/felixtitling.eot');
    src: url('../fonts/felixtitling.eot?#iefix') format('embedded-opentype'),
         url('../fonts/felixtitling.woff') format('woff'),
         url('../fonts/felixtitling.ttf') format('truetype'),
         url('../fonts/felixtitling.svg#rzzy') format('svg');
}
@font-face {
    font-family: 'Futura-Medium';
    src: url('../fonts/Futura-Medium.ttf') format('truetype');
}
@font-face {
    font-family: 'GOTHICBI';
    src: url('../fonts/GOTHICBI.ttf') format('truetype');
}
@font-face {
    font-family: 'SangBleuSans';
    src: url('../fonts/SangBleuSans.eot');
    src: url('../fonts/SangBleuSans.eot?#iefix') format('embedded-opentype'),
         url('../fonts/SangBleuSans.woff') format('woff'),
         url('../fonts/SangBleuSans.ttf') format('truetype'),
         url('../fonts/SangBleuSans.svg#rzzy') format('svg');
}
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; outline: none; font-family:'SourceHanSans',Microsoft Yahei,sans-serif; list-style:none;}
body{ background:#fef6f3;}
/* CSS index */
/* CSS banner */
.lubo{ width: 100%; min-width:1000px; clear: both; position: relative; height:1000px;}
.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:50px; padding:24px 5% 0; display: flex; background-color:#fbf7ec; flex-flow: wrap; justify-content: space-between; border-bottom:1px solid #97968d;}
.top .logo{ width:218px; height:46px; display:block; /*margin-left:2%;*/}
.top .phone{ line-height:46px; color:#FFFFFF; font-size:18px; font-family: 'jiangcheng'}
.top .nav li{ float:left}
.top .nav li b{ text-decoration:none; font-size:24px; position: absolute; margin-left: -14px; display:none;}
.top .nav_a{ padding: 0 10px 15px; margin: 15px 0px 0; line-height:20px; color:#000000; display:block; font-size:18px; font-family: 'jiangcheng'; /*border-left: 1px solid #fbf7ec;*/}
/*.top .nav_a:hover.active, .top .nav_a:hover{ border-left: 1px solid #000000 !important;}*/
.top_a{ width:98px; height:34px; border-radius:50%; border:1px solid #536059; position: relative; /* margin-right:2%;*/}
.top_a span{ width:98px; height:34px; line-height:34px; font-size:16px; color:#000000; text-align:center; position: absolute;}
.top_a:hover{ transform: rotate(-15deg);}
.top_a:hover span{ transform: rotate(15deg);}
.nav_div{ width:100%; height:246px; position:absolute; background-color:#fbf7ec; z-index:98; left:0px; margin-top:0px; top:74px; display:none}
.nav_ul{ width:116px;/* margin: 0 10px;*/ position:absolute; z-index:99; /*padding-top:24px;*/ top: 35px; display:none; /*border-left: 1px solid #000000;*/}
.nav_ul li{ width: 100%;}
.nav_ul li a{ width: calc(100% - 30px); display: block; padding:0 20px 0 10px; line-height:26px; color:#000000; display:block; font-size:14px; font-family: 'jiangcheng';}
.nav li:hover .nav_div, .nav li:hover .nav_ul, .top .nav .active b, .top .nav li a:hover b{ display:block}
.nav_ul li a:hover, .nav_ul li a.active{ font-weight: bold;}
.flex_icon { width: 50px; height: 50px; display: block; position: fixed; bottom: 30%; right: 0px; z-index: 9999;}
.flex_icon_img2{ display:none}
.flex_icon img{ width:100%;}
.flex_icon:hover{ width: 100px; height: 100px;}
.flex_icon:hover .flex_icon_img1{ display:none}
.flex_icon:hover .flex_icon_img2{ display:block}

@keyframes shake { /* 水平抖动，核心代码 */
    10%, 90% { transform: rotate(1deg); }
    20%, 80% { transform: rotate(2deg); }
    30%, 70% { transform: rotate(3deg); }
    40%, 60% { transform: rotate(4deg); }
    50% { transform: rotate(5deg); }
}

.style-1{ display:none}
.style-1 .nav { position: fixed; width: 100%; height: 100%; z-index: 100; 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: 12px 5% 0px;}
.style-1 .nav .phone{ line-height:12px; color:#FFFFFF; font-size:18px; font-family: 'jiangcheng'}
.style-1 .nav__list { margin: 12px 0 0; padding:0 5%;}
.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: 16px; top: 22px; z-index: 200;}
.style-1 .nav--active .nav__trigger { opacity: 0.5;}
.style-1 .nav__icon { display: inline-block; position: relative; width: 25px; height: 4px; background-color: #7d806d; -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;}
.style-1 .nav__icon:before, .style-1 .nav__icon:after { content: ''; display: block; width: 25px; height: 4px; position: absolute; background: #7d806d; -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;}
.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);}
.style-1 .nav__list .nav_link_div li a{ height: 36px; line-height: 36px;}
.style-1 .nav__link i{ width:24px; height:24px; display:block; padding-top:22px; float:right;}
.style-1 .nav__link i img{ width:100%; display:block; transform: translateY(-50%);}
.style-1 .nav__link.addclass i img{ transform: translateY(-50%) rotate(90deg);}



.overflowh{ overflow:hidden;}
.floatleft{ float:left;}
.floatright{ float:right;}
.positionr{ position:relative;}
.width64{ width:calc(64% - 2px);}
.width57{ width:57%;}
.width36{ width:36%;}
.width39{ width:39%;}
.width22{ width:calc(22% - 3px);}
.width50{ width:calc(50% - 1px);}
.width51{ width:50%;}
.padding33{ padding-bottom:33%;}
.padding22{ padding-bottom:22%;}
.padding17{ padding-bottom:17%;}
.padding8{ padding-bottom:8%;}
.padding999{ margin-bottom:-9999px; padding-bottom:9999px;}
.borderright{ border-right:1px solid #97968d;}
.borderbottom{ border-bottom:1px solid #97968d;}
.borderleft{ border-left:1px solid #97968d;}
.clearboth{ clear:both}

.i_about{ width:100%; background:#3f4537;}
.i_about-div-title{ padding:19% 0 13.8% 18%; height:110px;}
.i_about-div-title h3{ font-family: 'GOTHICBI'; font-size:64px; color:#FFFFFF; letter-spacing:2px; line-height: 46px; padding-bottom: 20px;}
.i_about-div-title p{ font-family: 'jiangcheng'; font-size:18px; color:#FFFFFF; letter-spacing:2px;}
.i_about-div-title span{ font-family: 'Futura-Medium'; font-size:13px; color:#FFFFFF;}
.i_about-div-cen-top{ font-size:13px; line-height:52px; padding-left:22px; color:#FFFFFF; color:#FFFFFF; padding-top:38%;}
.i_about-div-left{ padding:19% 0 56.8% 18%; position:relative;}
.i_about-div-left h3{ font-family: 'jiangcheng'; font-size:45px; color:#FFFFFF; font-weight:normal;}
.i_about-div-left span{ font-family: 'Futura-Medium'; font-size:18px; color:#FFFFFF; padding-bottom:46px; display: block;}
.i_about-div-left p{ font-size:14px; line-height:23px; color:#FFFFFF; padding-bottom:26px;}
.i_about-div-cen-bot{ width:calc(100% - 44px); margin-left:22px; margin-top:22px;}
.i_about-div-cen-bot img{ width:100%; display:block;}
.green{ width:26px; height:26px; display:block; position:absolute; margin-top:32%; right:18%;}
.green1{ width:26px; height:26px; display:block; font-size:15px; color:#1a1a1a; background:#cedb00; border-radius:13px; text-align:center; line-height:26px; position:absolute; margin-top:39%; right:24px;}


.i_product{ background:#fbf7ec;}
.i_product .i_about-div-title h3, .i_product .i_about-div-title p, .i_product .i_about-div-left h3, .i_product .i_about-div-left p{ color:#000000;}
.i_product .i_about-div-title span, .i_product .i_about-div-left span{ color:#808080;}
.i_product .i_about-div-left{ padding:19% 0 0 18%;}
.i_product_div1{ padding:20px 18px 20px 28px;}
.i_product_div1 a{ font-family: 'jiangcheng'; width:48%; line-height:26px; padding-top: 8px; color:#000000; font-size:38px; float:left;}
.i_product_div1 a b{ font-family: 'Futura-Medium'; font-size:13px; color:#808080; font-weight:normal;}
/*.i_product_div1 img{ width:46%; display:block; float:right;}*/
.i_product_divv_img{ width:46%; padding-bottom:24.27%; float:right; position: relative;}
.i_product_divv_img img{ position: absolute; width: 100%; display: none;}
.i_product_divv:hover img{ display: block;}
.i_product .green{ margin-top:4%; right:24px;}
.i_product .green1{ margin-top:54%; right:24px;}


.bu{ width:28.5%; height:1px; position:absolute; margin-top:-1px; z-index:2; background-color:#3f4537}
.bu1{ width:36%; height:1px; position:absolute; margin-top:-1px; z-index:2; background-color:#FFFFFF}
.i_case .i_about-div-left{ padding:64% 0 0 18%;}
.i_case_img{ width:33.6%; display:block; position:absolute; margin-top: 1%; margin-left: -6.6%;}
.i_case-div-left{ padding:14% 0 1% 32px !important;}
.i_case_img1{ width:calc(100% - 64px); display:block; padding-left:32px; padding-top:32px; padding-bottom:32px;}
.i_case .green{ margin-top:52%; right:24px;}
.i_case .green1{ margin-top:15%; right:-50px;}


.i_service_img{ width:56%; display:block; position:absolute; left:6.8%; margin-top: 0.8%;}
.i_service .green{ margin-top:24px; left:24px;}
.i_service .green1{ margin-top:24px; right:24px;}
.i_news .i_about-div-left{padding: 19% 0 60.2% 18%;}
.i_news .bu{ width:35.2%;}
.i_news .green{ margin-top:24px; right:24px;}
.i_news .green1{ margin-top:36%; right:inherit; left:19%}
.i_join_img{ width:27.5%; display:block; position:absolute; left:6.8%; margin-top:6.2%; z-index:999}
.i_join .green{ margin-top:24px; left:24px;}
.i_join .green1{ margin-top:44%; right:inherit; left:24px;}


.ifooter .i_about-div-left{ padding: 13.5% 0 10% 18%;}
.ifooter .i_about-div-left img{ width:100%; display:block}
.ifooter-div-left{ padding: 22% 0 10% 18%;}
.ifooter-div-left p{ font-size:15px; color:#FFFFFF; letter-spacing:2px;}
.ifooter-div-left p i{ font-size:12px; color:#FFFFFF; font-family: 'Futura-Medium'; font-style:normal; letter-spacing:0px;}
.ifooter-div-left span{ font-size:12px; color:#FFFFFF; font-family: 'Futura-Medium'; font-style:normal; border-bottom:2px solid #FFFFFF; padding-top:12px; display:inline-block;}
.ifooter-div-center{ padding:  28% 0 10% 10%; font-size:15px; line-height:22px; color:#FFFFFF; letter-spacing:0px;}
.ifooter-div-center1{ padding:  24% 0 10% 10%; font-size:15px; line-height:22px; color:#FFFFFF; letter-spacing:0px;}
.ifooter-div-center1 img{ display:block; float:left; margin-right:13%;}
.ifooter-div-center1 span{ width:40px; height:auto; display:block; float:left;}
.ifooter-div-center1 span a{ padding: 0 10px; width: 20px; height:40px; display:block; background-color:#fbf7ec; text-align:center; line-height:40px; font-family: 'jiangcheng'; font-size:22px; color:#000000; border-radius:20px; margin-bottom:18px;}
.ifooter-div-center1 span a:hover{padding: 0 180px 0 10px;}
.ifooter-div-center1 span a span{ display: none; position: absolute; width: 100px; margin-left: 56px; margin-top: -40px;line-height:40px; font-family: 'jiangcheng'; font-size:20px;}
.ifooter-div-center1 span a:hover span{ display: block;}
.ifooter_c{ width:46px; height:46px; display:block; position:absolute; right:5.2%; margin-top:4.6%;}



/*.ifooter_all{ width:100%; height:492px; background-color:#cbcfc1;}
.ifooter{ width:90%; padding:140px 5%;}
.ifooter_l, .ifooter_r{ width:calc(50% - 16px); height:auto; float:left}
.ifooter_l img{ width:276px; height:26px; display:block; padding-bottom:120px; display:block}
.ifooter_l p{ font-size:18px; color:#40584a; line-height:22px; letter-spacing:1.6px;}
.ifooter_l p i{ font-size:12px; font-style:normal; font-family: Times New Roman; letter-spacing:0px;}
.ifooter_l span{ font-size:16px; color:#40584a; line-height:24px; padding-top:20px; letter-spacing:1.6px; display:block}
.ifooter_c{ width:32px; height:auto; float:left; position:relative}
.ifooter_c img{ width:31px; display:block;}
.ifooter_c p{ width:68px; height:20px; line-height:20px; text-align:center; font-size:14px; font-family: Times New Roman; color:#40584a; position:absolute; margin-top:-28px; margin-left:30px;}
.ifooter_r img{ width:84px; height:84px; display:block; float:right}
.ifooter_r .big-link{ width:118px; height:38px; display:block; background:#40584a; color:#FFFFFF; text-align:center; line-height:38px; margin-left:8px; float:right; font-family: 'jiangcheng'; border-radius:20px; font-size:20px;}
.ifooter_r_a0{ clear:both; font-size:12px; width: 100%; display: -webkit-inline-box; text-align: -webkit-right; padding-top:20px; text-decoration:underline}
.baobei_add1{ display:none !important;}*/

.indexad{ width:440px; height:306px; padding:0 60px }
.indexad_title{ text-align:center; width:36%; height: 108px; background: #3f4537; border-right: 1px solid #97968d;}
.indexad_title p{ width: 100%; height:24px; display:block; line-height:24px; font-size:24px; color:#FFFFFF; text-align: center; letter-spacing: 0px; font-family: 'jiangcheng'; padding-top: 30px; }
.indexad_title span{ width: 100%; text-align: center; font-size:12px; color:#989898; padding-top: 4px; display: block; letter-spacing: 0px;}
.indexad_form_p{ width:64%; margin-left: 36%; height:40px; background-color: #3f4537; color:#FFFFFF; font-size:20px; line-height:40px; text-align:center}
.indexad_form{ padding-top:0px;}
.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 #262626;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;}


.banner-all{ width:100%; display:block}
.i_about-div-title.about-top{ padding: 40% 0 13.8% 18%;}
.i_about-div-title.about-top h3{ font-size:96px; padding-bottom: 56px;}
.about-top-right i, .productlist_i{ position: absolute; margin-left:-54.2%; width: 1px; height: 140.5%; background: #97968d; display: block;}
.about-top-right p{ padding:70% 0 68% 32px; font-family: 'jiangcheng'; font-size:40px; color:#FFFFFF; line-height:48px; letter-spacing: 3px;}
.about-top-right span{ padding:32px; font-family: 'Futura-Medium'; font-size:21px; line-height:28px; color:#FFFFFF; display:block; position: relative;}
.about_catalogue{ width:calc(100% - 24px); line-height:52px; padding:16% 12px 0;}
.about_catalogue a{ float:right; color:#01111c; font-family: 'jiangcheng'; font-size:20px;}
.about_catalogue span{ padding:0 8px; float:right;}
.i_product .i_about-div-left.about{ padding: 6% 0 9% 18%;}
.i_about-content-left{ padding:30px 0 10% 18%}
.i_about-content-left p{ font-size:23px; color:#01111c; padding-bottom:4px;}
.i_about-content-left span{ font-size:13px; font-family: 'Futura-Medium'; color:#808080;}
.about_content{ padding: 30px 16px 18.6% 30px;}
.about_content img{ width:100%; display:block; padding-bottom:5%;}
.about_content p{ color:#01111c; font-size:14px; line-height:24px; padding-bottom:32px;}
.about_content i{ width:18px; height:2px; display:block; background-color:#23261e; margin-top:20px; margin-bottom:20px;}
.about_content span{ color:#01111c; font-size:18px; line-height:24px; letter-spacing:2px;}
.about_content span b{ font-size:12px; color:#808080; font-weight:bold; font-family: 'Futura-Medium'; letter-spacing:0px;}
.i_about-div-title-img{ width:137%;}
.detailgreen1.green1{ right:24px; margin-top: initial; bottom: calc(50% - 13px);}
.abou-content-left-img{ width:91%;}

.about_develop_ul{ width:100%;}
.about_develop_ul_div{ padding-right:9999px; margin-right:-9999px;}
.about_develop_ul_l{font-family: 'GOTHICBI'; font-size:94px; color:#b3b3b3; display:block; float:left; padding:30px 6% 30px 11%; font-style:italic;}
.about_develop_ul_r{ width:calc(83% - 120px); padding:50px 0% 36px; display:block; float:left; font-family: 'jiangcheng'; font-size:36px; color:#4d4d4d; line-height: 44px; letter-spacing:2px;}
.about_develop_ul_r i{ color:#01111c; display:block; font-size:14px; line-height: 20px; padding-top: 12px; font-style: initial; font-family:'SourceHanSans',Microsoft Yahei,sans-serif;}

.about_honor1 img{ width:calc(100% - 32px); margin-bottom:36px;}
.i_product .i_about-div-left.about_honor1{ padding: 6% 0 24% 16%;}
.i_product .i_about-div-left.about_honor2{ padding: 6% 16% 24% 0;}
.i_product .i_about-div-left.about_honor2 img{ margin-left:32px;}
.about_honor3{ padding: 11% 32px 24%;}
.about_honor3 img{ width:100%; display:block; margin-bottom:36px;}

.i_join_nov_div{ width:100%; display:block; padding:30px 78px;}
.i_join_nov_div i{ width:16px; height:16px; display:block; margin-top:2px; float:left; border:1px solid #4e5047; border-radius:8px; margin-right:40px;}
.i_join_nov_div span{ width:calc(100% - 60px); display:block; float:left; font-size:14px; color:#989898; font-family: 'Futura-Medium';}
.i_join_nov_div span p{ font-family: 'jiangcheng'; font-size:32px; line-height:32px; color:#000000;}

.i_service_nov{ overflow:hidden;}
.i_service_nov li{ float:left}
.i_service_nov li div b{ padding:98px 20px 36px; border-bottom:1px solid #97968d; font-family: 'GOTHICBI'; font-size:92px; color:#b3b3b3; display:block;}
.i_service_nov li div p{ padding:50px 20px 0px; font-family: 'jiangcheng'; font-size:32px; color:#4d4d4d; display:block;}
.i_service_nov li div span{ padding:0px 20px 92px; font-family: 'Futura-Medium'; font-size:14px; color:#989898; display:block;}
.i_service_nov li:last-child div b{ padding-right:9999px; margin-right:-9999px;}


.about_team_div{ width:calc(100% - 32px); margin-left:32px;}
.about_team_top{ padding-top:32px;}
.about_team_top p{ font-family: 'jiangcheng'; font-size:32px; line-height:32px; color:#01111c; letter-spacing:2px; display:block;}
.about_team_top span{ font-family: 'Futura-Medium'; font-size:14px; color:#989898; padding-top: 6px; display: block; letter-spacing:1.2px;}
.about_team_top i{ width: 40px; height: 2px; display: block; background-color: #23261e; margin-top: 24px; margin-bottom: 24px;}
.about_team_div_p p{ font-size:14px !important; line-height:24px; color:#01111c;}
.about_team_div1{ padding-bottom:69%;}
.width32.i_about-content-left img{ width:calc(100% - 32px);}
.width32 .about_team_top, .width32 .about_team_div_p{ width:calc(100% - 32px);}
.width32 .about_team_div_p, .about_team_div_pp{ font-size: 14px; line-height: 24px;}
.about-team-content-left{ padding: 30px 0 10% 32px;}
.about_team_div_p1{ padding-bottom:18% !important; display:block;}
.about_team_div_p2{ padding-bottom:30% !important; display:block;}


.about_contact_div1{ padding-bottom: 100%; padding-top:20%;}
.about_contact_div1 .about_team_top p{ letter-spacing:-2px; font-size:30px;}
.about_contact_div1 .about_team_top span{ letter-spacing:1px; font-size:12px;}

.join_div_p1{ padding-bottom: 58% !important; display: block;}
.about_team_top .green{ margin-top: 0%; right: 0px; }
.about_team_top .green img{ width:100%!important;}

.news_content .i_about-content-left { padding: 30px 0 10% 12%;}
.news_content .i_about-content-right { padding: 30px 12% 10% 32px;}
.news_team_div_p1{ padding-bottom:18% !important; padding-top:4%; display:block;}
.news_team_div_p2{ padding-bottom:62% !important; display:block;}

.service_contact_div span{ font-family: 'jiangcheng'; font-size:36px; color:#01111c; display:inline-block;}
.service_contact_div p{ font-family: 'Futura-Medium'; font-size:24px; color:#989898; display:inline-block; margin-left:30px;}
.service_contact_div u{ width:86%; height:2px; background:#000000; display:block; position:absolute; margin-top: -14px;}
.service_contact_div i{ width:16px; height:29px; display:block; position:absolute; right:calc(14% - 1px); margin-top:-28px; background:url(../images/service_contact_img0.png) no-repeat center center;}
.service_contact .i_about-content-left { padding: 16% 0 10% 18%;}
.service_contact .i_service_img{ margin-top: 2.8%;}
.service_contact_div1{ padding-top: 6.5%; padding-bottom: 6.5%; padding-left:14%;}
.service_contact_div1 i{ right:inherit; left:14%; background:url(../images/service_contact_img00.png) no-repeat center center;}
.service_contact_div1 span{ text-align:right; width: 100%;}
.service_contact_div1 p{margin-right:30px;}
.iphone_borderbottom{ display: none;}

.productlist_contact .about-team-content-left{ padding: 9% 0 116% 32px;}
.productlist_contact_div{ width: 75.6%;}
.productlist_contact_div span{ font-family: 'jiangcheng'; font-size:40px; color:#01111c; display:inline-block; padding-top:4.6%;}
.productlist_contact_div span img{ padding:0 16px;}
.productlist_contact_div span p{ font-family: 'Futura-Medium'; font-size:14px; line-height:22px; font-weight:bold; letter-spacing:2px; color:#989898; display:inline-block;}
.productlist_contact_p{ font-size:14px; line-height:20px; color:#000000; padding-bottom:4%;}
.productlist_contact .i_service_img{margin-top: 0%;}
.case_contact .about-team-content-left{ padding: 9% 0 38% 32px;}
.case_a{ width: 65.6%; padding-left: 10%; height: auto; display: block;}
.case_a:hover{ background-color: #cedb00; }
.case_a .productlist_contact_div{ width: 100%;}
.i_service_img_case{ width: 65%; left: 0%;}


.about_t_c_r_div{ width:100%; padding-bottom:11%;}
.about_t_c_r_div img{ width:100%; display:block;}
.about_t_c_r_div i, .about_t_c_r_div em{ width:52px; height:2px; margin-top:54px; margin-bottom:26px; display: block; background-color:#aaac90;}
.about_t_c_r_p{ color:#9a9d84; font-size:14px; line-height:24px; }
.about_t_c_r_div2{ width:34.9%; float:left;}
.about_t_c_r_div3{ width:48.76%; float:right;}
.about_t_c_r_div4{ width:70%;}
.about_t_c_r_div5{ width:43%; float:left; padding-bottom:5.4%;}
.about_t_c_r_div6{ width:43%; float:right;}
.about_test_content_div .title{ text-align:center;}
.about_test_content_ul li{ width:48%; margin-right:4%; float:left}
.about_test_content_ul li:nth-child(2n){ margin-right:0%;}
.about_test_content_ul_a{ width:100%; height:auto; display:block; background-color:#cdd1c3; margin-top:32px; margin-bottom:18px;}
.about_test_content_ul_a b{ width:100%; text-align:center; font-size:24px; line-height:24px; display: block; color:#7d806d; font-family: 'jiangcheng'; font-weight:normal; padding-top:19%; padding-bottom:9.2%;}
.about_test_content_ul_a_img{ width:8%; margin-left:46%; margin-bottom:18%;}
.about_honor_div{ width:1200px; height:600px; position:fixed; top:calc(50vh - 300px); left:calc(50% - 600px); overflow:hidden; background-color:#FFFFFF; display:none;}
.about_honor_div iframe{ width:1200px; height:600px;}
.about_test_content_ul li a:hover .about_honor_div{ display:block;}
.about_a{ width: calc(89% - 29px);}
.about_a:hover{ background-color: inherit;}
.about_a.active{ border-right: 30px solid #cedb00;}
.about-test_contact_div{ padding-top: 5%; padding-bottom: 5%;}
.about-test_div_l{ width: 52%; float: left;}
.about-test_div_l h5{ font-family: 'jiangcheng'; font-size: 32px; line-height: 32px; font-weight: normal; color: #000000; display: block;}
.about-test_div_l span{ color: #989898; font-size: 14px; display: block; padding-top: 4px;}
.about-test_div_c{ width: 34%; float: left;}
.about-test_div_r12, .about-test_div_r121, .about-test_div_r13, .about-test_div_r131, .about-test_div_r14, .about-test_div_r141, .about-test_div_r15, .about-test_div_r151{ width: 38px; height: 38px; float: right; margin-right: 5%;}
.about_test{ padding: 9% 0 216% 32px!important;}


.co_contact_img{ width:100%; padding-bottom:66%; margin:1% auto 0; border-radius:16px;}
.contact_content_a{ width:100%; padding-bottom:14.2%; margin-top:-72px; }
.contact_content_a h3{ width:100%; height:148px; font-size: 180px; text-align:center; color:#9a9c84; line-height: 168px; padding-bottom:40px; font-family: 'SangBleuSans'; position:relative; z-index:99}
.contact_content_a i{ width:1px; height:220px; display:block; background-color:#7d806d; margin:0 auto 40px;}
.contact_content_a_i1{ height:44px !important; margin:30px auto !important;}
.contact_content_a b{ width:100%; text-align:center; line-height:30px; font-size:30px; color:#7d806d; display:block; font-weight:normal; font-family: 'jiangcheng';}
.contact_content_a span{ width:100%; text-align:center; line-height:12px; font-size:12px; color:#9a9d84; display:block; padding-top:10px;}
.contact_content_a p{ width:100%; text-align:center; line-height:24px; font-size:14px; color:#9a9d84; display:block;}

.download_content_a{ width:72%; padding:12% 14% 42%; background: #fbf7ec;}
.download_content_div{ width:100%; height:auto;}
.download_content_div_a1{ width:21.6%; height:auto; float:left}
.download_content_div_a2{ width:18.7%; height:auto; float:left}
.download_content_div_a3{ width:20.9%; height:auto; float:left}
.download_content_div_a4{ width:19.8%; height:auto; float:left}
.download_content_div_a5{ width:19.0%; height:auto; float:left}
.download_content_div .download_a img{ width:100%; display:block;}
.download_content_div_a1 .download_div{ width: 15.5%;}
.download_content_div_a2 .download_div{ width: 13.5%;}
.download_content_div_a3 .download_div{ width: 15.1%;}
.download_content_div_a4 .download_div{ width: 14.2%;}
.download_content_div_a5 .download_div{ width: 13.7%;}
.download_div{ position:absolute; display:none}
.download_content_div .download_a:hover .download_div{ display:block; cursor:pointer}
.download_div i{ width:100%; height:0; padding-bottom:170%; margin-bottom:60px; display:block; background:url(../images/product_content_a_r_img.png)  center center repeat-y #fbf7ec;}
.download_content_div_a2 .download_div i{ padding-bottom:196%;}
.download_content_div_a3 .download_div i{ padding-bottom:176%;}
.download_content_div_a4 .download_div i{ padding-bottom:186%;}
.download_content_div_a5 .download_div i{ padding-bottom:193%;}
.download_content_div_a1 .download_div div{ width:180%; padding-left:20px; position:absolute; margin-top:-88%; margin-left:100%;}
.download_content_div_a2 .download_div div{ width:160%; padding-left:20px; position:absolute; margin-top:-101%; margin-left:100%;}
.download_content_div_a3 .download_div div{ width:116%; padding-left:20px; position:absolute; margin-top:-88%; margin-left:100%;}
.download_content_div_a4 .download_div div{ width:126%; padding-left:20px; position:absolute; margin-top:-92%; margin-left:100%;}
.download_content_div_a5 .download_div div{ width:100%; padding-left:20px; position:absolute; margin-top:-98%; margin-left:-100%;}
.download_div div p{ line-height:32px; display:block; font-size:32px; color:#000000; font-family: 'jiangcheng'; padding-top:40px;}
.download_div div span{ line-height:24px; font-size:20px; color:#000000; display:block; padding-top:30px;}
.download_div div a{ width:130px; height:37px; line-height:37px; font-size:20px; color:#000000; text-align:center; border-radius:20px; border:1px solid #000000; display:block; margin-top:30px;}
.download_div div a:hover{ background-color:#c2d114; border:1px solid #c2d114; color:#FFFFFF;}

.join-adv-top{ height: 268px; padding: 34% 0 13.8% 18%;}
.join-adv-top.i_about-div-title h3{ font-family: 'jiangcheng'; font-size: 40px; line-height: 48px; color: #fef6f3; font-weight: normal;}
.join-adv-top.i_about-div-title span{ font-size: 21px; line-height: 29px;}
.join-adv-top .detailgreen1.green1 { left: 18%; bottom: calc(13.8% + 26px);}
.join_adv_detail-top-right{ margin-top: 11.6%; margin-bottom: 30px;}


.join_content_a{ width:100%; padding-top:14%; padding-bottom:14.2%; background:url(../images/join_img01.png) no-repeat center top;}
.join_content_a_span{ width:100%; display:block}
.join_content_a_p{ width:91%; margin-left:9%; font-size:14px; color:#000000; line-height:24px; padding-top:12%;}
.join_content_table{ width:100%; padding-left:0%; margin-top: 12%; margin-bottom: 12%;}
.join_content_table_span{ width: 86%; padding-left: 7%; height:84px; display: block; background-color:#cedb00;  border-top:1px solid #909281;  border-bottom:1px solid #909281; padding-right: 20%;}
.join_content_table_span p{ line-height:86px; font-family: 'jiangcheng'; font-size:24px; color:#01111c; display:block; float: left;}
.join_content_table_div{ padding:36px 7%; width: 86%;}
.join_content_table_div p{ color:#000000; font-size:16px; line-height:24px; display:block; float:left; padding-bottom:22px;}
.join_content_table .a1{ width:50%; /*margin-left:9%;*/ text-align:left}
.join_content_table .a2{ width:12%; text-align:center}
.join_content_table .a3{ width:38%; /*margin-right:9%;*/ text-align:right}
.join_content_all_div{ width:100%; height:auto; position:relative;}
.join_content_all_p{ color:#9a9d84; font-size:14px; line-height:24px; display:block; padding-top:15.4%; padding-bottom:64%;}
.join_content_all_l{ width:34%; height:auto; position:absolute; left:0px; margin-top:29%; z-index:80}
.join_content_all_2{ width:43.66%; height:auto; position:absolute; left:29.5%; margin-top:0px; z-index:70; border-radius:314px; border:10px solid #e3e4dd;}
.join_content_all_3{ width:28.69%; height:auto; position:absolute; right:0px; margin-top:12.3%; z-index:60}
.join_content_all_img{ width:48.75%; height:auto; position:absolute; left:24.2%; bottom:10px; z-index:90}
.join_content_all_href .new11{ display:none}
.join_content_all_href:hover .new00{ display:none}
.join_content_all_href:hover .new11{ display:block}
.join_support_content{ width:91%; padding-top: 4%; padding-bottom:5%; padding-left: 9%}
.join_support_content1{ padding-bottom:19.08%;}
.join_support_content span{ font-family: 'jiangcheng'; font-size: 40px; line-height: 40px; color: #01111c;}
.join_support_content p{ width:100%; height:auto; display:block; color:#000000; font-size:14px; line-height:24px; margin-top:1.6%;}
.join_conditions_content_table{ width: 100%; margin-left: 0%; margin-top: 0%;}
.join_conditions_content_table .a1{ width:12.0%; margin-left: 0px; float:left;}
.join_conditions_content_table .a2{ width:13.2%; margin-left: 0px; float:left;}
.join_conditions_content_table .a3{ width:24.0%; margin-right: 0px;}
.join_conditions_content_p{ width: 86%; padding-left: 7%; color:#9a9d84; font-size:12px; line-height:46px; display:block; }
.join_conditions_content_ul{ width:86%; height: auto; margin-top:4%; padding-left: 7%; padding-right: 7%; padding-bottom:4%;}
.join_conditions_content_ul li{ float:left; width: calc(33.3333% - 83px)}
.join_conditions_content_ul li:nth-child(4){ width:249px;}
.join_conditions_content_ul li div span{ font-family: 'jiangcheng'; font-size:24px; color:#01111c; line-height:24px;}
.join_conditions_content_ul li div i{ width:70px; height:1px; display:block; margin-top: 15px; margin-bottom: 15px; margin-left:60px; background-color:#01111c; transform:rotate(-21.7deg);}
.join_conditions_content_ul li div p{ color:#01111c; font-size:14px; line-height:24px; margin-left:80px;}
.join_conditions_title{ width:86%; height: auto; margin-top:5%; padding-left: 7%; padding-right: 7%; padding-bottom:2.4%;}
.join_conditions_title p{ font-family: 'jiangcheng'; font-size:45px; color:#01111c; line-height:45px; display: block;}
.join_conditions_title span{ font-family: 'Futura-Medium'; font-size:18px; color:#989898; line-height:18px; display: block; padding-top:10px; }

.news_content_all_l{ width:50%; display:block; float:left}
.news_content_all_r{ width:44.6%; display:block; float:right;}
.news_content_all_r p{ font-size:14px; color:#9a9d84; line-height:24px; padding-bottom: 20%;}
.news_content_all_r img{ width:100%; display:block;  padding-bottom: 30%;}
.news_content_all_a{ width:100%; height:114px; position:absolute; left:0; z-index:12; margin-top:-15%; letter-spacing:3px; transform: skewY(3.6deg); background:#ced2c4; border-bottom:1px solid #40584a; border-top:1px solid #40584a;}
.news_content_all_a a{ width:98%; padding:0 1%; height:114px; line-height:114px; display:block; font-family: 'jiangcheng'; font-size:26px; color:#40584a; overflow: hidden;}
.news_content_all_a1{ z-index:16; transform: skewY(-11.7deg); background:#FFFFFF;}
.news_content_all_a i{ width:52px; height:18px; background:url(../images/icon_clover1.png) no-repeat center center; display: inline-block;}
.news_content_all_href .new11{ display:none;} 
.news_content_all_href:hover .new01{ display:none;}
.news_content_all_href:hover .new11{ display:block;}
.news_content_a{ width:91%; margin-left: 7%; padding-top:4%; padding-bottom:15.2%; }
.news_content_a ul{ width:100%; border-top:1px solid #919383;}
.news_content_a ul li div{ width:100%; padding:18px 0 22px; border-bottom:1px solid #919383; cursor:pointer}
.news_content_nov_l{ width:22%; display:block; float:left; font-size:13px; color:#9da087; font-style:normal}
.news_content_nov_c{ width:40%; display:block; float:left; position:relative;}
.news_content_nov_c p{ width:100%; line-height:30px; font-size:24px; color:#7d806d; padding-bottom:20px; font-family: 'jiangcheng';}
.news_content_nov_c b{ width:100%; font-size:14px; color:#9a9d84; line-height:24px; font-weight:normal;}
.news_content_nov_c a{ font-size:14px; color:#9a9d84; text-decoration:underline; position:absolute; top:0px; left:0px; margin-top:46%;}
.news_content_nov_r{ width:36%; display:block; float:right}


.product_content_a{ width:100%; padding-top:5%; padding-bottom:15.2%; }
.product_content_nov{ width:100%; border-top:1px solid #556a5d}
.product_content_nov li a{ width:100%; display:block; height:36px; padding:74px 0 70px; border-bottom:1px solid #556a5d}
.product_content_nov li:nth-child(1) a:hover{ background:url(../images/product_content_nov_bg1.jpg) center center no-repeat}
.product_content_nov li:nth-child(2) a:hover{ background:url(../images/product_content_nov_bg2.jpg) center center no-repeat}
.product_content_nov li:nth-child(3) a:hover{ background:url(../images/product_content_nov_bg3.jpg) center center no-repeat}
.product_content_nov li:nth-child(4) a:hover{ background:url(../images/product_content_nov_bg4.jpg) center center no-repeat}
.product_content_nov li:nth-child(5) a:hover{ background:url(../images/product_content_nov_bg5.jpg) center center no-repeat}
.product_content_nov li:nth-child(6) a:hover{ background:url(../images/product_content_nov_bg6.jpg) center center no-repeat}
.product_content_nov li a p{ height:36px; display:block; font-size:36px; line-height:36px; color:#7d806d; font-family: 'jiangcheng'; float:left; padding-right:12px;}
.product_content_nov li a img{ height:36px; display:block; float:left}
.product_content_nov li a .img02{ display:none}
.product_content_nov li a span{ width:36%; display:block; font-size:14px; line-height:20px; color:#9c9f86; float:right; margin-right:20px;}
.product_content_nov li a:hover p, .product_content_nov li a:hover span{ color:#FFFFFF;}
.product_content_nov li a:hover .img01{ display:none}
.product_content_nov li a:hover .img02{ display:block}


.product_content_a_div{ width:74%; margin-left:26%;}
.product_content_a_span{ width:100%; padding-top:3.6%; padding-bottom:12.4%; border-top:1px solid #556a5d}
.product_content_a_span span{ width:54%; height:auto; margin-right:4%; float:left}
.product_content_a_span .span2{ width:42%; margin-right:0%;}
.product_content_a_span span p{ font-size:28px; line-height:28px; color:#7d806d; font-family: 'jiangcheng'; display:block}
.product_content_a_span span i{ display:block; font-size:14px; line-height:20px; color:#9c9f86; font-style:normal; padding-top:20px;}
.caselist_p{ font-size: 14px; line-height: 20px; color: #000000; padding-left: 7%; padding-right: 7%; padding-top: 36%; padding-bottom: 11%;}
.caselist_p h3{ font-family: 'jiangcheng'; font-size: 24px; line-height: 24px; padding-bottom: 10px; color: #000000; font-weight: normal;}
.caselist_p p{ font-size: 14px; line-height: 20px; color: #000000;}

.i_product .i_about-div-left.caselist { padding: 6% 0 22% 18%;}
.product_content_a_l{ width:80%; margin-right:6%; height:auto; float:left}
.product_content_a_l li a{ display:block; font-size:16px; line-height:16px; color:#01111c; font-family: 'jiangcheng'; padding-bottom:30px;}
.product_content_a_l li .active, .product_content_a_l li a:hover{ padding-left:12px; color:#cfdb00; /*font-weight:bold;*/}
.product_content_a_r{ width:100%; height:auto; float:left; background:url(../images/product_content_a_r_img.png) center center repeat-y; padding-bottom: 20%;}
.product_content_a_r li{ width:42%; float:left; margin-left:4%; margin-right:4%;}
/*.product_content_a_r li:nth-of-type(odd){ margin-left:0%;}*/
/*.product_content_a_r li:nth-of-type(even){ margin-right:0%;}*/
.product_content_a_r li span{ width:100%; height:60px; line-height:60px; display:block; font-size:18px; color:#000000; font-family: 'jiangcheng';}
.product_content_a_r li img{ width:100%; display:block;}
.product_content_a_r li p{ width:100%; height:70px; line-height:60px; display:block; font-size:18px; color:#000000; font-family: 'jiangcheng'; border-bottom:1px solid #97968d; margin-bottom:32px;}
.product_content_a_r li:last-child p{ margin-bottom:0px;}


.productdetail_content_a_r{ width:74%; height:auto; float:left;}
.colourlist_content_a .product_content_a_span span{ width:100%;}
.colourlist_content_a .product_content_a_span span i{ padding-top: 0px;}
.colourlist_content_a_r{ width: 100%; margin-left: 1px; height:auto; float:left; padding-bottom: 20%;}
.colourlist_content_a_r li{ width: calc(17% - 1px); float:left; padding-left:4%; padding-right:4%; border-right:1px solid #97968d;}
/*.colourlist_content_a_r li:nth-child(4n+1){ padding-left:0%;}*/
/*.colourlist_content_a_r li:nth-child(4n){ padding-right:0%; border-right:0px solid #556a5d;}*/
.colourlist_content_a_r li:nth-child(4n){border-right:0px solid #556a5d;}
.colourlist_content_a_r li span{ width:100%; height:60px; line-height:60px; display:block; font-size:18px; color:#000000; font-family: 'jiangcheng';}
.colourlist_content_a_r li img{ width:100%; display:block; padding-bottom:32px; border-bottom:1px solid #556a5d;}
.colcurdetail_content_l{ width:43%;}
.colcurdetail_content_l img{ width:calc(100% - 2px); border:1px solid #6a7c6e; display:block;}
.colcurdetail_content_r{ width:73.74%; float:right}
.colcurdetail_content_r img{ width:100%; display:block; margin-bottom:86px;}
.colcurdetail_content_l p, .colcurdetail_content_r p{ width:100%; height:86px; line-height:86px; border-bottom: 1px solid #556a5d; border-top: 1px solid #556a5d; font-size:28px; color:#40584a; font-family: 'jiangcheng';}
.i_product .carddetail_div_left{ padding: 9.6% 0 0 18%;}

.q_quick_div_all{ border-top:0px; background:inherit;}
.q_quick_div{ width:100%;}
.q_quick_div img{ width:100%; display:block;}
/*.q_quick_div a{ padding-top:7%; padding-bottom:5%; display: block;}*/
.q_quick_div a img{ width:12%; display:block;}
.q_quick_div a span{ display:block; font-size:12px; line-height:24px; color:#9a9d84; position:absolute; margin-left: 4.2%; margin-top: -2%;}
.q_quick_div p{ width:100%; display: block; font-size: 14px; line-height: 20px; color: #000000; padding-bottom: 24%; padding-top: 1%;}


.focus-banner{ position: relative; width: 100%;/* overflow: hidden;*/ padding-bottom:224px;}
.focus-banner ul{ position: relative;}
.focus-banner ul li{ position: absolute; left: 0; top: 0; width: 100%;}
.focus-banner ul li img{ width: 100%; display: block;}
.focus-banner-div{ width:84px; height:27px; border-bottom:1px solid #556a5d; border-top:1px solid #556a5d; position:absolute; z-index:99; bottom:0px; right: 0px; margin-bottom:100px;}
.focus-handle{ width:27px; height: 27px; display:block; float:left;}
.focus-banner-div-span{ width:30px; height:27px; line-height:86px; font-size:30px; color:#40584a; font-family: 'jiangcheng'; display:block; float:left;border-left:1px solid #556a5d; border-right:1px solid #556a5d; text-align:center;}
/*.productdetail_content_div{ border-bottom:1px solid #556a5d;}*/
.productdetail_content_div_top{ padding-bottom:20px;}
.productdetail_content_div_bom p{width:100%; line-height:20px; font-size: 14px; display:block; color:#000000;}
.productdetail_content_div_p { height:28px; line-height:28px !important; font-size:28px !important; padding-top:36px; color:#000000 !important; font-family: 'jiangcheng'; padding-bottom:20px; display:block;}
.productdetail_content_div_bom p:nth-last-child(1){ padding-bottom:28px;}
.productdetail_content_div_top p{ display:block; font-size:14px; line-height:20px; color:#000000;}
.productdetail_content_div_bom table{ width:100%!important; border-collapse:collapse; border-bottom:1px solid #556a5d;}
.productdetail_content_div_bom table th, .productdetail_content_div_bom table td{ line-height:24px; font-size:18px; color:#000000; border-left:1px solid #556a5d; border-top:1px solid #556a5d; padding:10px 4%; text-align:left; border-right:0px solid #556a5d;}
.productdetail_content_div_bom table th{ background-color:#f2f2f0; font-weight:normal;}
.productdetail_content_div_bom table th:nth-child(1), .productdetail_content_div_bom table td:nth-child(1){ border-left:0px solid #556a5d; width:12% !important}
.productdetail_content_div_bom table td:nth-child(2), .productdetail_content_div_bom table td:nth-child(3){ width:calc(44% - 1px) !important;}
.productdetail_content_div_bom table tr:nth-child(1){ background-color:#cedb00;}
.productdetail_content_div_bom table tr:nth-last-child(1) td{ padding-bottom:30px;}


.case_content_a{ width:100%; padding-top:13.2%; padding-bottom:10.2%; }
.case_content_a_r{ width:93%; margin-left: 3.5%; padding-top: 6%; padding-bottom: 14%; height:auto; float:left; }
.caselist_content_a_r{ background: url(../images/product_content_a_r_img.png) center center repeat-y;}
.case_content_a_r li{ width:47.2%; float:left;margin-right:5.6%;}
.case_content_a_r li:nth-of-type(even){ margin-right:0%;}
.case_content_a_r li div{ width: 100%; height: 0px; padding-bottom: 64.415%; overflow: hidden;}
.case_content_a_r li div span{ width: 100%; height: 0px; padding-bottom: 64.415%; display: block; transition: transform .5s ease-out; -o-transition: transform .5s ease-out; -webkit-transition: transform .5s ease-out; -moz-transition: transform .5s ease-out;}
.case_content_a_r li a:hover div span{ transform: scale(1.05); -ms-transform: scale(1.05); -webkit-transform: scale(1.05);}
.case_content_a_r li img{ width:100%; display:block; transition: transform .5s ease-out; -o-transition: transform .5s ease-out; -webkit-transition: transform .5s ease-out; -moz-transition: transform .5s ease-out;}
.case_content_a_r li a:hover img{ transform: scale(1.05); -ms-transform: scale(1.05); -webkit-transform: scale(1.05);}
.case_content_a_r li p{ width:100%; height:62px; line-height:62px; display:block; font-size:18px; color:#000000; font-family: 'jiangcheng'; padding-bottom:10.2%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.case_content_a_r li:hover p{ font-weight: bolder;}
.case_content_all_nov{ padding-bottom: 6%;}
.case_content_all_nov.product_content_nov li:nth-child(1) a:hover{ background:url(../images/case_content_nov_bg1.jpg) center center no-repeat}
.case_content_all_nov.product_content_nov li:nth-child(2) a:hover{ background:url(../images/case_content_nov_bg2.jpg) center center no-repeat}
.case_content_all_nov.product_content_nov li a span{ width: 28%;}
.case_vr_content_a{ width: 86%; padding-left: 7%; padding-top: 4.6%; padding-bottom:0px;}
.case_vr_content_a .masonry{ -moz-column-count:3; -webkit-column-count:3; column-count:3; -moz-column-gap: 8em; -webkit-column-gap: 8em; column-gap: 8em; width: 100%; }
.case_vr_content_a .item{ padding-bottom: 54.32%; -moz-page-break-inside: avoid; -webkit-column-break-inside: avoid; break-inside: avoid; }
.case_vr_content_a .item img{ width:100%; display:block;}
.case_vr_content_a .item span{ display:block; color:#01111c; font-size:18px; line-height:18px; font-family: 'jiangcheng'; padding-top:8.6%; }
.case_vr_content_a .item:hover span{ font-weight: bold;}
.case_vr_content_a .item span p{ display:block; font-size:14px; line-height:16px; color:#000000; padding-top:5.6%; font-weight: normal;}
.casevrdetail_content{ position:relative; }
.casevrdetail_l{ width: 100%;}
.casevrdetail_l img{ width: 37%; display: block;}
.casevrdetail_l p{ color:#40584a; font-size:28px; line-height:48px; font-family: 'jiangcheng';}
.casevrdetail_l span{ background-color:#7d806d; width:44px; height:1px; margin-top: 20px; display:block; transform: rotate(-70.6deg);}
.casevrdetail_r{ width: calc(100% - 44px); margin-left: 22px; padding-top: 6%; padding-bottom: 14%;}
.casevrdetail_r .focus-banner ul li{ display:none}
.casevrdetail_r .vr_p1{ width:20%; position:absolute; top: 21.4%; left: -31.5%; font-size:22px; color:#7d806d; font-family: 'jiangcheng';}
.casevrdetail_r .vr_p2, .carddetail_div_left .vr_p2{ width:100%; font-size: 36px; color:#000000; font-family: 'jiangcheng'; padding-top: 2%;}
.carddetail_div_left .vr_p2{ padding-top: 10%;}
.casevrdetail_r .focus-banner-div{ margin-bottom: 6%; border-bottom:0px; border-top:0px;}
.casevrdetail_r .focus-banner{ padding-bottom: 12%;}
.casevrdetail_r .focus-banner-div-span{ border-left:0px; border-right:0px;}
.casevrdetail_r_bottom{ margin-top:3.8%;}
.casevrdetail_r_bottom p{ display:block; font-size:14px; line-height:20px; color:#000000;}
.casevrdetail_r_bottom p strong{ line-height:22px; font-size:22px; color:#01111c; font-family: 'jiangcheng'; display:block; font-weight:normal; padding-top:4.6%; padding-bottom:1.6%;}
.caeddetail_r_bottom p strong{ line-height:28px; font-size:28px;}
.casevrdetail_r_bottom_vr{ width:118px; display:block; margin-top: 5%; padding-bottom: 6%;}


.casedetail_content_a{ width:100%; padding-top:8%; padding-bottom:10.2%; position:relative;}
.casedetail_content_a img{ width:100%; display:block; }
.casedetail_content_a i{ width: 20%; height:8%; border:3px solid #cfd3c5; display:block; border-radius: 50%; transform: rotate(-45deg); position:absolute; right:0px; margin-right:60px;}
.casedetail_content_a p{ width:86%; text-align:right; line-height:32px; height:32px; padding-top:3.2%; display:block; font-size:32px; color:#40584a; font-family: 'jiangcheng'; position:relative; z-index:99}


.service_adv_left{ width: 81%; padding-bottom: 16.8%; height: 0px; display: block; padding-left: 19%; font-size:26px; color:#01111c; font-family: 'jiangcheng'; line-height: 460%;}
.service_overview_img{ margin-top: 1.2%!important;}
.service_content_div{ width:86%; margin-left:7%; margin-bottom:5.6%;}
.service_content_div span{ width:85%; height:38px; line-height:38px; font-size:38px; color:#7d806d; font-family: 'jiangcheng'; display:block; float:left; border-bottom:1px solid #979989; margin-top:4.2%;}
.service_content_div span p{ display:inline-block; font-size:24px; color:#979989; font-family: Times New Roman; margin:0 20px;}
.service_content_div img{ width:15%; display:block; float:left;}
.service_adv_top{ width:100%; display:block; padding-bottom:14%;}
.iphone_service_adv{ display: none;}
.service_adv_div{ width:80%; padding: 4% 11% 4% 9%; height:auto; cursor:pointer}
.service_adv_div1{ padding: 4% 11% 20% 9%;}
.service_adv_div h6{ line-height:40px; font-size:40px; padding-bottom: 18px; font-weight: normal; color:#01111c; font-family: 'jiangcheng';}
.service_adv_div .left{ float:left}
.service_adv_div .right{ float:right}
.service_adv_img{ width: 28%; display: block;}
.service_adv_p{ width:64%; height:auto;}
.service_adv_p_p1{ line-height:23px; font-size:16px; font-weight: normal; color:#000000; padding-bottom: 2px; font-family: 'jiangcheng';}
.service_adv_p_p2{ line-height:23px; font-size:14px; font-weight: normal; color:#000000; padding-top: 2px;}
.service_adv_p span{ width:20px; height:1px; background-color:#000000; display: block; margin:8px 0; transform: rotate(-72.6deg)}
.service_adv_p.left p{ clear: both;}
.service_adv_top_img02{ display:none;}
/*.service_adv_img1{ margin:0 3.6%; transform: rotate(12.6deg);}*/
/*.service_adv_img2{ margin:0 2.8%; transform: rotate(-6.4deg);}*/
/*.service_adv_img3{ margin:0 3.6%; transform: rotate(12.6deg);}*/
/*.service_adv_img4{ margin:0 4.8%; transform: rotate(-16.4deg);}*/
/*.service_adv_img{ display:none}*/
.service_adv_div:hover .service_adv_p, .service_adv_div:hover .service_adv_img{ display:block}
.service_overview_p{ line-height:24px; font-size:14px; color:#000000;/* position:absolute;*/}
.service_overview_map_img{ display: none;}
#container{ height:1200px;width:100%; overflow:hidden}
.service_system_img{ width:86%; padding-left: 7%; padding-right: 7%; display:block; padding-bottom:4%; margin-top:1%;}
.service_system_div{ width:100%; height:auto; border-bottom:1px solid #909382;}
.service_system_p{ line-height:24px; font-size:14px; color:#7d806d; text-align:right; margin-bottom:10%; padding:20px 0;}
.service_system_div_l{ width:40%; height:auto; display:block; float:left;}
.service_system_div_r{ float:right;}
.service_system_div_l .service_system_img{ border-bottom:0px; margin-top:4%; margin-bottom:0%;}
.service_system_div1{ width: 78%; padding-left: 15%; margin-top:2%;}
.service_system_div1 span{ font-size:24px; color:#01111c; font-family: 'jiangcheng'; padding-top:4%; display: block;}
.service_system_div1 p{ display:block; font-size:16px; line-height:24px; color:#000000;}
.service_system_title1{ width: 78%; padding-left: 15%; }
.service_system_img1{ width: 60%; padding-left: 15%; margin-top: 6%; margin-bottom: 6%;}
.service_system_left{ padding: 6% 0 0 18%; font-size:14px; line-height: 24px; color:#000000; font-family: 'jiangcheng';}
.join_conditions_title1 p{ font-size: 40px; line-height: 40px;}
.join_conditions_title2{ margin-top: 4%}
.service_system_img2{ width: 93%; padding-right: 0%; padding-bottom: 8%;}
.service_system_img4{ width: 66%; padding-right: 26%; padding-left: 8%; padding-bottom: 22%; margin-top: 6.4%;}
.service_system_title4{ width: 82%; padding-right: 0%;}
.service_system_title4 p{ font-size: 55px; line-height: 55px;}
.service_system_title4 span{ font-size: 28px; line-height: 28px; font-weight: bold;}


.newslist_img{ padding: 42px 32px;}
.newslist_img img{ width: 100%; display: block;}
.newslist_span{ width: 29%; display: block; float: left; font-family: 'jiangcheng'; font-size: 13px; color: #989898;}
.newslist_div{ width: 70%; display: block; float: left; }
.newslist_div h3{ font-family: 'jiangcheng'; font-size: 24px; line-height: 28px; color: #000000; padding-bottom: 2%;}
.newslist_div p{ font-size: 14px; line-height: 24px; color: #01111c; padding-bottom: 4%;}
.newslist_div a{ font-size: 14px; line-height: 24px; color: #989898; padding-bottom: 4px; border-bottom: 1px solid #333e46;}
.newsdetail_content_p{ width:100%; line-height:32px; display:block; font-size:32px; color:#01111c; font-family: 'jiangcheng';}
.newsdetail_content_span{ width:100%; display:block; font-size:14px; color:#989898; padding-top:20px;}
.newsdetail_content_a{ margin-top:6%; margin-bottom:5.4%;}
.newsdetail_content_a p{ width:100%; display:block; font-size:14px; line-height:24px; color:#000000; padding-bottom:20px;}
.newsdetail_content_a p strong{ font-size:28px; font-family: 'jiangcheng'; font-weight:normal; padding-top: 8px; display: block;}
.newsdetail_content_a img{ width:72%; display:block; padding-bottom:42px;}
.newsdetail_content_a1{ width:100%; display:block; font-size:14px; line-height:28px; color:#989898; padding-bottom:32px;}
.baobei_add1{ display: none !important;}

@media screen and (max-width: 1440px){
.style-1{ display:block;}
.top .nav, .top .top_a{ display:none;}	
.style-1 .nav__trigger{ right: 5%; top: 36px;}
.style-1 .nav .wap-header1{ padding: 24px 5% 0px;}
.style-1 .nav__list li a{ height:76px; font-size:22px; line-height:76px; text-align:center}
	}

@media screen and (max-width: 750px){
.baobei_add1{ display:block !important;}
.baobei_add, .baobei_add2{ display:none !important;}
#cboxClose{ display: none;}
.disnone{ display: none!important;}
.indexad_img_bj{ width: 100%; display: block; position: absolute; z-index: 9; right: 0;} 
.indexad{ width:100%; height:auto; padding: 0; position: relative; z-index: 99;}
.indexad_form_div1{  width:100%; float:left; padding-bottom:0px; padding-top:0px; border-top:0px solid #748579; border-right:0px solid #748579; border-right:0px solid #748579; border-bottom:1px solid #748579; margin-bottom:0px;}
.indexad_form_div2{ width:100%}
.indexad_form_title{ width: 36% !important; padding-top: 22px; padding-bottom: 22px; border-right: 1px solid #97968d; font-family: 'jiangcheng'; text-align:center}
.indexad_form_input{ width:calc(64% - 7px) !important; height: 16px; line-height: 16px; padding-top: 22px; padding-bottom: 22px; border-bottom: 0px solid #262626; background: #fef6f3;}
.newsdetail_contact_div{ width: 100%; margin-left: 0%;}

.style-1 .nav__list li a{ height:46px; font-size:14px; line-height:46px; text-align:left}
.style-1 .nav .wap-header1{ padding: 12px 5% 0px;}
.style-1 .nav__trigger{ right: 16px; top: 22px;}
.fullSlide2, .style-1{ display:block;}
.lubo, .top .nav, .top .top_a{ display:none;}
.top .logo{ margin-left:0;}
.top{ padding: 12px 5% 0;}
.i_about{width: 90%; padding: 6.2% 5% 0; margin-top: -4px;}

.about_content{ width: 100%; padding: 30px 16px 20% 0px;}
.about_content_title i{ width: 100%; height: 48px; font-size: 30px;}
.about_content_title div{ width: 100%; margin-top: 2px;}
.about_content_title div a{ font-size: 16px;}
.about_content_title div span{ font-size: 16px; padding: 0px 12px;}
.about_content_title{ height: 86px;}
.about_content_a{ width: 100%; margin-left: 0%; margin-top: 12%;}
.about_content_p{ width: 100% !important;}
.about_develop_content_r{ width: 52%;}
.about_develop_content_r_div b{ width: 100%; line-height: 56px; font-size: 72px; padding-bottom:8%;}
.about_develop_content_r_div{ padding-bottom: 158% !important;}
.about_develop_content_r_div span{ width: 96%; margin-top: 2.36%;}

.about_team_content_l{ width: 100%; padding-top: 2%;}
.about_team_content_r{ width: 100%;}
.about_t_c_r_div2{ width: 40.9%;}
.about_t_c_r_div i, .about_t_c_r_div em{ margin-top: 36px; margin-bottom: 20px;}
.about_t_c_r_div .title{ height: 76px;}
.about_t_c_r_div .title p{ font-size: 24px;}
.about_t_c_r_div2 .title, .about_t_c_r_div3 .title, .about_t_c_r_div5 .title, .about_t_c_r_div6 .title{ height: 124px;}
.about_t_c_r_div2 .title p, .about_t_c_r_div3 .title p, .about_t_c_r_div5 .title p, .about_t_c_r_div6 .title p{ height: auto;}
.about_test_content_ul li{ width: 100%; margin-right: 0%;}
.about_test_content_ul .title p{ font-size: 26px;}
.about_test_content_ul .title span{ margin-top: 4px;}
.about_test_content_ul_a_img{ width: 12%; margin-left: 43%;}
.about_honor_div{ width: 100%; height:540px; left: 0; top: calc(50vh - 250px);}
.about_honor_div iframe{ width: 100%; height: 500px;}
.about_test_content_ul_a{ margin-top: 18px;}

.product_content_nov li a{ padding: 48px 0 108px;}
.product_content_nov li a span{ width: 100%; margin-right: 0px; margin-top: 1%;}
.product_content_nov li a p{ font-size: 24px;}
.product_content_nov li a img{ height: 28px;}

.product_content_a_div{ width: 100%; margin-left: 0%;}
.product_content_a_span span, .product_content_a_span .span2{ width: 100%; margin-right: 4%;}
.product_content_a_span span p{ font-size: 22px; margin-top:8%;}
.product_content_a_span span i{ padding-top: 6px;}
.product_content_a_span{ padding-top:0%; padding-bottom: 20.4%;}

.i_product_content_a_l{ padding-top: 0px!important;}
.product_content_a_l{ width: 100%; margin-right: 0%; margin-bottom: 12px;}
.product_content_a_l li{ width:50%; float:left;}
.product_content_a_l li a{ padding-bottom: 12px;}
.product_content_a_r{ width: 100%;}
.product_content_a_r li:nth-child(2n){ width: 46%; margin-left: 4%; margin-right: 0%;}
.product_content_a_r li:nth-child(2n+1){ width: 46%; margin-left: 0%; margin-right: 4%;}
.product_content_a_r li p{ margin-bottom: 16px;}
.product_content_a_r li span{ height: 50px; line-height: 50px;}
.product_content_a{ padding-bottom: 24.2%;}

.productdetail_content_a_r{ width: 100%;}
.focus-banner{ padding-bottom: 172px;}
.focus-handle{ width: 27px;}
.focus-banner-div{ margin-bottom: 60px;}
.focus-banner-div-span{ width: calc(100% - 54px); font-size: 22px;}
.productdetail_content_div_p{ height: 24px; line-height: 24px; font-size: 24px;}
.productdetail_content_div_bom table th, .productdetail_content_div_bom table td{ line-height: 22px; font-size: 16px;}

.colourlist_content_a_r{ width: 100%;}
.colourlist_content_a .product_content_a_span span{ padding-top: 8%;}
.colcurdetail_content_l{ width: 100%;}
.colcurdetail_content_l img{ width: 17.13%; margin-top: 16px; margin-bottom: 0px; float:left;}
.colcurdetail_content_r{ width: 100%;}
.colcurdetail_content_r img{ margin-top: 50px; margin-bottom: 30px;}
.colcurdetail_content_l p{ font-size: 22px; width:60%; margin-top: 16px; float:left; margin-left:10%;}
.colcurdetail_content_r p{ font-size: 22px;}
.case_content_all_nov.product_content_nov li a span{ width: 100%;}
.case_vr_content_a{ padding-bottom: 16.2%;}
.case_vr_content_a .masonry{ -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; -moz-column-gap: 2em; -webkit-column-gap: 2em; column-gap: 2em;}
.case_vr_content_a .item{ padding-bottom: 24.32%;}
.case_vr_content_a .item span p{ line-height: 24px;}
.casevrdetail_r .focus-banner-div{ margin-bottom: 0%;}

.casevrdetail_l{ width: 100%; padding-bottom: 52px;}
.casevrdetail_l span{ width: 30px; margin-top: 12px;}
.casevrdetail_r{ width: 100%; margin-top: 0; margin-left: 0px; padding-top: 0%;}
.i_casevrdetail_r{ margin-top: 6%;}
.casevrdetail_r .vr_p1{ top: -18.6%; left: 0%;}
.casevrdetail_r .vr_p2{ font-size: 24px; right:0; top: 68%; line-height: 54px;}
.casevrdetail_r_bottom span{ padding-bottom: 8.6%; padding-top: 2.6%;}
.casevrdetail_r_bottom{  margin-bottom: 24.2%;}
.casevrdetail_r_bottom_vr{ bottom: 6.2%;}

.case_content_a_r{ width: 100%; margin-left: 0%; }
.casedetail_content_a i{ margin-right: 14px;}
.casedetail_content_a p{ font-size: 24px; line-height: 24px;}
.service_content_div{ width: 100%; margin-left: 0%; margin-bottom: 15.6%;}
.service_content_div span{ width: 78%; font-size: 24px; margin-top: 0%;}
.service_content_div span p{ font-size: 15px; margin: 0; letter-spacing: -1px; display: block;}
.service_content_div img{ width: 22%;}
.service_contact_div1{ padding-top: 12.2%; padding-bottom: 10.2%;}
.iphone_borderbottom{ display: block;}
.iphone_borderbottom1{ padding-right: inherit!important; margin-right: inherit!important;}

.service_adv_top_img01{ display:none}
.service_adv_top_img02{ display:block}

.service_adv_div h6{ height: 38px; line-height: 38px; font-size: 32px;}
.service_adv_p{ display:block; width: 100%;}
.service_adv_img{ display:block; width:100%; padding-top: 40px; padding-bottom: 60px; transform:none;}
.service_adv_div{ height: auto; padding-bottom:20px;}
.service_adv_img1, .service_adv_img3{ margin: 0 0 0 4%;}
.service_adv_img2, .service_adv_img4{ margin: 0 4% 0 0;}
.service_overview_p{ width: 90%;}
#container{ height:400px; padding-top:10px; width:100%; overflow:hidden;}
#container div{ transform:scale(1.3); -moz-transform:scale(1.3);-webkit-transform:scale(1.3);-o-transform:scale(1.3);}
.service_system_p{ text-align: left;}

.service_system_content_a .title p{ height: auto; line-height: 24px; font-size: 24px;}
.service_system_content_a .title span{ font-size: 14px;}
.service_system_div_l{ width: 47%;}

.news_content_all_a{ display:none;}
.news_content_all_l{ padding-top: 52.6%;}
.news_content_all_r p{ position: absolute; width: 90%; right: 5%;}
.news_content_all_r img{ padding-bottom: 20%; padding-top: 142%;}

.news_content_nov_l{ position:absolute;}
.news_content_nov_c{ margin-top:24px; width: 60%; padding-bottom: 20px;}
.news_content_nov_c p{ line-height: 22px; font-size: 18px; min-height: 72px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; padding-bottom: 0px;}
.news_content_nov_c a{ margin-top: 36%;}
.news_content_nov_c b{ display:none;}
.news_content_nov_r{ margin-top:24px;}

.newsdetail_content_p{ line-height: 30px; font-size: 24px;}
.newsdetail_content_a img{ width: 100%; padding-bottom: 12px;}
.newsdetail_content_a1{ padding-bottom: 18px;}
.news_content_all_href .new01{ display:none;}
.news_content_all_href .new11{ display:block;}

.join_content_all_p{ padding-top: 0%; padding-bottom: 88%; margin-bottom: 6%;}
.join_content_all_div{ padding-top:32%;}
.join_content_all_p span{ position:absolute; top: 0%;}
.join_content_all_href .new01{ display:none;}
.join_content_all_href .new11{ display:block;}
.join_content_all_2{ border: 6px solid #e3e4dd;}

.join_content_a{ background: url(../images/join_img001.png) no-repeat center center;}
.join_content_a_p{ width: 100%; margin-left: 0%; padding-top: 10%;}
.join_content_table{ width: 100%; margin-left: 0%; margin-top: 24%;}
.join_content_table_div p{ font-size: 14px; line-height: 14px;}
.join_content_table_span{ height: 72px; padding-right: 7%;}
.join_content_table_span p{ line-height: 72px; font-size: 20px;}
.join_content_table .a2{ width: 10%; margin: 0 1%;}

.join_support_content{ height: auto; padding-bottom: 16%; width: 100%; padding-left: 0%; padding-top: 10%;}
.join_support_content img{ margin-left:0%; width: 30%;}
.join_support_content p{ width: 96%; margin-top: 4%; font-size: 13px;}

.join_conditions_content_table{ margin-top: 2%;}
.join_conditions_content_ul{ margin-bottom: 16%;}
.join_conditions_content_ul li{ width: 100%;}
.join_conditions_content_ul li:nth-child(4){ width: 100%;}
.join_conditions_content_ul li div span{ font-size: 22px;}
.join_conditions_content_ul li div i{ width: 60px; margin-bottom: 12px;}
.join_conditions_content_ul li div p{ margin-left: 30%; padding-bottom:8%;}
.join_conditions_content_table p{ font-size: 16px; line-height: 26px;}
.join_conditions_content_table .join_content_table_span{ height: 52px; padding:12px 0; width: 100%;}
.join_conditions_content_table .a1{ width: 22%;}
.join_conditions_content_table .a2{ width: 26%; margin:0;}
.join_conditions_content_table .a3{ width: 54%;}
.join_conditions_content_table .join_content_table_div p{ font-size: 14px; line-height: 20px; padding-bottom: 6px;}
.join_conditions_content_table .join_content_table_div p:nth-child(7){ padding-bottom: 24px;}
.join_conditions_content_p{ line-height: 20px; padding: 16px 0;}
.join_conditions_ipone{ overflow: scroll; padding-right: 5.4%;}
.join_conditions_ipone .join_content_table_span{ width: calc(1240px - 10%); padding-left: 5%; padding-right: 5%;}
.join_conditions_ipone .join_content_table_div{ width: calc(1240px - 10%); padding: 36px 5%;}
.join_conditions_ipone .a1{ width: 12.5%; line-height: 52px;}
.join_conditions_ipone .a2{ width: 12.5%; line-height: 52px; margin:0; text-align: left;}
.join_conditions_ipone .a3{ width: 25%; line-height: 52px;}


.contact_content_a{ margin-top: -36px;}
.contact_content_a h3{ height: 74px; font-size: 74px; line-height: 74px; padding-bottom: 20px;}
.co_contact_img{ height: 360px;}
.contact_content_a i{ height: 136px; margin: 0px auto 20px;}
.contact_content_a b{ font-size: 24px;}
.contact_content_a span{ line-height: 20px;}
.contact_content_a_i1{ margin: 20px auto !important;}

.download_a{ width:100%; padding-bottom: 30%;}
.download_a .download_div{ display:block; position:relative;}
.download_content_a{ padding-bottom: 10%;}
.download_content_div_a1 .download_div{ width: 30%;}
.download_content_div_a1 .download_div div{ width: 214%;}
.download_content_div_a2 .download_div{ width: 26%; margin-left: 2.2%;}
.download_content_div_a2 .download_div div{ margin-left: 100%; width: 268%;}
.download_content_div_a3 .download_div { width: 29%; margin-left: 0.2%;}
.download_content_div_a3 .download_div div{ width: 240%}
.download_content_div_a4 .download_div { width: 27.4%; margin-left: 1.2%;}
.download_content_div_a4 .download_div div{ margin-left: 100%; width: 252%;}
.download_content_div_a5 .download_div { width: 26.6%; margin-left: 1.2%;}
.download_content_div_a5 .download_div div{ margin-left: 106%; width: 233%;}
.download_div div p{ font-size: 20px; padding-top: 0px; line-height: 20px;}
.download_div div span{ line-height: 22px; font-size: 14px; padding-top: 10px;}
.download_div div a{ margin-top: 12px; width: 108px; height: 28px; line-height: 28px; font-size: 15px;}
.download_div i{ display:none;}
.download_content_div .download_a .download_a_img{ display:none;}
.newsdetail_content_a p strong{ font-size: 22px; padding-top: 16px;}
.q_quick_div a span{ margin-left: 8.2%; margin-top: -4%;}



.width36 { width: 100%; }
.width57 { width: 100%; }
.borderright { border-right: 0px solid #97968d; }
.borderbottom { border-bottom: 1px solid #3f4537; }
.i_about-div-title{ padding: 12% 0 13.8%;}
.i_about-div-left{ padding: 12% 0 13.8%;}
.green{ margin-top: 2%; right: 0%;}
.i_about-div-cen-top{ padding-top: 12%; padding-left: 0px;}
.i_about-div-cen-bot { width: 100%; margin-left: 0px; margin-top: 22px; margin-bottom: 8%; }
.green1{ margin-top: 16%; right: 0px;}

.i_product .i_about-div-left{ padding: 4% 0 0;}
.width51 { width: 100%; }
.width50 { width: 100%; }
.width64 { width: 100%; }
.iphone_div{ display: none;}
.i_product_div1 { padding: 20px 0px 20px; }
.i_product_div1 a{ font-size: 26px;}
.i_product_div1 a b{ line-height: 14px;}
.i_product_divv_img img{ display: block;}
.width51 .i_product_div1:nth-child(3){ border-bottom: 1px solid #97968d; }
.i_case .i_about-div-left { padding: 4% 0 0 0; }
.i_case_img{ width: 100%; position:inherit; margin-top: 0%; margin-left: 0%;}
.borderleft { border-left: 0px solid #97968d; }
.i_case-div-left { padding: 14% 0 1% 0px !important; }
.i_case_img1{ width: 100%; padding-left: 0px;}
.i_service_nov li{ width: 30%; margin: 0 1.5%;}
.i_service_nov li div b{ padding: 52px 10px 16px; font-size: 80px;}
.i_service_nov li div p{ padding: 30px 0px 0px; font-size: 24px;}
.i_service_nov li div span{ padding: 0px 10px 20px 0; min-height: 36px;}
.i_about-div-title h3{ font-size: 50px; line-height: 38px;}
.i_service_img{ width: 100%; position:inherit; margin-top: 0%; left: 0%;}
.i_service .green1{ right: 0px; margin-top: 9%;}
.i_news .i_about-div-left { padding: 12% 0 30% 0%; }
.i_join_img{ width: 100%; position:inherit; margin-top: -4px; left: 0%;}
.i_join_divv{ height: auto!important;}
.i_join .green1{ margin-top: 40%; left: 0px;}
.i_join_nov_div{ padding: 30px 0px;}
.i_join .green{ left: 0px;}
.ifooter_c{ margin-top: -4.4%;}
.ifooter .i_about-div-left { padding: 13.5% 0 6% 0%; }
.ifooter-div-left { padding: 0 0 10% 0%; }
.ifooter-div-center{ padding: 0 0 6% 0%; }
.ifooter-div-center1{ padding: 12% 0 10% 0%;}


.i_about-div-title.about-top { padding: 16% 0 13.8% 0%;  height: 220px;}
.i_about-div-title.about-top h3{ font-size: 56px; padding-bottom: 46px}
.i_about-div-title-img{ width: 100%;}
.about-top-right p{ padding: 20% 0 20% 0; font-size: 24px; line-height: 36px;}
.about-top-right span{ padding: 0px; font-size: 18px;}
.about_catalogue{ padding:0px; width: 100%; margin-top: -8%;}
.about_catalogue span{ padding: 0 4px;}
.about_catalogue a{font-size: 16px; letter-spacing: -1px;}
.detailgreen1.green1{ right: 0px;}
.i_product .i_about-div-left.about { padding: 6% 0 2% 0%; }
.download_content_a{ width: 90%; padding: 12% 5% 20%;}
.download_iphone_img{ display: none!important;}
.download_content_div_a2 img{ width: 110%;}
.about_team_div{ width: 100%; margin-left: 0px; padding-bottom: 40%;}
.about_team_div_iphone{ padding-bottom: 0%;}
.about_team_top p{ line-height: 40px;}


.i_about-content-left { padding: 30px 0 10% 0%; }
.ip_about-content-left{ padding: 6px 0 4% 0%; }
.width32.i_about-content-left img { width: 100%;; }
.join-bottom-content-left{ border-bottom: 1px solid #97968d;}
.news_team_div_p1{ font-size: 18px!important;}
.join-adv-top .detailgreen1.green1 { left: 0%; bottom: calc(4.8% + 26px); }
.news_content .i_about-content-left { padding: 10px 0 6% 0%; }
.news_content .i_about-content-right { padding: 30px 0% 10%; }
.newslist_img { padding: 42px 0px; }
.news_content_a{ width: 100%; margin-left: 0%;}


.iphone_service_adv{ display: block; padding-bottom: 26%;}
.service_adv_left{ width: 46%; float: left; font-size: 24px; padding-bottom:0px; height: auto; padding-left: 0%; padding-right: 4%; line-height: 86px;}
.service_adv_div{ width: 100%; padding: 4% 0% 4%;}
.service_system_left{ padding: 6% 0 6% 0%;}
.join_conditions_title{ width: 100%; padding-left: 0%; padding-right: 0%; padding-bottom: 10%;}
.join_conditions_title1 p{ font-size: 30px;}
.service_overview_map_img{ width: 100%; display: block; padding-bottom: 24%;}
#container{ display: none;}
.service_system_img2{ width: 100%; padding-left: 0%;}
.service_system_img{ width: 100%; padding-left: 0%; padding-right: 0%;}
.service_system_title4 p{ font-size: 32px; line-height: 42px;}
.service_system_title4 span{ font-size: 20px; font-weight: normal;}
.service_system_div1{ width: 100%; padding-left: 0%; padding-bottom: 10%;}
.case_a{ width: 100%; padding-left: 0%;}
.case_borderbottom{ width: 100%!important; padding-left: inherit!important; margin-left: inherit!important;}
.productlist_contact_div span{font-size: 36px;}
.productlist_contact_div span p{ letter-spacing: 0px; font-weight: normal;}
.productlist_contact_div span img { padding: 0px 8px; }
.case_contact .about-team-content-left { padding: 9% 0 38%; }
.caselist_p{ padding-left: 0%; padding-right: 0%; padding-top: 0%;}
.case_vr_content_a{ width: 100%; padding-left: 0%;}
.productlist_contact .about-team-content-left { padding: 9% 0 36% ; }
.colourlist_content_a_r li{ width: calc(42% - 1px);}
.colourlist_content_a_r li:nth-child(2n) { width: calc(46% - 1px); padding-left: 4%; padding-right: 0%; border-right: 0px solid #556a5d; }
.colourlist_content_a_r li:nth-child(2n+1) { width: calc(46% - 1px); padding-left: 0%; padding-right: 4%; }
.caeddetail_r_bottom p strong{ line-height: 50px; padding-top: 6%;}
.carddetail_div_left{ padding: 4% 0 10% 0!important;}
.carddetail_div_left .vr_p2{ width: 70%; float: right; padding-top: 20%;}
.abou-content-left-img { width: 100%; }
.about_develop_ul_l{ padding: 30px 11% 30px 6% ;}
.width32 .about_team_div_p, .about_team_div_pp{ font-size: 16px; line-height: 30px; padding-bottom: 16% !important;}
.width39{ width: 100%;}
.width22 { width: 100%; }
.about_honor1 img{ width: 100%;}
.about_honor3{ padding: 0; margin-bottom: 36px;}
.i_product .i_about-div-left.about_honor2 img { margin-left: 0px;  }
.about_test { padding: 9% 0!important; }
.about-test_div_l{ width: 100%;}
.about-test_div_c{ width: 60%;}
.ip_about{ padding: 0 5%;}
.ifooter-div-center1 span a span{ display: block; margin-left: 28px;}
.ifooter-div-center1 span a{ padding: 0 136px 0 10px;}

.nav_item_ul{ padding-left: 8%;}
.nav_link_span{ position: absolute; right: 4%; color: #FFF; line-height: 46px; width: 46px; z-index: 9; background:url(/static/index/images/nav_link_img1.png) no-repeat;}
.nav_link_span.active{ background:url(/static/index/images/nav_link_img2.png) no-repeat;}
.nav_link_span1, .nav_link_span9{ background: initial;}
}

@media screen and (min-width: 580px){
.indexad{ width: 578px; height: 480px; padding:0; position:relative; z-index:99}
.indexad_title{ text-align:left; width:36%; height: 140px; background: #3f4537; border-right: 1px solid #97968d;}
.indexad_title p{ width: 100%; height:40px; display:block; line-height:40px; font-size:40px; color:#FFFFFF; text-align: center; letter-spacing: 0px; font-family: 'jiangcheng'; padding-top: 48px; border-bottom: 0px solid #262626;}
.indexad_title span{ width: 100%; text-align: center; font-size:14px; color:#989898; padding-top: 4px; display: block; font-weight: bold; letter-spacing: 0px;}
.indexad_form_p{ width:64%; margin-left: 36%; height:58px; background-color: #3f4537; color:#FFFFFF; font-size:20px; line-height:58px; text-align:center}
.indexad_form{ padding-top:0px;}
.indexad_form1{ padding-top:64px;}
.indexad_form_div1{ width:100%; padding-bottom:0px; padding-top:0px; border-top:0px solid #97968d; border-left:0px solid #97968d; border-right:0px solid #97968d; border-bottom:1px solid #97968d; margin-bottom:0px;}
.indexad_form_div2{ width:244px; padding-bottom:32px;}
.indexad_form_div3{ width:440px;}
.indexad_form_title{ width:42px; height:25px; line-height:25px; font-size:25px; text-align:left; float:left}
.indexad_form_title span{ padding-left: 2px; font-size: 14px; font-weight: bold; color: #808080;}
.indexad_form_title i{width: 12%; display: inline-block;}
.indexad_form_input{ width:110px; padding-left:6px; height:25px; line-height:25px; font-size:16px; padding-top: 22px; padding-bottom: 22px; border-right:0px; border-left:0px; border-top:0px; border-bottom:0px solid #333333;outline: none; background-color: initial;}
.indexad_form_div2 .indexad_form_title{ width:78px;}
.indexad_form_div2 .indexad_form_input{ width:158px;}
.indexad_form_div3 .indexad_form_input{ width:388px;}	
.indexad_img_bj{ width: 435px; height: 356px; display: block; position: absolute; z-index: 9; right: 0;} 

}