@charset "utf-8";
/* CSS Document */
body{text-align:center; font-family:"Microsoft Yahei","����",Arial, Helvetica, sans-serif; font-size:16px;  margin:0px 0px;  padding:0px 0px; color:#333; background:#fff}  

form{margin:0px auto;  list-style-type:none;  padding:0px 0px; }  
td{font-family:"Microsoft Yahei","����",Arial, Helvetica, sans-serif;  font-size:16px;  }  
table{font-family:"Microsoft Yahei","����",Arial, Helvetica, sans-serif; margin:0px auto;  list-style-type:none;  padding:0px 0px;  }  
td {font-size:16px }  
tr {font-size:16px}  
th {font-size:16px}  
ul{margin:0px 0px;  padding:0px 0px;  list-style-type:none;}  
li{margin:0px 0px;  padding:0px 0px;  list-style-type:none;}    
a:link {color:#333;text-decoration:none;  }  
a:visited {color:#333;text-decoration:none;  }  
a:hover {color:#ff944f;text-decoration:none;  }  
a:active {color:#333;text-decoration:none;  } 
.grey{color:#aaacaf}
.grey a{color:#aaacaf; text-decoration:none}
.grey a:hover{color:#fe0000; text-decoration:none}
.red{color:#d41b1f}
.red a{color:#d41b1f; text-decoration:none}
.red a:hover{color:#d41b1f; text-decoration:underline}
.white{color:#FFFFFF}
.white a{color:#FFFFFF; text-decoration:none}
.white a:hover{color:#a00115; text-decoration:underline}
.black{color:#000}
.black a{color:#000; text-decoration:none}
.black a:hover{color:#e35f14; text-decoration:none}
.yellow{color:#dbae3f;}
.yellow a{color:#dbae3f; text-decoration:none}
.yellow a:hover{color:#fff; text-decoration:none}
.blue{color:#1161c0;}
.blue a{color:#1161c0; text-decoration:none}
.blue a:hover{color:#1161c0; text-decoration:underline}
.blue1{color:#014592}
.blue1 a{color:#014592; text-decoration:none}
.blue1 a:hover{color:#014592; text-decoration:none}
.blue2{color:#9ba3b1}
.blue2 a{color:#9ba3b1; text-decoration:none}
.blue2 a:hover{color:#fff; text-decoration:none}
.grey1{color:#515151}
.grey1 a:link {color:#515151;text-decoration:none;  }  
.grey1 a:visited {color:#515151;text-decoration:none;  }  
.grey1 a:hover {color:#d41b1f;text-decoration:none;  }  
.grey1 a:active {color:#b5b5b5;text-decoration:none;  } 
img{border:0px;}
.left{float:left;}
.right{float:right;}
.banner1{clear:both; height:50px; overflow:hidden}
.banner2{clear:both; height:20px; overflow:hidden}
.t01{font-family:"Microsoft Yahei","����",Arial, Helvetica, sans-serif;}
.t02{font-family:"Microsoft Yahei","����",Arial, Helvetica, sans-serif;}
table{border-collapse:collapse;table-layout:fixed}
input,textarea{outline:none;border:none}
textarea{resize:none;overflow:auto}
.clearfix{zoom:1}
.clearfix:after{content:".";width:0;height:0;visibility:hidden;display:block;clear:both;overflow:hidden}
.extent{width:1280px; margin:0px auto; clear:both}
h5 {
    display: block;
    font-size: 0.83em;
    margin-block-start: 1.67em;
    margin-block-end: 1.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}

.top-head{height:85px;position:fixed;top:0;width:100%;z-index:1000;background:#fff;}
.shadow{width:100%;height:7px;font-size:0;overflow:hidden;background:url(../images/line01.png) repeat-x;}

.top01{width:100%;height:30px;line-height:30px;background:#fff;/*color:#f5f5f5;*/ overflow:hidden;}
.top01_center{text-align:left;/* width:362px;*//*padding-left:840px;margin:0 auto;*/ float:right;}
.top01_center img{float:left;margin-top:3px;}
.top02{width:100%;}
.logo{width:200px;float:left;  text-align:left; padding-top:15px}
.nav{width:auto;float:right; text-transform: uppercase;}
.nav ul{padding:0px; margin:0px}
.nav li{width:auto; margin:0 10px 0 10px;float:left;text-align:center;/* position:relative;*/}
.nav a{width:auto; padding:0px 10px; height:53px;padding-top:30px;display:block;/*overflow:hidden;*/}
.nav li a:after{content: "";display: block;position: absolute;left: 50%;right: 50%;bottom: -3px;height: 3px;opacity: 0;background-color: #ff944f;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.nav li a:hover:after{left: 1%;right: 1%;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}

.nav a#sel{border-bottom:3px solid #ff944f;color:#ff944f;}
.nav a#sel:hover:after{opacity: 0;}

.nav .sub{display:none;width:100%;padding:0;position:fixed;top:80px;overflow:hidden;text-align:left;z-index:110;left:0px;background-color:#f5f5f5;}
.nav .sub .nav_xiao{width:1280px;overflow:hidden;padding-top:5px;margin:0 auto; padding-bottom:20px}
.nav .sub .nav_xiao a{padding:0px; margin:0px; padding-top:0px;}
.nav .sub .nav_xiao .xiao_one{width:760px;float:right;overflow:hidden;}
.nav .sub .nav_xiao .xiao_one a{float:left;display:inline;height:28px;line-height:28px;width:108px;margin-right:12px;overflow:hidden;border-bottom:1px solid #d3d2d2;color:#313030;background:url(../images/201603/nav_dian.jpg) left center no-repeat;padding:0;padding-left:15px;margin-top:13px;font-size:12px;font-family:"宋体";}
.nav .sub .nav_xiao .xiao_one a:hover{color:#f3782a;}
.nav .sub .nav_xiao .xiao_two{margin-top:28px;width:760px;float:right;}
.nav .sub .nav_xiao .xiao_two img{float:left;margin-right:25px;}
.nav .sub .nav_xiao .xiao_two .nav_div{float:left;width:380px;padding-top:30px;font-size:12px;color:#666666;line-height:22px;}
.nav .sub .nav_xiao .xiao_two .nav_div h2{font-size:16px;color:#f3782a;font-weight:normal;letter-spacing:1px;line-height:36px;}

.nav .sub .nav_xiao .xiao_three{overflow:hidden; width:100%}
.nav .sub .nav_xiao .xiao_three ul{padding:0px; margin:0px;}
.nav .sub .nav_xiao .xiao_three ul li{float:left;display:inline;width:19%; margin-right:1%; overflow:hidden; text-align:center;position:inherit;line-height:46px;margin-left:0px;}
.nav .sub .nav_xiao .xiao_three ul li img{width:100%;height:auto;display:block;}
.nav .sub .nav_xiao .xiao_three ul li a{color:#333;width:100%;font-size:16px;height:100%;padding-top:17px;}
.nav .sub .nav_xiao .xiao_three ul li a:hover{color:#ff944f;}
.nav .sub .nav_xiao .xiao_three ul li:hover img{opacity: 0.8;filter: alpha(opacity=80);}
.nav .sub .nav_xiao .xiao_three ul.nav_wechat li{width:195px;}
.nav .sub .nav_xiao .xiao_three ul.nav_wechat li img{width:195px;height:138px;}

.nav .sub .nav_xiao .xiao_four{width:24%;overflow:hidden; float:left; margin:0px 1% 0px 0px}
.nav .sub .nav_xiao .xiao_four h2{font-size:18px;font-weight:bold;color:#333333;height:40px;line-height:40px;border-bottom:1px solid #e2e3e3;letter-spacing:3px;margin-top:10px;}
.nav .sub .nav_xiao .xiao_four .ul{width:100%}
.nav .sub .nav_xiao .xiao_four .ul li{height:32px;line-height:32px;overflow:hidden;float:left;display:inline; margin-left:0px;position:inherit; clear:both;}
.nav .sub .nav_xiao .xiao_four .ul li a{padding:0; text-align:left;}

.nav .sub .nav_xiao .xiao_five{width:680px;overflow:hidden;float:left;margin-top:15px;margin-left:50px;}
.nav .sub .nav_xiao .xiao_five img{width:280px;height:212px;}
.nav .sub .nav_xiao .xiao_five a{width:280px;height:212px;padding:0;margin-right:45px;float:left;}
.nav .sub .nav_xiao .xiao_five2{float: right;margin-right: 20px;text-align: left;width: 445px;margin-top:15px;}
.nav .sub .nav_xiao .xiao_five2 p{border-bottom: 1px solid #D9D9D9;box-shadow: none;font-size: 14px;padding: 10px 0;}
.nav .sub .nav_xiao .xiao_five2 p a{text-align: left;width: 200px;display: inline-block;padding-top:0;height:auto;padding: 5px 0;font-size:14px;}

.nav .sub .nav_xiao .xiao_six_l{float:left;width:140px;margin-left:70px;overflow:hidden;margin-top:35px;}
.nav .sub .nav_xiao .xiao_six_l a{display:block;height:46px;line-height:46px;font-size:16px;color:#333333;padding-left:20px;background:url(../images/yuming_pic9.png) left center no-repeat;padding-top:0;}
.nav .sub .nav_xiao .xiao_six_l a.osel{background:url(../images/yuming_pic9_on.png) left center no-repeat;color:#f3782a;}
.nav .sub .nav_xiao .xiao_six_r{float:left;width:990px;overflow:hidden;text-align:center;} 
.nav .sub .nav_xiao .xiao_six_r img{display:block;margin:0 auto;margin-bottom:32px;transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;}
.nav .sub .nav_xiao .xiao_six_r a{float:left;width:16%;height:auto;border-left:1px solid #e2e3e3;padding-top:0;margin-top:35px;}
.nav .sub .nav_xiao .xiao_six_r a:nth-child(1){border-left:none}
.nav .sub .nav_xiao .xiao_six_r a:hover img{margin-top:-4px;margin-bottom:36px;}

.so{ float:right; width:200px; background:#fff; position:relative; border:2px solid #ff944f; border-radius:32px; overflow:hidden; margin:20px 0 0 0;}
.so .Search{ float:left; width:100%; height:25px; background:none; border:none; line-height:22px; padding:5px 35px 5px 13px; color:#858383; font-size:14px;}
.so .sear_sub{ float:right; width:20px; height:20px; border:none;background:url(../images/soso.png) center no-repeat; position:absolute; right:13px; top:8px;}
.so ::-webkit-input-placeholder{color:#858383}
.so :-moz-placeholder{color:#858383}
.so ::-moz-placeholder{color:#858383}
.so :-ms-input-placeholder{color:#858383}
.hedaer01{clear:both; height:76px; overflow:hidden}
.av{clear:both; }
/* flexslider */
.av .flexslider{position:relative;height:860px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat; z-index:1; width:100%}
.av .slides{position:relative;width:100%}
.av .slides li{height:860px;width:100%}
.slides li a{ display:block; width:100%; height:100%; text-align:left; text-indent:-9999px; }
.av .flex-control-nav{position:absolute;bottom:10px;z-index:2; left:46%;text-align:center;}
.av .flex-control-nav li{display:inline-block;width:14px; float:left;height:14px;margin:0 2px;*display:inline;zoom:1;}
.av .flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.av .flex-control-nav .flex-active{background-position:0 0;}

.av .flex-direction-nav{position:absolute;z-index:3; left:0;width:100%;top:45%;}
.av .flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:60px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:60px;background:url(../images/next.png) center center no-repeat;}
.main-index{clear:both; overflow:hidden; width:100%}
#footer{clear:both; height:56px; line-height:56px; background:#3d3d3d; color:#fff; overflow:hidden}
.footer{clear:both; width:1280px;  margin:0px auto;}
.footer .left{}
.footer .right{}
.footer .right ul{list-style-type:none; padding:0px; margin:0px;}
.footer .right li{float:left; width:auto; padding-top:10px}
.footer .right img{margin-left:8px;}
.footer a{color:#fff}
#mabout{clear:both; background:url(../images/bg01.jpg) no-repeat center; overflow:hidden; padding:50px 0px;background-repeat: no-repeat; background-size:100%;  background-position: center;  background-attachment: fixed;}
.mabout{clear:both; width:1280px; margin:0px auto;}
.mabout .left{ width:calc(100% - 650px); text-align:left; line-height:36px;}
.mabout .left h1{padding:120px 0px 10px 0px; margin:0px;}
.mabout .left p{}
.mabout .left img{float:left; margin-top:30px; width:200px}
.mabout .right{width:582px; float:right}
#mproducts{clear:both; background:url(../images/bg02.jpg) no-repeat center top; overflow:hidden; padding:30px 0px;}
.mproducts{clear:both; width:1280px; margin:0px auto;}
.mproducts .title{clear:both; text-align:center;}
.mproducts .content{clear:both}
.hiddendiv{display: none;}
.tabqh{position:relative;width:1280px; margin:0px auto; text-align:center; min-height:800px}
.tabqh .tmenu{height:42px; width:1280px; margin:10px auto; font-family:"Microsoft Yahei","宋体",Arial, Helvetica, sans-serif;}
.tabqh .tmenu  a{font-size:16px;text-decoration:none; display:inline-table; height:40px; color:#fff; background:#b7b8b9; line-height:40px; width:290px; margin:0px 6px; text-align:center; border:none; border-radius:25px;text-transform: uppercase;}
.tabqh .tmenu  a.tabactive{color:#fff; background:#ff944f; border:none}
.tabqh .tabdiv{position:absolute; top:70px;width:1280px; left:0}
.tabdiv ul{list-style-type:none; padding:0px; margin:0px;}
.tabdiv li{width:305px; float:left; margin:0px 0px 20px 20px; }
.tabdiv li:nth-child(4n+1){margin-left:0px;}
.tabdiv li .p_pic{width:305px; height:305px; overflow:hidden}
.tabdiv li .p_pic img{width:305px; height:305px}
.tabdiv li .p_name{line-height:40px; height:40px; padding-top:3px;text-indent:10px; text-align:center}
.tabdiv li:hover{box-shadow: 0 0 5px #ff944f;}
.tabdiv li:hover .p_pic img{transform: scale(1.5);	}
.menvironment{background:url(../images/bg03.jpg) no-repeat center; height:610px;  }
#menvironment{clear:both; background:url(../images/bg04.jpg) no-repeat center top; overflow:hidden; padding:10px 0px 50px 0px;}
.blank30{height:30px;overflow:hidden;}
/* jQuery jcImgScroll */
.jcImgScroll{position:relative;height:500px; margin-top:40px}
.jcImgScroll li{border:1px solid #ccc;}
.jcImgScroll li a{background:#fff;display:block;position:relative;z-index:99;}
.jcImgScroll li.loading a{background:#fff url(img/loading.gif) no-repeat center center;} 
.jcImgScroll li img,.jcImgScroll li,.jcImgScroll em,.jcImgScroll dl{display:none;border:0 none;}
.jcImgScroll li img{width: 100%;height: 100%;}
.jcImgScroll em.sPrev{background:url(../images/arrow-left.png) no-repeat left center;}
.jcImgScroll em.sNext{background:url(../images/arrow-right.png) no-repeat right center;}
.jcImgScroll dl dd{background:url(../images/NumBtn.png) no-repeat 0 bottom;text-indent:-9em;}
.jcImgScroll dl dd:hover,.jcImgScroll dl dd.curr{background-position:0 0;}
#demo img{width:auto; height:500px;}


.subav01{background:url(../images/subav01.jpg) no-repeat center; height:300px; clear:both}
.subav02{background:url(../images/subav02.jpg) no-repeat center; height:300px; clear:both}
.subav03{background:url(../images/subav03.jpg) no-repeat center; height:300px; clear:both}
.subav04{background:url(../images/subav04.jpg) no-repeat center; height:300px; clear:both}
.breadth{clear:both; width:1280px; margin:0px auto}
.about{clear:both;}
.atitle{clear:both; text-align:center; padding:55px 0px; overflow:hidden; text-transform: uppercase;}
.atitle h1{padding:0px 0px 10px 0px; margin:0px; font-size:36px; color:#4db90d;}
.atitle h2{padding:0px; margin:0px; font-size:24px; color:#787878; font-weight:normal}
.ano{clear:both; padding:0px 0px 40px 0px; overflow:hidden}
.ano ul{list-style-type:none; padding:0px; margin:0px;}
.ano li{width:25%; float:left; background:url(../images/line02.jpg) no-repeat 0px}
.ano li:nth-child(1){background:none}
.ano li h1{padding:0px 0px 2px 0px; margin:0px; font-size:46px; color:#4db90d;}
.ano li h2{padding:0px; margin:0px; font-size:16px; color:#787878; font-weight:normal}
.ainfo{clear:both}
.acompany{background:#f6f6f6; clear:both; overflow:hidden; padding:25px}
.acompany .apic{width:620px; float:left}
.acompany .apic img{width:620px}
.acompany .atxt{width: calc(100% - 650px); float:right; text-align:left; line-height:30px;}
.acompany .atxt h1{padding:15px 0px 15px 0px; margin:0px; font-size:32px; color:#4db90d;text-transform: uppercase;}
.acompany .atxt h2{padding:0px 0px 20px 0px; margin:0px; font-size:14px; color:#787878; font-weight:normal}
.atitle2{clear:both; text-align:center; padding:45px 0px 15px 0px; overflow:hidden; text-transform: uppercase;}
.atitle2 h1{padding:0px 0px 10px 0px; margin:0px; font-size:36px; color:#4db90d;}
.aul{clear:both; list-style-type:none; padding:0px; margin:0px;}
.aul li{float:left; width:45%; background:#f6f6f6; border-radius:25px; margin-left:2%; text-align:left; line-height:36px; padding:2%; min-height:180px;}
.aul li h1{padding:0px; margin:0px; font-size:22px; color:#ff9450;}
.aul li:nth-child(1){margin-left:0px;}
.ainfo{clear:both; line-height:32px; padding:40px 0px; text-align:center; color:#ff0000; font-size:24px; font-weight:bold}

#submenu{background:#f6f6f6; clear:both; height:50px; line-height:50px; text-transform: uppercase;}
.submenu{clear:both}
.submenu a{height:50px; line-height:50px; font-size:16px; width:300px; text-align:center; display:inline-table; background:url(../images/line01.jpg) no-repeat 0px}
.submenu a:nth-child(1){background:none}
.submenu a:hover{ background:#ff9450;  color:#fff}
.submenu a.hover{background:#ff9450; color:#fff}

.products{clear:both; overflow:hidden; padding:20px 0px 20px 0px}
.products ul{list-style-type:none; padding:0px 0px; margin:0px 0px;}
.products li{list-style-type:none; width:298px; margin:10px 10px 10px 10px; float:left; text-decoration:none; border:1px solid #f0f0f0; line-height:36px}
.products li .p_pic{width:298px; height:298px; overflow:hidden}
.products li .p_pic img{width:298px; height:298px}
.products li:hover {box-shadow: 0 0 5px #ff944f;}
.products li:hover .p_pic img{transform: scale(1.5);	}
.products li .p_name{line-height:40px; height:40px; padding-top:3px;text-indent:10px; text-align:center}

.feedback{clear:both; }
.feedtop{background:url(../images/i12.png) no-repeat 0px 30px; background-size:70px; text-align:center; font-size:24px; font-weight:bold; line-height:36px; margin:0px auto; padding:50px 0px 40px 0px;letter-spacing:2px; text-transform:uppercase; border-bottom:1px dotted #f0f0f0; margin:40px 0px 60px 0px}
.scontact .content{clear:both; border-bottom:1px dotted #2a2a2a; overflow:hidden; margin-bottom:30px}
.feedback .title{font-size:20px; color:#000; clear:both; text-align:left; padding:10px 0px 20px 0px}
.feedback .content{clear:both; margin-bottom:10px}
.query1, .query1 td {border-collapse: collapse; padding:10px 0px;}
.lxwm .content{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 94%;
    display-radio: flex;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    justify-content: space-between;
    background_radio: 1; padding-bottom:30px;
}

.lxwm .content > .c_item {
    flex: none;
    max-width: 100%;
    max-height: 100%;
    width: calc((100% - 30px) / 2);
    background: #fafafa;
    transition: all 0.5s; margin:15px 0px;
}

.lxwm .content > .c_item:hover {
    box-shadow: 0 15px 50px -5px rgb(29 56 72 / 20%);

}
.ci_info{text-align:center; line-height:28px; padding:35px 25px; color:#3a3a3a}
.ci_info img{width:60px;}
.ci_info h1{font-size:24px; padding:20px 0px; margin:0px; font-weight:normal; color:#000}

.etitle{clear:both;padding:15px 0px 15px 0px; margin:0px 0px 15px 0px; font-size:32px; color:#ff9450;text-transform: uppercase; background:url(../images/line03.png) no-repeat center bottom;  overflow:hidden}

.environment{clear:both; overflow:hidden; padding:20px 0px 20px 0px}
.environment ul{list-style-type:none; padding:0px 0px; margin:0px 0px;}
.environment li{list-style-type:none; width:298px; margin:10px 10px 10px 10px; float:left; text-decoration:none; border:1px solid #f0f0f0;}
.environment li .p_pic2{display: table-cell;    vertical-align: middle;    width: 298px;    height: 224px;    overflow: hidden;}
.environment li:hover {box-shadow: 0 0 5px #ff944f;}
.environment li:hover .p_pic2 img{transform: scale(1.5);	}
.environment li .p_name2{text-indent:10px; text-align:center; clear:both; padding:8px 0px 12px 0px; overflow:hidden}
.environment .p_pic2 img{max-width:298px; /* sets max-width for IE */
 _width:expression(document.body.clientWidth > 298 ? "298px" : "auto");
 max-height:224px;
   /* sets max-height for IE */
   _height:expression(this.scrollHeight > 224 ? "224px" : "auto");
}