@charset "utf-8"; /* CSS Document */ .header{width:100%; position:relative; padding:0px 5%; background:url(../images/nav_bg.png) repeat;left:0px; top:0px;z-index:100000;-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s;} .header.fixedmenu{ position:fixed; top:0px; left:0px;-moz-box-shadow:0px 0px 10px #c7c5bf;/*firefox*/ -webkit-box-shadow:0px 0px 10px #c7c5bf;/*webkit*/ box-shadow:0px 0px 10px #c7c5bf;/*opera或ie9*/ background-color:#fff;} .logotop{display: flex;justify-content: space-between;} .logotop .logo{width:25%; padding-top:15px;} .logotop .logo img{ height:62px;} .i_bcss{width:21px; height:90px; margin-left:0%; position:relative;} .i_bcss_t{width:21px; height:90px; background:url(../images/ss.png) center center no-repeat;background-size:100%; cursor:pointer;} .i_bcss_c{width:212px; height:38px; border:1px solid #c1bcba; background-color:#fff; position:absolute; right:0px; top:100%; display:none} .i_bcss_c .ipt1{width:174px; height:36px; text-indent:10px; border:0px; background:url(../images/tb_0ss1.png) right center no-repeat; color:#333; font-size:14px; font-family:"微软雅黑";} .i_bcss_c .ipt2{width:36px; height:36px; background:url(../images/ss.png) center no-repeat; border:0px; cursor:pointer; background-size:16px;} .i_ssbn{width:50px; height:100%; background:url(../images/ss.png) center no-repeat; background-size:17px; position:absolute; top:0px; right:50px; z-index:10000;} .i_ssbn span{width:100%; height:100%; display:inline-block;} .i_ssbn_div{width:200px; display:none; background-color:#fff; z-index:10000; position:absolute; right:0px; top:100%;box-shadow: 0px 5px 20px 0px #d9d9d9;} .i_ssbn_div .ipt1{width:80%; height:40px; line-height:40px; text-indent:15px; background:url(../images/tb_0ss1.png) right center no-repeat; border:0px; font-family:"微软雅黑"; background-color:#fff; color:#b9b9b9; font-size:0.16rem;} .i_ssbn_div .ipt2{width:20%; height:40px; background:url(../images/ss.png) center no-repeat; border:0px; background-size:15px;} .i_logo_ul{width:69%;} .i_logo_ul .nav_menu{width:100%; margin:0px; padding:0px; display:flex;justify-content: space-between;} .i_logo_ul .nav_menu li{width:14.285%; height:90px; margin:0px; padding:0px;} .i_logo_ul .nav_menu li .a_nav{width:100%; position:relative; height:90px; line-height:90px; display:inline-block; text-align:center; overflow:hidden; color:#000000; font-size:16px;} .i_logo_ul .nav_menu li .a_nav:hover,.i_logo_ul .nav_menu li .a_nav.active,.i_logo_ul .nav_menu li .a_nav.active1{ color:#fff; background-color:#467fd6;text-decoration:none;} .i_logo_ul .nav_menu li .two_div{width:100%; position:absolute; padding:30px 0px; left:0px; top:100%; border-top:2px solid #467fd6;-moz-box-shadow:0px 0px 10px #f1f1f1;/*firefox*/ -webkit-box-shadow:0px 0px 10px #f1f1f1;/*webkit*/ box-shadow:0px 0px 10px #f1f1f1;/*opera或ie9*/ display:none; background-color:#fff;} .i_logo_ul .nav_menu li .two_div .two_dl{width:100%; padding-left:30%; float:left;} .i_logo_ul .nav_menu li .two_div .two_dl dd{width:19%; margin-right:15%; float:left;} .i_logo_ul .nav_menu li .two_div .two_dl dd:nth-child(1){width:40%;} .i_logo_ul .nav_menu li .two_div .two_dl dd .div_t{width:100%; height:55px; line-height:55px; margin-bottom:5px; overflow:hidden; float:left; color:#333; font-size:20px; font-weight:bold;} .i_logo_ul .nav_menu li .two_div .two_dl dd .div_t:hover{ color:#467fd6;} .i_logo_ul .nav_menu li .two_div .two_dl dd .div_a{width:100%; height:35px; line-height:35px; overflow:hidden; float:left; color:#000000; font-size:16px;} .i_logo_ul .nav_menu li .two_div .two_dl dd .div_a:hover{ color:#467fd6;} .i_logo_ul .nav_menu li .two_div .two_dl dd:nth-child(1) .div_a{width:50%;} .i_logo_ul .nav_menu li.activeshu{ position:relative;} .i_logo_ul .nav_menu li.activeshu .two_div{width:200px; background-color:#fff; border-top:2px solid #467fd6; position:absolute; left:50%; margin-left:-100px;top:100%; display:none;-moz-box-shadow:0px 0px 10px #f1f1f1;/*firefox*/ -webkit-box-shadow:0px 0px 10px #f1f1f1;/*webkit*/ box-shadow:0px 0px 10px #f1f1f1;/*opera或ie9*/ padding:0px;} .i_logo_ul .nav_menu li.activeshu .two_div dl{width:100%;} .i_logo_ul .nav_menu li.activeshu .two_div dl dd{ float:left;width:100%;} .i_logo_ul .nav_menu li.activeshu .two_div dl dd a{ width:100%; padding:10px 10px; line-height:1.7; text-align:center; color:#000000; font-size:16px; display:inline-block; overflow:hidden; text-align:center;} .i_logo_ul .nav_menu li.activeshu .two_div dl dd a:hover{ color:#467fd6;} .i_about_product{ padding:100px 0px 115px 0px;} .i_box1{ padding-bottom:135px;} .i_box1_l{width:52.5%; padding-top:25px;} .i_box1_title_l{ color:#000; font-size:24px; line-height:1.3;} .i_box1_title_l span{ font-size:38px; font-weight:bold;} .i_box1_title_img{width:100%; margin-top:45px;} .i_box1_title_img img{width:100%; height:auto !important;} .i_box1_title_r{width:28%;} .i_box1_title_r_ul{} .i_box1_title_r_ul li{} .i_box1_title_r_ul li .div{ padding-bottom:35px; padding-top:62px; text-align:center; cursor:pointer; line-height:40px; color:#333333; font-size:20px; font-weight:bold; position:relative;} .i_box1_title_r_ul li .div.bg1{ background:url(../images/gz_tb1.png) top center no-repeat;} .i_box1_title_r_ul li:hover .div.bg1,.i_box1_title_r_ul li.active .div.bg1{ background:url(../images/gz_tb1s.png) top center no-repeat;} .i_box1_title_r_ul li .div.bg2{ background:url(../images/gz_tb2.png) top center no-repeat;} .i_box1_title_r_ul li:hover .div.bg2,.i_box1_title_r_ul li.active .div.bg2{ background:url(../images/gz_tb2s.png) top center no-repeat;} .i_box1_title_r_ul li:hover .div,.i_box1_title_r_ul li.active .div{ color:#457FD6;} .i_box1_title_r_ul li .div:after{width:0%; height:6px; background-color:#457ed5; position:absolute; left:0px; bottom:-1px; z-index:2; content:""; -moz-border-radius: 3px; -webkit-border-radius: 3px;border-radius:3px;-webkit-transition:all 0.5s;transition:all 0.5s;} .i_box1_title_r_ul li:hover .div:after,.i_box1_title_r_ul li.active .div:after{width:100%;} .i_box1_title.active{ text-align:center; } .i_box1_title.active .i_box1_title_l{ color:#fff;} .i_box1_title.active.newscolor .i_box1_title_l{ color:#000;} .i_box1_r{width:47.5%; background-color:#fff;box-shadow: 20px 20px 46px 0px rgba(0,0,0,0.10); border-bottom:7px solid #457ed7; padding:70px 3.75% 55px 2.5%;} .i_box1_r_t{ padding-bottom:40px; position:relative; color:#000000; font-size:20px;} .i_box1_r_t span{ font-size:26px; font-weight:bold;} .i_box1_r_t:after{width:55px; height:8px; background-color:#457ed5; position:absolute; left:0px; bottom:0px; z-index:1; content:"";} .i_box1_r_c{ margin:45px 0px; height:280px; line-height:40px; overflow:hidden; font-size:22px; color:#000;} .i_box1_r_b li{ color:#333333; font-size:18px;} .i_box1_r_b li span{ color:#007737; font-size:40px; font-weight:bold;} .i_box1_title.pro_title{ position:relative;} .i_box1_title.pro_title:after{width:100%; height:3px; background-color:#99c9af; position:absolute; left:0px; bottom:0px; z-index:1; content:"";} .i_probox{ margin-top:80px;} .i_probox_c{ display:none;} .i_probox_c_ul{ width:100%;} .i_probox_c_ul li{width:25%; float:right;} .i_probox_c_ul li:nth-child(1){width:47.5%; float:left; } .i_probox_c_ul li:nth-child(1) .a_img{height:600px;} .i_probox_c_ul li .a_img{width:100%; height:300px; display:inline-block; overflow:hidden; color:#fff; font-size:22px; font-weight:bold; position:relative;} .i_probox_c_ul li .a_img:after{width:100%; height:100%; background:url(../images/gz_tb8.png) repeat; position:absolute; left:0px; top:0px; z-index:1; content:"";filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;-webkit-transition:all 0.5s;transition:all 0.5s;} .i_probox_c_ul li .a_img img{position:absolute; left:50%; top:50%;-o-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);transform: translate(-50%, -50%);} .i_probox_c_ul li .a_img .a_text{width:100%; padding:0px 3%; line-height:36px; padding-bottom:25px; position:absolute; left:0px; top:50%;-o-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);-webkit-transform: translate(0%, -50%);-moz-transform: translate(0%, -50%);transform: translate(0%, -50%); text-align:center; z-index:2;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;-webkit-transition:all 0.5s;transition:all 0.5s;} .i_probox_c_ul li .a_img .a_text:after{width:66px; height:3px; background-color:#fff; position:absolute; left:50%; bottom:0px; z-index:2; content:""; margin-left:-33px;-moz-border-radius:1.5px; -webkit-border-radius:1.5px; border-radius:1.5px;} .i_probox_c_ul li:hover .a_img:after,.i_probox_c_ul li:hover .a_img .a_text{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;} .i_probox_c_ul li:nth-child(4){width:50%;} .i_bg1{ background-position: center center; background-repeat:no-repeat; background-size:cover;} .i_box2{ padding:100px 0px;} .i_box2_cases{ margin:75px 0px 40px 0px;} .i_box2_cases_l{width:47%;} .i_box2_cases_l .a_img{width:100%; background-color:#fff; display:inline-block; overflow:hidden; display:none;} .i_box2_cases_l .a_img img{width:100%; float:left;} .i_box2_cases_r{width:50.5%;} .i_box2_cases_r_ul li{ cursor:pointer; padding:0px; -webkit-transition:all 0.5s;transition:all 0.5s;} .i_box2_cases_r_ul li .div{ height:60px; overflow:hidden; position:relative;-webkit-transition:all 0.5s;transition:all 0.5s;} .i_box2_cases_r_ul li .div:after{width:5px; height:0px; background-color:#007737; position:absolute; right:0px; top:0px; z-index:1; content:""; -webkit-transition:all 0.5s;transition:all 0.5s;} .i_box2_cases_r_ul li.active .div:after{ height:100%;} .i_box2_cases_r_ul li .div .div_t{width:100%; overflow:hidden; padding-left:20px; position:relative; height:60px; line-height:60px; color:#fff; font-size:18px; font-weight:bold;-webkit-transition:all 0.5s;transition:all 0.5s;} .i_box2_cases_r_ul li .div .div_t:after{width:4px; height:4px; background-color:#fff; position:absolute; left:0px; top:50%; margin-top:-2px; content:"";-moz-border-radius: 100%; -webkit-border-radius: 100%;border-radius:100%;} .i_box2_cases_r_ul li .div .div_c{ margin-top:20px; height:44px; line-height:22px; overflow:hidden; color:#fff; font-size:16px;} .i_box2_cases_b{ text-align:right;} .i_box2_cases_b a{ padding:0px 15px; height:35px; line-height:35px; background-color:#fff; color:#000000; font-size:16px; display:inline-block; overflow:hidden;} .i_box2_cases_b a:hover{ background-color:#285dad; color:#fff;} .i_box2_cases_r_ul li.active{ padding-bottom:20px;} .i_box2_cases_r_ul li.active .div{ background-color:#285dad; padding:15px 6% 25px 6%;} .i_box2_cases_r_ul li.active .div .div_t{ height:57px; line-height:57px; border-bottom:1px solid #fff; padding-left:0px;} .i_box2_cases_r_ul li.active .div .div_t:after{ display:none;} .i_box2_cases_r_ul li.active .div{ height:auto;} .i_box2_cases_b.active{ text-align:center;} .i_box2_cases_b.active a{ background-color:#000; color:#fff;} .i_box2_cases_b.active a:hover{background-color:#285dad; color:#fff;} .i_bg2{ background-color:#f8f9fd;} .i_box3{ margin:75px 0px 45px 0px;} .i_box3_ul li{width:24%;} .i_box3_ul li .div{width:100%; height:230px; display:inline-block; overflow:hidden; position:relative;} .i_box3_ul li .div .img1{position:absolute; left:50%; top:50%;-o-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);transform: translate(-50%, -50%); z-index:1;} .i_box3_ul li .div .div1{width:100%; height:100%; background-color:#fff; position:absolute; left:0px; top:0px; z-index:2; padding:40px 5% 20px 5%; color:#000; font-size:14px;-webkit-transition:all 0.5s;transition:all 0.5s; } .i_box3_ul li .div .div1 .div_t{ height:125px;width:100%; font-size:18px; font-weight:bold; line-height:25px; margin-bottom:15px; overflow:hidden;} .i_box3_ul li .div .div1 .div_b{ height:30px; line-height:30px; overflow:hidden; background:url(../images/gz_tb7.png) right center no-repeat;-webkit-transition:all 0.5s;transition:all 0.5s; } .i_box3_ul li .div:hover .div1{ background-color:transparent; background:url(../images/gz_tb8.png) repeat; color:#fff;} .i_box3_ul li .div:hover .div1 .div_b{ background:url(../images/gz_tb7s.png) right center no-repeat;} .i_link{ margin-top:100px;} .i_link li{width:16.66%; float:left;} .i_link li .a_img{width:100%; display:inline-block; overflow:hidden;} .i_link li .a_img img{width:100%; float:left;} .i_ff{ background-color:#fff; border-top:1px solid #f1f1f1;} .i_footer{ padding:60px 0px 40px 0px;} .i_footer_l{width:35%;} .i_footer_l .i_flogo{ padding-bottom:75px;} .i_flogo_l{} .i_flogo_l img{ height:62px;} .i_flogo_r{width:31%; margin-top:13px; height:40px; background-color:#467fd6;-moz-border-radius: 3px; /* Gecko browsers */ -webkit-border-radius: 3px; /* Webkit browsers */ border-radius:3px; /* W3C syntax */ position:relative;} .i_flogo_r .s1{width:70%; height:40px; line-height:40px; text-align:center; color:#fff; font-size:16px; position:relative;} .i_flogo_r .s1:after{width:1px; height:20px; background-color:#7da5e2; position:absolute; right:0px; top:50%; margin-top:-10px; content:"";} .i_flogo_r .s2{width:30%; height:40px; background:url(../images/gz_tb6.png) center no-repeat; cursor:pointer;} .i_flogo_r .link_text{width:200px; background-color:#467fd6; position:absolute; left:0px; top:100%; height:150px; overflow-y:auto;-moz-border-radius: 3px; /* Gecko browsers */ -webkit-border-radius: 3px; /* Webkit browsers */ border-radius:3px; /* W3C syntax */ padding-right:10px; display:none;} .i_flogo_r .link_text a{width:100%; line-height:1.6; color:#fff; padding:10px 15px; color:#fff; font-size:14px;} .i_flogo_r .link_text a:hover{ color:#fff;} .i_footer_l .i_dbphone_l{width:74%; color:#999999; font-size:13px;} .i_footer_l .i_dbphone_l span{ color:#000; font-size:30px; font-weight:bold; letter-spacing:2px; margin-bottom:10px;} .i_footer_l .i_dbphone_l table tr td{ padding:5px 0px;} .i_footer_l .i_dbphone_r{width:23%; max-width:98px;} .i_footer_l .i_dbphone_r img{width:100%;} .i_footer_r{width:59%;font-size:14px;} .i_footer_r li{width:17%;} .i_footer_r li .a1{width:100%; padding:15px 0px; line-height:1.6; color:#333333; display:inline-block; font-size:16px;} .i_footer_r li .a1:hover{width:100%; color:#000;display:inline-block;} .i_footer_r li .a2{width:100%; color:#7E7E7E; padding:4px 0px; display:inline-block;} .i_footer_r li .a2:hover{ color:#000;} .i_footer_r li:nth-child(6){width:65px;} .i_footer_r li:nth-child(3){width:170px;} .i_footer_bq{ text-align:center; padding:15px 0px; color:#999; font-size:12px;} .i_footer_bq a{ color:#999;} .i_footer_bq a:hover{ color:#000;} .n_banner{width:100%; overflow:hidden;} .n_banner_pc{width:100%; display:inline-block; overflow:hidden;} .n_banner_pc img{width:100%;} .n_banner_wap{width:100%; display:inline-block; overflow:hidden; display:none;} .n_banner_wap img{width:100%;} .inner_con{ padding:95px 0px 80px 0px;} .inner_about{width:100%; color:#000000; font-size:22px; line-height:2; overflow:hidden;} .inner_about img{ max-width:100%; height:auto !important;} .inner_about h1{width:100%; text-align:center; font-size:30px;} .inner_about h2{width:100%; text-align:center; color:#999999; font-size:20px; font-weight:normal;} .inner_about p{ line-height:2} .inner_gssl li{width:21.6%; float:left; margin-right:4.5%; padding-bottom:30px;} .inner_gssl li:nth-child(4n){ margin-right:0px;} .inner_gssl li .a_img{width:100%; display:inline-block; overflow:hidden; position:relative; padding:15px 20px; text-align:center; background-color:#f4f4f4; -webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s;} .inner_gssl li .a_img:hover{-moz-box-shadow:0px 0px 10px #f1f1f1;/*firefox*/ -webkit-box-shadow:0px 0px 10px #f1f1f1;/*webkit*/ box-shadow:0px 0px 10px #f1f1f1;/*opera或ie9*/ } .inner_gssl li .a_img .img1{width:100%;} .inner_gssl li .a_img .s1{width:100%; height:100%; position:absolute; left:0px; top:0px; z-index:1; padding:15px 20px; display:flex; align-items:center;justify-content: center;} .inner_gssl li .a_img .s1 .img2{ max-width:100%; max-height:100%;} .inner_gssl li .a_text{width:100%; height:100px; line-height:100px; text-align:center; color:#000; font-size:22px; font-weight:bold;} .inner_t{width:100%; text-align:center; color:#000; font-size:30px; font-weight:bold;} .inner_ft{width:100%; text-align:center; color:#999999; font-size:20px;} .inner_news{ padding:50px 0px 95px 0px;} .inner_news.active{ padding:50px 0px 0px 0px;} .inner_news_list li{width:31%; float:left; padding-bottom:40px; margin-right:3.5%;} .inner_news_list li .div{width:100%; display:inline-block; background-color:#fff; overflow:hidden; float:left; color:#999; font-size:14px; -webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s;} .inner_news_list li .div:hover{ background-color:#467fd6; text-decoration:none; color:#fff;moz-box-shadow:0px 20px 35px #d9d9d9;/*firefox*/ -webkit-box-shadow:0px 20px 35px #d9d9d9;/*webkit*/ box-shadow:0px 20px 35px #d9d9d9;/*opera或ie9*/} .inner_news_list li .div .a_img{width:100%; display:inline-block; overflow:hidden; height: 240px;} .inner_news_list li .div .a_img img{width:100%; float:left;} .inner_news_list li .div .a_text{width:100%; padding:15px 18px 70px 18px; background:url(../images/gz_tb7.png) right 18px bottom 18px no-repeat;} .inner_news_list li .div:hover .a_text{ background:url(../images/gz_tb9s.png) right 18px bottom 18px no-repeat;} .inner_news_list li .div .a_text .s1{width:100%; height:60px; line-height:30px; overflow:hidden; color:#000; font-size:20px; font-weight:bold;} .inner_news_list li .div:hover .a_text .s1{ color:#fff;} .inner_news_list li .div .a_text .s2{width:100%; margin:10px 0px 0px 0px; height:40px; line-height:20px; overflow:hidden;} .inner_news_list li:nth-child(3n){ margin-right:0px;} .inner_news_b{ text-align:center;} .inner_news_b a{ padding:0px 17px; height:34px; line-height:34px; background-color:#467fd6; color:#fff; font-size:16px; color:#fff; display:inline-block;-webkit-transition:all 0.5s;transition:all 0.5s;} .inner_news_b a:hover{ background-color:#306fd1; color:#fff;} .n_box4d{width:100%; padding:0px 7%;} .n_box4d_t{width:100%; padding:15px 0px; font-size:25px; font-weight:bold; line-height:1.6; text-align:center;color:#000;} .n_box4d_t1{width:100%; padding:5px 0px; text-align:center; line-height:1.6; color:#999; font-size:14px;} .n_box4d_c{width:100%; padding:40px 0px 50px 0px; font-size:18px; line-height:2; overflow:hidden; color:#000;} .n_box4d_c img{ max-width:100%; height:auto !important;} .n_box4d_c p{ line-height:2;} .n_box4d_b{width:100%;} .n_box4d_b .a1{width:50%; line-height:1.7; color:#000; font-size:18px; float:left;} .n_box4d_b .a1:hover{ text-decoration:none; color:#194D90;} .n_box4d_b .a1.a2{ text-align:right;} .inner_product li{width:25%; float:left; margin-bottom:60px; border-right:1px solid #f1f1f1;} .inner_product li .div{width:100%; padding:25px 20px 30px 20px; display:inline-block; overflow:hidden; color:#000; font-size:22px; font-weight:bold;-webkit-transition:all 0.5s;transition:all 0.5s;} .inner_product li .div:hover{ color:#000; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); } .inner_product li .div .a_img{width:100%; display:inline-block; overflow:hidden; height:180px;} .inner_product li .div .a_img img{width:100%; float:left;} .inner_product li .div .a_div{ height:110px; margin-top:16px; padding-top:30px;-webkit-transition:all 0.5s;transition:all 0.5s;} .inner_product li .div .a_text{ height:80px; line-height:80px; text-align:center; width:100%; overflow:hidden;} .inner_product li .div .a_text_b{width:100%; height:33px; text-align:center; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; -webkit-transform: translateY(-90%);-ms-transform: translateY(-90%); -o-transform: translateY(-90%); transform: translateY(-90%);} .inner_product li .div .a_text_b .s1{padding:0px 17px; height:33px; line-height:33px; background-color:#467fd6; color:#fff; font-size:16px; color:#fff; display:inline-block;-webkit-transition:all 0.5s;transition:all 0.5s; font-weight:normal;display:inline-block; margin:0px auto; margin-top:-5px;} .inner_product li .div:hover .a_text_b .s1{ background-color:#306fd1; color:#fff; } .inner_product li .div:hover .a_text_b{ display:block;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;-webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .inner_product li .div:hover .a_div{ padding-top:0px;} .inner_bg1{ background-color:#467fd6;} .inner_product_t{ padding:25px 0px; color:#fff; font-size:25px; font-weight:bold;} .inner_product_c{ padding:95px 0px 90px 0px; color:#000; font-size:18px; line-height:2; overflow:hidden;} .inner_product_c img{ max-width:100%; height:auto !important;} .inner_product_c p{ line-height:2;} .inner_product_b{ padding:50px 0px;} .n_product_con_details{ padding-bottom:0px !important; } .n_product_con_details_l{width:52%;} .n_product_con_details_l_left{width:84px; position:relative; padding-top:45px; padding-bottom:32px;} .n_product_con_details_l_right{width:72.5%; position:relative;} .n_product_con_details_r{width:41.25%; letter-spacing:2px;} .n_product_con_details_r_t{ padding:4px 0px; color:#000; font-size:22px; font-weight:bold;} .n_product_con_details_r_t1{ padding:15px 0px; color:#000; font-size:18px; display:flex;flex-wrap:wrap;justify-content:flex-start;} .n_product_con_details_r_text{ margin:30px 0px 0px 0px; color:#333; font-size:18px;} .product_swiper_left{width:100%; height:372px; overflow:hidden;} .product_swiper_left .swiper-slide{ height:84px !important; cursor:pointer; margin-bottom:9px; overflow:hidden; position:relative;} .product_swiper_left .swiper-slide:after{width:82px; height:82px; border:1px solid #457ed5; position:absolute; left:0px; top:0px; z-index:1; content:"";filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;} .product_swiper_left .swiper-slide img{width:100%;} .product_swiper_left .swiper-slide.swiper-slide-thumb-active:after{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;} .n_product_con_details_l_left .product_left_next{width:84px; height:24px; background:url(../images/img21.jpg) center no-repeat; background-size:100%; left:0%; top:auto; bottom:0px; margin-top:0px;} .n_product_con_details_l_left .product_left_prev{width:84px; height:24px; background:url(../images/img20.jpg) center no-repeat; background-size:100%; left:0%;top:0px; margin-top:0px;} .product_swiper_right{width:100%; overflow:hidden; border:1px solid #cccccc;} .product_swiper_right .swiper-slide{width:100%; overflow:hidden;} .product_swiper_right .swiper-slide img{width:100%;} .n_product_con_details_l_right .product_right_next{width:12px; height:24px; background:url(../images/tb_pp_right.png) center no-repeat; background-size:100%;left:auot; right:-50px; top:50%; margin-top:-12px; display:none;} .n_product_con_details_l_right .product_right_prev{width:12px; height:24px; background:url(../images/tb_pp_left.png) center no-repeat; background-size:100%; left:-50px; top:50%; margin-top:-12px; display:none;} .inner_contact{ padding-bottom:85px;} .inner_contact_l{width:47.5%; color:#000; font-size:20px;} .inner_contact_l_t{ padding:20px 0px 30px 0px; line-height:1.6; font-size:30px; font-weight:bold;} .inner_contact_l_c{ line-height:1.8;} .inner_contact_r{width:32%;} .inner_contact_r li{width:100%; padding-top:11px; float:left; border-bottom:1px solid #f4f4f4; color:#999; font-size:14px;} .inner_contact_r li .div{ padding:12px 0px; line-height:1.8;display:flex;justify-content: space-between;} .inner_contact_r li .div_l{width:72px;} .inner_contact_r li .div_r{width:80%;} .inner_map{ margin-bottom:85px; height:585px;} .inner_messages{ padding-top:50px;} .inner_messages_t{ padding-bottom:10px;} .inner_messages_t_l{width:50.4%;} .inner_messages_t_l li{ width:48%;margin-bottom:30px; float:left;} .inner_messages_t_l li .ipt1{width:100%; height:60px; line-height:60px; text-indent:10px;background-color:#dae5f7; font-size:18px; color:#000; border:0px;} .inner_messages_t_l li:nth-child(1){ margin-right:4%;} .inner_messages_t_l li:nth-child(3){width:100%;} .inner_messages_t_r{width:47.9%;} .inner_messages_t_r .ipt2{width:100%; height:150px; padding:18px 10px; background-color:#dae5f7; font-size:18px; color:#000;} .inner_messages_b{ text-align:center;} .inner_messages_b .ipt3{ padding:0px 124px; height:44px; line-height:44px; background-color:#467fd6; color:#fff; font-size:18px; cursor:pointer;} .inner_messages_b .ipt3:hover{ background-color:#306fd1;} .inner_messages_t_l li .ipt1,.inner_messages_t_r .ipt2:-moz-placeholder { color: #000; } .inner_messages_t_l li .ipt1,.inner_messages_t_r .ipt2::-moz-placeholder { color: #000; } .inner_messages_t_r .ipt2:-ms-input-placeholder, .inner_messages_t_l li .ipt1 { color: #000; } .inner_messages_t_r .ipt2::-webkit-input-placeholder, .inner_messages_t_l li .ipt1::-webkit-input-placeholder { color: #000; }