﻿/*2017-12-26*/ 
@charset "utf-8";
html{ font:normal 62.5%/2.3em "微软雅黑",Arial,"宋体";}
body{ margin:0px; padding:0px; margin:0px auto; font-size:1.4em; color:#414446; width:100%; min-width:320px; width:expression((documentElement.clientWidth < 320) ? "320px" : "100%" ); zoom:1; font-family:"微软雅黑";}
ul,li,form, dl,dt,dd, div{ padding: 0px; margin: 0px; list-style:none;}
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#414446;}
input:focus { outline: none;}
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
textarea,input,select { background:none; border:none; margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;} /*html5设置*/
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ border:none; border:0; max-width:100%; vertical-align:top;}
a{ color:#414446; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; color:#fc0000;}
.clearfix:after { content:"."; display:block; height:0; visibility:hidden; clear:both; }
.clearfix { zoom:1; }  
.clear{ clear:both; overflow:hidden;}
#cnzz_stat_icon_1258008665 img{vertical-align:inherit;}
.Contain{}
.SildeBar{}
.MainContent{ padding-top:36px; float:left; width:76.5%;}
.Content{}
.ContainMain{max-width:1200px; min-width:300px; margin:0 auto;  padding:0 11px;
-webkit-box-sizing:content-box;
   -moz-box-sizing:content-box;
        box-sizing:content-box;
}
.SinglePage{ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; clear:both; overflow:hidden; font-size:14px; line-height:30px; min-height:100px; color:#6d6d6d;}
.SinglePage a{ color:#6d6d6d;}

.Current_bg{ background:#e9ebeb; line-height:61px;}
.Current{ font-size:14px; max-width:1200px; min-width:300px; margin:0 auto;  padding:0 11px;}
.Current span{ color:#a54343;}
.columnname{ font-size:30px; color:#000; line-height:1.2em; padding-bottom:25px; border-bottom:1px solid #dedede;}

.project_columnname{ border-color:#c00;}

/*pages*/
.Pages{ padding:4% 0; line-height:18px; zoom:1; overflow:hidden;}
.Pages span{ padding:0px 3px;}
.Pages .p_page em{ font-style:normal; font-family:Arial;}
.Pages .p_page em a{ padding:5px 15px; border:solid 1px #e1e1e1; background:#f1f1f1; margin: 0 0.5%;text-decoration: none; color:#c00;}
.Pages .p_page em a.a_cur{ color:#fff; background:#c00;}
/*pages end*/

/*Top*/
.Top_bg{ position:relative; z-index:3;}
.Top_bg .top_tel{ background:#212b34; color:#a3a3a3; line-height:39px; overflow:hidden;}
/*.Top_bg .top_tel .container{ max-width:1440px; margin:0 auto;}*/
.Top_bg .top_tel span{ float:right; color:#fff;}
.Top_bg .top_tel span b{ font-size:18px;}
.Top{ height:85px; max-width:1200px; margin:0 auto; padding:0 11px;
-webkit-box-sizing:content-box;
   -moz-box-sizing:content-box;
        box-sizing:content-box;
}
.Top_bg .topCont{ max-width:1200px; padding:0 11px; margin:0 auto;
-webkit-box-sizing:content-box;
   -moz-box-sizing:content-box;
        box-sizing:content-box;
}

.Top_menu,.Top_menu:before,.Top_menu:after{ border-radius:1px; height:2px; width:30px; position:relative; display:block; background-color:#231815; content:''; -webkit-transition:all 300ms cubic-bezier(0.305,0.1,0.485,0.87); transition:all 300ms cubic-bezier(0.305,0.1,0.485,0.87); cursor:pointer;}
.Top_menu:before{ top:-8px;}
.Top_menu{ top:8px; float:right; margin-top:35px; margin-left:14px; display:none;}
.Top_menu:after{ top:6px;}
.Top_menu.close{ background:#fff;}
.Top_menu.close:before{ transform:rotate(45deg); -webkit-transform:rotate(45deg); top:0;}
.Top_menu.close:after{ transform:rotate(-45deg); -webkit-transform:rotate(-45deg); top:-2px;}


.Top .logo,.topNavFull .logo{ float:left; padding:20px 0 0;}

.Top .search,.topNavFull .search{ float:right; width:83px; height:85px; background:url(../images/search_bg1.png) no-repeat center center; border-left:1px solid #e0e0e0; transition:all 300ms; -webkit-transition:all 300ms; position:relative; z-index:33;}
.Top .search .click,.topNavFull .search .click{ position:absolute; left:0; top:0; width:100%; height:100%; cursor:pointer;}
.Top .search .searchbox,.topNavFull .search .searchbox{ position:absolute; right:0; top:85px; background:#fff; padding:0 10px; width:200px; border:1px solid #ccc; display:none; background:#fff; overflow:hidden;}
.Top .search .searchbox a,.topNavFull ..search .searchbox a{ float:right; width:20px; height:20px; background:url(../images/search_bg1.png) no-repeat center center; margin:10px 0;}
.Top .search .searchbox input,.topNavFull .search .searchbox input{ margin:10px 0; width:130px;}
.Top .search:hover,.Top .search_bg,.topNavFull .search:hover,.topNavFull .search_bg{ background:#c00 url(../images/search_bg2.png) no-repeat center center;}

.Top .language,.topNavFull .language{ margin:33px 14px 0; width:52px; height:24px; line-height:24px; float:right; background:url(../images/language_bg.jpg) no-repeat center center; position:relative;}
.Top .language span,.topNavFull .language span{ display:block; text-indent:10px;}
.Top .language dl,.topNavFull .language dl{ position:absolute; left:-1px; top:23px; border:1px solid #f7f7f7; width:52px; border-bottom:none; transition:all 300ms; -webkit-transition:all 300ms; height:0; overflow:hidden; background:#fff;}
.Top .language dl a,.topNavFull .language dl a{ border-bottom:1px solid #f7f7f7;}
.Top .language:hover dl,.topNavFull .language:hover dl{ height:auto;}

.Top .language a,.topNavFull .language a{ display:block; text-indent:10px;}

.mainnav{ float:right; width:65%; border-right:1px solid #e0e0e0; position:relative; z-index:333; transition:all 300ms; -webkit-transition:all 300ms;}
.mainnav li{ float:left; width:16.666%; position:relative;}
.mainnav li > .navA{ font-size:16px; display:block; height:85px; line-height:85px; width:100%; text-align:center; transition:all 300ms; -webkit-transition:all 300ms; color:#000;}
.mainnav li:hover > .navA,.mainnav li.onnav > .navA{ color:#fff; background:#c00; font-weight:bold;}

.mainnav dl{ position:absolute; left:0; top:85px; width:353px; padding:0 20px; border:1px solid #e2e0e3; background:#fff; overflow:hidden; display:none;}
.mainnav dl dt{ float:left; width:113px; padding:10px 0;}
.mainnav dl dt a{ display:block; line-height:27px;}


.mainnav dl dd{ float:right; width:186px; padding:10px 0;}
.mainnav dl dd img{ width:186px; height:140px;}


/*Top*/

/*Bottom*/
.Bottom_bg{ background:#1f1f1f; /*margin-top:30px;*/}
.Bottom{ padding:6% 15px 3%; overflow:hidden; color:#a6a6a6;}
.Bottom .list{ overflow:hidden; width:53.33%; float:left;}
.Bottom .list .div{ float:left; width:25%;}
.Bottom .list .div .h3{ margin-top:0; font-size:16px; color:#fff;}
.Bottom .list .div a{ padding-left:13px; line-height:24px;}

.Bottom a{ color:#a6a6a6;}

.Bottom .Copyright{ float:right; width:43.4%; overflow:hidden;}
.Bottom .Copyright select{ background:#fff; width:144px;}
.Bottom .Copyright .b_logo{ float:right;}
.Bottom .Copyright .fenxiang{ padding-top:18px;}
.Bottom .Copyright .bdsharebuttonbox{ display:inline-block !important; vertical-align:middle;}
.Bottom .Copyright .b_tel{ text-align:right; padding-top:15px;}
.Bottom .Copyright .b_tel .span{ display:inline-block; width:199px; height:48px; line-height:48px; color:#fff; font-size:18px; font-family:arial; text-indent:48px; background:url(../images/b_tel_03.jpg) no-repeat center center; text-align:left;}
.Bottom .Copyright .b_tel .erweima{ float:left; margin-top:12px;}
.Bottom .Copyright .b_tel .b_nav{ display:inline-block; padding:18px 0 3px;}
.Bottom .Copyright .b_tel .b_nav em{ padding:0 10px; font-style:normal;}


/*Bottom*/

/*SildeBar*/
.SildeBar{ width:20.9%; float:right; padding-top:55px;}
.MenuList{ background:#f6f7f7; padding-bottom:10px;}
.MenuList .h3{ height:40px; font-weight:normal; color:#fff; line-height:40px; padding-left:26px; font-size:16px; background:url(../images/menu_bg.jpg) no-repeat; background-size:100% 100%; margin:0;}
.MenuList > ul > li{ line-height:40px;}
.MenuList > ul > li a{ display:block; padding-left:26px; color:#000;}
.MenuList > ul > .onmenu > a,.MenuList > ul > li > a:hover{ background:#e9ebeb; color:#b51b33;}
.MenuList ul li dl dd a{display:block; line-height:40px; padding-left:50px; overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
.MenuList ul li dl dd a:hover,.MenuList ul li dl dd.onmenu2 a{ color:#b51b33;}


/*SildeBar*/

/*Banner*/
.home_ban{ width:100%; max-width:1920px; margin:0 auto; overflow:hidden; position:relative; z-index:2;}
.home_ban .ul{ overflow:hidden; position:relative;}
.home_ban .ul li{ float:left; height:407px;}
.home_ban .ul li a{display:block;width:100%;height:407px;}
.home_ban .ul li img{ display:none;}
.home_ban .prev,.home_ban .next{ display:block; position:absolute; top:0; height:100%; z-index:3; width:20%;}
.home_ban .prev{ left:0; background:url(../images/ban_prev.png) no-repeat center center;}
.home_ban .prev:hover{ background:url(../images/ban_prev_hover.png) no-repeat center center;}
.home_ban .next{ right:0; background:url(../images/ban_next.png) no-repeat center center;}
.home_ban .next:hover{ background:url(../images/ban_next_hover.png) no-repeat center center;}

.tabList{ position:absolute; bottom:14px; width:100%; text-align:center;}
.tabList ul{ margin:0 auto;}
.tabList ul li{ width:12px; height:12px; margin:0 3px; cursor:pointer; display:inline-block;}
.tabList ul li span{ display:inline-block; width:12px; height:12px; background:url(../images/bg4.png) no-repeat;}
.tabList ul li:hover span,.tabList ul li.on span{ background:url(../images/bg5.png) no-repeat;}



/*Banner*/

/*index*/
.home_title{ padding:45px 0 30px; text-align:center; background:url(../images/home_title_bg.png) no-repeat center 36px; font-size:26px; color:#000;}
.home_title .red{ color:#c00;}
.home_title em{ display:block; font-style:normal; font-size:15px; font-family:arial; letter-spacing:14px; text-transform:uppercase; padding-left:14px; color:#d7d7d7;}


.home_product{ overflow:hidden; padding-bottom:25px;}
.home_product li{ float:left; width:33.33%; text-align:center; padding:0 5%; transition:100ms; -webkit-transition:100ms;}
.home_product li .c{ width:171px; margin:0 auto; height:171px; position:relative;}
.home_product li .c img{ position:relative; width:100%; height:171px; left:0; position:absolute; top:0;}
.home_product li .c .img2{ width:0; left:50%;}
.home_product li .name{ display:block; text-align:center; padding:18px 0 10px; font-size:22px; color:#333;}
.home_product li:hover .name{ color:#fc0000;}
.home_product li .txt{ font-size:16px; color:#888;}

.home_news_bg{ background:#f2f2f2; padding-bottom:17px; border-bottom:3px solid #cb0000;}
.home_news .home_title{ background:url(../images/home_title_bg2.png) no-repeat center 36px;}
.home_news .home_title em{ letter-spacing:34px; padding-left:34px;}
.home_news{ overflow:hidden;}
.home_news .left{ width:31.25%; float:left;}
.home_news .left .img{ position:relative;}
.home_news .left .img span{ position:absolute; left:0; top:0; width:100%; background:url(../images/red_png.png) repeat; line-height:20px; font-size:16px; font-weight:bold; color:#fff; padding:8px 15px; display:block; height:56px;}
.home_news .left .img span em{ position:absolute; right:25px; bottom:8px; font-size:12px; font-weight:normal; font-style:normal;}
.home_news .left .text{ font-size:14px; color:#858b85; line-height:24px; background:#fff; padding:8px 15px;}

.home_news .right{ float:right; width:65.66%;}
.home_news .right li{ background:#fff; margin-bottom:3.6%; overflow:hidden;}
.home_news .right li .img{ float:right; margin-left:3%; width:18.4%;}
.home_news .right li .img img{ width:100%;}
.home_news .right .text{ padding:2% 3% 0;}
.home_news .right .text .name{ font-size:16px; font-weight:bold; color:#333; height:19px; overflow:hidden; display:block;}
.home_news .right .text .name span{ font-size:14px; color:#666; float:right; font-weight:normal;}
.home_news .right .text .p{ padding-top:1%; margin:0;}

.home_project_bg{ background:url(../images/home_pro_bg.jpg) no-repeat center top;}
.home_project_bg .home_title{ color:#fff; background:url(../images/home_title_bg3.png) no-repeat center 36px;}
.home_project .list{ overflow:hidden;}
.home_project .list li{ float:left; width:32%; margin:0 0 0 1.85%; border:1px solid #e6e8e6; padding:1%; background:#fff; transition:300ms; -webkit-transition:300ms;}
.home_project .list li .img{ position:relative; overflow:hidden;}
.home_project .list li .img img{ width:100%;}
.home_project .list li .img span{ width:100%; height:100%; position:absolute; left:0; top:0; display:none; background:url(../images/home_pro_bg.png) no-repeat center center; background-size:100% 100%;}
.home_project .list li .img:hover span{ display:block;}
.home_project .list li .name{ font-size:16px; font-weight:bold; color:#333; padding:10px 0; display:block; border-bottom:1px solid #e1e3e1;}
.home_project .list li .name span{ float:right; font-weight:normal; font-size:14px; color:#636a63;}
.home_project .list li .p{ font-size:14px; color:#999; line-height:24px; padding-top:10px;}

.home_project .list li.li1{ margin:0;}

/*index*/


/*about*/
.about{ padding:40px 0; overflow:hidden;}

.history{ padding:40px 0;}
.history dl{ width:100%; background:url(../images/bg17.jpg) repeat-y left top;  color:#535353;}
.history dl dt{ background:url(../images/bg16.jpg) no-repeat; width:70px; height:70px; text-align:center; line-height:70px; font-size:1.667em;}
.history dl dt:first-of-type{ background:url(../images/bg15.jpg) no-repeat; height:78px; color:#fff;}
.history dl dd{ padding-top:3%; padding-bottom:3%; font-size:1.167em;}
.history dl dd .span{ background:url(../images/bg14.jpg) no-repeat left center; padding-left:90px; font-size:1.667em; /display:block; float:left;}
.history dl dd .div{ float:left; margin:0 2%; width:70%;}

.team{}
.team ul li{ padding:5% 0; border-bottom:#dedede 1px solid;}
.team ul li .img{ float:left; width:39%;}
.team ul li .tit{ float:right; width:58%; }
.team ul li .tit .span{ padding:3% 0; display:block; color:#757575; font-size:1.5em; font-weight:bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.team ul .li .img{ float:right;}
.team ul .li .tit{ float:left;}
.team ul .liborder{ border-bottom:none;}

.video ul li{ float:left; width:31.333%; margin:1%;}
.video ul li embed{ width:100%; height:200px; padding-bottom:10px;}
.video ul li video{ width:100%;}
.video ul li span{ display:block; text-align:center; font-size:1.5em; color:#b51b33; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.video ul li span img{ vertical-align:middle; margin-right:5%;}

.Qualification ul li{ float:left; width:31.333%; margin:1%;}
.Qualification ul li img{}
.Qualification ul li span{ display:block; text-align:center; color:#010101;  font-size:16px;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:2% 1%;}

.horon ul li{ border:none;}
.horon ul li img{ border:1px solid #dedede;}



/*about*/

/*product*/
.References ul{ overflow:hidden;}
.References ul li{ float:left; width:31.333%; margin:1%;}
.References ul li span{ display:block; border-bottom:#e9e9e9 1px solid; line-height:50px; color:#000; font-size:16px; text-align:center; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; height:50px;}
.References ul li a:hover span{color:#B51B33;}
.References ul li em{  display:block;  line-height:18px; padding:2% 0;}
.References ul li img{ width:100%;}

.productindex .catespan{ display:block; width:100%; font-size:20px; line-height:32px; position:relative; overflow:hidden;}
.productindex .catespan span{ padding-right:41px; background:#c00 url(../images/catespan_bg.jpg) no-repeat right center; display:inline-block; height:32px; color:#fff; padding-left:4px; float:left; margin-top:2px;}
.productindex .catespan .more{ font-size:12px; text-decoration:none; color:#c00; position:absolute; right:0; top:2px;}
.productindex ul{ border-bottom:#c00 1px solid; overflow:hidden;}
.productindex ul li{}
.productindex ul li span{ border-bottom:0;}

.product_border ul li span{ border-bottom:1px solid #e9e9e9;}


.CasesImgList{ width:100%;}
.CasesBigList{ width:60%; margin:0 auto;}
.CasesBigList img{ width:100%;}

.CasesSmall{ display:block; width:83%; height:136px; padding:3% 0%; position:relative; overflow:hidden;  margin:20px 5% 0 5%;}
.CasesSmall .prev{ width:33px; height:100%; display:block; background:url(../images/prevbg.jpg) no-repeat center #fff; position:absolute; left:0; top:0; z-index:10;}
.CasesSmall .next{ width:33px; height:100%; display:block; background:url(../images/nextbg.jpg) no-repeat center #fff; position:absolute; right:0; top:0; z-index:10;}
.CasesSmall .CasesSmallList{ position:absolute; z-index:5; width:100%;}
.CasesSmall .CasesSmallList ul li{ padding-right:10px; float:left; width:173px; padding-left:40px;}
.CasesSmall .CasesSmallList ul li img{ max-width:none; width:100%;}
.CasesSmall .CasesSmallList ul li.on img{ border:2px solid #c8c8c8;}

.pInfor{margin-top:5%;}
.pInfor .tit{ line-height:44px; height:44px; border-bottom:#eaeaea 1px solid;}
.pInfor .tit li{ float:left;}
.pInfor .tit li a{ display:inline-block; padding:0 25px; color:#6b6b6b; font-size:1.333em;}
.pInfor .tit li a:hover,.pInfor .tit li.onmenu a{ border-top:#fd0b17 2px solid; border-left:#eaeaea 1px solid; border-right:#eaeaea 1px solid; background:#fff; height:43px; font-weight:bold;}

.pInfor .box{ padding-top:20px; display:none;}
.pInfor .box img{ max-width:100%;}
.pInfor .downlist li{ border-bottom:#eaeaea 1px dashed; line-height:45px;}
.pInfor .downlist li .down{ float:right; background:url(../images/bg20.jpg) no-repeat left center;  padding-left:22px; color:#919191; font-size:1.167em;}
.pInfor .downlist li .title{ float:left; width:80%;  padding-left:22px; font-size:1.333em; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

./*Pro .Top{ height:85px; padding-left:0; padding-right:0; width:90%;}
.Pro .top_tel .container,
.Pro .Current_bg .container,
.Bottom_bg .container{ padding-left:0; padding-right:0; width:90%;}*/
/*product*/

/*project*/
.project ul{ padding-bottom:10px; border-color:#c00;}
.project ul li{ padding:1%; margin:1% 2% 1% 0; background:#fafafa; width:32%;}
.project ul li span{ text-align:left; border-bottom:1px solid #ebebeb;}
.project ul li .text{ font-size:14px; color:#999; line-height:18px; padding:3% 0 2%;}
/*project*/

/*news*/
.news_title{ position:relative; line-height:37px; font-size:18px; background:#c00; border-bottom:2px solid #eee;}
.news_title span{ display:block; height:37px; line-height:37px; text-align:center; font-size:18px; width:104px; color:#fff;}
.news_title .more{ position:absolute; right:15px; top:0; line-height:37px; font-size:12px; font-family:Verdana; color:#fff;}
.newsindex{ overflow:hidden; word-wrap:break-word;}

.news_1{ overflow:hidden; padding-top:30px; padding-bottom:23px;}
.news_1 .news_title{ background:none; margin-bottom:17px;}
.news_1 .news_title span{ background:#c00;}
.news_1 .news_title .more{ color:#c00;}
.news_1 .left{ float:left; width:48.7%;}
.news_1 .news_ban{ position:relative;}
.news_1 .news_ban .bd li{ position:relative;}
.news_1 .news_ban .bd li span{ position:absolute; left:0; bottom:0; display:block; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; height:30px; line-height:30px; color:#fff; font-size:16px; padding-left:1%; padding-right:30%; background:url(../images/png.png) repeat;}
.news_1 .news_ban .hd{ position:absolute; left:0; bottom:0; height:30px; width:100%; padding-right:11px; padding-top:6px; text-align:right;}
.news_1 .news_ban .hd li{ display:inline-block; width:10px; height:10px; text-indent:999px; overflow:hidden; background:url(../images/news_ban.png) no-repeat center bottom; margin-left:5px;}
.news_1 .news_ban .hd li:hover,.news_1 .news_ban .hd li.on{ background-position:left top;}

.news_1 .right{ float:right; width:48.8%;}
.news_1 .right li{ border-bottom:1px solid #eee;}
.news_1 .right .istop{ overflow:hidden; padding-bottom:15px;}
.news_1 .right .istop .img{ float:right; width:30%;}
.news_1 .right .istop .txt{ float:left; width:66%;}
.news_1 .right .istop .name{ display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:22px; color:#010101;}
.news_1 .right .istop .time{ color:#707070;}
.news_1 .right .istop .p{ color:#707070; margin:2% 0 0; line-height:24px;}
.news_1 .right .istop .p a{ color:#d34242;}

.news_1 .right .none{ height:52px; line-height:51px; overflow:hidden;}
.news_1 .right .none span{ float:right; font-size:1.2em; color:#4c4c4c;}
.news_1 .right .none a{ display:block; float:left; width:65%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-left:19px; background:url(../images/news_libg.jpg) no-repeat 2px center; font-size:1.2em;}

.news_bg{ background:#f2f2f2; padding:40px 0;}

.news_2{ float:left; width:48.8%;}
.news_2 ul{ padding-top:25px; background:#fff;}
.news_2 li{ border-bottom:1px solid #eee; padding:0 15px;}
.news_2 .istop{ overflow:hidden; padding-bottom:15px;}
.news_2 .istop .img{ float:right; width:30%;}
.news_2 .istop .txt{ float:left; width:66%;}
.news_2 .istop .name{ display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:22px; color:#010101;}
.news_2 .istop .time{ color:#707070;}
.news_2 .istop .p{ color:#707070; margin:2% 0 0; line-height:24px;}
.news_2 .istop .p a{ color:#d34242;}

.news_2 .none{ height:52px; line-height:51px; overflow:hidden;}
.news_2 .none span{ float:right; font-size:1.2em; color:#4c4c4c;}
.news_2 .none a{ display:block; float:left; width:65%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-left:19px; background:url(../images/news_libg.jpg) no-repeat 2px center; font-size:1.2em;}

.news_3{ float:right;}


.news ul li{ padding:5% 0; border-bottom:#dedede 1px solid;}
.news ul li .img{ float:left; width:30%;}
.news ul li .tit{ float:right; width:65%; }
.news ul li .tit .title{ padding:1% 0; display:block; color:#010101; font-size:1.8em; font-weight:bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news ul li .tit .title:hover{color:#B51B33;}
.news ul li .tit P{word-break:break-all; word-break: break-word; font-size:14px; line-height:23px;}
.news ul li .tit .more{ color:#b51b33; text-decoration:none; background:url(../images/bg19.jpg) no-repeat right center; padding-right:18px;}



.News_info{ padding-top:2%;}
.News_info .info_title{ display:block; padding:10px 0px; font-size:1.333em; font-weight:bold; text-align:center;}
.News_info .info_time{ display:block; text-align:center; color:#A1A1A1; font-weight:normal; border-bottom:1px dotted #ccc; padding-bottom:5px;}
.News_info .service_pic{ padding:10px 0; text-align:center;}
.News_info .info_txt{ padding:10px 0px;}
.News_info .info_txt{ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; clear:both;}
.News_info .info_txt img{ max-width:100%;}


/*news*/

/*contact*/
.contact{ width:100%;}
.contact .con{ width:63.33%; float:left;}
.contact .message{ float:right; width:27.33%;}

.contact .map{ width:100%; height:272px;}
.contact #dituContent{ width:100%; height:100%;}
.contact #dituContent img{ max-width:none;}

.contact .message .text{ line-height:29px; height:29px; border:1px solid #e6e6e6; width:100%; padding-left:13px; color:#d8d8d8; margin-bottom:9px;}
.contact .message textarea.text{ height:121px;}
.contact .message .btn{ width:100%; height:32px; line-height:32px; text-align:center; background:#2a2a2a; color:#fff; padding:0; margin:0;}

.contact .message .erweima{ overflow:hidden; padding-top:35px;}
.contact .message .erweima li{ float:left; width:47%; text-align:center;}
.contact .message .erweima li img{ border:1px solid #e7e7e7; padding:5%;}
.contact .message .erweima li.li{ float:right;}

/*contact*/


.search .searchlist li{ width:100%; border-bottom:#eaeaea 1px dashed; line-height:45px;}
.search .searchlist li .time{ float:right; color:#919191; font-size:1.167em;}
.search .searchlist li .title{ float:left; width:80%; padding-left:22px; font-size:1.333em; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}


/*horon*/
.horon li{ border:1px solid #ccc;}
/*horon*/


@media (max-width:1200px){
	.Top{ height:auto;}
	.news_1 .right .istop .p,.news_2 .istop .p{ line-height:19px;}
	.news_1 .right .none,.news_2 .none{ height:32px; line-height:31px;}
	.CasesBigList{ width:70%; margin:0 auto;}
    .CasesSmall{ display:none;}

}

@media (max-width:992px){
	.Top_menu{ display:block;}
	.Top .search{ border:none;}
	.mainnav{ width:50%; position:fixed; z-index:333; transform:translateX(-150%); -webkit-transform:translateX(-150%); background:rgba(255,255,255,0.9); height:auto;}
	.mainnav li{ float:none; width:100%;}
	.mainnav li > .navA{ line-height:40px; height:40px;}
	.mainnav li dl{ display:none !important;}

	.mainnav{ width:100%; border:none;}
	.Bottom .list{ width:100%; float:none;}
	.Bottom .Copyright{ width:100%; float:none; padding-top:3%;}
	.SildeBar{ width:100%; float:none; padding-top:10px;}
	.MainContent{ width:100%; float:none; clear:both; padding-top:10px;}
	.columnname{ padding-bottom:10px;}
	.news_1 .left{ float:none; width:100%;}
	.news_1 .left img{ width:100%;}
	.news_1 .right{ float:none; width:100%; margin-top:10px;}
	.news_2{ float:none; width:100%;}
    .pInfor .tit li{ width:33%;}
    .pInfor .tit li:nth-child(2){width:34%;}
    .pInfor .tit li:nth-child(3){width:32%;}
    .pInfor .tit li a{ padding:0; width:100%; text-align:center;  font-size:1.2em;}
}
@media (max-width:640px){
	
	.home_ban .ul li,.home_ban .ul li a{ height:auto;}
	.home_ban .ul li img{ display:block;}
	.home_product li{ width:100%; padding-bottom:5%;}
	.home_news .left,.home_news .right{ float:none; width:100%;}
	.home_news .left img{ width:100%;}
	.home_project .list li{ width:100%; float:none; margin:0;}
	.home_project .list li .img img{ width:100%;}
	.history dl dd .div{ padding-left:90px; width:80%;}
	
	.team ul li .img{ float:none; width:100%;}
	.team ul li .tit{ float:none; width:100%;}	
	.video ul li,.Qualification ul li,.References ul li{width:48%;}
	.productindex .catespan span{ font-size:14px;}
	.References ul li{ margin:1% !important;}
	.contact .con,.contact .message{ width:100%; float:none;}
    .pInfor .tit{ line-height:normal;}
    .pInfor .downlist li .title{ width:60%;}
	
    .search .searchlist li .title{ width:60%;}
	
}
@media (max-width:480px){
	.Top_bg .top_tel{ line-height:24px; padding:5px 0;}
	.Top_bg .top_tel span{ float:none; display:block;}
	.Top_menu{ margin-top:25px; width:30px;}
	.Top .logo{ width:40%; padding-top:15px;}
	.Top .search{ height:65px; width:35px; right:-10px;}
	.Top .search .searchbox{ top:65px;}
	.Top .language{ margin-top:20px; margin-right:0;}
	.home_news .right li .img{ float:none; width:100%;}
	.home_news .right .text .name{ height:auto;}
	.home_news .right .text .name span{ display:none;}
	.Bottom .list{ display:none;}
	.Bottom .Copyright select{ width:124px;}
	.video ul li,.Qualification ul li,.References ul li{width:100%;}
	.news_1 .right .istop .img,.news_1 .right .istop .txt,.news_2 .istop .txt,.news_2 .istop .img{ float:none; width:100%;}
}
/*【产品中心详情页】样式修改为fullPage插件*/
header.TopFull{position:fixed;top:0;width:100%;}
header.TopFull .topNavFull{width:100%;background: #fff;height:85px;padding: 0 15px;margin:0 auto;border-bottom:1px solid #E0E0E0;}
header.TopFull .w1200{width: 1200px;max-width: 100%;margin:0 auto;}
div.proFullLoc{width: 100%;height:50px;margin:0 auto;background: #eaeaea;line-height: 50px;}
div.proFullLoc .w1200{width: 1200px;height:50px;margin:0 auto;}
div.proFullLoc .w1200 .columnName{display: inline-block;width: 208px;height: 50px;}
div.proFullLoc .locationRight{float:right;}
header.TopFull .tabMenu{width: 1230px;max-width: 100%;margin:0 auto;}
header.TopFull .tabMenu .p{float:right;background: rgba(204, 0, 0,0.6);border-radius: 0 0 3px 3px; width: 240px;height: 30px;line-height: 30px;}
header.TopFull .tabMenu .p a{padding:0 10px;color: #fff;}

#dowebok .section .text span{/*float:left;*/}
#dowebok .section1 { /*background: url(../images/proBan1.png);*/position: relative;padding-top: 60px;}
#dowebok .section{background-position:center center;}
#dowebok .section2 { /*background: url(../images/proBan2.png);*/}
#dowebok .section3 { /*background: url(../images/proBan3.png);*/}
#dowebok .section4 { /*background: url(../images/proBan4.png);*/}
#dowebok .section5 { /*background: url(../images/proBan5.png);*/}
#fp-nav ul li i{display: none;}
#fp-nav ul li a span{background: #6d6d6d;}
#fp-nav ul li a.active span{width:10px;height:10px;border: 2px solid #8B4D4E;background: rgba(255,255,255,0.6);left:7px;}
#dowebok .section .w1200{width: 1200px;margin:0 auto;max-width: 100%;}
#dowebok .section1 .sec1Box{/*height:235px;*/color:#fff;}
#dowebok .f24{font-size:24px;}
#dowebok .f18{font-size:18px;}
#dowebok .btnMore{display: inline-block;width: 110px;height: 30px;line-height:30px;background: #C21C1F;text-align:center;color:#fff;box-sizing: border-box;margin-top:50px;border-radius: 8px;}
#dowebok .p{margin:0;}
#dowebok .section1 .sec1Tit{margin:25px 0 30px;font-weight: normal;}
#dowebok .bottomArrow{position:absolute;z-index:9;bottom:30px;left:50%;margin-right:17px;width: 34px;height: 70px;background: url(../images/bottomArrow.png); display:none;}
#dowebok .bottomArrow:hover{cursor: pointer;}
#dowebok .section2 .txtCenter{text-align: center;}
#dowebok .section2 .sec2Tit{font-size:50px;color:#A54646;}
#dowebok .section2 .subTit{margin:20px 0 50px;color:#FEFEFE;}
#dowebok .section2 .f24 span{display: block;color:#FEFEFE;}
#dowebok .section2 .middTxt{margin:20px 0;}
#dowebok .section3 .sec3Tit{color:#A54646;font-size:36px;}
/*#dowebok .section3 .sec3Box{height: 300px;}*/
#dowebok .section3 .sec3Box .p{line-height: 48px;margin-top:20px;font-size:20px;}
/*#dowebok .section4 .right{float: right;height:310px;}*/ 
#dowebok .section4 .sec4Tit{color:#A44243;font-size:36px;}
#dowebok .section4 .sec4Box .p{line-height: 48px;margin-top:20px;font-size:20px;}
#dowebok .section5 .sec5Tit{color:#A54646;font-size:36px;}
#dowebok .section5 .sec5Box .p{line-height: 48px;margin-top:20px;font-size:20px;color:#C9C9C9;}
.bottomFix{position: fixed;bottom:0px;width:100%;}
/*#section-footer{width: 100%;height: auto;}*/

#dowebok .section .text{float: left; max-width: 500px;opacity: 0;transition: all 4s;}
#dowebok .section.active .text{opacity: 1;}
#dowebok .section .img{float: right;max-width: 100%;}
#dowebok .section2 .w1200{width: auto;}

#dowebok .section .LeftPic .text{float: right;}
#dowebok .section .LeftPic .img{float: left;}
#dowebok .section .NoPic .text{float: none;text-align: center;width: 100%;max-width: 100%;overflow: auto;}

#dowebok .sectionBot .secBoxBot{height: 100%;padding-top: 127px;padding-bottom: 20px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
#dowebok .sectionBot .maskTxt{height: 100%;overflow: hidden;position: relative;}
.section_foot iframe{display: none;}
/*处理小屏幕时*/
@media (max-width:1024px){
	#dowebok .bottomArrow{display: none;}
	#dowebok .section{padding: 30px 2%; background-size: cover;}
	#dowebok .section1{padding-top: 220px;}
	#dowebok .section_foot{padding: 0;}
	#dowebok .section1 .sec1Tit,#dowebok .section2 .sec2Tit,#dowebok .section3 .sec3Tit{font-size:20px;}
	#dowebok .section2 .f24 span{font-size:14px;}
	#dowebok .section .w1200 .text{float: none;max-width: 100%;opacity: 1; padding-top:20px;} 
    #dowebok .section .w1200 .img{float: none;}
    #dowebok .f24{font-size: 20px;}
    #dowebok .section1 .sec1Tit, #dowebok .section2 .sec2Tit, #dowebok .section3 .sec3Tit{font-size: 20px;}
    #dowebok .section1 .sec1Tit{margin: 10px 0;}
    #dowebok .btnMore{margin-top: 10px;}
    #dowebok .section3 .sec3Box .p{line-height: 30px;margin-top: 10px;font-size: 16px;}
    #dowebok .section4 .sec4Tit{font-size: 24px;}
    #dowebok .section4 .sec4Box .p{line-height: 30px;margin-top: 10px;font-size: 16px;}
    #dowebok .section5 .sec5Tit{font-size: 24px;}
    #dowebok .section5 .sec5Box .p{line-height: 30px;margin-top: 10px;font-size: 16px;}
    #dowebok .sectionBot .secBoxBot{padding: 0; height: auto;}
    #dowebok .sectionBot .maskTxt{height: auto !important;}
}
@media (max-width:640px){
.topNavFull .search{width: 30px;}
div.proFullLoc .locationRight{display: none;}
}
@media (max-width:480px){
.topNavFull .language {margin-top: 20px;margin-right: 0;}
 .topNavFull .logo{width: 40%;padding-top: 15px;}
 .topNavFull .search{height: 65px;width: 35px;right: -10px;}
 .topNavFull .Top_menu {margin-top: 25px;width: 30px;}
}


.prowidthlist{ padding-top:0; float:none; width:100%;}
.h_Box { margin-top: 40px; }
.h_Box ul{margin-right: -1.4%;min-height: 35px}
.h_Box ul li{width: 48.6%; float: left; position: relative; margin: 0 1.4% 1.4% 0; overflow: hidden;}
.h_Box ul li a:after{content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.37); opacity: 0; transition: 0.5s;}
.h_Box ul li:hover a:after{opacity: 1;}
.h_Box ul li span{display: block;}
.h_Box .pic{background-repeat: no-repeat; background-position: center center; padding-bottom: 60%; transition: 0.5s;}
.h_Box .top {position: relative; margin-bottom: 20px;}
.h_Box .list_right {float: right;}
.h_Box .list_width {width: 98.6%;}
.h_Box .list_width .pic{padding-bottom: 29.4%}
.h_Box .list_width .text{bottom:-60%}
.h_Box .list_small{width: 31.9%;}
.h_Box .list_small .pic{padding-bottom: 72.8%;}
.h_Box .top .pic{padding-bottom: 123%; position: relative; overflow: hidden;}
.h_Box .pic img{position: absolute; top: 0; left: 0; width: 110%; max-width: 110%; transition: 0.5s;}
.h_Box ul li .top_text{position: absolute; top: 0; left: 0; color: #fff; padding: 10%; transition: 0.5s; }
.h_Box ul li .top_text .title{font-size: 60px;}
.h_Box ul li .top_text .text{font-size: 18px;}
.h_Box ul li .text{position: absolute; left: 0; color: #fff; padding: 30px; width: 71%; max-width:490px; font-size: 26px; transition: 0.5s; opacity: 1; z-index: 10; box-sizing:border-box;}
.h_Box ul li .text ul li{display: block;float:left;width:85px !important;height: 30px;line-height: 30px;text-align: center;font-size: 14px;color: #ffffff}


.h_Box ul li.top .text{position: absolute; left: 0; color: #fff; padding: 30px; width: 71%; max-width:490px; font-size: 26px; transition: 0.5s; opacity: 1; z-index: 10; box-sizing:border-box;}
.h_Box ul li .text .title{font-size: 30px; display: block;}
.h_Box ul li .text .txt{font-size: 15px; margin: 15px 0 0 0; opacity: 0; transition: 0.5s; line-height: 25px; overflow:hidden; letter-spacing:1px;}
.h_Box ul li .text img{margin-right: 2%;}
.h_Box ul li .text .colorul{ min-height:auto; margin-top:15px;}
.h_Box ul li .text .colorul li{ margin-bottom:0;}

.h_Box ul li:hover .text{ /*transform: translate(0,-150px);*/ bottom:0; opacity: 1;}
.h_Box ul li.top:hover .text{ /*transform: translate(0,-130px);)*/ bottom:0; opacity: 1;}
.h_Box ul li:hover .pic img{transform: translate(-5%,0); opacity: 1;}
.h_Box ul li:hover .top_text{ /*transform: translate(0,50px);*/ bottom:0; opacity: 1;}
.h_Box ul li:hover .text .txt{opacity: 1;}
.h_Box dl{margin: 0;}
.h_Box dl dd{margin: 0;}
.h_Box .bx-controls-direction{display: none;}
.h_Box .bx-pager{position: absolute; right: 20px; bottom: 20px;}
.h_Box .bx-pager-item a{width: 7px; height: 7px; border-radius: 50%; background: #606365; display: block; text-indent: 7px; overflow: hidden;}
.h_Box .bx-pager-item a.active{background: #fff;}
.h_Box .bx-pager-item {margin-right: 10px; float: left;}

.BotBox{margin-top: 0 !important;padding-top: 1.3%;background: #e9e9e9}

@media(max-width: 1200px){
    /*.h_Box ul li .text{bottom:-62%}*/
}
@media(max-width: 768px){
    .h_Box ul li{margin: 0 auto}
    .h_Box ul{margin-right: 0%;}
	.h_Box .pic{ padding-bottom:0;}
	.h_Box .pic img{ width:100%; max-width:100%; position:static;}
	.h_Box ul li .text{ padding:10px 0 15px;}
    .h_Box ul li .text ul li{width:125px !important; text-align: center; margin:0 10px 8px 0; display: inline-block}
	.h_Box ul li .colorul{ overflow:hidden;}
	.h_Box ul li .text .colorul li{ margin-bottom:10px;}
	
	.h_Box ul li.top .text{ padding:10px 0 15px;}
	.h_Box .top .pic{ padding-bottom:0;}
	.h_Box ul li a:after{ position:static;}
	
	.h_Box .list_width .pic,
	.h_Box .list_small .pic{ padding-bottom:0;}
}

@media(max-width: 320px){
    /*.h_Box ul li .text ul li{width:60px !important;}*/
}

@media(max-width: 768px){
    .h_Box ul li{width: 100% !important;margin-bottom: 20px}
    .h_Box ul li .text{position: static !important;font-size: 22px;width: 100% !important}
    .h_Box ul li .text span{color: #333333;font-size: 22px !important;}
    .h_Box ul li .text .txt{font-size: 16px !important;color: #333333}
    .h_Box ul li .text .txt{opacity: 1;height: auto !important}
    .h_Box ul li .top_text .title{font-size: 30px;}
    .h_Box ul li .text .txt{font-size: 12px; line-height: 22px; height: 40px; }
    .h_Box ul li:hover .text{/*transform: translate(0,-20px);*/}
}

@media screen and (max-width:640px){
    .h_Box ul li .top_text .title{font-size: 20px;}
    .h_Box ul li .top_text .text{font-size: 18px;}
    .h_Box ul li .text .title{ font-size: 14px;}
    .h_Box ul li .text img{height: 20px;}
}
@media(min-width:1920px){
	.h_Box ul li.top .text{ bottom:-12%;}
	/*.h_Box ul li .text{ bottom:-24%;}*/
	.h_Box .list_width .text{ bottom:-35%;}
}

.prolistbox{width: 100% !important;margin: 0 auto;float: none !important;}

/*.Pro .ContainMain,
.Pro .bottomMain{ max-width:none;}
.Pro .Top .TopMain{ width:90%; max-width:none;}
.Pro .Current,
.Pro .bottomMain{ width:90%; margin:0 auto;}*/)
/*小滚动条样式*/

/*.gdt::-webkit-scrollbar{width:3px;}
.gdt::-webkit-scrollbar-track{background-color:#fff;}
.gdt::-webkit-scrollbar-thumb{background-color:#bbb;}
.gdt::-webkit-scrollbar-thumb:hover{background-color:#555}
.gdt::-webkit-scrollbar-thumb:active{background-color:#666}
.gdt{ overflow:auto !important; padding-right:10px !important;}*/


.BotBox{margin-top: 0 !important;padding-top: 1.3%;background: #e9e9e9}








