@charset "utf-8";

/*Reset*/
*{ padding:0; margin:0; outline:none;}
*html{background-image:url(about:blank);background-attachment:fixed;}
html,ul,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,img,form,embed,label{margin:0;padding:0;border:0;}
img{border:none}
ul,li{ list-style:none;} 
.clear{ width:1px; height:0; overflow:hidden; clear:both;}
.cls{clear:both; line-height:0px!important; height:0px!important;font-size:0px!important;} 
select,input,textarea{ vertical-align:middle;font-family: Arial, Helvetica, sans-serif; }  
a {color:#333333;text-decoration:none;}
a:hover {color:#339966;}
a:active {color:#339966;}
.hidden{ display:none}
i{ font-style:normal}
.fl{ float:left;}
.fr{ float:right}
.page{ float:left; width:100%; text-align:center; margin-bottom: 50px; }
.page a{ display:inline-block; line-height:30px; padding:0 10px; border:1px solid #e0e0e0; border-radius:3px; margin:0 3px;transition: all 0.3s ease 0s;}
.page a.on,.page a:hover{ color:#fff; border:1px solid #339966; background:#339966;}
input,select,textarea{  font-family:"微软雅黑"; outline:none}
.red{color:#339966}
.overflow{overflow:hidden;white-space: nowrap;text-overflow: ellipsis; -o-text-overflow:ellipsis;}
.dfootnav{ display:none}
/*basic*/ 
body{margin:0px; padding:0px; font-family: "微软雅黑"; font-size:14px;color:#030303;}  
.dnboxp{ display: none;}
/*index*/
.wbox{ width:100%; float:left; min-width:1200px; padding-top:80px;}
.wbox_index{ padding: 0;}
.headbox,.mbanner,.mprolist,.casetabbox,.fmenu,.moban,.mewmbox{ display:none;}
.banner{width: 100%; float: left; position: relative; overflow:hidden}   
.wrap{ width:96%; margin:0 auto; }
.wrapx{ width:86%; margin:0 auto; }
.phead{position: fixed; width:100%; top: 0; left: 0; height: 97px; z-index: 10;transition: all 0.3s ease 0s; border-bottom: 1px solid #fff; }
.phead_zw{ height:97px; float:left; width:100%}
.phead_hover{border-bottom: 1px solid #ddd;}
.top{ width:100%; float:left; height: 97px;  /*box-shadow: 0 0 5px #ddd;*/}
.logo{ float:left; height:47px; margin: 25px 0; margin-left: 20px;}
.logo2{ float:left; height:47px; margin: 25px 0; margin-left: 20px; display: none;}
.top .wrap{ position: relative;}

#nav { display:block; height: 97px; width: 840px; left: 50%; margin-left: -420px; position: absolute;}

#nav .jquery_out {float:left;display:block;}
#nav .mainlevel { float:left;/*IE6 only*/ position:relative; width: 120px;  float: left; }
#nav .mainlevel a { text-decoration:none; line-height:97px;  width: 100%; text-align: center; font-weight: bold;  display:block; float:left; text-transform:uppercase;color:#fff; font-size: 17px; transition: all 0.3s ease 0s;}


#nav .mainlevel#mainlevel_00{ width:80px;}
.phead_hover #nav .mainlevel a,.phead:hover #nav .mainlevel a{ color: #666;}
.phead:hover #nav .mainlevel.hov a,
.phead_hover #nav .mainlevel.hov a,
.phead_ny #nav .mainlevel.hov a{ color: #339966; }

#nav .mainlevel:hover a.navali { color: #339966;}
#nav .mainlevel:hover a{ color: #339966; border-bottom: 2px solid #339966; box-sizing: border-box;}

#nav .mainlevel ul {display:none; position:absolute; list-style-type:none;box-shadow: 0 0 5px #ddd;  margin:0; z-index:1020; width:280px; margin-left:0; background: #fff;}
#nav .mainlevel ul li { width:100%; height:50px; line-height:50px; border-bottom: 1px solid #eeeeee; margin:0; padding:0; position: relative;  list-style-type:none;/*IE6 only*/}
#nav .mainlevel ul li a{ width:100%; height:50px;line-height:50px; padding:0; color:#000; border: 0; font-size:18px; border-radius:0; text-align:left; text-indent: 20px;}



.topsearch{ float: right; background: url(search.png) center right no-repeat; height: 40px; width: 40px; margin-top: 30px; cursor: pointer; position: relative;}
.phead_hover .topsearch,.phead:hover .topsearch{ background: url(searchh.png) center right no-repeat; }
.searchForm{  height: 38px; position: absolute; top: 0; right: 0; background: #fff; width: 0; overflow: hidden; transition: all 0.3s ease 0s;}
.input1{ width:200px; height: 38px; text-indent: 10px; border: 0; line-height: 38px; float: left;}
.button1{ width:39px; border-left: 1px solid #ddd; height: 38px; text-indent: 100px; overflow: hidden;; border: 0; line-height: 38px; cursor: pointer; float: left;  background: url(searchh.png) center center no-repeat; }
.topsearch:hover .searchForm{border: 1px solid #ddd;width: 240px; }

.phead:hover,.phead_hover,.phead_ny{ background: #ffff;}
.phead:hover .logo,.phead_hover .logo,.phead_ny .logo{ display: none;}
.phead:hover .logo2,.phead_hover .logo2,.phead_ny .logo2{ display:block;}
.phright{ float: right;}
.phright dl{ float: left; height: 22px; margin-top: 37px; border-left: 1px solid #fff; padding: 0 20px; position: relative;}
.phright dl:nth-of-type(1){ border: 0;}
.phright dl dd{ position: absolute; right: 20px; top: 22px; width: 150px; background: #fff; display: none;transition: all 0.3s ease 0s; }
.phright dl dd img{ width: 130px; margin: 10px; float: left;}
.phright dl:hover dd{ display: block;}
.phright dl dt{ margin-top: 1px; width: 18px; height: 18px; float: left;}
.phright dl dt a{ display: block;}
.phright dl dt.headvr1{ width: 20px; background: url(vr.png) center center no-repeat;}
.phright dl dt.headvr1:hover{ background: url(vrh.png) center center no-repeat;}
.phright dl dt.headvr2{ background: url(like.png) center center no-repeat;}
.phright dl dt.headvr2:hover{ background: url(likeh.png) center center no-repeat;}
.phright dl dt.headvr3{ background: url(ear.png) center center no-repeat;}
.phright dl dt.headvr3:hover{ background: url(earh.png) center center no-repeat;}
.phright dl dt.headvr4{ background: url(code.png) center center no-repeat;}
.phright dl dt.headvr4:hover{ background: url(codeh.png) center center no-repeat;}

.phead:hover .phright dl dt.headvr1,
.phead_hover .phright dl dt.headvr1,
.phead_ny .phright dl dt.headvr1{ background: url(vrh.png) center center no-repeat;}

.phead:hover .phright dl dt.headvr2,
.phead_hover .phright dl dt.headvr2,
.phead_ny .phright dl dt.headvr2{ background: url(likeh.png) center center no-repeat;}

.phead:hover .phright dl dt.headvr3,
.phead_hover .phright dl dt.headvr3,
.phead_ny .phright dl dt.headvr3{ background: url(earh.png) center center no-repeat;}

.phead:hover .phright dl dt.headvr4,
.phead_hover .phright dl dt.headvr4,
.phead_ny .phright dl dt.headvr4{ background: url(codeh.png) center center no-repeat;}
.phead:hover .phright dl,
.phead_hover .phright dl,
.phead_ny .phright dl{ border-left: 1px solid #666;}

.phead:hover .phright dl:nth-of-type(1),
.phead_hover .phright dl:nth-of-type(1),
.phead_ny .phright dl:nth-of-type(1){ border: 0;}

#nav .mainlevel ul.pfnave{ width: 935px; padding: 45px 0 45px 45px; background: #fff; }
#nav .mainlevel ul.pfnave .pfnave_img{ width: 425px; float: right; padding-left: 78px; border-left: 1px solid #ddd;}
#nav .mainlevel ul.pfnave .pfnave_img img{ width: 100%;}
#nav .mainlevel ul.pfnave .pfnave_tit{ width: 100%; float: left; font-size: 25px;color: #339966; font-weight: bold; line-height: 35px; }
#nav .mainlevel ul.pfnave .pfnave_txt{ width: 100%; float: left; font-size: 18px;color: #999; line-height: 35px;  }
#nav .mainlevel ul.pfnave .pfnave_nav{ width: 425px; float: left; margin-top: 30px;}
#nav .mainlevel ul.pfnave .pfnave_nav a{ display: block; width: 200px; overflow: hidden; color: #787878; border: 0; font-size: 16px; height: 30px; line-height: 30px; font-weight: normal; margin-bottom: 20px;}
#nav .mainlevel ul.pfnave .pfnave_nav a img{width: 20px; height: 20px; margin: 5px 0px 0 0; display:block; float: left; -webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter:#666; opacity: 1;} 
#nav .mainlevel ul.pfnave .pfnave_nav a span{float: left;} 
#nav .mainlevel ul.pfnave .pfnave_nav a:nth-of-type(2n){ margin-right: 0;}
#nav .mainlevel ul.pfnave .pfnave_nav a:hover img{-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-ms-filter: grayscale(0);
	-o-filter: grayscale(0);
	filter: grayscale(0);}
	#nav .mainlevel ul.pfnave .pfnave_nav a:hover{ color: #339966;}	

.pic_effect{  position: relative; overflow: hidden; }
.pic_effect img{ width:100%; vertical-align: bottom;opacity: 1;filter:alpha(opacity=100);transform: scale(1, 1);transition: all 0.3s ease 0s; }
.pic_effect{ display: block; background: #fff;transition: background 0.3s ease 0s;}
.pic_effect:hover img{ transform: scale(1.08, 1.08);}

.index_about{ width: 100%; float: left; position: relative; overflow: hidden; padding: 70px 0; background: #f9f9f9;}
.aboutbox{ width:100%; position: relative; padding-left:250px; box-sizing: border-box; }
.about_tit{ width: 250px; position:absolute; top: 0; left: 0;}
.about_tit dl{ float: left; width: 100%; margin-top: 10px;}
.about_tit dt{ float: left; width: 100%;}
.about_tit dt i{ float: left; width: 100%; display: block; color: #339966; font-size: 47px; height: 40px; line-height: 40px; overflow: hidden; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
.about_tit dt span{ float: left; width: 100%; display: block; color: #423f3b; font-size: 18px; height: 40px; line-height: 40px; overflow: hidden; }
.about_tit dd{ width: 100%; float: left; margin-top: 10px;}
.about_tit dd a{ width: 48%; float: left; height: 40px; line-height: 40px; border-radius: 20px; text-align: center; color:#fff; font-size: 16px;transition: all 0.3s ease 0s; background: #5ab7af;}
.about_tit dd a:nth-of-type(2){ float: right;}
.about_tit dd a:hover{ background: #339966;}
.aboutmain{ width: 88%; font-size: 15px; float: right; line-height: 28px;}

.numberlist{ width: 100%; margin-top: 35px; float: left; background: #fff;box-shadow: 0 0 15px #ddd; border-radius: 5px; padding: 50px 0;}
.numberlist li{ width: 20%; border-left: 1px solid #ddd; text-align: center; float: left; box-sizing: border-box;}
.numberlist li:nth-of-type(1){ border: 0;}
.numbox{ width: 100%; color: #339966; font-size: 18px; font-weight: bold; background: url(line1.jpg) center bottom no-repeat; padding-bottom: 10px; margin-bottom: 10px;}
.numbox i{ font-family: Arial, Helvetica, sans-serif; font-size: 48px; display: inline-block; padding-right: 10px;}
.detail4{ font-size: 20px; color: #666;}

.aboutPicture{ width: 86.5%; margin: 0 auto;}
.inpro{ width:100%; margin:0 auto; margin-top:40px;}
#owl-demo .item{margin: 0; width:96%; margin: 0 2%; overflow:hidden; background: none;}
#owl-demo .item img{ width:100%; float:left; height:250px; }
#owl-demo .item dt{ width: 100%; text-align: center; line-height: 30px; float: left; margin-top: 10px; font-size: 20px;height: 30px;}
#owl-demo .owl-prev,#owl-demo .owl-next{font-size: 0; margin: 0; padding: 0;width: 40px; height: 40px; border-radius: 0;}
#owl-demo .owl-prev{ background: url(sleft.png) no-repeat;  position: absolute; left:-60px; top: 50%; margin-top: -17px; }
#owl-demo .owl-next{ background: url(sright.png) no-repeat;  position: absolute; right:-60px; top: 50%; margin-top: -17px;}
.flex-direction-nav{ display:none}

.index_pro{ width: 100%; float: left; padding:70px 0;}
.web_tits{ width:96%; margin: 0 2%; float: left; height: 40px; font-size: 18px; line-height: 40px; text-align: center; background: url(line4.png) center center repeat-x; text-align: center;}
.web_tits span{ display: inline-block; padding: 0 45px; background: #fff;}
.iprocc{ width: 100%; float: left; position: relative; padding-left: 70%; box-sizing: border-box;}
.iprocc dl{ width: 100%; float: left; margin-bottom: 5px; padding-left: 5px; box-sizing: border-box; position: relative; overflow: hidden;}
.iprocc dl img{ width: 100%; float: left;}
.iprocc dl:nth-of-type(1){ position: absolute; left: 0; top: 0; height: 100%; width: 70%; overflow: hidden; padding: 0;}
.iprocc dl:nth-of-type(3){ margin-bottom: 0;}
.iproctmm{ width: 100%; position: absolute; height: 100%; left: -100%; top: 0; padding:8%; box-sizing: border-box; color: #fff;transition: all 0.3s ease 0s; background-color: rgba(0,0,0,0.5);}
.iprocc dl:hover .iproctmm{ left: 0; margin-left: 5px;}
.iprocc dl dt{ width: 100%; float: left; height: 30px;line-height:30px; font-size: 18px; font-weight: bold;  color: #fff; text-align: left; margin-bottom: 10px;}
.iprocc dl dd{ width: 100%; float: left; max-height: 175px; font-size: 14px; line-height: 25px;}
.iprocc dl:nth-of-type(1) dt{ font-size: 40px; height: 50px;line-height: 50px; }
.iprocc dl:nth-of-type(1) dd{ font-size: 20px; line-height: 30px; max-height: 210px;}
.iprosrus{ width: 100%; float: left; width: 260px; margin-top: 20px;}
.iprosrus span{ width: 48%; float: left; height: 40px; line-height: 40px; border-radius: 20px; text-align: center; color:#fff; cursor: pointer; font-size: 16px;transition: all 0.3s ease 0s; background: #5ab7af;}
.iprosrus span:nth-of-type(2){ float: right;}
.iprosrus span:hover{ background: #339966;}

#tabs0 {width: 100%; margin:0 auto; position:relative; margin-top: 15px;}
.menu0{width: 100%; }
.menu0 li{display:inline-block; width: 14.28%; float: left; cursor:pointer; text-align: center; padding: 50px 0;transition: all 0.3s ease 0s; }
.menu0 li img{ width: 50px; height: 50px; -webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter:#666; opacity: 1;}
.menu0 li	a p{ color: #666666; width: 100%; float: left; line-height: 30px; height: 30px; overflow: hidden;}
.menu0 li.hover img{-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-ms-filter: grayscale(0);
	-o-filter: grayscale(0);
	filter: grayscale(0);}
.menu0 li.hover p{ color: #339966;}
.menu0 li.hover{box-shadow: 0 0 15px #ddd; background: url();}
#main0 ol{display: none}
#main0 ol.block{display: block;}

.index_yyly{ width: 100%; float: left; background: #f9f9f9; padding: 70px 0;}
#owl-demo2 .item{margin: 0; width:96%; margin: 0 2%; overflow:hidden; background: #fff;transition: all 0.3s ease 0s;}
#owl-demo2 .item .yypic{ width:100%; float:left; margin-bottom: 50px; }
#owl-demo2 .item .yypic img{ width: 100%; float: left;}
#owl-demo2 .item dt{ width: 100%; text-align: center; line-height: 30px;height: 30px; float: left; margin-top: 10px; font-size: 24px; color: #333; position: relative;}
#owl-demo2 .item dt img{ width: 91px; height: 91px; position: absolute; top: -110px; left: 50%; margin-left: -45px;}
#owl-demo2 .item dd{ width: 100%; text-align: center; line-height: 30px; height: 30px; float: left; font-size: 16px; font-family: Arial, Helvetica, sans-serif; color: #999; margin-bottom: 40px;}
#owl-demo2 .owl-prev,#owl-demo2 .owl-next{font-size: 0; margin: 0; padding: 0;width: 40px; height: 40px; border-radius: 0;}
#owl-demo2 .owl-prev{ background: url(sleft.png) no-repeat;  position: absolute; left:-60px; top: 50%; margin-top: -17px; }
#owl-demo2 .owl-next{ background: url(sright.png) no-repeat;  position: absolute; right:-60px; top: 50%; margin-top: -17px;}
#owl-demo2 .item:hover{ background: #349966; color: #fff;}
#owl-demo2 .item:hover dt,#owl-demo2 .item:hover dd{ color: #fff;}

.web_tit{ width: 100%; float: left; font-size:48px; line-height: 50px; color: #349966; background: url(line2.jpg) center bottom no-repeat; font-weight: bold; padding-bottom: 20px; text-align: center;}
.web_txt {width: 100%; float: left;  font-size: 18px; text-align: center; line-height: 40px; margin-bottom: 30px;}


.index_qts{ width: 100%; float: left; background: url(bg1.jpg) no-repeat #f9f9f9; background-size: 100% auto; padding: 60px 0 30px 0;}
 .wrapx.in_qts{ position: relative;display: flex; }
.sekack{ float: left; background: #fff; width: 68%; padding: 5px; box-sizing: border-box;box-shadow: 0 0 15px #ddd;}
.sekack_t{ width: 100%; float: left; font-size: 36px; font-weight: bold; line-height: 40px; margin: 20px 0 10px 0; text-align: center;}
.sekack_t p{ color: #999; font-weight: normal; font-size: 18px; font-family: Arial, Helvetica, sans-serif;}
.sekack img{ width: 100%; float: left; margin-bottom: 20px;}

.fastBaojiabg{ width: 32%;  height: 100%; box-sizing: border-box; padding-left: 10px; position: absolute; top: 0; right: 0;}
.fastBaojia{ width: 100%;  height: 100%; background: #fff; float: left; padding: 25px 40px; box-sizing: border-box;  box-shadow: 0 0 15px #ddd; }
.fastBaojia_t{ width: 100%; float: left; height: 35px; line-height: 35px; font-size: 30px; text-align: center;}
.fastBaojia_txt{ width: 100%; float: left; height: 25px; line-height: 25px; font-size: 16px; color: #999; text-align: center;}
.forminfo{ font-size: 18px; width: 100%; float: left; margin-top: 30px;}
.forminfo dl{ width: 100%; float: left; margin-bottom: 7%;}
.forminfo dl dt{ line-height: 35px; width: 100%; float: left;}
.forminfo dl dd{ line-height: 35px; width: 100%; float: left;}
.forminfo dl dd span{ width: 25%; float: left;}
.forminfo dl dd span input{ display: inline-block; width: 20px; height: 20px;}
.input2{ width: 100%; height: 45px; line-height: 45px; text-indent: 10px; font-size: 18px; border: 1px solid #ddd; box-sizing: border-box;}
.red{ color: red;}
.button2{ color: #fff; background: #339966; width: 100px; height: 50px; line-height: 50px; text-align: center; cursor: pointer; font-size: 20px; border: 0;}

#owl-demo3{ width: 100%; float: left; margin-top: 80px; margin-bottom: 50px;}
#owl-demo3 .item{margin: 0; width:100%;  overflow:hidden; background:#f9f9f9;transition: all 0.3s ease 0s;}
#owl-demo3 .item img{ width: 60%; float: right;}

#owl-demo3 .owl-prev,#owl-demo3 .owl-next{font-size: 0; margin: 0; padding: 0;width: 64px; height: 121px; border-radius: 0;}
#owl-demo3 .owl-prev{ background: url(sleft1.png) no-repeat;  position: absolute; left:0; bottom:0; }
#owl-demo3 .owl-next{ background: url(sright1.png) no-repeat;  position: absolute; left:150px; bottom:0;}
.shilizx{ width: 35%; float: left;}
.shilizx_s{ float: left; background: url(xian.png) center center no-repeat; height: 189px; font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;  font-size: 120px; color: #efeeee; line-height:110px;}
.shilizx_s span{ display: inline-block; float: left;}
.shilizx_s span:nth-of-type(2){ margin-top: 80px;}
.shilizx dt{ width: 100%; float: left; font-size: 50px; line-height: 60px; margin: 30px 0 15px 0;}
.shilizx dd{ width: 100%; float: left; font-size: 18px; line-height:35px}

.index_case{ width: 100%; float: left; padding: 70px 0; overflow: hidden;}
.index_case .anliopxob{width: 100%; margin: 0 auto;  position: relative; background:url(logo1.png) center right 10% no-repeat #f9f9f9; float: left; padding: 50px 0 0 5%; box-sizing: border-box;}

.c_menu{ position:absolute; top:50px; right:0; z-index: 2;}
.c_menu a{ display:block; background: #fff; width: 100px; height: 100px; float: left; padding-top: 10px; box-sizing: border-box; margin-left: 1px; text-align: center; cursor:pointer;}
.c_menu a.c_hover{ color:#0170f6}

.c_menu a img{ width: 50px; height: 50px; -webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter:#666; opacity: 1;}
.c_menu a p{ color: #666666; width: 100%; float: left; line-height: 30px; height: 30px; overflow: hidden;}
.c_menu a.c_hover img{-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-ms-filter: grayscale(0);
	-o-filter: grayscale(0);
	filter: grayscale(0);}
	.c_menu a.c_hover p{ color: #339966;}
.c_menu a.c_hover{box-shadow: 0 0 15px #ddd; background: url();}


.t_tabs {width: 100%; float: left;}
.t_menu{ position:absolute; bottom:0; right:0; width: 54%; z-index: 2;}
.t_menu a img{ width: 100%; float: left; height:180px}
.t_menu a{ display:block; width: 32%; margin-right: 2%; float: left; cursor:pointer;}
.t_menu a:nth-of-type(3){ margin-right: 0;}
.t_menu a.t_hover{ color:#0170f6}
.t_tabs ol{display: none;}
.t_tabs ol.t_block{display: block;}
.caseboxs{ width: 100%; float: left; position: relative;}
.caseboxs dt{ width:40%; float: left;}
.caseboxs dt img{ float: left; width: 100%; height:500px}
.caseboxs dd{ width: 54%; float: right; position: absolute; right: 0; top: 15%;}
.case_tit{ width: 100%; float: left; font-size: 24px;line-height: 35px; color: #000; margin-bottom: 20px;}
.case_txt{ width: 100%; float: left; font-size: 16px;line-height: 30px; max-height: 180px; overflow: hidden; color: #333;}
.case_aa { width: 100%; float: left; margin-top: 15px;}

.index_news{ width: 100%; float: left; padding: 70px 0 50px 0; background: #f9f9f9;}
.inewslist{ width: 100%; float: left;}
.inewslist dl{ width: 24.1%; float: left; margin:0 1.2% 30px 0; background: #fff; padding: 30px; box-sizing: border-box; box-shadow: 0 0 15px #ddd; transition: all 0.3s ease 0s;}
.inewslist dl:nth-of-type(4n){ margin-right: 0;}
.news_date{ width: 100%; line-height: 20px; height: 20px; font-size: 16px; color: #999;}
.inewslist dl dt{ width: 100%;  margin: 10px 0 50px; line-height: 40px; color: #000; font-weight: bold; font-size: 20px; padding-bottom: 20px; border-bottom: 1px solid #ddd; height: 40px; float: left;}
.inewslist dl dd{ width: 100%; box-sizing: border-box;   height: 100px; line-height: 25px; font-size: 16px; float: left; color: #999;  overflow: hidden; margin-bottom:80px;}
.news_xq{ color: #349966; font-size: 16px; width: 100%; float: left;}
.inewslist dl:hover{ margin-top: -15px; margin-bottom: 45px;}
.inewslist dl:hover .news_xq{ text-decoration: underline;}

.index_ewms{ width: 100%; float: left; text-align: center; background: #fff; padding: 80px 0;}
.index_ewms dl{ display: inline-block; width: 140px; padding: 0 20px; border-left: 1px solid #ddd;}
.index_ewms dl img{ width: 100px; height: 100px; float:left; margin: 0 20px;}
.index_ewms dl:nth-of-type(1){ border-left:0}
.index_ewms dl dt{ width: 100%; line-height: 35px; height: 35px; overflow: hidden;}

.foot{ width: 100%; background: #000000; color: #fff; float: left; padding: 50px 0;}
.flogo{ width: 255px; float: left;}
.flogoimg{ float: left; margin-bottom:10px;}
.foot_nav{ width: 220px; float: left;}
.foot_nav a{ display: block; width: 50%; height: 30px; line-height: 30px; color: #fff; float: left;}
.fewm{ float: right; width: 150px; margin-left: 40px;}
.fewm img{ width: 150px; float: left;}
.fewm p{ width: 100%; float: left; margin-top: 10px; text-align: center;}


.footr{ float: right; color: #fff;  width: 350px; }
.footcomtit{ width: 100%; float: left; font-size: 18px; line-height:25px; margin-bottom: 20px;}
.footlx{ width: 100%; float: left;}
.footlx li{ width: 100%; float: left; padding-left: 30px; box-sizing: border-box; line-height: 25px; margin-top: 11px; font-size: 14px;}
.footlx li.cico1{ background: url(fico1.png) left center no-repeat;}
.footlx li.cico2{ background: url(fico2.png) left center no-repeat;}
.footlx li.cico3{ background: url(fico3.png) left center no-repeat;}
.copyright{ width: 100%; text-align: center; border-top: 1px solid #ccc; color: #fff; line-height: 25px; padding:15px 0; margin-top: 50px;}
.copyright a{ color: #fff;}

.nbanner{ width: 100%; float: left; height: 735px; }
.nbanner img{ display:none;}

/*产品*/ 
.pcatetit{ text-align: center; width: 730px; margin: 0 auto; color: #000;  font-size: 48px; font-weight:bold; margin-top: 75px; border-top: 1px solid #ddd; padding: 10px 0 30px 0;}
.pcatetit p{ line-height: 25px; color: #ccc; font-size: 18px; font-weight:normal; letter-spacing: 15px; text-transform: uppercase;}
.pcatetit p.zw{ letter-spacing:0; margin-top:15px; font-size:30px}
.pprolist{ width:100%; margin:0 auto; overflow:hidden; margin-bottom:50px}
.pprolist dl{ float:left; width:22.5%; margin-right:2.5%; border:1px solid #fff; box-sizing:border-box; margin-bottom:20px;transition: all 0.3s ease 0s; box-sizing:border-box}
.pprolist dl:nth-of-type(4n){ margin-right: 0;}
.pprolist dl img{ width:100%; float:left; height:250px}
.pprolist dl dt{ width:100%; float:left; line-height:30px; font-size:16px; margin-bottom:10px; overflow:hidden; text-align:center; height:30px}
.pprolist dl:hover{ border:1px solid #ddd;background:#339966; color:#fff;}
.pprolist dl:hover dt{ color:#fff}
.produotu_mobile{ display:none}
.produotu_pc{ position: relative;  overflow:hidden; margin-bottom:70px;}
.props1{ width:18%; float:left;  }
.props1 img{ width:100%; float:left}
.props11{ width:18%; float:right;}
.props11 img{ width:100%; float:left}
.zhongjiant{ width:64%; left:18%; height:100%; position:absolute;  padding:0 5px; box-sizing:border-box}
.props234{ width:100%; float:left; height:65%; padding-bottom:5px;}
.props2{ width:38%; float:left; position:relative; height:100%;}
.props2img{ width:100%; float:left;}
.props2txt{ width:100%; background:#339966; position:absolute; left:0; bottom:0; height:60%; border-top:5px solid #fff}
.props2txt a{ display:block; width:100%; height:100%; position:relative}
.props2txt dl{ width:180px; height:80px; position:absolute; left:50%; top:50%; margin:-40px 0 0 -90px; color:#fff; transition: all 0.3s ease 0s;}
.props2txt dl:hover{ margin-top:-60px;}
.props2txt dl dt{ width:100%; float:left; line-height:40px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:24px; height:40px; text-align:center;}
.props2txt dl dd{ width:110px; margin:0 35px; float:left; height:40px; line-height:40px; text-align:center; border:1px solid #fff; font-size:16px; font-weight:bold}
.props34{ width:62%; float:left; padding-left:5px; height:100%; position:relative; box-sizing:border-box;}
.props3{ width:100%; float:left; height:60%; overflow:hidden;}
.props3 img{ width:100%; float:left}
.props4{ width:100%; float:left; height:40%; padding-top:5px; box-sizing:border-box; overflow:hidden;}
.props4_img{ float:left; width:50%; height:100%; overflow:hidden;}
.props4_img img{ width:100%; float:left}
.props4_txt{ width:50%; float:left; position:relative; height:100%;}
.props4_txt a{ display:block; width:100%; height:100%; position:relative}
.props4_txt dl{ width:180px; height:80px; position:absolute; left:50%; top:50%; margin:-40px 0 0 -90px; transition: all 0.3s ease 0s; }
.props4_txt dl:hover{ margin-top:-60px;}
.props4_txt dl dt{ width:100%; float:left; line-height:40px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; color:#000; font-size:24px; height:40px; text-align:center;}
.props4_txt dl dd{ width:110px; margin:0 35px; float:left; height:40px; line-height:40px;color:#fff; text-align:center; background:#000; font-size:16px; font-weight:bold}
.props5{ width:100%; height:35%; overflow:hidden; box-sizing:border-box; }
.props5 img{ width:100%; float:left; height:100%;}


.wrapx2{ width:1280px; margin:0 auto;}
.wrapx2 .forminfo{ font-size:14px; position:relative; float:right}
.wrapx2 .forminfo dl { margin-bottom:9px}
.wrapx2 .fastBaojiabg{ float:right; position:relative; margin-bottom:20px}
.zxbaojia{ margin-top:70px}

.sitedh{ width:100%; float:left; height:40px; font-size:16px;line-height: 40px; margin-top:20px;}

.hexinglist{ width:100%; float:left}
.hexinglist dl{ width:33.333%; float:left; box-sizing:border-box; border:1px solid #fff; position:relative}
.hexinglist dl img{ width:100%; float:left}
.hexingmm{ position:absolute; width:80%; left:10%; border:1px solid #fff; text-align:center; padding:50px 20px; box-sizing:border-box; top:50%; margin-top:-100px; color:#fff;}
.hexingmm dt{ width:100%; float:left; height:30px; line-height:30px; font-size:30px; font-weight:bold}
.hexingmm dd{ width:100%; float:left; height:50px; line-height:25px; overflow:hidden; margin-top:20px}

.anlilist{ width:100%; float:left;}
.anlilist dl{ width:23.5%; margin-right:2%; float:left; background:#fff; margin-bottom:30px}
.anlilist dl img{ width:100%; height:240px}
.anlilist dl:nth-of-type(4n){ margin-right: 0;}
.anli_main{ width:100%; padding:10px 20px 20px 20px; float:left; box-sizing:border-box; color:#333;}
.anlilist dl dt{ width:100%; float:left; font-size:20px; line-height:30px; text-align:center; height:30px; overflow:hidden}
.anlilist dl dd{ width:100%; float:left; line-height:40px; height:80px; overflow:hidden; margin:10px 0 60px 0}
.anli_mm{ width:100%; float:left; font-size:16px; text-align:right; color:#999;}

.caseshow_1{ width:100%; float:left; border-top:1px solid #ddd; margin-top:20px; padding-top:30px}
.caseshow_1 img{ width:50%; float:left}
.caseshow_2{ width:45%; float:right}
.caseshow_2 dt{ width:100%; float:left; background:#f5f5f5; padding:25px 35px; box-sizing:border-box; border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.caseshow_2 dt p{ font-size:22px; margin-bottom:5px; color:#339966}
.caseshow_2 dd{ width:100%; float:left; font-size:18px; line-height:40px; padding:25px 0 0 35px}
.zxcaseaa{ width:100%; float:left; padding-left:35px; box-sizing:border-box; margin-top:30px; padding-bottom:35px; border-bottom:1px solid #ddd}
.zxcaseaa a{ display:block; float:left; margin-right:20px; text-align:center; line-height:35px; height:35px; width:95px; border:1px solid #339966;transition: all 0.3s ease 0s;}
.zxcaseaa a:hover{ color:#fff; background:#339966}
.anlidetail{ width:100%; float:left; margin-top:40px;}
.anlidetail_t{ width:100%; float:left; height:60px; line-height:60px; position:relative; border-bottom:1px solid #ddd; margin-bottom:30px;}
.anlidetail_t span{ display:block; left:0; top:0; position:absolute; font-size:30px; font-weight:bold; color:#339966;height:60px; line-height:60px; border-bottom:2px solid #339966;}
.anlidetail_txt{ width:100%; float:left; font-size:16px; line-height:30px;}
.anlidetail_txt img{ width:100%; height:auto}


.news_cotit{ width:100%; float:left; font-size:16px; text-align:center; margin-top:80px; padding-bottom:30px; border-bottom:1px solid #ddd; margin-bottom:30px;}
.news_cotit p{ font-size:26px; font-weight:bold; margin-bottom:10px;}
.news_contents{ width:100%; float:left; font-size:16px; line-height:30px;}
.news_contents img{ max-width:100%; height:auto}

.lxwm_map{ width:100%; float:left;}
.lxwm_map img{ width:100%; float:left;}
.lxwomebox{ width:100%; float:left;box-shadow: 0 0 15px #ddd; padding:25px; box-sizing:border-box; margin:70px 0 15px 0 }
.lxinfobox{ width:50%; float:left; padding:35px 60px; box-sizing:border-box; border:2px solid #f7f7f7;}
.lxinfobox_t{ width:100%; float:left; font-size:24px; font-weight:bold;color:#339966}
.lxinfobox_tt{ width:100%; float:left; font-size:16px; line-height:40px; background:url(line1.jpg) left bottom no-repeat; padding-bottom:5px;}
.lxinfobox_ico{ width:100%; float:left; margin:35px 0}
.lxinfobox_ico dl{ float:left; margin-right:30px; position:relative; cursor:pointer}
.lxinfobox_ico dl dd{ display:none;}
.lxinfobox_ico dl:hover dd{ width:140px; height:140px; display:block; position:absolute; left:73px; top:0;}
.lxinfobox_ico dl dd img{ width:140px;}
.lxinfobox_tel{width:100%; float:left; line-height:50px; font-size:48px; font-weight:bold; margin-bottom:40px;color:#339966}
.lxinfobox_txt{ width:100%; float:left; font-size:16px; line-height:30px;}

.fbackBox{ width:40%; float:left; margin-left:5%;}
.fbackBox_t{ width:100%; float:left; font-size:24px;color:#339966; margin-bottom:25px;}
.fbackBox dl{ width:100%; float:left; position:relative; padding-left:95px; box-sizing:border-box; margin-bottom:18px; }
.fbackBox dl dt{ width:90px; position:absolute; left:0; top:0; line-height:60px; font-size:16px;}
.fbackBox dl dd{ width:100%; float:left}
.fbackBox dl dd input{ width:100%; height:60px; box-sizing:border-box; padding-left:20px; font-size:16px; border:1px solid #ddd}
.textarea1{ width:100%; float:left; height:150px; line-height:30px; padding:15px; box-sizing:border-box; border:1px solid #ddd; font-size:16px;}
.button3{ width:140px; float:left; height:40px; cursor:pointer; font-size:16px; background:#339966; border:0; margin-top:18px; color:#fff;}

.aboutnybox{ width:100%; float:left;}
.aboutny_fmt{ width:40%; float:left}
.aboutny_fmt img{ width:100%; float:left}
.aboutny_txt{ width:57%; float:right;}
.aboutny_txt dt{ width:100%; float:left; color:#339966; font-size:24px; font-weight:bold; margin-bottom:10px;}
.aboutny_txt dd{ width:100%; float:left; line-height:25px;}
.aboutpic2{ width:90%; float:left; margin:60px 5%; background:#ececec; padding:60px; box-sizing:border-box;}
.aboutpic2 img{ padding:30px; box-sizing:border-box; width:100%; float:left; background:#fff;}

.about_jsfw{ width:100%; background:#fff; float:left; position:relative;}
.about_jsfw img{ float:right; width:45%;}
.jsfwBox{ float:left; width:50%;   height:100%; padding:25px 0 25px 40px; box-sizing:border-box; position:absolute; top:0; left:0}
.jsfwBox_dl{ float:left; width:100%;height:100%; padding:30px; box-sizing:border-box; border:2px solid #333}
.jsfwBox_dt{ float:left; width:100%; font-size:50px; font-weight:bold; margin-bottom:30px; background:url(lin5.jpg) left bottom no-repeat; padding-bottom:25px; }
.jsfwBox_dd{float:left; width:100%; font-size:18px; line-height:30px; }

.aboutpic3{ width:100%; float:left; position:relative; margin:70px 0 30px 0}
.aboutpic3 img{ width:100%; float:left;}
.aboutpic3 dl{ width:840px; position:absolute;text-align:center; left:50%; top:50%; margin:-125px 0 0-420px; border:2px solid #fff; padding:50px 20px; box-sizing:border-box}
.aboutpic3 dl dt{ width:100%; float:left;  font-size:48px; font-weight:bold; color:#fff; background:url(line6.jpg) center bottom no-repeat; padding-bottom:25px;}
.aboutpic3 dl dd{ width:100%; float:left; font-size:18px; color:#fff; line-height:30px; margin-top:30px;}
.banner .flexslider .slides li{ height:900px;}

@media screen and (max-width: 1680px) {
	.wrap{ width:1280px;}
	#nav .mainlevel{ width:105px}
	#nav{ width:750px;margin-left: -315px;}
	.phright dl{ padding:0 10px;}
	#nav .mainlevel ul.pfnave{ width:830px;}
	#nav .mainlevel ul.pfnave .pfnave_img{ width:350px; padding-left:30px;}
	#nav .mainlevel ul.pfnave .pfnave_nav{ width:400px;}
	.banner .flexslider .slides li{ height:600px;}
	.forminfo dl dt{ line-height:30px;}
	.forminfo{ font-size:14px;}
	.forminfo dl{ margin-bottom:10px;}
	.input2{ font-size:14px;}
	.shilizx_s{ background-size:auto 80px; height:80px; font-size:60px; line-height:50px;}
	.shilizx_s span:nth-of-type(2){ margin-top:30px;}
	.shilizx dt{ font-size:40px; margin:20px 0 10px 0}
	.shilizx dd { font-size:16px; line-height:30px;}
	#owl-demo3 .item img { width:50%;}
	.shilizx{ width:45%;}
	#owl-demo3 .owl-prev, #owl-demo3 .owl-next {
    font-size: 0;
    margin: 0;
    padding: 0;
    width: 32px;
    height: 60px;
    border-radius: 0;
}
	#owl-demo3 .owl-prev{ background-size:100% auto;}
	#owl-demo3 .owl-next{ background-size:100% auto; left:60px;}
	.forminfo dl dd span input{ width:15px; height:15px;}
	.nbanner{ height:550px}
	.jsfwBox_dd{ font-size:16px; line-height:28px;}
	}

@media screen and (max-width: 1440px) {
	.forminfo dl dd span input{ width:10px; height:10px;}
	.forminfo{ margin-top:15px;}
	.forminfo dl dd{ line-height:28px;}
	.input2,.button2{ height:35px; line-height:35px; font-size:14px;}
	.jsfwBox_dd{ font-size:14px; line-height:25px;}
	.jsfwBox_dt{ font-size:30px; margin-bottom:15px;}
	.aboutpic3 dl dt{ font-size:30px;}
	.aboutpic3 dl dd{ font-size:16px;}
	#owl-demo .item dt{ font-size:14px;}
	.hexingmm{ padding:20px;margin-top:-70px;}
	.hexingmm dt{ font-size:20px;}
	.pcatetit{ font-size:28px;}
	.pcatetit p{ font-size:16px;}
	.pcatetit p.zw{ font-size:18px;}
	}
	@media screen and (max-width: 1280px) {
		.forminfo dl dt{ line-height:25px;} .forminfo dl{ margin-bottom:5px;}
		.wrapx2{ width:1000px;}
		.caseshow_2 dd{ font-size:14px; line-height:25px;}
		.lxinfobox_tel{ font-size:38px;}
		.pro_show2{ width:100%}
		.sekack{ width:100%; }
		.fastBaojiabg{ width:100%; padding:0; position:relative; float:left}
		}

@media screen and (max-width: 900px) {
.mobilenone,.phead,#nav,a.mobilenone,.bannerbox1{ display: none;}
.dnboxp{ display: block;}
.headx{ display: none;}
.page{ float:left; width:100%; text-align:center; margin-bottom: 2em;  }
.page a{ line-height:2em; padding:0 0.5em; border:1px solid #e0e0e0; border-radius:3px; margin:0 3px; font-size:1em;transition: all 0.3s ease 0s;}
.page a.current,.page a:hover{ color:#fff; border:1px solid #339966; background:#339966;}
.pagenone{ display:none}
.banner,.top,.r_fudong,.pcban,.mnone{ display:none;}
.topzw{ height:4em;}
body{ font-size:62.5%; color: #333;}
input, button, textarea {outline: none;-webkit-appearance: none;border-radius: 0;font-family:"\5FAE\8F6F\96C5\9ED1";} 
select{border-radius: 0;font-family:"\5FAE\8F6F\96C5\9ED1";}
input[type=checkbox]{ -webkit-appearance: checkbox; } 
.f_20{ font-size:2em}
.f_22{ font-size:2.2em}
.f_24{ font-size:2.4em}
.f_26{ font-size:2.6em}
.f_28{ font-size:2.8em}
.f_30{ font-size:3em}
.f_32{ font-size:3.2em}
.f_34{ font-size:3.4em}
.f_36{ font-size:3.6em}
.f_38{ font-size:3.8em}
.f_40{ font-size:4em}
.f_42{ font-size:4em}
.f_44{ font-size:4.4em}
.wrap1,.wrap,.wrapx,.wrapx2{ width: 94%; margin: 0 auto ;}
.wbox{ min-width: 100%; padding-top: 4em; overflow: hidden;}
.headbox{  z-index: 10; left: 0; top:0px;   float: left; width: 100%; position:fixed;box-shadow: 0 0 1em #ddd; box-sizing:border-box; display:block}
.head{ float: left; width: 100%; height:3em; padding:0.5em 0;  position: relative; z-index: 2; background: transparent;  background:#339966; }
.head_hover{background: #339966;}

.mlogo{ height:2em; margin: 0.5em 0; display:inline-block; float: left; vertical-align: bottom;}

.topnavbtn{ float: right; height: 2em;  margin: 0.5em 0 0; cursor: pointer; position: relative;  z-index: 10;}
.topnav img{height: 1.2em; margin-top:0.5em; float:left;}
.close{ color: #fff; font-size: 1.8em; line-height:1.8em; display: none; width: 100%;  position: absolute; left: -0.5em; top: 50%; margin-top: -0.9em;}
.topnavbox{ position: absolute; left: 0; top: 4em;  width: 100%;   box-shadow: 0px 0.83em 1.80em rgba(2, 43, 65, 0.21); font-size: 1em; display: none; background:#ffff;}
.topnavbox .wrap1{position: relative; z-index: 2; background: #f7f7f7;}
.topnavlist{font-size: 1em; }
.topnavlist li{font-size: 0.95em; line-height: 3.2em; box-sizing: border-box; width:94%; margin: 0 3%; position: relative; border-bottom: 1px solid #ddd;}
.topnavlist li:first-of-type{}
.topnavlist li a{  display: block;color:#333;  border-top: 1px dashed #fff; width:94.6%; margin-left:2.7%;}
.topnavlist li:first-of-type a{}
.topnavlist li li{border-top: 1px solid #dddddd;border-bottom: 0;}
.topnavlist li li a{ color: #999;}
.topnavbox .wrap1{ width:100%; padding:0; height:100%; background:#f7f7f7; height:50em;}
/*.topnavlist li a.hover{color: #0068b7;}
*/.navbox{display: none;}
.sanjiao{width: 0;height: 0;border-left: 0.3em solid transparent;border-right:0.3em solid transparent;border-top: 0.4em solid #999;  display: inline-block;transition: all 0.3s ease 0s; position: absolute; right:1.64em; top: 1.4em; font-size: 1em; }
.topnavlist li a.hover .sanjiao{-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-transform: rotate(180deg);border-top: 0.4em solid #339966; }

.mbanner{ width:100%; float:left; display:block}
.swiper-container{width:100%;height:auto; display:block; }
.swiper-slide{text-align:center;}
.swiper-pagination-bullet{ width: 30px; height: 6px; border-radius: 5px; margin: 0 3px;  background: #84bbfa; border:medium none; box-sizing: border-box; opacity: 1;}
.swiper-pagination-bullet-active{  opacity: 1; background:#fff}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 0.26em;}
.swiper-container-horizontal>.swiper-pagination-bullets{ bottom:0.6em}
.swiper-slide img{ width: 100%; display: block; vertical-align: bottom;}

.index_about{ width: 100%; float: left; position: relative; overflow: hidden; padding: 2em 0; background: #f9f9f9;}
.aboutbox{ width:100%; position: relative; padding-left:0; box-sizing: border-box; }
.about_tit{ width: 100%; position:relative; top: 0; left: 0; text-align:center}
.about_tit dl{ float: left; width: 100%; margin-top: 10px;}
.about_tit dt{ float: left; width: 100%;}
.about_tit dt i{ float: left; width: 100%; display: block; color: #339966; font-size: 1.4em; height: 1.5em; line-height: 1.5em; overflow: hidden; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
.about_tit dt span{ float: left; width: 100%; display: block; color: #423f3b; font-size: 1em; height: 1em; line-height:1em; overflow: hidden; }
.about_tit dd{ width: 60%; float: left; margin-top: 10px; margin-left:20%;}
.about_tit dd a{ width: 48%; float: left; height: 1.5em; line-height: 1.5em; border-radius: 1em; text-align: center; color:#fff; font-size: 16px;transition: all 0.3s ease 0s; background: #5ab7af;}
.about_tit dd a:nth-of-type(2){ float: right;}
.about_tit dd a:hover{ background: #339966;}
.aboutmain{ width: 100%; font-size: 1em; float: right; line-height: 1.8em; margin-top:1em}

.numberlist{ width: 100%; margin-top: 2em; float: left; background: #fff;box-shadow: 0 0 15px #ddd; border-radius: 5px; padding: 1.5em 0 0.5em;}
.numberlist li{ width: 50%; border-left: 1px solid #ddd; text-align: center; float: left; box-sizing: border-box; margin-bottom:1em;}
.numberlist li:nth-of-type(1){ border: 0;}
.numbox{ width: 100%; color: #339966; font-size: 1.2em; font-weight: bold; background: url(line1.jpg) center bottom no-repeat; padding-bottom: 10px; margin-bottom: 10px;}
.numbox i{ font-family: Arial, Helvetica, sans-serif; font-size: 1.8em; display: inline-block; padding-right: 10px;}
.detail4{ font-size: 1em; color: #666;}

.aboutPicture{ width: 94%; margin: 0 auto;}
.inpro{ width:100%; margin:0 auto; margin-top:2em;}
#owl-demo .item{margin: 0; width:100%; margin: 0; overflow:hidden; background: none;}
#owl-demo .item img{ width:100%; float:left;  }
#owl-demo .item dt{ width: 100%; text-align: center; line-height: 2em; float: left; margin-top: 0.5em; font-size: 1em;height: 2em;}
#owl-demo .owl-prev,#owl-demo .owl-next{font-size: 0; margin: 0; padding: 0;width: 40px; border-radius:100%; height: 40px; opacity:1}
#owl-demo .owl-prev{ background: url(sleft.png) no-repeat #fff;  position: absolute; left:0px; top: 50%; margin-top: -20px; }
#owl-demo .owl-next{ background: url(sright.png) no-repeat #fff;  position: absolute; right:0px; top: 50%; margin-top: -20px;}


.index_pro{ width: 100%; float: left; padding:2em 0;}
.web_tits{ width:96%; margin: 0 2%; float: left; height: 2em;  line-height: 2em; text-align: center; background: url(line4.png) center center repeat-x; text-align: center;}
.web_tits span{ display: inline-block; padding: 0 1em; font-size:1.2em; background: #fff;}
.iprocc{ width: 100%; float: left; position: relative; padding:0; box-sizing: border-box;}
.iprocc dl{ width: 100%; float: left; margin-bottom: 5px; padding-left:0; box-sizing: border-box; position: relative; overflow: hidden;}
.iprocc dl img{ width: 100%; float: left; height:15em}
.iprocc dl:nth-of-type(1){ position:relative; left: 0; top: 0; height:auto; width: 100%; overflow: hidden; padding: 0;}
.iprocc dl:nth-of-type(2){ margin-bottom: 0; width:48.5%; float:left;}
.iprocc dl:nth-of-type(3){ margin-bottom: 0; width:48.5%; float:right;}
.iprocc dl:nth-of-type(1) img{ height:250px}
.iproctmm{ width: 100%; position:relative; float:left; height:auto; overflow:hidden; left:0; top: 0; padding:0; box-sizing: border-box; color: #333;transition: all 0.3s ease 0s; background-color:#fff;}
.iprocc dl:hover .iproctmm{ left: 0; margin-left: 5px;}
.iprocc dl dt{ width: 100%; float: left; height: 2em;line-height:2em; font-size: 1.5em; text-align:center; font-weight: bold;  color: #333; text-align: left; margin-bottom: 10px;}

.iprocc dl dd{  display:none}
.iprocc dl:nth-of-type(1) dt{ font-size: 1.5em; text-align:center;  height: 2em;line-height:2em;}
.iprocc dl:nth-of-type(1) dd{  display:none}
.iprosrus{  display:none}

#tabs0 {width: 100%; margin:0 auto; position:relative; margin-top: 15px;}
.menu0{width: 100%; }
.menu0 li{display:inline-block; width:25%; float: left; cursor:pointer; text-align: center; padding: 1em 0;transition: all 0.3s ease 0s; }
.menu0 li img{ width: 25px; height: 25px; -webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter:#666; opacity: 1;}
.menu0 li	a p{ color: #666666; width: 100%; float: left; line-height: 2em; height: 2em; font-size:1.2em; overflow: hidden;}
.menu0 li.hover img{-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-ms-filter: grayscale(0);
	-o-filter: grayscale(0);
	filter: grayscale(0);}
.menu0 li.hover p{ color: #339966;}
.menu0 li.hover{box-shadow: 0 0 15px #ddd; background: url();}
#main0 ol{display: none}
#main0 ol.block{display: block;}

.index_yyly{ width: 100%; float: left; background: #f9f9f9; padding: 2em 0;}
#owl-demo2 .item{margin: 0; width:100%; margin: 0; overflow:hidden; background: #fff;transition: all 0.3s ease 0s;}
#owl-demo2 .item .yypic{ width:100%; float:left; margin-bottom: 30px; }
#owl-demo2 .item .yypic img{ width: 100%; float: left;}
#owl-demo2 .item dt{ width: 100%; text-align: center; line-height: 30px;height: 30px; float: left; margin-top: 10px; font-size: 18px; color: #333; position: relative;}
#owl-demo2 .item dt img{ width: 60px; height: 60px; position: absolute; top: -75px; left: 50%; margin-left: -25px;}
#owl-demo2 .item dd{ width: 100%; text-align: center; line-height: 30px; height: 30px; float: left; font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #999; margin-bottom:20px;}
#owl-demo2 .owl-prev,#owl-demo2 .owl-next{font-size: 0; margin: 0; padding: 0;width: 40px; border-radius:100%; height: 40px; opacity:1}
#owl-demo2 .owl-prev{ background: url(sleft.png) no-repeat #fff;  position: absolute; left:0px; top: 50%; margin-top: -50px; }
#owl-demo2 .owl-next{ background: url(sright.png) no-repeat #fff;  position: absolute; right:0px; top: 50%; margin-top: -50px;}
#owl-demo2 .item:hover{ background: #fff; color: #333;}
#owl-demo2 .item:hover dt,#owl-demo2 .item:hover dd{ color: #333;}

.web_tit{ width: 100%; float: left; font-size:20px; line-height: 2em; color: #349966; background: url(line2.jpg) center bottom no-repeat; font-weight: bold; padding-bottom:0; margin-bottom:10px; text-align: center;}
.web_txt {width: 100%; float: left;  font-size: 14px; text-align: center; line-height: 1.2em; margin-bottom: 1em;}


.index_qts{ width: 100%; float: left; background: url(bg1.jpg) no-repeat #f9f9f9; background-size: 100% auto; padding: 2em 0 1em 0;}
 .wrapx.in_qts{ position: relative;display:block; }
.sekack{ float: left; background: #fff; width: 100%; padding: 5px; box-sizing: border-box;box-shadow: 0 0 15px #ddd;}
.sekack_t{ width: 100%; float: left; font-size: 18px; font-weight: bold; line-height: 25px; margin: 10px 0 5px 0; text-align: center;}
.sekack_t p{ color: #999; font-weight: normal; font-size: 14px; font-family: Arial, Helvetica, sans-serif;}
.sekack img{ width: 100%; float: left; margin-bottom: 20px;}

.fastBaojiabg{ width: 100%;  height:auto; box-sizing: border-box; padding-left:0; position:relative; top: 0; right: 0; float:left;}
.fastBaojia{ width: 100%;  height: auto; background: #fff; float: left; padding: 15px 20px; box-sizing: border-box;  box-shadow: 0 0 15px #ddd; }
.fastBaojia_t{ width: 100%; float: left; height: 35px; line-height: 35px; font-size: 18px; text-align: center;}
.fastBaojia_txt{ width: 100%; float: left; height: 25px; line-height: 25px; font-size: 14px; color: #999; text-align: center;}
.forminfo{ font-size: 18px; width: 100%; float: left; margin-top: 15px;}
.forminfo dl{ width: 100%; float: left; margin-bottom: 5px; font-size:14px;}
.forminfo dl dt{ line-height: 35px; width: 100%; float: left;}
.forminfo dl dd{ line-height: 35px; width: 100%; float: left; font-size:12px;}
.forminfo dl dd span{ width: 25%; float: left;}
.forminfo dl dd span input{ display: inline-block; width: 15px; height: 15px;}
.input2{ width: 100%; height: 35px; line-height: 35px; text-indent: 10px; font-size: 14px; border: 1px solid #ddd; box-sizing: border-box;}
.red{ color: red;}
.button2{ color: #fff; background: #339966; width: 100px; height: 40px; line-height: 40px; text-align: center; cursor: pointer; font-size:16px; border: 0; margin-top:15px;}

#owl-demo3{ width: 100%; float: left; margin-top: 3em; margin-bottom: 1em;}
#owl-demo3 .item{margin: 0; width:100%;  overflow:hidden; background:#f9f9f9;transition: all 0.3s ease 0s; }
#owl-demo3 .item img{ width: 100%; float: left;}

#owl-demo3 .owl-prev,#owl-demo3 .owl-next{font-size: 0; margin: 0; padding: 0;width: 32px; height: 60px; border-radius: 0;}
#owl-demo3 .owl-prev{ background: url(sleft1.png) no-repeat; background-size:100% auto;  position: absolute; left:auto; auto:0; top:0; right:50px; }
#owl-demo3 .owl-next{ background: url(sright1.png) no-repeat;  background-size:100% auto;  position: absolute;left:auto; auto:0; top:0; right:0;}
.shilizx{ width: 100%; float: left;}
.shilizx_s{ background-size:auto 50px; height:50px; font-size:35px; line-height:30px;}
	.shilizx_s span:nth-of-type(2){ margin-top:10px; padding-left:15px}
.shilizx dt{ width: 100%; float: left; font-size: 26px; line-height: 30px; margin: 10px 0 15px 0;}
.shilizx dd{ width: 100%; float: left; font-size: 14px; line-height:25px}

.index_case{ width: 100%; float: left; padding: 2em 0; overflow: hidden;}
.index_case .anliopxob{width: 100%; margin: 0 auto;  position: relative; background:#f9f9f9; float: left; padding: 10px; box-sizing: border-box;}

.c_menu{ position:relative; top:0; right:0; z-index: 2; width:100%; float:left; margin-bottom:20px;}
.c_menu a{ display:block; background: #fff; width: 33.333%; height: 90px; float: left; font-size:14px; padding-top: 10px; margin:0; box-sizing: border-box;  text-align: center; cursor:pointer;}
.c_menu a.c_hover{ color:#0170f6}

.c_menu a img{ width: 30px; height: 30px; -webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter:#666; opacity: 1;}
.c_menu a p{ color: #666666; width: 100%; float: left; line-height: 30px; height: 30px; overflow: hidden;}
.c_menu a.c_hover img{-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-ms-filter: grayscale(0);
	-o-filter: grayscale(0);
	filter: grayscale(0);}
	.c_menu a.c_hover p{ color: #339966;}
.c_menu a.c_hover{box-shadow: 0 0 15px #ddd; background: url();}


.t_tabs {width: 100%; float: left;}
.t_menu{ position:relative; bottom:0; right:0; width: 100%; z-index: 2; margin-bottom:15px; float:left}
.t_menu a img{ width: 100%; float: left; height:10em}
.t_menu a{ display:block; width: 32%; margin-right: 2%; float: left; cursor:pointer;}
.t_menu a:nth-of-type(3){ margin-right: 0;}
.t_menu a.t_hover{ color:#0170f6}
.t_tabs ol{display: none;}
.t_tabs ol.t_block{display: block;}
.caseboxs{ width: 100%; float: left; position: relative;}
.caseboxs dt{ width:100%; float: left;}
.caseboxs dt img{ float: left; width: 100%; height:250px}
.caseboxs dd{ width: 100%; float: right; position:relative; right: 0; top: 0;}
.case_tit{ width: 100%; float: left; font-size: 18px;line-height: 35px; color: #000; margin-bottom: 10px; margin-top:5px;}
.case_txt{ width: 100%; float: left; font-size: 14px;line-height: 25px; max-height: auto; overflow: hidden; color: #333;}
.case_aa { width: 100%; float: left; margin-top: 15px; display:none}

.index_news{ width: 100%; float: left; padding: 2em 0 1em 0; background: #f9f9f9;}
.inewslist{ width: 100%; float: left;}
.inewslist dl{ width: 100%; float: left; margin:0 0 20px 0; background: #fff; padding:20px 10px 20px 10px; box-sizing: border-box; box-shadow: 0 0 15px #ddd; transition: all 0.3s ease 0s;}
.inewslist dl:nth-of-type(4n){ margin-right: 0;}
.news_date{ width: 100%; line-height: 20px; height: 20px; font-size: 16px; color: #999;}
.inewslist dl dt{ width: 100%;  margin: 10px 0 10px; line-height: 30px; color: #000; font-weight: bold; font-size: 18px; padding-bottom: 10px; border-bottom: 1px solid #ddd; height: 30px; float: left;}
.inewslist dl dd{ width: 100%; box-sizing: border-box;   height: auto; line-height: 25px; font-size: 14px; float: left; color: #999;  overflow: hidden; margin-bottom:10px;}
.news_xq{ color: #349966; font-size: 16px; width: 100%; float: left;}
.inewslist dl:hover{ margin-top: -15px; margin-bottom: 45px;}
.inewslist dl:hover .news_xq{ text-decoration: underline;}

.index_ewms{ width: 100%; float: left; text-align: center; background: #fff; padding: 2em 0; display:none}
.index_ewms dl{ display: inline-block; width: 80px; padding: 0 20px; border-left: 1px solid #ddd;}
.index_ewms dl img{ width: 80px; height: 80px; float:left; margin: 0 20px;}
.index_ewms dl:nth-of-type(1){ border-left:0}
.index_ewms dl dt{ width: 100%; line-height: 35px; height: 35px; font-size:14px; overflow: hidden;}

.foot{ width: 100%; background: #000000; color: #fff; float: left; padding: 2em 0; padding-bottom:5em}
.flogo{ width: 100%; float: left; text-align:center;}
.flogoimg{ float: left; margin-bottom:40px; width:40%; margin:0 30%;}
.foot_nav{ width: 100%; float: left; margin-top:15px;}
.foot_nav a{ display: block; width: 25%; height: 30px; line-height: 30px; font-size:14px; color: #fff; float: left;}
.fewm{ float: left; width: 40%; margin:0 30%; margin-top:15px;}
.fewm img{ width: 100%; float: left;}
.fewm p{ width: 100%; float: left; margin-top: 10px; text-align: center; font-size:14px; }


.footr{ float: right; color: #fff;  width: 100%; }
.footcomtit{ width: 100%; float: left; font-size: 18px; line-height:25px; margin:10px 0 0}
.footlx{ width: 100%; float: left;}
.footlx li{ width: 100%; float: left; padding-left: 30px; box-sizing: border-box; line-height: 25px; margin-top: 11px; font-size: 14px; color: #fff;}
.footlx li a{ color:#fff;}
.footlx li.cico1{ background: url(fico1.png) left center no-repeat;}
.footlx li.cico2{ background: url(fico2.png) left center no-repeat;}
.footlx li.cico3{ background: url(fico3.png) left center no-repeat;}
.copyright{ width: 100%; text-align: center; border-top: 1px solid #ccc; color: #fff; line-height: 25px; padding:15px 0; margin-top: 20px; font-size:14px;}
.copyright a{ color: #fff;}

.nbanner{ width: 100%; float: left; height: auto; }
.nbanner img{ display:block; width:100%; float:left}
.phead_zw{ height:0;}

/*产品*/ 
.pcatetit{ text-align: center; width: 100%; margin: 0 auto; color: #000;  font-size: 22px; font-weight:bold; margin-top: 30px; border-top: 1px solid #ddd; padding: 10px 0 10px 0;}
.pcatetit p{ line-height: 20px; color: #ccc; font-size: 14px; font-weight:normal; letter-spacing: 0px; text-transform: uppercase;}
.pcatetit p.zw{ letter-spacing:0; margin-top:10px; font-size:14px}
.pprolist{ width:94%; margin:0 auto; overflow:hidden; margin-bottom:30px}
.pprolist dl{ float:left; width:48.5%; margin-right:0; border:1px solid #fff; box-sizing:border-box; margin-right:3%;}
.pprolist dl:nth-of-type(2n){ margin-right: 0;}
.pprolist dl img{ width:100%; float:left; height:10em}
.pprolist dl dt{ width:100%; float:left; line-height:30px; font-size:14px; margin-bottom:10px; text-align:center; height:30px}
.pprolist dl:hover{ border:1px solid #ddd; }

.produotu_pc{ display:none;}
.produotu_mobile{ display:block; width:94%; margin:0 3%; float:left}
.produotu_mobile img{ float:left;}
.produotu_mobile .xsimg1{ width:50%; padding-right:3px; box-sizing:border-box}
.produotu_mobile .xsimg2{ width:50%; padding-left:3px; box-sizing:border-box}
.produotu_mobile .xsimg3{ width:100%; margin-top:6px; box-sizing:border-box}


.wrapx2{ width:94%; margin:0 auto;}
.wrapx2 .forminfo{ font-size:14px; position:relative; float:right}
.wrapx2 .forminfo dl { margin-bottom:9px}
.wrapx2 .fastBaojiabg{ float:right; position:relative; margin-bottom:20px}
.zxbaojia{ margin-top:20px}

.sitedh{ width:100%; float:left; height:40px; font-size:14px;line-height: 40px; margin-top:10px;}

.hexinglist{ width:100%; float:left; margin-bottom:30px; }
.hexinglist dl{ width:100%; float:left; box-sizing:border-box; border:1px solid #fff; position:relative}
.hexinglist dl img{ width:100%; float:left}
.hexingmm{ position:absolute; width:80%; left:10%; border:1px solid #fff; text-align:center; padding:20px 20px; box-sizing:border-box; top:50%; margin-top:-40px; color:#fff;}
.hexingmm dt{ width:100%; float:left; height:30px; line-height:20px; font-size:18px; font-weight:bold}
.hexingmm dd{ width:100%; float:left; height:40px; line-height:20px; overflow:hidden; margin-top:5px; font-size:12px;}

.anlilist{ width:100%; float:left;}
.anlilist dl{ width:100%; margin-right:0; float:left; background:#fff; margin-bottom:20px}
.anlilist dl img{ width:100%;}
.anlilist dl:nth-of-type(2n){ margin-right: 0; float:right}
.anli_main{ width:100%; padding:10px; float:left; box-sizing:border-box; color:#333;}
.anlilist dl dt{ width:100%; float:left; font-size:16px; line-height:20px; text-align:center; height:20px; overflow:hidden}
.anlilist dl dd{ width:100%; float:left; line-height:20px; height:40px; font-size:14px; color:#999; overflow:hidden; margin:10px 0 10px 0}
.anli_mm{ width:100%; float:left; font-size:14px; text-align:right; color:#999;}

.caseshow_1{ width:100%; float:left; border-top:1px solid #ddd; margin-top:10px; padding-top:10px}
.caseshow_1 img{ width:100%; float:left}
.caseshow_2{ width:100%; float:right}
.caseshow_2 dt{ width:100%; float:left; background:#f5f5f5; font-size:14px; padding:10px 15px; box-sizing:border-box; border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.caseshow_2 dt p{ font-size:18px; margin-bottom:5px; color:#339966}
.caseshow_2 dd{ width:100%; float:left; font-size:14px; line-height:25px; padding:15px 0 0 15px}
.zxcaseaa{ width:100%; float:left; padding-left:15px; box-sizing:border-box; margin-top:10px; padding-bottom:35px; border-bottom:1px solid #ddd}
.zxcaseaa a{ display:block; float:left; margin-right:20px; text-align:center; line-height:35px; font-size:14px; height:35px; width:95px; border:1px solid #339966;transition: all 0.3s ease 0s; color:#fff; background:#339966}
.zxcaseaa a:hover{ color:#fff; background:#339966}
.anlidetail{ width:100%; float:left; margin-top:20px; margin-bottom:30px}
.anlidetail_t{ width:100%; float:left; height:40px; line-height:40px; position:relative; border-bottom:1px solid #ddd; margin-bottom:20px;}
.anlidetail_t span{ display:block; left:0; top:0; position:absolute; font-size:18px; font-weight:bold; color:#339966;height:40px; line-height:40px; border-bottom:2px solid #339966;}
.anlidetail_txt{ width:100%; float:left; font-size:14px; line-height:25px;}
.anlidetail_txt img{ max-width:100%; height:auto}


.news_cotit{ width:100%; float:left; font-size:12px; text-align:center; margin-top:20px; padding-bottom:20px; border-bottom:1px solid #ddd; margin-bottom:20px;}
.news_cotit p{ font-size:20px; font-weight:bold; margin-bottom:10px;}
.news_contents{ width:100%; float:left; font-size:14px; line-height:25px; margin-bottom:30px;}
.news_contents img{ max-width:100%; height:auto}

.lxwm_map{ width:100%; float:left; display:none}
.lxwm_map img{ width:100%; float:left;}
.lxwomebox{ width:100%; float:left;box-shadow: 0 0 15px #ddd; padding:25px; box-sizing:border-box; margin:20px 0 15px 0 }
.lxinfobox{ width:100%; float:left; padding:15px; box-sizing:border-box; border:2px solid #f7f7f7;}
.lxinfobox_t{ width:100%; float:left; font-size:18px; font-weight:bold;color:#339966}
.lxinfobox_tt{ width:100%; float:left; font-size:14px; line-height:20px; background:url(line1.jpg) left bottom no-repeat; padding-bottom:5px;}
.lxinfobox_ico{ width:100%; float:left; margin:15px 0}
.lxinfobox_ico dl{ float:left; margin-right:10px; position:relative; cursor:pointer}
.lxinfobox_ico dl dt img{ width:40px}
.lxinfobox_ico dl dd{ display:none;}
.lxinfobox_ico dl:hover dd{ width:140px; height:140px; display:block; position:absolute; left:53px; top:0;}
.lxinfobox_ico dl dd img{ width:140px;}
.lxinfobox_tel{width:100%; float:left; line-height:50px; font-size:28px; font-weight:bold; margin-bottom:20px;color:#339966}
.lxinfobox_tel a{color:#339966}
.lxinfobox_txt{ width:100%; float:left; font-size:14px; line-height:25px;}

.fbackBox{ width:100%; float:left; margin-left:0;}
.fbackBox_t{ width:100%; float:left; font-size:18px;color:#339966; margin-bottom:25px; margin-top:30px}
.fbackBox dl{ width:100%; float:left; position:relative; padding-left:65px; box-sizing:border-box; margin-bottom:18px; }
.fbackBox dl dt{ width:65px; position:absolute; left:0; top:0; line-height:40px; font-size:14px;}
.fbackBox dl dd{ width:100%; float:left}
.fbackBox dl dd input{ width:100%; height:40px; box-sizing:border-box; padding-left:10px; font-size:14px; border:1px solid #ddd}
.textarea1{ width:100%; float:left; height:100px; line-height:25px; padding:10px; box-sizing:border-box; border:1px solid #ddd; font-size:14px;}
.button3{ width:140px; float:left; height:40px; cursor:pointer; font-size:16px; background:#339966; border:0; margin-top:18px; color:#fff;}

.aboutnybox{ width:100%; float:left;}
.aboutny_fmt{ width:100%; float:left}
.aboutny_fmt img{ width:100%; float:left}
.aboutny_txt{ width:100%; float:right;}
.aboutny_txt dt{ width:100%; float:left; color:#339966; font-size:18px; font-weight:bold; margin-bottom:10px; margin-top:20px}
.aboutny_txt dd{ width:100%; float:left; line-height:25px; font-size:14px}
.aboutpic2{ width:100%; float:left; margin:20px 0%; background:#ececec; padding:10px; box-sizing:border-box;}
.aboutpic2 img{ padding:10px; box-sizing:border-box; width:100%; float:left; background:#fff;}

.about_jsfw{ width:100%; background:#fff; float:left; position:relative;}
.about_jsfw img{ float:right; width:100%;}
.jsfwBox{ float:left; width:100%;   height:100%; padding:0; box-sizing:border-box; position:relative; top:0; left:0; margin-top:20px}
.jsfwBox_dl{ float:left; width:100%;height:100%; padding:15px; box-sizing:border-box; border:2px solid #333}
.jsfwBox_dt{ float:left; width:100%; font-size:20px; font-weight:bold; margin-bottom:15px; background:url(lin5.jpg) left bottom no-repeat; background-size: auto 3px; padding-bottom:15px; }
.jsfwBox_dd{float:left; width:100%; font-size:14px; line-height:25px; }

.aboutpic3{ width:100%; float:left; position:relative; margin:20px 0 20px 0}
.aboutpic3 img{ width:100%; float:left;}
.aboutpic3 dl{ width:90%; position:absolute;text-align:center; left:5%; top:50%; margin:-65px 0 0 0; border:2px solid #fff; padding:10px 10px; box-sizing:border-box}
.aboutpic3 dl dt{ width:100%; float:left;  font-size:18px; font-weight:bold; color:#fff; background:url(line6.jpg) center bottom no-repeat; background-size: auto 3px; padding-bottom:10px;}
.aboutpic3 dl dd{ width:100%; float:left; font-size:14px; color:#fff; line-height:20px; margin-top:10px;}
.banner .flexslider .slides li{ height:900px;}
.dfootnav{ display:block; width:80%; height:3em; padding:0.5em 10%; position:fixed; bottom:0; left:0; background:#fff;box-shadow: 0 0 5px #ddd; }
.dfootnav a{ width:48%; height:3em; line-height:3em; border-radius:2em; font-size:1em; text-align:center; display:block; background:#339966; color:#fff; float:left}
.dfootnav a:nth-of-type(2){ float:right}

.dfootnav a:nth-of-type(1) span{ padding-left:1.5em; background:url(dtel1.png) left center no-repeat; background-size:auto 1.2em}
.dfootnav a:nth-of-type(2) span{ padding-left:1.5em; background:url(zxzx1.png) left center no-repeat; background-size:auto 1.2em}
}


@media screen and (max-width: 900px) {
.f_20{ font-size:1.7em}
.f_22{ font-size:1.88em}
.f_24{ font-size:2em}
.f_26{ font-size:2.2em}
.f_28{ font-size:2.38em}
.f_30{ font-size:2.56em}
.f_32{ font-size:2.7em}
.f_34{ font-size:2.9em}
.f_36{ font-size:3em}
.f_38{ font-size:3.25em}
.f_40{ font-size:3.4em}
.f_42{ font-size:3.58em}
.f_44{ font-size:3.76em}

}

@media screen and (max-width: 480px) {
.f_20{ font-size:1.28em}
.f_22{ font-size:1.4em}
.f_24{ font-size:1.536em}
.f_26{ font-size:1.66em}
.f_28{ font-size:1.79em}
.f_30{ font-size:1.92em}
.f_32{ font-size:2.048em}
.f_34{ font-size:2.18em}
.f_36{ font-size:2.3em}
.f_38{ font-size:2.43em}
.f_40{ font-size:2.56em}	
.f_42{ font-size:2.68em}	
.f_44{ font-size: 2.8em;}
}

@media screen and (max-width: 414px) {/*iphone6+ 414*736 +滚动条18*/
.f_20{font-size: 1.1em;}
.f_22{ font-size:1.2em}
.f_24{ font-size:1.32em}
.f_26{ font-size:1.44em}
.f_28{ font-size:1.55em}
.f_30{ font-size:1.655em}
.f_32{ font-size:1.77em}
.f_34{ font-size:1.88em}
.f_36{ font-size:1.99em}
.f_38{ font-size:2.1em}
.f_40{ font-size:2.2em}
.f_42{ font-size:2.3em}
.f_44{ font-size: 2.4em;}
}

@media screen and (max-width: 375px) {/*iphone6 375*667 +滚动条18*/
.f_20{font-size: 1em;}
.f_22{ font-size:1.1em}
.f_24{ font-size:1.2em}
.f_26{ font-size:1.3em}
.f_28{ font-size:1.4em}
.f_30{ font-size:1.5em}
.f_32{ font-size:1.6em}
.f_34{ font-size:1.7em}
.f_36{ font-size:1.8em}
.f_38{ font-size:1.9em}
.f_40{ font-size:2em}
.f_42{ font-size:2.1em}
.f_44{ font-size: 2.2em;}
}

@media screen and (max-width: 360px) {
.f_20{font-size: 0.96em;}
.f_22{ font-size:1em}
.f_24{ font-size:1.152em}
.f_26{ font-size:1.25em}
.f_28{ font-size:1.34em}
.f_30{ font-size:1.44em}
.f_32{ font-size:1.536em}
.f_34{ font-size:1.63em}
.f_36{ font-size:1.73em}
.f_38{ font-size:1.8em}
.f_40{ font-size:1.92em}
.f_42{ font-size:2em}
.f_44{ font-size: 2.1em;}
}

@media screen and (max-width: 320px) {
.f_20{font-size: 0.85em;}
.f_22{ font-size:0.94em}
.f_24{ font-size:1.024em}
.f_26{ font-size:1.1em}
.f_28{ font-size:1.2em}
.f_30{ font-size:1.28em}
.f_32{ font-size:1.37em}
.f_34{ font-size:1.45em}
.f_36{ font-size:1.54em}
.f_38{ font-size:1.62em}
.f_40{ font-size:1.7em}
.f_42{ font-size:1.78em}
.f_44{ font-size: 1.877em;}
}