﻿@import url(style.css);
@import url(slide.css);
@import url(pscroll.css);
@keyframes scaleAnim{
    0%{         
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100%{
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}



.postions{ height:76px; line-height:76px; overflow:hidden;color:#444444; font-size:15px; background:#f9f9f9;}
.posadd .postions{ position:fixed; top:0; left:0; width:100%; z-index:5;}
.postions a{color:#444444; }
.postions a:hover{ color:#222222;}
.postions label{ color:#444444;}
.postions .postions_r{}
.postions .postions_r img{ vertical-align:baseline; margin-right:5px; margin-left:11px;}
.postions .postions_r img:first-child{ margin-left:0;}
.postions h2{ float:left; font-weight:normal; color:#333; height:58px; font-size:20px;}
.postions h2 span{font-size:16px; font-family:Arial;}
.postions .rclass{ float:right;background:url(../image/pos_bg2.png) left center no-repeat;background-size:20px auto;  padding-left:25px;-webkit-tap-highlight-color: #fff;-webkit-tap-highlight-color: transparent; display:none;}
.postions .postions_b{ float:right; }
.postions .postions_b a{ float:left; text-align:center;overflow:hidden; width:132px; font-size:15px; color:#333333; position:relative;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s; z-index:0;}
.postions .postions_b a:hover{color:#fff;}
.postions .postions_b a:after{content: "";display: block;position: absolute;left: 50%;right:50%; bottom: 0;height:100%;opacity: 0;background:url(../image/about_bg2.png) center center no-repeat; background-size:100% 100%;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s; z-index:-1;}
.postions .postions_b a.isel:after{left: 0%;right: 0%;opacity: 1;}
.postions .postions_b a:hover:after{left: 0%;right: 0%;opacity: 1;}
.postions .postions_b a.isel{color:#fff; }

.about_bgs{z-index: 19891024;background:url(../image/about_bg.png) repeat; width: 100%; height: 100%;  position: fixed;  left: 0;  top: 0;  display: none;}
.about_tc .closed2{ display:none;}
.about_con img{max-width:100%;height:auto !important;}

.yema{ width:100%; text-align:center; clear:both; overflow:hidden; padding-top:5%; padding-bottom:5%; clear:both;}
.yema a{ display:inline-block; height:36px; line-height:36px; padding-left:10px; overflow:hidden; padding-right:10px; min-width:18px;margin-left:5px; margin-right:5px;  text-align:center; color:#666666; font-size:13px; border:1px solid #e5e5e5; background:#fff;}
.yema a:hover{ text-decoration:none; color:#fff; background:url(../image/page_bg1.jpg) center center no-repeat; background-size:100% 100%;border:1px solid #2d9441;}
.yema a.page-num-current{color:#fff; background:url(../image/page_bg1.jpg) center center no-repeat; background-size:100% 100%;border:1px solid #2d9441;}
.yema a.first,.yema a.last{ margin-right:0;  }
.yema a.first:hover,.yema a.last:hover{background-color:#c77d42;}
.yema a span{ font-family:"瀹嬩綋"; font-size:16px;}


.about_bg{ background:#ffffff; overflow:hidden; padding-bottom:4%;}
.about_tt{ text-align:center; overflow:hidden; line-height:1.2; color:#222222; font-weight:bold; margin-top:6%;}
.about_tt .label{ display:block; text-transform:uppercase;margin-bottom:1%;line-height:1; margin-bottom:2%; color:#222222;}
.about_tt .label span{ font-family:"寰蒋闆呴粦";}
.about_con{ overflow:hidden; margin-bottom:3%;font-size:15px; color:#666666; line-height:32px; margin-top:2%; }
.about_con img{ max-width:100%;}
.about_con table{border-collapse:collapse;border-spacing:0;}
.about_con table td{ line-height:22px;height:27px; }
.about_con .imgs{ overflow:hidden; margin-bottom:3%;}
.about_con .l{ width:45.15%;}
.about_con .r{ width:52.92%;}

.about_ul{ overflow:hidden; margin-top:4.5%;}
.about_ul ul li{ float:left; width:32.66%; margin-right:1%; margin-bottom:1%; overflow:hidden;}
.about_ul ul li:nth-child(3n+0){ margin-right:0;}
.about_ul ul li .imgs2{ overflow:hidden;}
.about_ul ul li .imgs2 img{display: block;width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.about_ul ul li:hover .imgs2 img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}


.partner_ul{ margin-top:6%; margin-bottom:6%; border-left:1px solid #eeeeee;border-top:1px solid #eeeeee;}
.partner_ul ul li{ width:14.285%;float:left;  transition:all 0.3s;}
.partner_ul ul li .box{ border-right:1px solid #eeeeee; border-bottom:1px solid #eeeeee;}
.partner_ul ul li .imgs{ overflow:hidden;transition:all 0.6s;}
.partner_ul ul li:hover .imgs{-webkit-box-shadow: 0 5px 25px rgba(0,0,0,0.2); box-shadow: 0 5px 25px rgba(0,0,0,0.2); z-index:1; position:relative;}
.partner_ul ul li .imgs img{ display:block; width:100%;webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; }
.partner_ul ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}




.contact_t2{ overflow:hidden; margin-top:5%; text-align:center; line-height:26px; font-size:16px; color:#666666;}
.contact_t2 .h2{ height:50px; line-height:50px; color:#333333; font-size:30px; overflow:hidden;}
.contact_con{ color:#333; margin-top:4.5%;-webkit-box-shadow: 0 5px 35px rgba(0,0,0,0.1); box-shadow: 0 5px 35px rgba(0,0,0,0.1);}
.contact_con a{ color:#333;}
.contact_con a:Hover{ color:#2d9441;}
.contact_con .contact_con_txt{ max-width:1200px; overflow:hidden; margin:0 auto; width:94%; margin-top:3.8%; padding:3% 0;}
.contact_con .contact_con_txt .contact_l{ float:left; overflow:hidden; width:81.6%;font-size:15px;line-height:26px;}
.contact_con .contact_con_txt .contact_l .h2{ font-size:24px; font-weight:bold; color:#333333; margin-bottom:2.5%; overflow:hidden;}
.contact_con .contact_con_txt .contact_r{ float:right; overflow:hidden; width:17%; max-width:120px; text-align:center; line-height:30px;font-size:15px;}
.contact_con .contact_con_txt .contact_r img{ display:block; width:100%;}
.contact_con .contact_con_txt .contact_l ul li{ width:49%; overflow:hidden; float:left; margin-right:1%;}
.contact_con .divs{ margin-bottom:10px; font-weight:normal; padding-left:28px; overflow:hidden; background-repeat:no-repeat; background-position:left 5px;  }
.contact_con .divs.bgs1{ background-image:url(404.png);}
.contact_con .divs.bgs2{ background-image:url(404.png);}
.contact_con .divs.bgs3{ background-image:url(404.png);}
.contact_con .divs.bgs4{ background-image:url(404.png);}
.contact_map{overflow:hidden; max-height:380px;}
.contact_map iframe{height: 380px; overflow:hidden;}



.contact_two{ overflow:hidden;margin-top:1%; }
.contact_t3{ overflow:hidden; line-height:26px; font-size:15px; color:#888888;}
.contact_t3 .h2{height:40px; line-height:40px; color:#333333; font-size:24px; overflow:hidden; margin-bottom:2.5%;}
.feedback_div{padding-bottom:5%; overflow:hidden; text-align:center; margin-top:3%;}
.feedback_div .divs{float:left; width:32%; margin-right:2%;margin-bottom:2%;}
.feedback_div .divs:nth-child(3n+0){ margin-right:0;}
.feedback_div .inputs2{ width:99%;  background:#fff; height:46px; line-height:46px; font-size:15px; color:#a1a1a1; border:1px solid #e0e0e0; outline:none;  text-indent:28px; font-family:"寰蒋闆呴粦";}

.feedback_div .feedback_t{ color:#555; font-size:15px; padding-left:28px; overflow:hidden; background:url(../image/contact_bg5.png) left center no-repeat; text-align:left; margin-bottom:2%; margin-top:2%;}
.feedback_div .textarea{ padding:1%; width:calc(99% - 30px);width:-webkit-calc(99% - 30px);width:-moz-calc(99% - 30px); padding-left:28px; background:#fff; font-size:15px; font-family:"寰蒋闆呴粦";border:1px solid #e0e0e0; outline:none;margin-bottom:2%; color:#a1a1a1; height:100px;  }
.feedback_div .bnts2{  border: none; width:100%; max-width:158px;font-size:15px; height: 46px; line-height:46px; background: #222222; font-family:"寰蒋闆呴粦"; text-align: center;color: #fff; outline: none;  cursor: pointer; -webkit-appearance: none; float:left;}
.feedback_div .bnts2:hover{filter:alpha(opacity=80);opacity:0.8;transition:all 0.3s;}


.case_bg1{ background:#ffffff; overflow:hidden;}
.news_a{ text-align:center;overflow:hidden; font-size:15px; margin-top:3%;}
.news_a a{line-height:26px; margin-left:2%; margin-right:2%; display:inline-block; color:#444444;transition:all 0.3s; position:relative; overflow:hidden; vertical-align:top; }
.news_a a:hover{ color:#2d9441;}
.news_a a.csel{ color:#2d9441;}
.product_ul{ overflow:hidden;margin-top:4%;}
.product_ul ul li{ float:left; width:32.66%; overflow:hidden; margin-right:1%; margin-bottom:2%; text-align:left; background:#fff;}
.product_ul ul li:nth-child(3n+0){ margin-right:0;}
.product_ul ul li .imgs{overflow:hidden;transition:all 0.3s;}
.product_ul ul li .imgs img{display: block;width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.product_ul ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.product_ul ul li .txts{ overflow:hidden;padding-top:3%; margin-bottom:2%;}
.product_ul ul li .txts .h2{ height:28px; line-height:28px; overflow:hidden;font-weight:bold; color:#333333; font-size:18px; white-space:nowrap;text-overflow:ellipsis; }
.product_ul ul li .txts .h3{ height:22px; line-height:22px; overflow:hidden;font-weight:normal; font-size:15px; color:#68a740;transition:all 0.3s;white-space:nowrap;text-overflow:ellipsis;}


.case_tt{ color:#777777; font-size:16px; overflow:hidden; margin-top:4%; border-bottom:1px solid #e6e6e6;line-height:50px; padding-bottom:2.5%;}
.case_tt .h2{ float:left; font-weight:bold; color:#333;}
.case_tt label{ padding-left:8px; padding-right:8px; overflow:hidden; float:left; color:#dadada;}
.case_tt span{ float:left; overflow:hidden;}
.case_box{ background:#ffffff; overflow:hidden; margin-top:3%;}
.case_con{  overflow:hidden; width:100%; margin:0 auto;}
.case_con .about_txts{ overflow:hidden; margin-bottom:6%;font-size:15px; color:#666666; line-height:32px; margin-top:3.5%; }
.case_con .about_txts img{ max-width:100%;height:auto !important;}
.case_con .about_txts table{border-collapse:collapse;border-spacing:0;}
.case_con .about_txts table td{ line-height:22px;height:27px; }
.case_con .about_txts p{ padding-bottom:10px;}
.prenext{ padding-top:26px; text-align:center;  font-size:15px;margin-bottom:4%;border-top:1px solid #e6e6e6; overflow:hidden; line-height:26px; color:#333333; position:relative; }
.prenext a{ color:#333333; overflow:hidden; transition:all 0.3s;}
.prenext a:hover{ color:#222222;  text-decoration:none;opacity:0.8;filter:Alpha(opacity=80);}
.prenext span{ width:39%; overflow:hidden;}
.prenext span.l{ text-align:left;}
.prenext span.r{ text-align:right;}
.golist{ position:absolute; top:26px;left:50%; max-width:30%; transform: translate(-50%, 0%); overflow:hidden; }


.application_l{ float:left; width:70.6%; margin-top:5%;}
.about_x2{ padding-bottom:1%; overflow:hidden;  padding-top:5%; background:#fff; }
.about_x2 .txts{ margin:0 auto; max-width:810px; width:94%; overflow:hidden;}
.about_x2 .show_t{ line-height:36px; color:#333333; text-align:center; margin-bottom:2%; margin-top:5px; font-weight:normal;}
.about_x2 .con_line{ overflow:hidden;line-height:40px;font-size:14px; color:#999999;text-align:center; margin-bottom:1%; }
.about_x2 .con_line .a{ display:inline-block; padding-left:18px; padding-right:18px; position:relative;color:#999999;}
.about_x2 .con_line .a:first-child:after{ position:absolute; content:""; right:0; width:1px; height:10px; top:50%; margin-top:-5px; background:#dddddd;}
.about_x2 img{max-width:100%;}
.about_x2 .con_id{ margin:0 auto; max-width:1000px; line-height:30px;overflow:hidden;white-space:normal;word-break:break-all; padding-top:22px;font-size:15px; color:#888888;text-align:left; padding-bottom:5%;}
.about_x2 .con_id img{max-width:100%;height:auto !important;}
.about_x2 .con_id .h2{ font-size:16px; line-height:24px; margin-bottom:5px;}
.about_x2 .con_id p{ padding-bottom:15px; overflow:hidden;}
.about_x2 table{border-collapse:collapse;border-spacing:0;}
.about_x2 table td{ line-height:22px;height:27px; }
.about_x2 .prenext{ color:#888888;} 
.about_x2 .prenext a{ color:#888888;} 
.about_x2 .prenext a:hover{ color:#222222;} 
.about_x2 .prenext span{ width:47%;}

.fenxiang{  overflow:hidden; text-align:center; padding-bottom:5px; padding-top:5px; margin-bottom:1%; margin-top:1%; position:relative; z-index:0;}
.fenxiang:after{ background:#f1f1f1; content:""; position:absolute; top:50%; left:0; height:1px; width:100%; overflow:hidden; z-index:-1;}
.fenxiang .news_fx{ text-align:center;display:inline-block; vertical-align:top; background:#fff; overflow:hidden; padding-left:3px; padding-right:3px;}
.fenxiang .news_fx ul li{ display:inline-block; width:30px; height:30px; overflow:hidden; margin-left:7px; margin-right:7px; background-repeat:no-repeat; background-size:100% 100%; cursor:pointer;}
.fenxiang .news_fx ul li.bgs1{ background-image:url(404.png);}
.fenxiang .news_fx ul li.bgs2{ background-image:url(404.png);}
.fenxiang .news_fx ul li.bgs3{ background-image:url(404.png);}
.fenxiang .news_fx ul li:hover{transition:all 0.3s}
.fenxiang .news_fx ul li.bgs1:hover{ background-image:url(404.png);}
.fenxiang .news_fx ul li.bgs2:hover{ background-image:url(404.png);}
.fenxiang .news_fx ul li.bgs3:hover{ background-image:url(404.png);}
.fenxiang .news_fx ul li a{ display:block; width:100%; height:100%;}

.application_r{ float:right; overflow:hidden; width:26.4%; max-width:336px; margin-top:5%;}
.application_r .mb26{ margin-bottom:26px;}
.application_r .application_news{ background:#fff; overflow:hidden;  padding-top:2%; padding-bottom:2%;}
.application_r .application_t{ height:60px; line-height:60px; overflow:hidden;}
.application_r .application_t .h3{ font-weight:normal; color:#444444; }
.application_r .application_t .h3 span{ float:right;}
.application_r .application_t .h3:hover span{ color:#2d9441;}
.application_r .application_w{ margin:0 auto; max-width:280px; width:94%;}
.application_r .application_ul2{ overflow:hidden; margin-top:1.5%; margin-bottom:1.5%;}
.application_r .application_ul2 ul{padding:0 3%;}
.application_r .application_ul2 ul li{ display:block; border-top:1px solid #e7e7e7; padding-bottom:4%; padding-top:6%;  overflow:hidden;}
.application_r .application_ul2 ul li label{ display:block; height:24px; line-height:24px;  color:#888888; font-size:15px;}
.application_r .application_ul2 ul li .h3{ font-weight:normal; overflow:hidden;height:32px; line-height:32px; color:#444444; font-size:15px;transition:all 0.3s; white-space:nowrap;text-overflow:ellipsis;}
.application_r .application_ul2 ul li:hover .h3{ color:#2d9441;}


@media screen and (max-width: 1660px) {
.o_big_con.bgs2 .h2 i{ width:50px; height:50px;}
}



@media screen and (max-width: 1440px) {

.postions{ height:46px; line-height:46px; font-size:14px;}

.product_ul ul li .txts .h2{ font-size:17px;}
.product_ul ul li .txts .h3{font-size:14px;}




}