@charset "utf-8";
/* CSS Document */
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0} 
body{font:16px Verdana, Arial, Helvetica, sans-serif; background:#fff;-webkit-text-size-adjust:100%; width:100%; overflow-x:hidden} 
a{color:#2d374b;text-decoration:none; cursor:pointer} 
em{font-style:normal} 
li{list-style:none} 
img{border:0;vertical-align:middle} 
table{border-collapse:collapse;border-spacing:0} 
p{word-wrap:break-word}
h1,h2,h3,h4{ font-weight:normal}
.clear{ clear:both}
.f-l{ float:left}
.p-r-10{ padding-right:10px} 
.hidden_page{ display:none}
input[type="button"], input[type="submit"], input[type="reset"] {

-webkit-appearance: none;

}

@font-face {
    /* font-properties */
    font-family: YouTube;
    src:url('../fonts/YouTube-Sans-Bold.woff'),  
    url('../fonts/YouTube-Sans-Bold.ttf'),
    url('../fonts/YouTube-Sans-Bold.eot'); /* IE9 */
}

/*------  头部 -------*/
#Cnav{ animation-duration:0.8s; animation-delay:0s; }
.nav{ width:100%; height:70px; background:rgba(0,0,0,0.3); position:absolute; top:0; left:0; z-index:999; }
.nav.nav2{ width:100%; height:70px; background:rgba(255,255,255,0.9); position:absolute; top:0; left:0; z-index:999; }
.nav.nav2 #navigation li a{ color:#646464}
.nav .nav-container{ width:1300px; margin:0 auto; position:relative}
.nav-container .logo img{ width:200px}
.nav-container #navigation{ float:right; }
#navigation li{ display:inline-block; position:relative; float:left}
#navigation li:nth-child(6){ margin-right:0}
#navigation > li > a{ display:block; height:70px; text-align:center; font-size:18px; color:#fff; line-height:70px; padding:0 13px;}
#navigation > li > a.on{ color:#11d400 !important}
#navigation >li > a:hover, #navigation > li > a.current{ color:#78f4e1 !important; background:#1a5c52}
#navigation li .product_menu{ position:absolute; top:70px; padding:25px 0px 10px 0px; box-sizing:border-box; transform:scale(1,1); background:#fff; left:0; z-index:99; display:none; background:#1a5c52; box-sizing:border-box; min-width:100%;}
#navigation li .product_menu.m_pro{ padding-bottom:0}
#navigation li .product_menu.current{ display:block}
#navigation li .product_menu .table{ display:table}
#navigation li .product_menu .menu_part{ display:table-cell; padding:0 20px 15px; box-sizing:border-box; margin-bottom:15px}
#navigation li .product_menu #cd{ display:block; background:#114039 !important; text-align:center; border:none; color:#46c363; line-height:50px}
#navigation li .product_menu .menu_part h4{ display:inline-block; width:100%; font-size:16px; color:#646464; }
#navigation li .product_menu .menu_part h4 a{ display:inline-block; font-size:14px; color:#fff; height:auto; line-height:20px; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; border-bottom:1px solid #1a5c52; padding-bottom:5px;}
#navigation li .product_menu .menu_part h4 a:hover, #navigation li .product_menu .menu_part h4 a.current{ border-bottom:1px solid #78f4e1; color:#78f4e1;}
#navigation li .product_menu .menu_part ul li{ display:block; margin:0 !important}
#navigation li .product_menu .menu_part ul li a{ height:auto; font-size:15px; line-height:30px; color:#989898; text-align:left}
#navigation li .product_menu .menu_part ul li a:hover{ color:#78f4e1; border-bottom:1px solid #fff}
.logo{ display:inline-block; margin-top:10px}
#navigation li a.lang{ width:24px; height:24px; line-height:24px; background:#58b06c; color:#fff !important; font-size:15px; text-align:center;padding:0; margin-top:20px; margin-left:10px}
#navigation li .product_menu.m_contact{ right:0px; left:auto}
#navigation li .product_menu.m_application{ right:0px; left:auto}
#navigation li:hover .product_menu{ display:block}
.nav1 #navigation li{ background:url(../images/top2_bg.jpg) no-repeat center right}
.nav1 #navigation li:nth-child(8){ background:none}
#navigation li a.lang2{ margin-top:25px; height:auto; background:none }

.Banner{ position:relative; width:100%; height:650px;/*height:450px*/ overflow:hidden}
.Banner.inner{ height:430px; display:block} 
.Banner img{ position:absolute; left:50%; margin-left:-960px;}
#bannerlist li{ position:relative; height:650px;/*height:450px*/ overflow:hidden}

.Banner_phone{ position:relative; height:auto; display:none; width:100%; overflow:hidden}
.Banner_phone.inner{ height:auto} 
.Banner_phone img{ width:100%; margin:0}

.container .con-con{ width:1275px; margin:0 auto; padding:40px 0 25px; overflow-x:hidden}
.con-con > h3{ font-size:30px; color:#323232; text-align:center; font-weight:bold; font-family:YouTube}
.con-con .underline{ width:60px; height:15px; border-bottom:2px solid #01bc4b; margin:0 auto 30px}
.welcome{ box-sizing:border-box; width:100% !important;}
.welcome.con-con {padding:0}
.welcome ul{ display:table; width:100%}
.welcome li{ display:table-cell; width:25%; text-align:center; font-size:20px; padding:0; }
.welcome ul li a{ display:inline-block; padding:70px 0px 50px;}
.welcome ul li:nth-child(1){ background:#2d539f}
.welcome ul li:nth-child(2){ background:#1f4773}
.welcome ul li:nth-child(3){ background:#1a5c52}
.welcome ul li:nth-child(4){ background:#224e3c}
.welcome li .iconfont{ font-size:70px; display:inline-block; float:left; width:20%; color:#fff; width:78px; height:78px; border-radius:50%; line-height:76px; margin-right:20px;}
.welcome li .bb{ display:block; color:#fff; text-align:left; font-family:YouTube; font-weight:normal; overflow:hidden; line-height:78px}
.welcome h4{ font-size:23px;}
.welcome p{ font-size:14px; margin-top:13px}
.welcome .arrow{ width:10px; height:10px; border-right:1px solid #12d300; border-bottom:1px solid #12d300; transform:rotate(45deg); margin:45px auto 0}
.welcome .ul{ width:90%; margin:0 auto;}

.container.product{ /*background:url(../images/index_product_bg.jpg) no-repeat center;*/ background-size:100% 100%; padding:70px 0 85px}
.container.product .con-con{ width:90%;}
.container.product .con-con h3{ text-align:center; font-size:45px; color:#fff}

.container.about{ background:url(../images/city.jpg) no-repeat center bottom; height:1080px; background-color:#f2f2f2; padding-top:55px; box-sizing:border-box}
.about .con-con{ width:1275px; margin:0 auto; background:#ffffff; padding-bottom:70px}
.about .con-con .left{ width:49%; height:312px; padding-left:30px; display:inline-block; box-sizing:border-box; color:#646464; padding-top:25px; vertical-align:top; position:relative; float:left}
.about .con-con .right{ width:50%; padding-left:30px; display:inline-block; box-sizing:border-box; padding-left:60px; vertical-align:top; float:right; padding-right:40px}
.about .con-con .right img{ width:100%}
.about .con-con .left h1{ font-size:24px;}
.about .con-con .left p{ font-size:14px; line-height:22px; margin-top:50px}
.about .con-con .left a{ position:absolute; bottom:0; color:#11d400}
.about .con-con #about-icon li{ width:25%; display:inline-block; text-align:center; font-size:20px; color:#646464; vertical-align:top}
.about .con-con #about-icon li p{ margin-top:30px}
.about .con-con #about-icon li:hover p{ color:#11d400}
#about-icon { margin-top:80px}
#about-icon li .i_box{ display:inline-block; position:relative;}
#about-icon li .i_box .i_pos{ position:absolute; top:50%; margin-top:-57px; left:50%; margin-left:-57px; transform:scale(0); transition:all ease 0.5s}
#about-icon li i{ display:inline-block; width:114px; height:114px;}
#about-icon li i.directors{ background:url(../images/director.png) no-repeat; background-size:100% 100%}
#about-icon li i.directors_on{ background:url(../images/director_on.png) no-repeat; background-size:100% 100%}
#about-icon li i.milestones{ background:url(../images/milestones.png) no-repeat; background-size:100% 100%}
#about-icon li i.milestones_on{ background:url(../images/milestones_on.png) no-repeat; background-size:100% 100%}
#about-icon li i.branch{ background:url(../images/branch.png) no-repeat; background-size:100% 100%}
#about-icon li i.branch_on{ background:url(../images/branch_on.png) no-repeat; background-size:100% 100%}
#about-icon li i.business{ background:url(../images/business.png) no-repeat; background-size:100% 100%}
#about-icon li i.business_on{ background:url(../images/business_on.png) no-repeat; background-size:100% 100%}

#about-icon li:hover i.directors_on{ transform:scale(1)}
#about-icon li:hover i.milestones_on{ transform:scale(1)}
#about-icon li:hover i.branch_on{ transform:scale(1)}
#about-icon li:hover i.business_on{ transform:scale(1)}

#i-product li{ display:inline-block; width:33.3%; position:relative}
.product .owl-carousel li:hover a{ transform:scale(1,1)}
.product .owl-carousel li a{ display:block; width:100%; height:100%; position:absolute; top:0; padding-top:30%; box-sizing:border-box; text-align:center; color:#11d400; font-size:14px; background:rgba(73,73,73,0.8); transform:scale(0,0); transition:all ease 0.3s}
.owl-carousel li a span{ display:inline-block; width:27px; height:27px; background:#11d400; border-radius:50%; text-align:center; line-height:23px; font-size:27px; color:#fff}
.owl-carousel li a p{color:#fff; font-size:18px; margin-top:30px}
#i-product li img{ width:100%;}

.application{ /*background:url(../images/red_bg.jpg) no-repeat center center;*/}
.application .con-con{ width:1275px; overflow:hidden}
.application .con-con h3{ color:#fff;}
.application .describe{ font-size:14px; line-height:22px; color:#989898; width:910px; margin:0 auto; font-style:italic; margin-bottom:40px}
#i-investors{ width:95%; margin:0 auto;}
#i-application{ margin-right:-20px; text-align:center;}
#i-application li{ display:inline-block; width:25%; position:relative; padding-right:20px; box-sizing:border-box; }
#i-application li .pic-box{ position:relative; overflow:hidden}
#i-application li:hover a{ transform:scale(1,1)}
#i-application li:hover img{ transform:scale(1.2,1.2); transition:all ease 0.5s;}
#i-application li a{ display:block; width:100%; height:100%; position:absolute; top:0; text-align:center; color:#11d400; font-size:14px; background:rgba(255,255,255,0); transform:scale(0,0); transition:all ease 0.3s; z-index:9}
#i-application li a span{ display:block; width:90%; height:87%; text-align:center; line-height:150px; font-size:40px; border:1px solid #11d400; margin:4% auto}
#i-application li img{ width:100%}
#i-application li p{ line-height:40px; text-align:center; font-size:14px; background:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:0 5px}
.green_down{ text-align:center; margin-top:50px; }

.index_video{ /*background:url(../images/index_video_bg.jpg) no-repeat; background-size:100% 100%;*/ padding:70px 0 85px}
.video{ width:90%; max-width:1100px; overflow:hidden; margin:0 auto; position:relative;}
.video img{ width:100%}
.play_video{ position:absolute; top:50%; left:50%; margin-top:-62px; margin-left:-90px; cursor:pointer}
#video{ width:100%; height:100%; position:absolute; z-index:85; top:0; background:#000; display:none}
#video video{ height:100%}
/* .play_panle{ display:none; background:rgba(0,0,0,0.8); position:fixed; width:100%; height:100%; top:0; left:0; z-index:999}
.stop_play{ display:inline-block; padding:5px; color:#fff; position:absolute; right:0; top:0; font-size:20px; background:#01bc4b} */

.container.investors{ padding-bottom:60px; background:url(../images/index_investor_bg.jpg) no-repeat; background-size:100% 100%}
.investors .describe{ font-size:14px; line-height:22px; color:#323232; width:910px; margin:0 auto; font-style:italic; margin-bottom:40px}
#i-investors{ width:95%; margin:0 auto;}
#i-investors li{ width:25%; text-align:center; display:inline-block; padding:0 18px; box-sizing:border-box; vertical-align:top}
#i-investors li .outer{ padding-top:30px; box-sizing:border-box; background:#efefef; height:190px; -webkit-transition-property:all; -webkit-transition-duration:1s; -webkit-transition-timing-function: ease;}
#i-investors li .pic-box{ display:inline-block;  width:75px; height:75px; border-radius:50%; line-height:75px; overflow:hidden; padding-top:23px; box-sizing:border-box; margin-bottom:25px}
#i-investors li p{ font-size:20px; color:#323232}
#i-investors li:hover .pic-box{ background:#fff}
#i-investors li:hover .outer{ background:#0c9300}
#i-investors li:hover p{ color:#fff}

.container.contact{ background:#efefef; padding-bottom:60px}
#form1{ width:920px; margin:0 auto; text-align:center}
.container.contact input[type=text]{ width:385px; height:45px; border:none; padding-left:15px; box-sizing:border-box; margin:0 10px 12px;}
.container.contact textarea{ width:800px; height:160px; border:none; padding:10px 15px; box-sizing:border-box; font-family:"微软雅黑"}
#send{ display:block; width:110px; height:40px; background:#00db58; border-radius:5px; border:none; color:#fff; margin:60px auto 0}
.pop_map{ width:100%; height:190px; position:relative; overflow:hidden; cursor:pointer}
.pop_map img{ position:absolute; left:50%; margin-left:-960px}
.pop_map #map{ display:none; position:absolute; width:90%; height:400px; max-width:900px; left:50%; margin-left:-450px; background:#000; bottom:-400px; transition:all ease 0.5s}
.fadeMap{ position:relative; width:100%; overflow:hidden}
.fadeMap #map{ position:absolute; width:90%; height:400px; max-width:900px; left:50%; margin-left:-450px; background:#000; bottom:0px; transition:all ease 0.5s}


.main{ width:1275px; margin:0 auto;}
.main.pro{ background:url(../images/pro.jpg) no-repeat top center; }
.main_100{ width:100% !important}
.main .category{ padding-top:20px; margin-bottom:75px; text-align:center}
.main .category > a{ display:inline-block; /*width:16.5%;*/ padding:0 15px; text-align:center; line-height:40px; border-radius:20px; background:#fff; color:#989898; font-size:16px; margin:0 5px}
.main .category > a:hover{ color:#fff; background:#58b06c}
.main .category > a.on{ color:#fff; background:#58b06c}
.main h1{ font-size:40px; text-align:center; color:#323232}
.main h2{ font-size:40px; text-align:center; color:#474747; margin:40px 0 50px}
.main h2.info-title{ margin-top:100px;}
.main h5{ font-size:24px; color:#474747; font-weight:normal; margin-bottom:20px; margin-top:60px}
.main_100 .part_content{ font-size:18px; line-height:28px; width:100%; max-width:1275px; margin:0 auto}
.main_100 .part_1{ height:665px; background:url(../images/company_profile.jpg) no-repeat center center; border:1px solid #e5ded5}
.main_100 .category a{ background:none}
.main_100 .part_1 .p1{ margin-top:40px; color:#646464; text-align: justify;}
.main_100 .part_2{ height:440px; background:url(../images/company_profile_2.jpg) no-repeat center center; padding-top:80px; text-align:center; box-sizing:border-box}
.main_100 .part_2 .p2{ background-color:rgba(0,0,0,0.3); color:#fff; padding-top:40px; height:270px; box-sizing:border-box} 
.main_100 .part_2 p{ padding:35px 45px 0; }
.main_100 .part_2 .p2 h5{ font-size:24px; color:#fff; margin:0}
.main_100 .part_3{ height:485px; background:#fff; padding-top:95px; text-align:center; box-sizing:border-box}
.main_100 .part_3 .p3{ color:#646464; padding:0 45px; box-sizing:border-box}
.main_100 .part_3 h5{ margin:0}
.main_100 .part_3 .p3 .r_and_l{ margin-top:45px}
.main_100 .part_3 .p3 .r_and_l p{ width:60%; max-width:700px; text-align:left; float:left}
.main_100 .part_3 .p3 .r_and_l img{ float:right; width:28%}
.main_100 .part_4{ height:455px; background:#274287; padding-top:75px; box-sizing:border-box; text-align:center}
.main_100 .part_4 h5{ font-size:24px; color:#fff; margin:0}
.main_100 .part_4 .p4 p{ color:#fff; margin-top:40px}
.main_100 .part_5{ height:455px; background:#fff; padding-top:75px; box-sizing:border-box; text-align:center}
.main_100 .part_5 h5{ font-size:24px; color:#545454; margin:0}
.main_100 .part_5 .p5 p{ color:#545454; margin-top:40px}
.main_100 #apply_us{ width:230px; height:60px; display:block; margin:0 auto; background:#274287; text-align:center; line-height:60px; color:#fff; font-size:24px; margin-top:85px}

.search_box{ width:550px; height:50px; border:2px solid #e5e5e5; margin:0 auto; border-radius:25px; overflow:hidden; margin:50px auto 70px}
.search_box #keyword{ width:90%; height:100%; border:none; padding-left:30px; box-sizing:border-box; vertical-align:middle; font-size:14px}
.search_box #btn{ width:10%; height:100%; border:none; background:url(../images/search.jpg) no-repeat center center; vertical-align:middle; background-color:#fff}
.pro_list.relative{ width:100%; max-width:none; margin-bottom:150px}
.fix_position{  margin-left:-1%; margin-right:-1%}
.pro_list.relative li{ display:inline-block; width:23%; float:left; box-sizing:border-box; margin:1%}
.pro_list.relative li a{ display:block; border:1px solid inherit; width:100%; overflow:hidden;}
.pro_pic{ max-height:199px; overflow:hidden}
.pro_list li img{ width:100%; transition:all ease 0.5s}
.pro_list.relative li p{ font-size:18px; text-align:center; line-height:60px; color:#989898; background:#f5f5f5; white-space: nowrap;  text-overflow:ellipsis; overflow:hidden; margin:0; width:100%; min-height:auto}
.pro_list li:hover{ border-color:#76c576;}
.pro_list li a:hover p{ color:#76c576}
.pro_list li a:hover img{ transform:scale(1.1)}
/*.pro_list li a .touming{ line-height:60px; background:#fff; color:#5a5a5a; text-align:center; font-size:20px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; position:relative; z-index:50}*/
.pro_sun_bg{ background:url(../images/pro_cate.jpg) no-repeat center center;  min-height:800px; border-top:1px solid #fff; border-bottom:1px solid #000; background-size:auto 100%; background-attachment:fixed}
.pro_sun_bg.pro{ background-image:url(../images/pro.jpg);}
.content_detail{ margin-top:20px}
/*.pro_category{ padding-top:170px; }*/
.G_D{text-align:center; margin-top:30px; margin-bottom:30px}
.Gallery{ display:inline-block; width:460px; height:115px; padding-left:55px; box-sizing:border-box; background:#58b06c; text-align:left; font-size:22px; color:#fff; line-height:115px}
.Download{ display:inline-block; width:460px; height:115px; padding-left:55px; box-sizing:border-box; background:#284287; text-align:left; font-size:22px; color:#fff; line-height:115px}
.G_D img{ margin-right:30px;}
.Gallery a, .Download a{ color:#fff}
.pro_list{ width:90%; max-width:1340px; margin:0 auto; box-sizing:border-box}
.pro_list li{ background-color:#fff; width:30%; /*float:left;*/ margin:1.79%; width:29.6%; display: inline-block}
.p-name{ display:inline-block; width:100%; font-size:16px; font-weight:bold; line-height:65px; text-align:center; color:#333333; border-bottom:1px solid #f0f0f0; white-space: nowrap;  text-overflow:ellipsis; overflow:hidden;}
.pro_list li p{ /*font-size:12px; text-align:justify; color:#646464; line-height:22px; width:80%; margin:0 auto; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4;
-webkit-box-orient: vertical; margin-top:17.5%; margin-bottom:18%; min-height:84px*/}
.pro_list li p img{ width:100%}
.pro_list.modern li a{ display:inline-block; width:100%; line-height:65px; text-align:center; font-size:18px; background-color:#003b1f; color:#fff}
.pro_list.modern li a:hover{ background-color:#0a9e00}
.category_container{ width:90%; max-width:955px; margin:0 auto;}
.category_list{ margin:0 -2.65%}
.category_list li{ display:inline-block; width:19.7%; float:left; margin:2.65% 2.65%; border:1px solid #fff; box-sizing:border-box; position:relative;}
.category_list li:hover{ border-color:#00763a}
.category_list li a{ display:block; padding-bottom:100%;}
.category_list li a .cate_ab{ position:absolute; width:100%; height:100%; text-align:center;}
.category_list li a .cate_ab:after{ content:''; width:0; height:100%; display:inline-block; vertical-align:middle;}
.category_list li a .cate_inner{ display:inline-block; width:100%; vertical-align:middle}
.category_list li a .cate_inner img{ width:65%; display:inline-block}
.category_list li a .cate_inner p{ width:65%; font-size:14px; display:block; margin:10px auto 0; color:#fff}

.download_list{ margin-left:-20px; margin-top:75px; min-height:500px}
.download_list li{ display:inline-block; width:20%; padding-left:40px; box-sizing:border-box; }
.download_list li a{ display:block; height:240px; box-shadow: 3px 3px 3px #d8d8d8; background:url(../images/download_bg.png) no-repeat; background-size:100% 100%; padding:45px 25px 0; box-sizing:border-box; font-size:16px; line-height:25px; color:#646464;}
.download_list li a:hover{ background:url(../images/download_bg_on.png) no-repeat; background-size:100% 100%; color:#fff}
.download_confirm_box{ display:none; position:fixed; width:100%; height:100%; top:0; left:0}
.download_confirm{  position:absolute; width:80%; max-width:300px; padding:20px; text-align:center; top:30%; left:50%; margin-left:-150px; background:#fff; border:1px solid #cccccc; font-size:16px; box-sizing:border-box}
.download_confirm input[type='password']{ height:30px; margin:10px 0; cursor:pointer}
.download_confirm input[type='button']{ height:30px; width:50px; background:#58b06c; border:none; color:#fff; margin:0 5px; cursor:pointer}
.error_tips{ font-size:14px; color:red; text-align:center; line-height:25px}

.case_cate{ margin:25px 0 65px; display:none; border-top:2px solid #58b06c; padding-top:5px}
.case_cate a{ display:inline-block; /*width:250px; height:100px;*/ font-size:16px; color:#646464; /*background:url(../images/green_2.jpg) no-repeat; background-size:100% 100%;*/ padding:0 15px; line-height:30px;}
.case_cate a:hover{ /*background:url(../images/green.jpg) no-repeat;*/ color:#58b06c;}
.case_cate a.on{ /*background:url(../images/green.jpg) no-repeat;*/ color:#58b06c;}

.Page{ text-align:center; margin:40px 0 100px}
.Page a{ display:inline-block; min-width:40px; height:40px; line-height:40px; margin:0 15px; color:#001c0e}
.Page a.Page_Selected{ color:#fff; background-color:#001c0e}
.Page span{ font-size:14px; color:#001c0e; line-height:40px; margin:0 15px}
.Page a:hover{ background-color:#001c0e; color:#fff}
.Page #prev_page{ width:65px; height:40px; line-height:40px; text-align:right; background:url(../images/prev.jpg) no-repeat left center}
.Page #next_page{ width:65px; height:40px; line-height:40px; text-align:left; background:url(../images/next.jpg) no-repeat right center}

.product_content{ width:910px; margin:0 auto 50px}
.product_content img{ width:100%}
.product_content h4{ font-size:24px; color:#545454; margin-bottom:15px; color:#545454; margin-top:35px;}
.product_content ul li{ display:inline-block; width:50%; font-size:16px; line-height:30px; color:#646464}
.product_content p{ font-size:16px; color:#646464; line-height:30px}
.product_content #back_btn{ display:block; width:150px; height:50px; margin:50px auto 0; text-align:center; line-height:50px; background:#4bb344; font-size:20px; color:#fff;}

.news_list{ margin-top:75px}
.news_list li a{ display:inline-block}
.news_list li{ height:210px; padding:13px 13px 13px 20px; position:relative; margin-bottom:50px; box-sizing:border-box}
.news_list li:hover{ background:#58b06c; }
.news_list li:hover *{ color:#fff !important}
.news_list li .news_left{ width:72%; display:inline-block; float:left}
.news_list li .news_left h4{ font-size:24px; color:#474747; margin:15px 0}
.news_list li .news_left p{ font-size:18px; line-height:30px; color:#646464;}
.news_list li .news_left span{ position:absolute; bottom:23px; left:20px; font-size:18px; color:#989898}
.news_list li .news_right{ width:21%; display:inline-block; float:right}
.news_list li .news_right img{ width:100%}
.Page2{ text-align:center; margin-top:50px; margin-bottom:95px}
.Page2 a{ display:inline-block; width:150px; height:50px; text-align:center; line-height:50px; background:#4bb344; font-size:20px; color:#fff; margin:0 30px}
.Page2 .Page_Selected{ width:30px; height:30px; margin:0; line-height:30px; font-size:16px}
.Page2 .Page_Num{ width:30px; height:30px; margin:0; line-height:30px; background:#fff; color:#000; font-size:16px}
.Page2 .Page_Num:hover{ background:#4bb344; color:#fff;}

.small_title{ text-align:center; font-size:14px; color:#989898; max-width:900px; margin:15px auto 0; font-style:italic}
#director{ margin:75px auto 0; max-width:960px;}
#director li{ margin-bottom:65px}
#director li .d-left{ display:none; vertical-align:top}
#director li .d-left img{ max-width:235px}
#director li .d-right{ display:inline-block; width:100%; padding-top:10px; box-sizing:border-box; vertical-align:top; text-align: justify;}
#director li .d-right h3{ font-size:18px; color:#474747; font-weight:bold}
#director li .d-right h4{ font-size:16px; color:#646464; font-style:italic; margin:10px 0 15px; font-weight:bold; border-bottom:1px solid #d4d4d4; padding-bottom:5px}
#director li .d-right p{ font-size:14px; color:#646464; line-height:24px}

.about_content{ margin:75px auto 0; line-height:35px;}
#factory_list{ text-align:center}
#factory_list li{ width:33.3%; padding-right:15px; padding-left:15px; display:inline-block; box-sizing:border-box; font-size:15px; line-height:20px; color:#474747}
#factory_list li img{ width:100%; height:200px}
#factory_list li p{ padding:15px 0}

.contact_left{ position:relative; padding-bottom: 30px}
.common_title{ font-size:24px; color:#474747;}
.contact_left .common_title{ margin-bottom:30px}
.contact_left h4{ font-size:18px; color:#646464;}
.contact_left p{ color:#a0a0a0; font-size:17px; line-height:25px; margin-bottom:20px}
.contact_left p a{ color: #a0a0a0}
.contact_left p a:hover{ color:rgb(49, 157, 245)}
.earth_map{ position:absolute; right:65px; top:0}
#mapContain{ height:470px; margin:18px 0 20px}
.contact_information{ margin-bottom:30px; margin-top: 50px}
.contact_information ul{ margin-top:10px}
.contact_information ul li{ font-size:18px; color:#646464; line-height:25px}
.contact_information ul li span{ font-size:17px; font-weight:normal}

.tree{ width:100%; margin:0 auto; position:relative;}
.about_content .tree img{ width:auto}
.tree .m p{ font-size:17px; line-height:20px; color:#646464; margin-top:5px; padding-left:25px; width:100%; max-width:300px; box-sizing:border-box; text-align:center}
/*
.tree .history{ position:absolute;}
.tree .m1{ top:-5px; right:-320px}
.tree .m2{ top:120px; left:-320px}
.tree .m3{ top:245px; right:-320px}
.tree .m4{ top:370px; left:-320px}
.tree .m5{ top:490px; right:-320px}
.tree .m6{ top:605px; left:-320px}
.tree .m6_1{ top:605px; left:-610px}
.tree .m7{ top:735px; right:-320px}
.tree .m8{ top:855px; left:-320px}
.tree .m9{ top:980px; right:-320px}
.tree .m9_1{ top:980px; right:-625px}
.tree .m10{ top:1100px; left:-320px}
*/

/*
.tree .m_box{ position:absolute; }
.tree .m_box:nth-child(odd){ left:50px;}
.tree .m_box:nth-child(even){ right:310px;}
*/
.tree .left{ width:50%; position:absolute; left:0; padding-right:20px; box-sizing:border-box; overflow:hidden}
.tree .right{ width:50%; position:absolute; right:0; padding-left:20px; box-sizing:border-box; overflow:hidden}
.tree .m_box .m{ height:245px; width:305px; display:inline-block}
.tree .left .m_box{ text-align:right;}
.tree .left .m_box .m{ text-align:center; float:right}
.tree .right .m_box .m, .tree .left .m_box .m{ vertical-align:top}
.tree .right .m_box:nth-child(3n-2) .m{ background:url(../images/stone_lan.png) no-repeat; background-size:100% 175px}
.tree .right .m_box:nth-child(3n-1) .m{ background:url(../images/stone_yellow.png) no-repeat; background-size:100% 175px}
.tree .right .m_box:nth-child(3n) .m{ background:url(../images/stone_deep.png) no-repeat; background-size:100% 175px}

.tree .left .m_box:nth-child(1){ margin-top:125px}
.tree .left .m_box:nth-child(3n-2) .m{ background:url(../images/stone_red.png) no-repeat; background-size:100% 175px}
.tree .left .m_box:nth-child(3n-1) .m{ background:url(../images/stone_qing.png) no-repeat; background-size:100% 175px}
.tree .left .m_box:nth-child(3n) .m{ background:url(../images/stone_red.png) no-repeat; background-size:100% 175px}

.tree #just_count .m_box{ width:95%; max-width:680px; margin:0 auto; overflow:visible; position:relative; background:url(../images/m-box-bg.jpg) center center no-repeat; background-size:7px 100%}
.tree #just_count .m_box:nth-child(1){ margin-top:0}
.tree #just_count .m_box{ margin-top:-8%}
.tree #just_count .m_box:nth-child(6n-5) .m{ background:url(../images/stone_lan.png) no-repeat; background-size:100% 175px}
.tree #just_count .m_box:nth-child(6n-4) .m{ background:url(../images/stone_red.png) no-repeat; background-size:100% 175px}
.tree #just_count .m_box:nth-child(6n-3) .m{ background:url(../images/stone_yellow.png) no-repeat; background-size:100% 175px}
.tree #just_count .m_box:nth-child(6n-2) .m{ background:url(../images/stone_qing.png) no-repeat; background-size:100% 175px}
.tree #just_count .m_box:nth-child(6n-1) .m{ background:url(../images/stone_deep.png) no-repeat; background-size:100% 175px}
.tree #just_count .m_box:nth-child(6n) .m{ background:url(../images/stone_green.png) no-repeat; background-size:100% 175px}
.tree #just_count .m_box:nth-child(odd) .m{ float:right}
.tree #just_count .m_box:nth-child(even) .m{ float:left}

.tree #just_count .m_box:nth-child(odd) .m:nth-child(2){ position:absolute; top:0; right:-45%;}
.tree #just_count .m_box:nth-child(even) .m:nth-child(2){ position:absolute; top:0; left:-45%;}

.tree #just_count .m_box .circle{ width:35px; height:35px; border-radius:50%; box-sizing:border-box; position:absolute; left:50%; margin-left:-17px; background:#fff}
.tree #just_count .m_box:nth-child(6n-5) .circle{ border:5px solid #1a5b85}
.tree #just_count .m_box:nth-child(6n-4) .circle{ border:5px solid #d13b56}
.tree #just_count .m_box:nth-child(6n-3) .circle{ border:5px solid #f0c135}
.tree #just_count .m_box:nth-child(6n-2) .circle{ border:5px solid #3ca6a4}
.tree #just_count .m_box:nth-child(6n-1) .circle{ border:5px solid #3d4e68}
.tree #just_count .m_box:nth-child(6n) .circle{ border:5px solid #59b06c}

.tree #just_count .m_box:nth-child(even) .year{ text-align:right; padding-right:30px}
.tree #just_count .m_box:nth-child(odd) .year{ text-align:left; padding-left:30px}

.tree #just_count{ position:relative; padding-bottom:40px}
.tree .m .year{ position:absolute; top:0; line-height:45px; font-size:20px; width:100%; color:#fff; box-sizing:border-box}
.tree .right .m .year{ text-align:left; padding-left:30px}
.tree .left .m .year{ text-align:right; padding-right:30px}
.tree .m .main_pic{ width:100%; height:55%; text-align:center; margin-top:45px; background-repeat:no-repeat; background-position:top center;}
.tree .m .main_pic img{ width:87%; height:100%}

#enquires_form{ font-size:16px; color:#646464; padding-bottom:70px; margin-top:20px}
#enquires_form *{ vertical-align:middle}
#enquires_form label{ display:block; text-align:right; margin-right:20px}
#enquires_form input, #enquires_form select { border:2px solid #c7c7c7; height:35px}
#enquires_form textarea{ width:450px; height:100px; border:2px solid #c7c7c7;}
#enquires_form select{ width:295px;}
#enquires_form #CompanyName{ width:220px;}
#enquires_form #ContactPerson{ width:220px;}
#enquires_form #Province{ width:345px}
#enquires_form #Phone{ width:450px}
#enquires_form #Email{ width:450px}
#enquires_form input[type=radio]{ margin-right:5px}
#enquires_form input[type=button]{ width:75px; background:#4bb344; border:none; color:#fff; margin-right:10px}
#enquires_form #content{ width:750px}
.mobile_label{ display:none; height:20px}
#enquires_form input[type=text]{ padding:0 10px; box-sizing:border-box}
#enquires_form textarea{ padding:10px 10px; box-sizing:border-box}
#feedback_2{ display:none}
#feedback_2 #content{ width:100%}
#enquires_form .feedback_form #ContactPerson{ width:220px}
#enquires_form .feedback_form #Email{ width:325px}
#enquires_form .feedback_form #Phone{  width:220px}
#enquires_form .feedback_form #Title{ width:325px}
#enquires_form .feedback_form #Content{ width:750px}
#enquires_form .feedback_form #txtCode{ width:80px; margin-right:10px}

.feedback_form2 #txtCode{ width:50px;; margin-right:10px}

#contact_ul{ margin-top:70px}
#contact_ul li{ display:inline-block; width:33.1%; margin-bottom:55px}
#contact_ul li:nth-child(4){ width:100%}
#contact_ul li img{ vertical-align:middle; width:auto}
#contact_ul li p{ display:inline-block; font-size:20px; color:#646464; line-height:30px; vertical-align:middle; padding-left:15px}
#contact_ul li p span{ font-size:18px; color:#8b8b8b}

.scroll-x{ width:100%; overflow-x:auto;}
#announ-table{ width:915px; margin:0 auto; padding-bottom:50px}
#announ-table tr th{ height:60px; background:#4bb344; color:#fff;}
#announ-table tr th:nth-child(4) p{ padding:0 10px; border:none}
#announ-table tr th p{ border-right:2px solid #fff;}
#announ-table tr td{ height:60px; font-size:14px; color:#323232; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; background:url(../images/td_bg.jpg) no-repeat right center;}
#announ-table tr td:nth-child(3), #announ-table tr td:nth-child(4){ background-image:none !important}
#announ-table td span{ font-size:24px; margin-right:20px; vertical-align:middle}
#announ-table td p{ display:inline-block; vertical-align:middle; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:350px; padding-right:20px;}
#announ-table td a{ display:inline-block; width:31px; height:34px; background:url(../images/download2.png) no-repeat; background-size:100% 100%}
.first-td{ width:34%;}
.third-td{ width:23%; text-align:center}
.forth-td{ width:11%; text-align:center}
.first-td{ border-left:1px solid #e5e5e5; padding-left:30px}
.forth-td{ border-right:1px solid #e5e5e5;}
.second-td{ width:32%; text-align:center}
#announ-table tr:hover{ background:#8ccf87}
#announ-table tr:hover td{ color:#fff; background-image:url(../images/td_bg_on.jpg)}
#announ-table tr:hover td a{ background-image:url(../images/download3.png)}

.footer{ height:360px; background:#001c0e; padding-top:40px; box-sizing:border-box; }
.footer .middle{ width:1275px; height:100%; margin:0 auto; position:relative}
.footer .middle .part{ float:left; width:14%}
.part h4{ font-size:14px; color:#fff}
.part ul{ margin-top:25px}
.part ul li a{ font-size:13px; color:#00763a; line-height:24px}
.copyright{ font-size:12px; color:#00763a; position:absolute; bottom:0; width:100%; height:106px; border-top:1px solid #00763a; padding-top:15px; line-height:25px}
.copyright span{ color:#0d9d00}
#sirui{float:right}
.business_mod{ width:915px; margin:0 auto 30px}
.business_mod img{ width:100%}
.about_content img{ width:100%}

.mobile_nav_top{ display:none; height:55px; background:#16171a; position:relative; z-index:9999}
#mobile_logo{ display:inline-block; width:25%; margin-top:15px; margin-left:20px}
#mobile_logo img{ width:100%}
.mobile_nav_area{ position:absolute; height:100%; top:0; right:10px}
.mobile_nav_btn{ display:inline-block; vertical-align:middle; padding:10px; padding-top:18px}
.mobile_nav_btn span{  display:block; width:20px; height:2px; border-radius:3px; margin-bottom:5px; background:#fff}
.mobile_nav{ width:100%; position:absolute; top:55px; left:0; display:none; z-index:100; }
.gray_bg{  width:100%; height:100%; background:rgba(0,0,0,0.9); position:fixed; top:0; z-index:100}
.mobile_nav .top_level{ position:relative; z-index:200}
.mobile_nav .top_level .grade{ height:45px; font-size:14px; color:#fff; line-height:45px; padding-left:20px; border-bottom: #2b2b2e 1px solid; position:relative}
.mobile_nav .top_level .grade.multilevel:after{ content:""; display:inline-block; width:8px; height:8px; -webkit-transform:rotate(45deg); transform:rotate(45deg); border-right:1px solid #777; border-bottom:1px solid #777; position:absolute; top:18px; right:20px; transition:all ease 0.3s}
.mobile_nav .top_level .grade.multilevel.active:after{ content:""; display:inline-block; width:8px; height:8px; -webkit-transform:rotate(-45deg); transform:rotate(-135deg); border-right:1px solid #777; border-bottom:1px solid #777; position:absolute; top:18px; right:20px; transition:all ease 0.3s}
.mobile_nav .top_level .grade a{ color:#fff}
.mobile_nav a{ display:block}
.mobile_nav .multilevel a{ display:inline-block}
.mobile_nav .third_level .grade{ padding-left:40px; border-bottom:none}
.top_level{ background:#16171a}
.second_level{ display:none;background:#202124; transition:all ease 1s}
.third_level{ display:none; transition:all ease 1s}


.Page_Area{ display:none}
.Page_Text{ display:none}
.Page_Button{ display:none}
.Page2 .Page_Next_Text, .Page2 .Page_Next{ display:inline-block; width:120px; height:30px; text-align:center; line-height:30px; background:#4bb344; font-size:16px; color:#fff; margin:0 15px}
.Page2 .Page_Prev_Text, .Page2 .Page_Prev{ display:inline-block; width:120px; height:30px; text-align:center; line-height:30px; background:#4bb344; font-size:16px; color:#fff; margin:0 15px}
.Page2 .Page_First_Text, .Page2 .Page_First{ display:none}
.Page2 .Page_End_Text, .Page2 .Page_End{ display:none}

.Page .Page_First_Text, .Page1 .Page_First{ display:none}
.Page .Page_End_Text, .Page1 .Page_End{ display:none}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.Banner .prev,
.Banner .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.Banner .next{ left:auto; right:3%; background-position:8px 5px; }
.Banner .prev:hover,
.Banner .next:hover{ filter:alpha(opacity=100);opacity:1;  }

.Banner_phone .prev,
.Banner_phone .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.Banner_phone .next{ left:auto; right:3%; background-position:8px 5px; }
.Banner_phone .prev:hover,
.Banner_phone .next:hover{ filter:alpha(opacity=100);opacity:1;  }

.Banner .prevStop{ display:none;  }
.Banner .nextStop{ display:none;  }

.owl-theme .owl-dots{ display:none}
.owl-carousel .owl-nav button.owl-next{ background:url(../images/i_pro_right.png) no-repeat !important; width:60px; height:85px; color:#fff; position:absolute; right:35px; top:50%; margin-top:-40px}
.owl-carousel .owl-nav button.owl-prev{ background:url(../images/i_pro_left.png) no-repeat !important; width:60px; height:85px; color:#fff; position:absolute; left:35px; top:50%; margin-top:-40px}

.owl-carousel.pro_list .owl-nav button.owl-next{ width:50px; height:75px; right:0; background-size:100% 100% !important}
.owl-carousel.pro_list .owl-nav button.owl-prev{ width:50px; height:75px; left:0; background-size:100% 100% !important}
.owl-carousel .owl-nav button.owl-next span{ display:none}
.owl-carousel .owl-nav button.owl-prev span{ display:none}

.login_box #form2 table{ text-align:center; margin:0 auto; font-size:16px; border-collapse:separate; border-spacing:0px 10px;}
.login_box #form2 table input{ height:30px; padding:0 10px}
.login_box #form2 p{ text-align:center; font-size:20px}
.login_box #form2 #btnSubmit{ background:#58b06c; border:none; color:#fff; width:50px; border-radius:5px}

.mob_category{ position:relative; display:none}
.mob_category .Top_x{ line-height:40px; text-align:center; font-size:24px; font-family:YouTube; color:#323232;}
.mob_category .Top_x span{ display:inline-block; margin-right:10px; vertical-align:middle}
.mob_category .Top_x:after{ content:""; width:8px; height:8px; border-top:1px solid #323232; border-right:1px solid #323232; display:inline-block; transform:rotate(135deg); transition:all 0.5s ease; vertical-align:middle; margin-bottom:5px}
.mob_category .Top_x.open:after{ transform:rotate(-45deg); margin-top:5px; margin-bottom:0px}
.mob_category ul li a{ padding:15px 10px; font-size:18px; display:block; border-bottom:1px solid #e6e6e6}
.mob_category > ul > li > a:after{ content:""; display:inline-block; float:right; width:8px; height:8px; border-top:1px solid #323232; border-right:1px solid #323232; transform:rotate(135deg); margin-top:10px; transition:all 0.5s ease}
.mob_category > ul > li > a.open:after{ transform:rotate(-45deg);}
.mob_category_open{ display:none; position:absolute; top:40px; left:0; background:#fff; width:100%; z-index:45; border-bottom:1px solid #646464}
.mob_category_open li .sub_category_open li{ padding:0 15px}
.mob_category_open li .sub_category_open a{  font-size:16px}
.sub_category_open{ display:none}

.foreword{ width:100%; max-width:1275px; margin:0 auto; padding:70px 0 70px; position:relative;}
.foreword h1{ font-size:4.5em; margin:0.7em 0 0.55em; }
.foreword h1 .menud{ float:right; font-size:20px; width:130px; height:30px; position:relative; margin-top:25px; cursor:pointer; transition:all 0.5s ease; }
.foreword h1 .menud.on{ margin-right:120px}
.foreword h1 .menud.on .menuline1{ transform:rotate(45deg); margin-top:10px; animation: line1 0s linear infinite; -o-animation: line1 0s linear infinite; -moz-animation: line1 0s linear infinite; -ms-animation: line1 0s linear infinite; -webkit-animation: line1 0s linear infinite;}
.foreword h1 .menud.on .menuline2{ display:none}
.foreword h1 .menud.on .menuline3{ transform:rotate(-45deg); margin-top:-9px; animation: line1 0s linear infinite; -o-animation: line1 0s linear infinite; -moz-animation: line1 0s linear infinite; -ms-animation: line1 0s linear infinite; -webkit-animation: line1 0s linear infinite;}

.foreword h1 .menud span{ display:inline-block; position:absolute; width:27px; height:2px; background:#000; left:70px; transition:all 0.5s ease}
.foreword h1 .menud .menuline1{ top:0; animation: line1 1s linear infinite; -o-animation: line1 1s linear infinite; -moz-animation: line1 1s linear infinite; -ms-animation: line1 1s linear infinite; -webkit-animation: line1 1s linear infinite;}
.foreword h1 .menud .menuline2{ top:10px; width:20px; animation: line2 1s linear infinite; -o-animation: line2 1s linear infinite; -moz-animation: line2 1s linear infinite; -ms-animation: line2 1s linear infinite; -webkit-animation: line2 1s linear infinite;}
.foreword h1 .menud .menuline3{ top:20px; animation: line3 1s linear infinite; -o-animation: line3 1s linear infinite; -moz-animation: line3 1s linear infinite; -ms-animation: line3 1s linear infinite; -webkit-animation: line3 1s linear infinite;}
.foreword h1 .menud .menutx{ left:0; width:auto; height:auto; background:none}
.foreword p{ font-size:14px; line-height:22px; width:50%; color:#323232; text-align:justify}
.slid_menu{ width:0px; position:absolute; top:180px; right:-250px; transition:all 0.5s ease; border-radius:5px; overflow:hidden; z-index:80; white-space:nowrap;}
.slid_menu.open{ right:0px; width:250px}
.slid_menu li{ line-height:50px; cursor:pointer}
.slid_menu .l1{ background:#1a5c52; color:#fff; padding:0 10px; position:relative}
.slid_menu .l1:after{ content:''; display:inline-block; width:5px; height:5px; border-top:1px solid #fff; border-right:1px solid #fff; transform:rotate(135deg); transition:all 0.5s ease; position:absolute; top:20px; right:10px}
.slid_menu .l1.on:after{ transform:rotate(-45deg)}
.slid_menu .l2{ display:none; overflow:hidden}
.slid_menu .l2 li{ padding:0 15px; background:#fff; border-bottom:1px solid #cccccc}
.slid_menu .l2 li a{ display:block}
.slid_menu .l2 li a:after{ content:''; display:inline-block; width:5px; height:5px; border-top:1px solid #323232; border-right:1px solid #323232; float:right; transform:rotate(45deg); margin-top:20px}

 @keyframes line1 {
0% {
width:18px;
}
50% {
width:25px;
}
100% {
width:18px;
}
}
@-webkit-keyframes line1 {
0% {
width:18px;
}
50% {
width:25px;
}
100% {
width:18px;
}
}
@-moz-keyframes line1 {
0% {
width:18px;
}
50% {
width:25px;
}
100% {
width:18px;
}
}
@-ms-keyframes line1 {
0% {
width:18px;
}
50% {
width:25px;
}
100% {
width:18px;
}
}
@-o-keyframes line1 {
0% {
width:18px;
}
50% {
width:25px;
}
100% {
width:18px;
}
}
 @keyframes line2 {
0% {
width:27px;
}
50% {
width:20px;
}
100% {
width:27px;
}
}
@-webkit-keyframes line2 {
0% {
width:27px;
}
50% {
width:20px;
}
100% {
width:27px;
}
}
@-moz-keyframes line2 {
0% {
width:27px;
}
50% {
width:20px;
}
100% {
width:27px;
}
}
@-ms-keyframes line2 {
0% {
width:27px;
}
50% {
width:20px;
}
100% {
width:27px;
}
}
@-o-keyframes line2 {
0% {
width:27px;
}
50% {
width:20px;
}
100% {
width:27px;
}
}
 @keyframes line3 {
0% {
width:16px;
}
50% {
width:23px;
}
100% {
width:16px;
}
}
@-webkit-keyframes line3 {
0% {
width:16px;
}
50% {
width:23px;
}
100% {
width:16px;
}
}
@-moz-keyframes line3 {
0% {
width:16px;
}
50% {
width:23px;
}
100% {
width:16px;
}
}
@-ms-keyframes line3 {
0% {
width:16px;
}
50% {
width:23px;
}
100% {
width:16px;
}
}
@-o-keyframes line3 {
0% {
width:16px;
}
50% {
width:23px;
}
100% {
width:16px;
}
}

.pc-slide {
	width: 100%;
	margin: 0 auto;
}

.view .swiper-container {
	width: 100%;
	
}

.view .arrow-left {
	background: url(../images/index_tab_l.png) no-repeat left top;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -25px;
	width: 28px;
	height: 51px;
	z-index: 10;
}

.view .arrow-right {
	background: url(../images/index_tab_r.png) no-repeat left bottom;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -25px;
	width: 28px;
	height: 51px;
	z-index: 10;
}

.preview {
	width: 100%;
	margin-top: 10px;
	position: relative;
}

.preview .swiper-container {
	width: 90%;
	height: 81.5px;
	margin:0 auto
}

.preview .swiper-slide {
	width: 120px;
	height: 81.5px;
}

.preview .slide6 {
	width: 82px;
}

.preview .arrow-left {
	background: url(../images/feel3.png) no-repeat left top;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -9px;
	width: 9px;
	height: 18px;
	z-index: 10;
}

.preview .arrow-right {
	background: url(../images/feel4.png) no-repeat left bottom;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -9px;
	width: 9px;
	height: 18px;
	z-index: 10;
}

.preview img {
	padding: 1px;
}

.preview .active-nav img {
	padding: 0;
	border: 1px solid #F00;
}

.swiper-wrapper{ height:auto !important}
.swiper-wrapper .swiper-slide{ height:auto !important}
.swiper-wrapper:after{ content:''; display:block; clear:both;}
.preview .swiper-slide img{ width:95%}
.sina_stock{ width:70%; margin:0 auto 30px;}
.Banner.mobile{ display:none;}
.Banner.mobile img{ display:none;}

/*------ 手机 ------*/
@media screen and (max-width: 1277px) {
	#navigation > li > a{
		padding: 0 4px;
	}
}

@media screen and (max-width: 1275px) {
    .footer .middle {
        width:95%
    }
	.container .con-con{ width:100%}
	.container.about .con-con{ width:95%}
	.investors .describe{ width:95%}
	.application .describe{ width:95%}
	#form1{ width:100%}
	.main{ width:95%}
	#director li .d-left{ width:20%}
	#director li .d-left img{ width:100%}
	#director li .d-right{ }
    .m6_1{ display:none}
    .m9_1{ display:none}
    .nav .nav-container{ width:100%}
    #navigation li{ margin:0; margin-right:15px !important} 
	.main_100 .part_content{ width:95%} 
	.main_100 .part_1, .main_100 .part_2, .main_100 .part_3, .main_100 .part_4, .main_100 .part_5{ height:auto; background-size:auto 100%; padding-bottom:40px}
	.main_100 .part_2 .p2{ height:auto; padding-bottom:40px}
	#navigation li .product_menu.m_inves{ right:275px}
	.foreword{ width:95%;}
}

@media screen and (max-width: 1180px) {
	#navigation{ display:none}
	.mobile_nav_top{ display:block}
	.menud{ display:none}
	.slid_menu{ display:none}
	#mobile_logo{ width:15%}
	.nav.nav2{height: 55px;}
}
@media screen and (max-width: 1100px) {
    .about .con-con .left{ height:auto; padding-bottom:30px}
	.about .con-con .left p{ margin-top:20px}
    #contact_ul li{ width:50%}
	.earth_map{ display:none}
}
@media screen and (max-width: 915px) {
    .product_content{ width:100%}
	.product_content img{ width:100%}
	.download_list li{ width:25%; margin-bottom:20px}
	.Gallery{ width:40%; height:70px; padding-left:20px; line-height:70px}
	.Gallery img{ width:30px}
	.Download{ width:40%; height:70px; padding-left:20px; line-height:70px}
	.Download img{ width:30px}
	.business_mod{ width:95%}
	#feedback_1{ display:none}
	#feedback_2{ display:table}
	.self-help{ width:100%}
	#announ-table{ width:auto}
	.fadeMap #map{ margin-left:-45%}
	
	
}
@media screen and (max-width: 768px) {
	.container.contact input[type=text]{ width:45%}
	.container.contact textarea{ width:93%}
	#Cnav{ display:none}
	.main h1{ margin-top:30px}
	.footer{ height:320px}
	.footer .middle .part{ width:25%}
	.copyright{ text-align:center}
	#sirui{ float:none}
	.pro_list{ padding:0;}
	.pro_list .owl-nav{ display:none}
	/*.pro_list{ margin-top:20px}*/
	.pro_list li{ width:46.3%}
	.main .category a{ width:auto; padding:0 20px; line-height:30px}
	.download_list li{ width:33%}
	#director li .d-right{ padding-left:25px}
	.news_list li .news_left p{ display:none}
	.news_list li{ height:auto}
	.case_cate{ display:none}
    .show{ display:block}
	.Banner{ height:auto}
	.Banner.inner{ height:auto; display:none} 
    .Banner img{ position:static; width:100%; margin:0}
	.Banner.mobile{ display:block;}
	
	.news_list li .news_left span{ bottom:13px}
	.main_100 .part_4 .p4 img{ width:80%}
	.Gallery, .Download{ width:80%; font-size:16px}
	.video{ margin-top:50px}
	.play_video{ left:36%; top:36%; margin-top:0; margin-left:0; width:25%;}
	.Banner_phone{ display:block}
	.Banner{ display:none}
	.category_list li{ width:28%}
	.pro_list.relative li{ width:48%}
	.welcome li .iconfont{ margin:0; float:none}
.welcome h4{ font-size: 20px}
.welcome ul li a{ padding:40px 0 30px}
	
	.tree #just_count .m_box{ overflow:hidden}
	.product .owl-carousel li a:nth-child(2){ display:none;}
	.product .owl-carousel li a{ transform: scale(1,1); background:none}
	.index_video{ padding:0 0 85px}
	.container.product{ padding:0}
	.green_down{ display:none;}
}
@media screen and (max-width: 760px) {
    .tree{ width:100%; height:auto; padding-bottom:20px}
    .tree > img{display:none}
    /*
	.tree .history{ width:49%; position:static; display:inline-block; vertical-align:top; margin-bottom:10px}
    .tree .history img{ width:100%}
	*/
	.tree .right, .tree .left{ padding:0; position:static; display:inline-block; width:49%; vertical-align:top}
	.tree .left .m_box:nth-child(1){ margin-top:0}
	.tree .right .m, .tree .left .m{ width:100%}
}
@media screen and (max-width: 640px) {
	.copyright{ height:80px}
	.about .con-con .right{ float:none; width:100%}
	.about .con-con .left{ float:none; width:100%}
	.welcome{ height:auto}
.welcome ul li{ display:inline-block; width:50%;}
	.welcome ul li a{ padding:20px 0% 20px 0%}
	.welcome h4{ font-size:18px; line-height:2}
/* .welcome li .iconfont{ float: left; margin-right:20px} */
	#i-product li{ width:50%}
	#i-investors li{ width:50%; margin-bottom:10px}
	/*.pro_list li{ width:48%; margin-bottom:0px}*/
	.search_box{ width:90%}
	/*.main .category a{ width:33%; padding:0px}*/
	.main h1{ font-size:25px}
	.relative{ margin-bottom:50px}
	.about_content{ margin-top:20px}
	#factory_list li{ width:100%}
	#factory_list li img{ height:auto}
	#director{ margin-top:35px}
	#director li .d-right{ width:100%; padding-left:0}
	#director li .d-left img{ max-width:none}
	#director li .d-left{ width:100%}
    #contact_ul li{ width:100%}
    .tree .history p{font-size:16px}
    .mobile_label{ display:block !important}
    .mobile_label td {display:table-cell !important}
    #enquires_form table{ width:100%}
    #enquires_form table tr > td:nth-child(1){ display:none}
    #enquires_form table input[type=text], #enquires_form table select, #enquires_form table textarea{ width:100% !important}
    #enquires_form table.feedback_form2 #txtCode{ width:100px !important}
    .main .category{ margin-bottom:35px}
	.news_list li .news_right{ width:25%; padding-left:3px; box-sizing:border-box}
	.news_list li .news_right img{ width:100%}
	.news_list li .news_left h4{ font-size:20px; margin:0; margin-top:5px;}
	.search_box{ height:30px}
	.main h2{ font-size:20px; margin:25px 0 20px}
	.news_list{ margin-top:30px}
	.welcome p{ width:90%; max-width:none}
	.container.investors{ padding-bottom:50px}
	#i-application{ margin-right:0px;}
	#i-application li{ width:50% ; padding:10px;}
	#bannerlist li{ height:auto}
	.welcome p{ font-size:16px}
	.product .con-con ul.owl-carousel{ padding:35px !important}
	.pro_list li{ float:none; /*margin-bottom:15px*/ width:96.5%;}
	.foreword{ padding:35px 0}
	.foreword h1{ font-size:1.5em; margin:0.75em 0}
	.foreword p{ width:100%}
	.pro_category{ padding-top:30px}
	#mobile_logo{ width:20%}
	/*.pro_list{ margin-left:0}*/
	.category_list li{ width:44.5%}
	.pro_list.relative{ margin-bottom:50px}
	#announ-table td p{ max-width:350px;}
	.Page_Num{ display:none !important}
	.pro_list.relative li p{ font-size:16px}
	.sina_stock{ width:100%}
	/* .welcome ul li a{ padding:20px 0% 20px 20%} */
	.tree #just_count .m_box{ margin-top:0; background:none}
	.tree #just_count .m_box .m:nth-child(2){ display:none}
	.tree .m_box .m{ width:100%}
	.tree #just_count .m_box .circle{ display:none}
	.tree .m p{ max-width:100%; padding-bottom:10px;}
}
@media screen and (max-width: 480px) {
	.about .con-con #about-icon li{ width:50%; font-size:16px}
	.about .con-con #about-icon li p{ margin-top:15px}
	.container.about{ height:auto}
	#i-product li a{ padding-top:10%}
	#i-investors li{ width:100%}
	.container.contact input[type=text]{ width:90%; margin:0 auto 10px}
	.container.contact textarea{ width:90%}
	.footer{ height:auto}
	.footer .middle{ padding-bottom:106px}
	.footer .middle .part{ width:49%; margin-bottom:20px; float:none; display:inline-block; vertical-align:top}
	.part ul{ margin-top:10px}
	.pro_list li a .touming{ width:100%; font-size:14px}
	.category.pro_only{ display:none}
	.main .category a{ font-size:14px; padding: 0 7px;}
	.search_box{ margin:25px auto 35px}
	.case_cate{ margin:30px 0}
	.download_list{ margin-top:20px; margin-left:0}
	.download_list li{ width:50%}
	.news_list li{ padding:0; margin-bottom:20px; min-height:65px}
	.news_list li .news_left h4{ font-size:16px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
	.news_list li .news_left span{ bottom:0px; left:0; font-size:12px}
	.Page2{ margin:50px 0}
	.Page2 a{ width:90px; height:30px; padding:0; font-size:18px; line-height:30px; margin:0 15px;}
	.main_100 .part_1, .main_100 .part_2, .main_100 .part_3, .main_100 .part_4, .main_100 .part_5{ padding-top:40px}
	.main_100 .part_content p{ font-size:16px}
	.main_100 .part_content h5{ font-size:20px !important}
	.main_100 .part_2 p{ padding:25px 15px 0}
	.main_100 .part_3 .p3{ padding:0 15px}
	.main_100 .part_3 .p3 .r_and_l p{ width:100%}
	.main_100 #apply_us{ width:150px; height:40px; line-height:40px; font-size:16px}
	.Page a{ width:20px; height:20px; line-height:20px; margin:0 10px}
	.main{ min-height:auto}
    /*.pro_list li p{ font-size:16px; line-height:50px}*/
	.mob_category{ display:block}
	#mobile_logo{ width:30%}
	
	.tree .m .main_pic{ background-size:85% auto !important}
	.tree .m p{ padding-left:0}
	.Page2 .Page_Next_Text, .Page2 .Page_Next{ width:100px;  margin:0 10px}
	.Page2 .Page_Prev_Text, .Page2 .Page_Prev{ width:100px; margin:0 10px}
	.pc-slide .preview{ display:none}
}
@media screen and (max-width: 420px) {
	.download_list li{ width:100%; padding:0;}
	.download_list li a{ background-size:auto 100%; background-position:center center;}
	.download_list li a:hover{ background-size:auto 100%; background-position:center center; background-color:#58b06c}

}