/* CSS Document */ 
div,ul,ol,li,dl,dd,dt,table,form,h1,h2,h3,h4,h5,h6,p{ padding:0; margin:0;}
ul,ol,li{ list-style:none; list-style-type:none;}
body{ margin:0px; padding:0px; font-size:12px; color: #444; line-height:24px; font-family:"arial"; background-color:#fff;} 
/*table{ margin:0 auto;}*/
table {table-layout: fixed;word-wrap:break-word;} 
img{ border:none;}
a{ color: #444; text-decoration: none;}
a:hover { color:#f00; text-decoration: none; } 
a.red{ color:#f00;}
a.red:hover{ color:#009900;}
img{border:none;}  
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */ 
.clear{ clear:both; } 
.fl_l{ float:left; }
.fl_r{ float:right; }
.margin0{ margin:0 auto;}
.margin5{ margin:5px auto 0; }  
.margin10{ margin:10px auto 0; }  
.margin15{ margin:15px auto 0; } 
.margin20{ margin:20px auto 0; }  
.blank20{ height:20px; overflow:hidden; }

.wrap{ margin:auto; }
.topbox{ width: 100%; position: absolute; top:0; left:0; right:0; z-index: 9999; }
.topleft{ margin-left: 5%; float: left;}
.topright{ margin-right: 5%; float:right;}
.logo{ margin-top: 18px; float: left;}
.rightlg{ height: 66px; line-height: 66px; font-size: 18px; color: #000; margin-top: 18px; float: right;}
.rightlg .lgcos{ width: 32px; margin: 0 44px; text-align: center; float: left; margin-top: 12px; position: relative; cursor:pointer; }
.rightlg .lgnum{ width:140px; background:url(../images/icon2.png) no-repeat left center; float: left; color: #fff; font-family: Arial; font-size: 22px; text-indent: 30px;}
.rightlg .schbox{ display: none;}
.rightlg .lgcos:hover .schbox{ display: block; position: absolute; top:32px; right:0; z-index: 99;}
.schinputstyle{ border:none; background:none; height:36px; line-height:36px; color:#111; border: 1px solid #fff; padding: 0px 10px; outline:medium; width:180px; background:url(../images/icon1.png) no-repeat right 8px center; background-size: 20px 20px; font-size: 14px!important; border-radius: 3px;}
.schbox input::-webkit-input-placeholder{
		   color:#fff;
}
.schbox input::-moz-placeholder{
		   color:#fff;
}
.schbox input:-moz-placeholder{
		   color:#fff;
}
.schbox input:-ms-input-placeholder{
		   color:#fff;
}

.banabimg{ width: 785px; position: absolute; left:0; right:0; top:300px; z-index: 999; margin:0 auto;}

.logobox{ background:url(../images/nav_bg.png) no-repeat; height:98px;}

@media (max-width: 1366px){ 
	.wrap{ margin:auto; padding-top: 62px;}
	.topbox{ position: fixed; background-color: #fff;}
	.topleft{ margin-left: 2%; float: left;}
	.logo{ margin-top: 0px; padding: 5px 0px; padding-top: 8px; float: left;}
	.logo img{ height: 40px;}
}

.smprobgfixed{ position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.0); z-index: 99; display: none;}
.opnotice{ width:100%; position:fixed; top:5px;  right:0;    padding:5px; background-color: #fff;
           font-size:12px; color:#333; line-height:24px;  display:none; z-index:990; box-sizing:border-box;
}
.optop{ text-align:right; margin-right:5px;}
.opmenu{ margin-top:40px;}
.opmenu li{ height:40px; line-height:40px; text-align:center; font-size:16px; color:#fff;}
.opmenu li a{ display:block; color:#fff;}
.optel{ background:url(../images/icon7.png) no-repeat right center; background-size:24px 24px; height:44px; width:170px; margin:0 auto; margin-top:50px;}
.optel .title{ height:20px; line-height:20px; font-size:14px; color:#fff; margin-right:35px; text-align:right;}
.optel .txt{ height:20px; line-height:20px; font-size:18px; color:#fff; margin-right:35px; text-align:right;}
.opsearch{ background:#f1f1f1 url(../images/schbtn.png) no-repeat right 15px center; background-size:24px 24px; height:36px; border-radius:18px; line-height:36px; width:80%; margin:20px 10%; border: 1px solid #ccc;}
.opsearch a{ display:block;}
.biimg img{ width: 100%; height: auto; object-fit: cover;}

.rightflip{ display: none; margin-top: 20px;}
@media (max-width: 1366px){ 
	.topright{ margin-right: 10px; float:right;}
	.rightflip{ display: block; margin-top: 15px;}
	.rightlg{ display: none;}
	.navbox{ display: none;}
	.banabimg{ width: 385px; position: absolute; left:0; right:0; top:60px; z-index: 999; margin:0 auto;}
	.banabimg img{ width: 100%; }
	.biimg img{ width: 100%; height: 420px; object-fit: cover;}
	.piimg img{ width: 100%; object-fit: cover;}
}

@media (max-width: 760px){ 
	.topright{ margin-right: 10px; float:right;}
	.rightflip{ display: block; margin-top: 15px;}
	.rightlg{ display: none;}
	.navbox{ display: none;}
	.biimg img{ width: 100%; height: 420px; object-fit: cover;}
	.piimg img{ width: 100%; object-fit: cover;}
	.banabimg{ width: 285px; position: absolute; left:0; right:0; top:80px; z-index: 999; margin:0 auto;}
	.banabimg img{ width: 100%;}
}

.swiper-container {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}


.bannerquick{ position:absolute; bottom:20px; right:150px; z-index:1;}
.bannerquick .left{ float:left; width:120px; margin-right:10px;}
.bannerquick .right{ float:left; width:120px;}
.navwrap{ height:56px; border-bottom:1px solid #fff; width:100%; background:url(../images/topnav_bg.jpg) repeat-y center center;}

.navbg{ height:52px;}
.navbox{ color:#fff; height:60px; margin:auto; float: right; margin-left: 20px; margin-top: 18px;}
.navbox ul{ }
.pSort{  color:#888; width: 120px; float:left; height:60px; line-height:60px; font-family:"arial"; text-align:center; position: relative;  font-size: 16px; font-weight: bold;
-webkit-transition: 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
-moz-transition: 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
-o-transition: 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
transition: 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;   
}
.pSort:hover{  color:#666; }
a.pSortLink{ display:block; color:#fff; height:52px; 
}
a.pSortLink:hover{ color:#FAFA02; background:url(../images/line3.jpg) no-repeat bottom center; height: 60px; }

.pSorttxt{ font-size:14px; font-family:"Microsoft Yahei"; padding-top:10px; height:24px; line-height:24px; text-indent:12px;}
.pSorttxt1{ font-size:10px; font-family:Arial, Helvetica, sans-serif;  height:20px; line-height:20px; color:#99C7DF; -webkit-text-size-adjust:none; text-indent:12px;}

.submenu{ display:none; position:absolute; top:60px; left:0; z-index:9999; text-align:center;  width:160px; line-height: 40px; overflow:hidden; padding: 10px 0px; background:url(../images/cortbg.png) repeat; font-size: 14px; font-weight: normal; border-radius: 8px;}
.submenu li{    text-align:center; border-bottom: 1px dotted #888;}
.submenu li a:link,.submenu li a:visited{ color:#fffefb; text-decoration:none; display: block;}
.submenu li a:hover{ color:#fffefb; text-decoration:underline; }
.line{ border-right:1px solid #f0c94a; } 
 
.pSort:hover .submenu{ display:block; }
#CurrMenu{ color:#FAFA02; background:url(../images/line3.jpg) no-repeat bottom center; height: 60px;}

.main{ margin:auto; width:1420px; overflow:hidden;}
.mainnei{ margin:auto; width:1000px; overflow:hidden;}

@media (max-width: 1366px){ 
	.main{ margin:auto; width:100%; overflow:hidden;}
}

.indexaboutbox{ background-color: #2461EF; overflow: hidden;}
.indexabout{ width:1420px; margin: auto; background:url(../images/aboutbgm.jpg) no-repeat 157px top; height: 590px; overflow: hidden;}
.indexabouttop{ margin-left: 750px;}
.indexabouttop .title{ color: #fff; margin-top: 210px; height: 50px; line-height: 50px; font-size: 24px;}
.indexabouttop .txt{ margin-top:12px; line-height: 32px; font-size: 16px; color: #fff;}
.indexaboutbot{ margin-top: 90px; margin-left: 650px; height: 32px; line-height: 32px; font-size: 14px; color: #fff;
-webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.indexaboutbg{ background:url(../images/indexaboutbg.jpg) repeat-y; height: 80px;}
.indexabout:hover .indexaboutbot{ margin-left: 620px;}

@media (max-width: 1366px){ 
	.indexaboutbg{ display: none;}
	.indexabout{ width:100%; margin: auto; background:url(../images/aboutbgm.jpg) no-repeat right 20px; height: auto; padding-bottom: 50px; background-size: 80% auto; overflow: hidden;}
	.indexabouttop{ margin-left: 15%; width: 80%;}
	.indexabouttop .title{ color: #fff; margin-top: 260px; height: 50px; line-height: 50px; font-size: 20px;}
	.indexabouttop .txt{ margin-top:12px; line-height: 32px; font-size: 14px; color: #fff;}
	.indexaboutbot{ margin-top: 30px; margin-left: 25%; height: 32px; line-height: 32px; font-size: 14px; color: #fff;
-webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
	.indexabout:hover .indexaboutbot{ margin-left: 30%;}
}


.indexprobox{ }

.indexdesign{ background:url(../images/lybg2.jpg) no-repeat top center; height: 480px; padding-top: 170px;}
.indexpro{ background:url(../images/lybg3.jpg) no-repeat top center; height: 650px; overflow: hidden;}
.indextxtbox{ }
.indextxtbox .title{ height: 80px; line-height: 80px; font-size: 52px; color: #39363b; font-weight: bold; text-align:center;}
.indextxtbox .title2{ height: 80px; line-height: 80px; font-size: 52px; color: #CBCCCF; font-weight: bold; text-align:center;}
.indextxtbox .txt{ max-width: 950px; line-height: 50px; font-size: 24px; color: #4a4e5a; margin: 0 auto; text-align:center;}
.indextxtbox .txt2{ max-width: 950px; line-height: 40px; font-size: 24px; color: #fff; margin: 0 auto; text-align:center;}
.indextxtbox .btn{ width: 175px; height: 50px; line-height: 50px;  margin: 0 auto; margin-top: 22px;   text-align:center; font-weight: bold; font-size: 15px;}
.indextxtbox .btn a{ display: block; color: #333; background-color: #fff;
-webkit-transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
-moz-transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
-o-transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.indextxtbox .btn a:hover{ background-color: #333; color: #fff; border-radius: 5px;}
.indextxtbox .ltxt{ width: 180px; margin: 0 auto; text-align: center; margin-top: 5px; line-height: 20px; font-size: 12px; font-weight: bold; color: #333;}
.indextxtbox .ltxt2{ width: 180px; margin: 0 auto; text-align: center; margin-top: 5px; line-height: 20px; font-size: 12px; font-weight: bold; color: #fff;}


@media (max-width: 1366px){ 
    .indexdesign{ background:url(../images/lybg2.jpg) no-repeat top center; height: auto; padding-top: 60px; padding-bottom: 50px; }
    .indexpro{ background:url(../images/lybg3.jpg) no-repeat top center; height: auto; padding-bottom: 50px; overflow: hidden;}
	.indextxtbox{ }
	.indextxtbox .title{ height: 40px; line-height: 40px; font-size: 24px; color: #39363b; margin-bottom: 10px; font-weight: bold; text-align:center;}
	.indextxtbox .title2{ height: 40px; line-height: 40px; font-size: 24px; color: #CBCCCF; margin-bottom: 10px; font-weight: bold; text-align:center;}
	.indextxtbox .txt{ max-width: 950px; padding: 0px 15px; line-height: 25px; font-size: 13px; color: #4a4e5a; margin: 0 auto; text-align:center;}
	.indextxtbox .txt2{ max-width: 950px; padding: 0px 15px; line-height: 22px; font-size: 13px; color: #fff; margin: 0 auto; text-align:center;}
	.indextxtbox .btn{ width: 175px; height: 40px; line-height: 40px;  margin: 0 auto; margin-top: 22px;   text-align:center; font-weight: bold; font-size: 15px;}
	.indextxtbox .btn a{ display: block; color: #333; background-color: #fff;
	-webkit-transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-moz-transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-o-transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	}
	.indextxtbox .btn a:hover{ background-color: #333; color: #fff; border-radius: 5px;}
	
}

.indexprocort{ width: 1420px; margin: 0 auto; margin-top: 40px;}
.indexprocort ul{ width: 1460px;}
.indexprocort li{ width: 340px; margin-right: 20px; float: left; margin-bottom: 80px;}
.indexprocort li .img{ width: 340px; height: 340px; position: relative; overflow: hidden;}
.indexprocort li .img img{ width: 340px; height: 340px; transform: scale(1, 1); transition:all 1s;}
.indexprocort li .txtbox{ width: 100%; height: 165px; text-align: right; background:url(../images/cortbg.png) repeat; position: absolute; left:0; right:0; bottom: 0; z-index: 9;}
.indexprocort li .title{ font-size: 24px; color: #fff; margin-right: 20px; line-height: 40px; margin-top: 32px;}
.indexprocort li .txt{ font-size: 36px; color: #fff; margin-right: 20px; line-height: 56px;}
.indexprocort li:hover .img img{ transform: scale(1.05, 1.05); transition:all 1s;}

@media (max-width: 1366px){ 
	.indexprocort{ width: 96%; margin: 0 2%; margin-top: 20px;}
	.indexprocort ul{ width: 100%;}
	.indexprocort li{ width: 48.5%; margin-right: 3%; float: left; margin-bottom: 20px;}
	.indexprocort li:nth-child(2n){ width: 48.5%; margin-right: 0; float: left;}
	.indexprocort li .img{ width: 100%; height: auto; position: relative; overflow: hidden;}
	.indexprocort li .img img{ width: 100%; height: auto; transform: scale(1, 1); transition:all 1s; display: block;}
	.indexprocort li .txtbox{ width: 100%; height: 80px; text-align: right; background:url(../images/cortbg.png) repeat; position: absolute; left:0; right:0; bottom: 0; z-index: 9;}
	.indexprocort li .title{ font-size: 14px; color: #fff; margin-right: 20px; line-height: 30px; margin-top: 12px;}
	.indexprocort li .txt{ font-size: 18px; color: #fff; margin-right: 20px; line-height: 36px;}
	.indexprocort li:hover .img img{ transform: scale(1.05, 1.05); transition:all 1s;}
}

.indexad{ background:url(../images/indexprobg.jpg) no-repeat top center; height: 760px; overflow: hidden;}
.indexad .title{ margin-top: 110px; height: 100px; line-height: 100px; font-size: 72px; color: #fff; margin-left:220px;
-webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.indexad .txt{ margin-top: 20px; line-height:36px; font-size: 16px; color: #fff; background:url(../images/line2.jpg) no-repeat 170px center; text-indent: 220px;}

.indexad:hover .title{ margin-top: 80px;}

@media (max-width: 1366px){ 
	
	.indexad{ background:url(../images/indexprobg.jpg) no-repeat top center; height: 520px; background-size: auto 520px; overflow: hidden;}
	.indexad .title{ margin-top: 50px; height: 100px; line-height: 100px; font-size: 36px; color: #fff; margin-left:20px;
	-webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	}
	.indexad .txt{ width: 92%; margin: 0 4%; margin-top: 100px; line-height:28px; font-size: 16px; color: #fff; background:url(../images/line2.jpg) no-repeat top left; text-indent: 40px;}

	.indexad:hover .title{ margin-top: 80px;}
}

.indexnews{ background-color: #fff; overflow: hidden;}
.indexnewslist{ width: 1200px; margin: 0 auto; margin-bottom: 100px;}
.indexnewslist ul{ width: 1220px;}
.indexnewslist li{ width: 520px; float: left; margin-right: 20px; padding: 35px; margin-top:40px; 
-webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.indexnewslist li .time{ height: 80px; line-height: 80px; text-align: center; font-size: 48px; color:#30D593;}
.indexnewslist li .title{ height: 60px; line-height: 60px; font-size: 24px; color: #000;}
.indexnewslist li .txt{ margin-top: 24px; line-height: 32px; font-size: 16px; height: 64px; overflow: hidden;}
.indexnewslist li:hover{ background-color:#30D593; border-radius: 8px; box-shadow:0px 0 5px 1px #aaa; }
.indexnewslist li:hover .time{ color: #fff;}
.indexnewslist li:hover .title{ color: #fff;}
.indexnewslist li:hover .txt{ color:#fff;}

@media (max-width: 1366px){ 
    .indexnewslist{ width: 100%; margin: 0 auto; margin-bottom: 30px;}
	.indexnewslist ul{ width: 100%;}
	.indexnewslist li{ width: 96%; margin: 0 2%; float: auto; margin-right: 0px; padding: 15px; margin-top:40px; background-color: #f1f1f1; box-sizing:border-box;
		border-radius: 8px;
	-webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	}
	.indexnewslist li .time{ height: 40px; line-height: 40px; text-align: center; font-size: 32px; color:#30D593;}
	.indexnewslist li .title{ height: 40px; line-height: 40px; font-size: 16px; color: #000;}
	.indexnewslist li .txt{ margin-top: 14px; line-height: 32px; font-size: 14px; height: 64px; overflow: hidden;}
	.indexnewslist li:hover{ background-color:#30D593; border-radius: 8px; box-shadow:0px 0 5px 1px #aaa; }
	.indexnewslist li:hover .time{ color: #fff;}
	.indexnewslist li:hover .title{ color: #fff;}
	.indexnewslist li:hover .txt{ color:#fff;}
}

.anliwrap { width:1200px; overflow:hidden;  padding-top:40px;}    
.effect{ width:1200px; margin:0 auto; overflow:hidden;  }
.bd { }
.picList li{ width:230px; height:270px;} 
.picList .pic{ text-align:center; width:230px; height:230px;} 
.picList .pic img{ width:230px; height:230px; border:none;}  
.picList .title{ line-height:40px; height:40px; text-align:center; font-weight:normal; background-color:#019253; font-family:"Arial"; color:#fff; font-size:14px; }
.picList .title a{ color:#fff; text-decoration:none;}

.leftLoop{ overflow:hidden; position:relative; width:1200px; }  
.leftLoop .bd{ padding:0;   } 
.leftLoop .bd ul{ overflow:hidden; zoom:1; } 
.leftLoop .bd ul li{ margin:0 0px; text-align:center; float:left;display:_inline; width: 150px;  } 
.leftLoop .bd ul li .img{ text-align: center;}
.leftLoop .bd ul li .img img{ width: 76px; }
.leftLoop .bd ul li .title{ height: 30px; line-height: 30px; font-size: 15px; text-align: center; color: #222;}

.mainboxindex{ width:576px; float:left; background:url(../images/indexline.jpg) no-repeat left center; height:200px; padding-left:24px;}
.maintitle{ height:34px; line-height:34px; margin-top:15px;}
.maintitle span{ float:right; margin-top:6px; margin-right:10px;}
.mainboxcon{ margin-top:20px;}
.mainboxpic{ float:left; width:279px; margin-top:20px;}
.mainboxpic1{ float:left; width:178px; height:106px; }
.mainnewslist{ float:right; width:440px;  border-bottom:1px solid #ddd; height:165px; overflow:hidden; margin-top:20px;}
.mainnewslist li{ height:32px; line-height:32px; font-size:14px; border-bottom:1px dotted #ddd; overflow:hidden;}
.mainnewslist li a{ color:#666;}
.mainnewslist li a:hover{ color:#DA251D;}
.mainnewslist li span{ float:left; width:86px; color:#278067;}
.mainanlilist{ float:left; margin-left:2px; width:386px; overflow:hidden;}
.mainanlilist li{ height:26px; line-height:26px; font-size:12px; overflow:hidden; background:url(../images/icon1.jpg) no-repeat left center; text-indent:10px; width:190px; float:left;}
.mainanlilist li a{ color:#666;}
.mainanlilist li a:hover{ color:#DA251D;}

.mainbox2{ width:630px; float:left; margin-top:20px;}
.mainboxtitle2{ height:38px;}
.mainboxtitle2 span{ float:right; color:#E94A01; line-height:38px; font-size:12px; font-family:"song"}

.mainbox3{ float:right; width:340px; margin-top:20px;}
.maincon{ height:182px; }
.maincon .pic{ margin-top:20px; height:118px;}
.maincon .title{ height:36px; line-height:36px; color:#019253; font-size:14px; margin-top:5px; font-family:"Arial";}
.maincon .txt{ line-height:30px; font-size:14px; color:#222;}

.copyright{ background-color:#4A4E5A; padding: 10px 0px; }
.copyicoli{ text-align: center; margin-top: 30px; margin-bottom: 10px;}
.copyicoli li{ width: 45px; display: inline-block; margin: 0px 20px; cursor:pointer;
-webkit-transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
-moz-transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
-o-transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;}
.copyicoli li.ico1{ width: 45px; height: 45px; background: url(../images/qicon11.png) no-repeat center center;}
.copyicoli li.ico1:hover{ width: 45px; height: 45px; background: url(../images/qicon12.png) no-repeat center center;}
.copyicoli li.ico2{ width: 45px; height: 45px; background: url(../images/qicon21.png) no-repeat center center;}
.copyicoli li.ico2:hover{ width: 45px; height: 45px; background: url(../images/qicon22.png) no-repeat center center;}
.copyicoli li.ico3{ width: 45px; height: 45px; background: url(../images/qicon31.png) no-repeat center center;}
.copyicoli li.ico3:hover{ width: 45px; height: 45px; background: url(../images/qicon32.png) no-repeat center center;}
.copyicoli li.ico4{ width: 45px; height: 45px; background: url(../images/qicon41.png) no-repeat center center;}
.copyicoli li.ico4:hover{ width: 45px; height: 45px; background: url(../images/qicon42.png) no-repeat center center;}
.copyicoli li.ico5{ width: 45px; height: 45px; background: url(../images/qicon51.png) no-repeat center center;}
.copyicoli li.ico5:hover{ width: 45px; height: 45px; background: url(../images/qicon52.png) no-repeat center center;}
.copyicoli li.ico6{ width: 45px; height: 45px; background: url(../images/qicon61.png) no-repeat center center;}
.copyicoli li.ico6:hover{ width: 45px; height: 45px; background: url(../images/qicon62.png) no-repeat center center;}

.copyrightbox{ width: 92%; margin: 0 auto;}
.copyrightname{ height: 72px; line-height: 72px; border-bottom: 2px solid #A9D06B; text-align: center; color: #cbcccf; font-size: 30px; font-family: "Arial";}
.copyrightlink{ text-align: center; }
.copyrightlink li{ display: inline-block; height: 50px; line-height: 50px; padding: 25px 0px; margin: 0px 40px; text-align: left; font-size: 20px; color: #cbcccf; }
.copyrightlink li.ico1{ background: url(../images/bicon1.png) no-repeat left center; text-indent: 30px; background-size: 20px 20px;}
.copyrightlink li.ico2{ background: url(../images/bicon2.png) no-repeat left center; text-indent: 30px; background-size: 20px 20px;}
.copyrightlink li.ico3{ background: url(../images/bicon3.png) no-repeat left center; text-indent: 30px; background-size: 20px 20px;}
.copyrightlink li.ico4{ background: url(../images/bicon4.png) no-repeat left center; text-indent: 30px; background-size: 20px 20px;}
.copyrightlogo{ text-align: center; border-bottom: 2px solid #231815; padding: 15px 0px;}

.copyrightqlink{ margin-top: 50px; text-align: center; margin-bottom: 30px;}
.copyrightqlink li{ width: 300px; padding-left: 90px; height: 300px;  display: inline-block; vertical-align: top; text-align: left;}
.copyrightqlink li .title{ color: #d7d8da; font-size: 30px; height: 30px; line-height: 30px; margin-bottom: 30px;}
.copyrightqlink li .txt{ line-height: 48px; color: #d7d8da; font-size: 18px;}
.copyrightqlink li .txt a{ color: #d7d8da;}
.copyrightqlink li .txt a:hover{ color: #fff;}
.copyrightqlink li:nth-child(3n+2){ border-left:1px solid #d7d8da; border-right:1px solid #d7d8da;}

@media (max-width: 1366px){ 
	.copyicoli{ text-align: center; margin-top: 10px; margin-bottom: 10px;}
	.copyicoli li{ width: 45px; display: inline-block; margin: 10px 30px; cursor:pointer;
	-webkit-transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-moz-transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-o-transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;}
	.copyrightqlink{ display: none;}
	.copyrightbox{ width: 100%; margin: 0 auto;}
	.copyrightname{ height: 40px; line-height: 40px; border-bottom: 1px solid #A9D06B; text-align: center; color: #cbcccf; font-size: 13px; font-family: "Arial";}
    .copyrightlink{ text-align: left; margin-top: 10px; padding-left: 20px; }
	.copyrightlink li{  height: 36px; line-height: 36px; padding: 0px; margin: 0px; text-align: left; font-size: 14px; color: #cbcccf; }
	.copyrightlink li.ico1{ background: url(../images/bicon1.png) no-repeat left center; text-indent: 30px; background-size: 20px 20px;}
	.copyrightlink li.ico2{ background: url(../images/bicon2.png) no-repeat left center; text-indent: 30px; background-size: 20px 20px;}
	.copyrightlink li.ico3{ background: url(../images/bicon3.png) no-repeat left center; text-indent: 30px; background-size: 20px 20px;}
	.copyrightlink li.ico4{ background: url(../images/bicon4.png) no-repeat left center; text-indent: 30px; background-size: 20px 20px;}
	.copyrightlogo{ text-align: center; border-bottom: 1px solid #231815; padding: 5px 0px;}
	.copyrightlogo img{ height: 40px;}
}

.bcopyrightbox{ border-top: 1px solid #B2B2B2;}
.bcopyright{ width: 1420px; margin: 0 auto;}
.bcopymenuli{ border-bottom: 1px solid #B2B2B2; margin-top: 120px;}
.bcopymenuli .left{ width: 225px; margin-right: 65px; float: left;}
.bcopymenuli .right{ width: 470px; float: right;}
.bcopymenuli .title{ height: 36px; line-height: 36px; font-size: 22px; color: #000; border-bottom: 1px solid #b2b2b2;}
.bcopymenuli .title a{ display: block;}
.bcopymenuli .txtli{ margin-top: 15px; margin-left: 8px; margin-bottom: 20px;}
.bcopymenuli .txtli li{ height: 32px; line-height: 32px; font-size: 16px; color: #777;}
.bcopymenuli .txtli li a{ display: block; color: #777;}

.bcopycontact{ margin-top: 100px;}
.bcopycontact .btitle{ height: 30px; line-height: 30px; background: url(../images/icon3.png) no-repeat 80px bottom; font-size: 18px; padding-top: 50px;}
.bcopycontact .num{ line-height: 56px; font-size: 36px; color: #000;}
.bcopycontact .txt{ height: 48px; line-height: 48px; color: #000; font-size: 18px;}
.bcopycompany{ height: 72px; line-height: 72px; text-align: center; font-size: 14px;}
.mcopybox{ display: none;}

@media (max-width: 1366px){ 
	.bcopyrightbox{ display: none;}
	.mcopybox{ display: block;}
	.mcopybox{ border-top:1px solid #b2b2b2;}
	.mcopycontact{ margin-top: 30px; text-align: center;}
	.mcopycontact .btitle{ height: 30px; line-height: 30px;  font-size: 18px; padding-top: 20px; text-align: center;}
	.mcopycontact .num{ line-height: 46px; font-size: 36px; color: #000;}
	.mcopycontact .txt{ height: 48px; line-height: 48px; color: #000; font-size: 16px;}
	.mcopycompany{ height: 72px; line-height: 72px; text-align: center; font-size: 14px; border-top:1px solid #b2b2b2;}
}
 
 /* 效果CSS开始 */
.mkeFocus { height: 220px; width: 260px; border: 1px solid #C9CACB; border-radius:8px; padding-top: 7px; margin:0 auto }
.mkeUl { margin: 0px auto; height: 220px; width: 260px; overflow: hidden; position: relative; }
.mkeUl ul { position: absolute; left: 0px; top: 0px; height: 220px; }
.mkeUl ul li { float: left; width:260px; }
.mkeUl ul li img { }
.mkeUl ul li .txt{ height:30px; line-height:30px; color:#fff; text-indent:5px; font-size:14px; background-color:#D9341E;}
.mkeul ul li .txt a{ color:#fff;}
.mkeNum { background: #FFF url(../images/banNum.jpg); height: 35px; width: 37px; position: absolute; z-index: 1; left: 13px; bottom: 4px; font: 14px Arial; }
.mke_ns1 { line-height: 16px; text-align: center; height: 16px; width: 16px; position: absolute; left: 0px; top: 0px; }
.mke_ns2 { line-height: 16px; color: #9FA0A0; text-align: center; display: block; height: 16px; width: 16px; position: absolute; right: 0px; bottom: 0px; }
.mkeLbtn { background: url(../images/kelBtn.png) no-repeat; height: 98px; width: 36px; position: absolute; left: 6px; top: 165px; cursor: pointer; z-index: 10; }
.mkeRbtn { position: absolute; top: 165px; right: 6px; background: url(../images/kerBtn.png) no-repeat; height: 98px; width: 36px; cursor: pointer; z-index: 10; }
/* 效果CSS结束 */
 

/*内页样式*/
.mainbox{ width:1000px;}
.neibanner{ background:url(../images/neibanner1.jpg) no-repeat top center; height: 710px; }
.neibanner2{ background:url(../images/neibanner3.jpg) no-repeat top center; height: 710px; }
.neibanner3{ background:url(../images/neibanner4.jpg) no-repeat top center; height: 710px; }
.neibanner4{ background:url(../images/neibanner2.jpg) no-repeat top center; height: 120px; }
.neibanner5{ background:url(../images/neibanner5.jpg) no-repeat top center; height: 710px; }
.neibanner6{ background:url(../images/neibanner6.jpg) no-repeat top center; height: 710px; }
.neibanner7{ background:url(../images/honstimg.jpg) no-repeat top center; height: 894px; }
.neibanner8{ background:url(../images/neibanner7.jpg) no-repeat top center; height: 710px; }

@media (max-width: 1366px){ 
	.neibanner{ background:url(../images/neibanner1.jpg) no-repeat top center; height: 220px; background-size: auto 220px; overflow: hidden;}
	.neibanner2{ background:url(../images/neibanner3.jpg) no-repeat top center; height: 220px; background-size: auto 220px; overflow: hidden;}
	.neibanner3{ background:url(../images/neibanner4.jpg) no-repeat top center; height: 220px; background-size: auto 220px; overflow: hidden;}
	.neibanner4{ background:url(../images/neibanner2.jpg) no-repeat top center; height: 10px; background-size: auto 10px; overflow: hidden; display: none;}
	.neibanner5{ background:url(../images/neibanner5.jpg) no-repeat top center; height: 220px; background-size: auto 220px; overflow: hidden;}
	.neibanner6{ background:url(../images/neibanner6.jpg) no-repeat top center; height: 220px; background-size: auto 220px; overflow: hidden;}
	.neibanner7{ background:url(../images/honstimg.jpg) no-repeat top center; height: 220px; background-size: auto 220px; overflow: hidden;}
	.neibanner8{ background:url(../images/neibanner7.jpg) no-repeat top center; height: 220px; background-size: auto 220px; overflow: hidden;}
}

.procort{ width: 1420px; margin: 0 auto; margin-top: 80px;}
.procort ul{ width: 1500px;}
.procort li{ width: 420px; margin-right: 80px; float: left; margin-bottom: 80px;}
.procort li .img{ width: 420px; height: 420px; position: relative; overflow: hidden;}
.procort li .img img{ width: 420px; height: 420px; transform: scale(1, 1); transition:all 1s;}
.procort li .txtbox{ width: 100%; height: 165px; text-align: right; background:url(../images/cortbg.png) repeat; position: absolute; left:0; right:0; bottom: 0; z-index: 99;}
.procort li .title{ font-size: 24px; color: #fff; margin-right: 20px; line-height: 40px; margin-top: 32px;}
.procort li .txt{ font-size: 36px; color: #fff; margin-right: 20px; line-height: 56px;}
.procort li:hover .img img{ transform: scale(1.05, 1.05); transition:all 1s;}

@media (max-width: 1366px){ 
	.procort{ width: 96%; margin: 0 2%; margin-top: 20px;}
	.procort ul{ width: 100%;}
	.procort li{ width: 48.5%; margin-right: 3%; float: left; margin-bottom: 20px;}
	.procort li:nth-child(2n){ width: 48.5%; margin-right: 0; float: left;}
	.procort li .img{ width: 100%; height: auto; position: relative; overflow: hidden;}
	.procort li .img img{ width: 100%; height: auto; transform: scale(1, 1); transition:all 1s; display: block;}
	.procort li .txtbox{ width: 100%; height: 80px; text-align: right; background:url(../images/cortbg.png) repeat; position: absolute; left:0; right:0; bottom: 0; z-index: 99;}
	.procort li .title{ font-size: 14px; color: #fff; margin-right: 20px; line-height: 30px; margin-top: 12px;}
	.procort li .txt{ font-size: 18px; color: #fff; margin-right: 20px; line-height: 36px;}
	.procort li:hover .img img{ transform: scale(1.05, 1.05); transition:all 1s;}
}

.locationbox{ border-bottom: 1px solid #B2B2B8; height: 54px; line-height: 54px; background-color: #F0EEEF; }
.location{ background:url(../images/licon1.jpg) no-repeat left 16px; text-indent: 30px; width: 1380px; margin: 0px auto; font-size: 12px; color: #666;}
.location a{ color: #000;}
.location a:hover{ color: #444;}

.newslist{ width: 1420px; margin: 0 auto; margin-top: 100px; padding-bottom: 60px;}
.newslist li{ background-color: #fff; padding: 35px 50px; margin-bottom: 30px;
    display:box;
	display:-webkit-box;
	display:-moz-box;
	-webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;}

.newslist li .img{ width:500px; height: 333px;}
.newslist li .img img{ width: 500px; height: 333px; object-fit: cover;}
.newslist li .txtbox{ margin-left: 45px; 
    -moz-box-flex:1;
	-webkit-box-flex:1;
	box-flex:1;
}
.newslist li .title{ height:48px; line-height: 48px; color: #000; font-size: 24px;}
.newslist li .time{ height: 40px; line-height: 40px; font-size: 16px; color: #000;}
.newslist li .txt{ margin-top: 54px; line-height: 32px; color: #746a6a; font-size: 16px; height: 128px; overflow: hidden;}
.newslist li .txt img{ display: none;}
.newslist li .btn{ margin-top: 20px; width: 118px; height: 38px; line-height: 38px; text-align: center; color: #000; font-size:14px; background-color: #F8F8F8; border: 1px solid #CACACA;
    -webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.newslist li:hover{ box-shadow:0px 0 5px 1px #aaa;}
.newslist li:hover .btn{ background-color: #679632; color: #fff;}

@media (max-width: 1366px){ 
	.newslist{ width: 100%; margin: 0 auto; margin-top: 30px; padding-bottom: 20px;}
	.newslist li{ background-color: #fff; padding: 5px 10px; width: 96%; margin: 0 2%; box-sizing:border-box; border-radius: 5px;  margin-bottom: 20px; box-shadow:0px 0 5px 1px #aaa;
		display:box;
		display:-webkit-box;
		display:-moz-box;
		-webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
		-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
		-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
		transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;}
	
	.newslist li .img{ width:180px; height: 120px;}
	.newslist li .img img{ width: 180px; height: 120px; object-fit: cover;}
	.newslist li .txtbox{ margin-left: 10px; 
		-moz-box-flex:1;
		-webkit-box-flex:1;
		box-flex:1;
	}
	.newslist li .title{ height:50px; line-height: 25px; color: #000; font-size: 16px; overflow: hidden;}
	.newslist li .time{ height: 40px; line-height: 40px; font-size: 16px; color: #000; display: none;}
	.newslist li .txt{ margin-top: 54px; line-height: 32px; color: #746a6a; font-size: 16px; height: 128px; overflow: hidden; display: none;}
	.newslist li .txt img{ display: none;}
	.newslist li .btn{ margin-top: 20px; width: 118px; height: 38px; line-height: 38px; text-align: center; color: #000; font-size:14px; background-color: #F8F8F8; border: 1px solid #CACACA;
		-webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
		-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
		-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
		transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	}
	.newslist li:hover{ box-shadow:0px 0 5px 1px #aaa;}
	.newslist li:hover .btn{ background-color: #679632; color: #fff;}
}

.newsview{ width: 1420px; padding: 80px 0px; margin: 0 auto;}
.newsview .title{ padding: 20px 0px; font-size: 20px; color: #000; text-align: center;}
.newsview .come{ height: 40px; line-height: 40px; font-size: 14px; font-weight: 300; color: #000; background-color: #f2f2f2; text-align: center;}
.newsview .detail{ line-height: 30px; font-size: 16px; color: #333; padding: 30px; padding-bottom: 80px;}
.newsview .detail img{ margin-bottom: 60px;}

@media (max-width: 1366px){ 
	.newsview{ width: 100%; padding: 30px 0px; margin: 0 auto;}
	.newsview .title{ padding: 20px 15px; font-size: 20px; color: #000; text-align: center;}
	.newsview .come{ height: 40px; line-height: 40px; font-size: 12px; font-weight: 300; color: #000; background-color: #f2f2f2; text-align: center;}
	.newsview .detail{ line-height: 30px; font-size: 14px; color: #333; padding: 30px 10px; padding-bottom: 80px;}
	.newsview .detail img{ margin-bottom: 30px; width: 100%}
	
}

.newsprenext{ margin-top:50px; }
.newspre{ background:url(../images/btnleft.jpg) no-repeat 0 center; padding-left: 0px; text-indent:  70px;  height: 58px; float: left; }
.newspntxt{ height: 24px; line-height: 24px; font-size: 14px; color: #000;}
.newspntitle{ height: 24px; line-height: 24px; font-size: 20px; color: #999; margin-top: 10px;}
.newsnext{  background:url(../images/btnright.jpg) no-repeat right center;  float: right; padding-right: 0px; text-align: right;}
.newsnext .newspntxt{ margin-right: 70px;}
.newsnext .newspntitle{ margin-right: 70px;}
.newsprenext a{ display: block;}
.newsprenext a .newspntitle{ color: #333;}

@media (max-width: 1366px){
	.newsprenext{ margin-top:50px; }
	.newspre{ background:url(../images/btnleft.jpg) no-repeat 0 center; padding-left: 0px; text-indent:  70px;  height: 58px; width: 48%; float: left; overflow: hidden;}
	.newspntxt{ height: 24px; line-height: 24px; font-size: 12px; color: #000; }
	.newspntitle{ height: 24px; line-height: 24px; font-size: 13px; color: #999; margin-top: 10px; }
	.newsnext{  background:url(../images/btnright.jpg) no-repeat right center;  float: right; padding-right: 0px; text-align: right; width: 48%; margin-top: 0px; overflow: hidden;}
	.newsnext .newspntxt{ margin-right: 70px; }
    .newsnext .newspntitle{ margin-right: 70px;}
	.newsprenext a{ display: block;}
	.newsprenext a .newspntitle{ color: #333;}
}

.caselist{ width: 1420px; margin: 0 auto; margin-top: 64px; margin-bottom: 80px;}
.caselist ul{ width:1470px;}
.caselist li{ width: 440px; float: left; margin-right: 50px; text-align: center; background-color: #fff; margin-bottom: 50px;
-webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.caselist li .img{ }
.caselist li .img img{ width: 100%; height: 320px; object-fit: cover; display: block;}
.caselist li .title{height: 80px; line-height: 80px; font-size: 24px; color: #000;}
.caselist li .txt{ margin-top:6px; line-height: 40px; font-size: 16px; color: #000; margin: 0px 20px; padding-bottom: 20px;}
.caselist li:hover{ box-shadow:0px 0 5px 1px #aaa;}
.casemobile{ display: none;}

@media (max-width: 1366px){ 
	.caselist{ width: 96%; margin: 0 2%; margin-top: 14px; margin-bottom: 20px;}
	.caselist ul{ width: 100%;}
	.caselist li{ width: 48.5%; margin-right: 3%; float: left; text-align: center; background-color: #fff; margin-bottom: 20px;box-shadow:0px 0 5px 1px #aaa;
	-webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	}
	.caselist li:nth-child(2n){ width: 48.5%; margin-right: 0; float: left;}
	.caselist li .img{ }
	.caselist li .img img{ width: 100%; height: auto; object-fit: cover; display: block;}
	.caselist li .title{height: 40px; line-height: 40px; font-size: 16px; color: #000;}
	.caselist li .txt{ margin-top:6px; line-height: 40px; font-size: 16px; color: #000; margin: 0px 20px; padding-bottom: 20px;}
	.caselist li:hover{ box-shadow:0px 0 5px 1px #aaa;}
	.casemobile{ display: block;}
	.casepc{ display: none;} 
} 
.honortop{ width: 1100px; margin: 80px auto;}
.honortop .left{ width: 450px; float: left;}
.honortop .right{ width: 450px; float: right;}
.honortop img:hover{ box-shadow:0px 0 5px 1px #000; }

.honorlist{ width: 1200px; margin: 80px auto;}
.honorlist ul{ width: 1230px;}
.honorlist li{ width: 380px; float: left; margin-right: 30px; margin-bottom: 30px;
-webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.honorlist li img{ width: 100%; display: block;}
.honorlist li:hover{ box-shadow:0px 0 5px 1px #000;}

.honorbg{ background:url(../images/honstbg.jpg) no-repeat top center; padding-top: 330px; padding-bottom: 100px;}

@media (max-width: 1366px){ 
	.honortop{ width: 92%; margin: 40px 4%;}
	.honortop .left{ width: 46%; float: left;}
	.honortop .right{ width: 46%; float: right;}
	.honortop img:hover{ box-shadow:0px 0 5px 1px #000; }
	
	.honorlist{ width: 96%; margin: 40px 2%;}
	.honorlist ul{ width: 100%;}
	.honorlist li{ width: 48%; float: left; margin-right: 0px;  margin-bottom: 10px; margin: 10px 1%;
	-webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	}
	.honorlist li img{ width: 100%; display: block;}
	.honorlist li:hover{ box-shadow:0px 0 5px 1px #000;}
	.honorbg{ background:url(../images/honstbg.jpg) no-repeat top center; background-size: auto 400px; padding-top: 150px; padding-bottom: 30px;}
}

.companyline{ height: 60px; background-color:#737680;}
.companytop{ margin-top: 50px;}
.companytop .title{ height: 72px; line-height: 72px; font-size: 52px; text-align: center; color: #39363b; font-weight: bold;}
.companytop .txt{ line-height: 30px; font-size: 18px; color: #4a4e5a; max-width: 960px; margin: 0 auto;margin-top: 20px; text-align: center;}

.companybox{ width: 1380px; margin: 0 auto;}
.companynews{ margin-top: 80px; margin-bottom: 40px; }
.companynews li{ width: 410px; padding: 0px 10px; height: 270px; float: left; box-shadow:0px 0 5px 1px #eee; margin-right: 45px; background-color: #fff; overflow: hidden;
-webkit-transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
-moz-transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
-o-transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.companynews li:nth-child(3n){ width: 410px; padding: 0px 10px; height: 270px; float: left; margin-right: 0px; background-color: #fff; overflow: hidden;}
.companynews li .img{ text-align: center; margin-top: 25px;}
.companynews li .title{ height: 56px; line-height: 56px; font-size: 36px; text-align: center; color: #39363b; font-weight: bold; padding-bottom: 15px; border-bottom: 2px solid #4A4E5A;}
.companynews li .txt{ margin-top: 10px; line-height: 28px; font-size: 18px; text-align: center; color: #4a4e5a;}
.companynews li:hover{ box-shadow:0px 0 5px 1px #aaa; border-radius: 5px;}
.companynews li:hover .img img{ transform: scale(1.05, 1.05); transition:all 0.5s;
}

.messagebox{ }
.messagebox li{ margin-top: 30px; background-color: #fff; line-height: 64px;}
.messagebox li.ico1{ width: 48%; float: left;}
.messagebox li.ico2{ width: 48%; float: right;}
.messagebox li input{ width: 100%; height: 64px; line-height: 64px; font-size: 18px; color: #39363b; text-indent: 20px; border: none; background: none; outline: none;}
.messagebox li textarea{ width: 100%; padding: 10px 0px; font-family: arial; line-height: 32px; font-size: 18px; color: #39363b; text-indent: 20px; border: none; background: none; outline: none;}
.messagebtn{ text-align: center; margin: 50px auto;}
.messagebtn input{ background: none; border: none; width: 160px; height: 60px; line-height: 58px; text-align: center; font-size: 20px; color: #39363b; border: 2px solid #4A4E5A; cursor:pointer;}

@media (max-width: 1366px){ 
	.companyline{ height: 20px; background-color:#737680;}
	.companytop{ margin-top: 20px;}
	.companytop .title{ height: 40px; line-height: 40px; font-size: 18px; text-align: center; color: #39363b; font-weight: bold;}
	.companytop .txt{ line-height: 24px; padding: 0 10px; font-size: 14px; color: #4a4e5a; max-width: 960px; margin: 0 auto;margin-top: 10px; text-align: center;}

	.companybox{ width: auto; margin: 0 10px;}
	.companynews{ margin-top: 20px; margin-bottom: 10px; }
	.companynews li{ width: 100%; padding: 0px 10px; padding-bottom: 20px; height: auto; margin-bottom: 20px; box-sizing:border-box;  float: none; box-shadow:0px 0 5px 1px #ccc; margin-right: 45px; background-color: #fff; overflow: hidden; border-radius: 5px;
	-webkit-transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-moz-transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-o-transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	}
	.companynews li:nth-child(3n){ width: 100%; padding: 0px 10px; padding-bottom: 20px; height: auto; margin-bottom: 20px; box-sizing:border-box;  float: none; box-shadow:0px 0 5px 1px #ccc; margin-right: 45px; background-color: #fff; overflow: hidden; border-radius: 5px;}
	.companynews li .img{ text-align: center; margin-top: 25px;}
	.companynews li .img img{ height: 40px;}
	.companynews li .title{ height: 40px; line-height: 40px; font-size: 24px; text-align: center; color: #39363b; font-weight: bold; padding-bottom: 5px; border-bottom: 2px solid #4A4E5A;}
	.companynews li .txt{ margin-top: 10px; line-height: 28px; font-size: 16px; text-align: center; color: #4a4e5a;}
	.companynews li:hover{ box-shadow:0px 0 5px 1px #aaa; border-radius: 5px;}
	.companynews li:hover .img img{ transform: scale(1.05, 1.05); transition:all 0.5s;}
	
	
	.messagebox{ }
	.messagebox li{ margin-top: 20px; background-color: #fff; line-height: 48px;}
	.messagebox li.ico1{ width: 100%; float: none;}
	.messagebox li.ico2{ width: 100%; float: none;}
	.messagebox li input{ width: 100%; height: 48px; line-height: 48px; font-size: 14px; color: #39363b; text-indent: 20px; border: none; background: none; outline: none;}
	.messagebox li textarea{ width: 100%; padding: 10px 0px; font-family: arial; line-height: 32px; font-size: 14px; color: #39363b; text-indent: 20px; border: none; background: none; outline: none;}
	.messagebtn{ text-align: center; margin: 50px auto;}
	.messagebtn input{ background: none; border: none; width: 160px; height: 60px; line-height: 58px; text-align: center; font-size: 20px; color: #39363b; border: 2px solid #4A4E5A; cursor:pointer;}
}

.designbox{ }
.designtop{ background:url(../images/dimgbg1.jpg) no-repeat top center; height: 420px; padding-top: 160px; overflow: hidden;}
.designtxt{ }
.designtxt .title{ height: 80px; line-height: 80px; font-size: 52px; color: #CBCCCF; font-weight: bold; text-align:center;}
.designtxt .txt{ max-width: 950px; line-height: 50px; font-size: 24px; color: #fff; margin: 0 auto; margin-top: 30px; text-align:center;}
.designmid{ background:url(../images/dimgbg2.jpg) no-repeat top center; height: 1145px; overflow: hidden;}
.designmidtxt{ width: 800px; margin: 0 auto;}
.designmidtxt .title{ line-height: 72px; width:680px; font-size: 48px; color: #fff; margin-top: 330px; }
.designmidtxt .txt{ width:520px; line-height: 48px; font-size: 24px; color: #fff; margin-top: 10px; }

.designcort{ width: 1200px; margin: 100px auto;}
.descorttop{ background-color: #B2B2B8;}
.descortimg{ width: 600px; float: left;}
.descortimg img{ display: block;}
.descorttxt{ width: 480px; padding: 30px 60px;  float: left;}
.descorttxt .title{ line-height: 64px; color: #39363B; font-size: 48px;}
.descorttxt .txt{ line-height: 50px; color: #515560; font-size: 24px; margin-top: 30px;}
.descortli{ margin-top: 80px;}
.descortli li{ width: 150px; margin: 0 25px; float: left; text-align: center;}
.descortli li .img{ text-align: center;}
.descortli li .txt{ color: #4a4e5a; line-height: 20px; font-size: 16px;}
.descortli li:hover .img img{ transform: rotate(360deg);  
            -webkit-transform: rotate(360deg);  
            -moz-transform: rotate(360deg);  
            -o-transform: rotate(360deg);  
            -ms-transform: rotate(360deg); 
	        transition: all 0.8s ease-in-out;  
            -webkit-transition: all 0.8s ease-in-out;  
            -moz-transition: all 0.8s ease-in-out;  
            -o-transition: all 0.8s ease-in-out; }
.descortbot{ background:url(../images/dimgbg3.jpg) no-repeat top center; height: 900px; overflow: hidden;}
.designbottxt{ width: 1000px; margin: 0 auto;}
.designbottxt .title{ line-height: 72px; width:700px; font-size: 52px; color: #fff; margin-top: 260px; }
.designbottxt .txt{ width:540px; line-height: 48px; font-size: 24px; color: #fff; margin-top: 10px; }

@media (max-width: 1366px){ 
    .designtop{ background:url(../images/dimgbg1.jpg) no-repeat top center; height: auto; padding-top: 50px; overflow: hidden;}
	.designtxt{ padding-bottom: 50px;}
	.designtxt .title{ height: 50px; line-height: 50px; font-size: 24px; color: #CBCCCF; font-weight: bold; text-align:center;}
	.designtxt .txt{ max-width: 950px; line-height: 30px; font-size: 16px; color: #fff; margin: 0 auto; padding: 0px 10px; margin-top: 10px; text-align:center;}
	.designmid{ background:url(../images/dimgbg2.jpg) no-repeat top center; height: auto; overflow: hidden;}
	.designmidtxt{ width: auto; margin: 0 auto;  padding-bottom: 50px;}
	.designmidtxt .title{ width: auto; line-height: 40px; font-size: 24px; color: #fff; margin-top: 330px; padding-left: 20px; }
	.designmidtxt .txt{ width:auto; line-height: 36px; font-size: 16px; color: #fff; margin-top: 10px; padding-left: 20px;}
	.designcort{ width: auto; margin: 0px auto;}
	.descorttop{ background-color: #B2B2B8;}
	.descortimg{ width: 100%; float: none;}
	.descortimg img{ height: 160px; width: 100%; object-fit: cover; display: block;}
	.descorttxt{ width: 100%; padding: 15px; box-sizing:border-box;  float: none;}
	.descorttxt .title{ line-height: 36px; color: #39363B; font-size: 24px;}
	.descorttxt .txt{ line-height: 30px; color: #515560; font-size: 16px; margin-top: 10px;}
	.descortli{ margin-top: 30px;}
	.descortli li{ width: 31.33%;; margin: 0 1%; float: left; text-align: center; margin-bottom: 15px;}
	.descortli li .img{ text-align: center;}
	.descortli li .img img{ width: 36px;}
	.descortli li .txt{ color: #4a4e5a; line-height: 20px; font-size: 14px;}
	.descortli li:hover .img img{ transform: rotate(360deg);  
				-webkit-transform: rotate(360deg);  
				-moz-transform: rotate(360deg);  
				-o-transform: rotate(360deg);  
				-ms-transform: rotate(360deg); 
				transition: all 0.8s ease-in-out;  
				-webkit-transition: all 0.8s ease-in-out;  
				-moz-transition: all 0.8s ease-in-out;  
				-o-transition: all 0.8s ease-in-out; }
	.descortbot{ background:url(../images/dimgbg3.jpg) no-repeat top center; height: auto; overflow: hidden;}
	.designbottxt{ width: auto; margin: 0 auto; padding: 10px; padding-bottom: 50px;}
	.designbottxt .title{ line-height: 36px; width:auto; font-size: 32px; color: #fff; margin-top: 60px; }
	.designbottxt .txt{ width:auto; line-height: 30px; font-size: 16px; color: #fff; margin-top: 10px; }

}

.aboutneibox{ width: 1380px; margin: 0 auto;}

.aboutcer{ height: 72px; line-height: 72px; font-size: 52px; text-align: center; color: #39363b; font-weight: bold; margin-top: 50px;}
.aboutimg{ margin: 30px auto;}
.aboutimg img{ display: inline-block;}

.aboutqhbox{ width: 1560px; margin: 0 auto; position: relative;}
.swiperwidth{ width: 1380px; margin: 0 auto;}
.swiperwidth img{ display: block;}

.aboutbg{ background: url(../images/aboutnei.jpg) no-repeat top center;}
.aboutnotice{ width: 420px; padding:80px 60px; background:#30D593; margin: 0 auto; margin-left: 50%;}
.aboutnotice .title{ height:50px; line-height: 50px; font-size: 36px; color: #fff; padding-top: 15px; background:#30D593 url(../images/line4.jpg) no-repeat top left;}
.aboutnotice .etxt{ height: 30px; line-height: 30px; font-size: 24px; color: #fff; font-family: arial;}
.aboutnotice .econ{ font-size: 16px; color: #fff; line-height: 36px; margin-top: 20px;}

.aboutgotitle{ margin-left: 100px; margin-top: 140px;}
.aboutgotitle .title{ line-height: 36px; font-size: 24px; color: #000;}
.aboutgotitle .txt{ line-height: 24px; font-size: 14px; color: #333;}
.aboutsweettitle{ margin-left: 100px; margin-top: 60px;}
.aboutsweettitle .title{ line-height: 36px; font-size: 24px; color: #000;}
.aboutsweettitle .txt{ line-height: 24px; font-size: 14px; color: #333;}
.aboutgoimg{ width: 1420px; margin: 0 auto; margin-top: 160px;}
.aboutgoimg .left{ width: 920px; float: left; height: 710px; background-color: #fff; 
-webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;}
.aboutgoimg .right{ width: 470px; float: right; height: 710px; background-color: #fff; 
-webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;}
.aboutgoimg .img{ }
.aboutgoimg .img img{ width: 100%;}
.aboutgoimg .title{ text-align: center; font-size: 36px; color: #000; line-height: 50px; margin-top: 50px;}
.aboutgoimg .txt{ text-align: center; font-size: 24px; color: #000; line-height: 36px;}
.aboutgoimg .right .img{ margin-top: 24px;}
.aboutgoimg .left:hover{ box-shadow:0px 0 5px 1px #aaa;} 
.aboutgoimg .right:hover{ box-shadow:0px 0 5px 1px #aaa;} 

.aboutbrand{ background: url(../images/aboutbrand.jpg) no-repeat top center; height: 760px; margin-top: 100px; overflow: hidden;}
.aboutbrtitle{ margin-left: 100px; margin-top: 30px;}
.aboutbrtitle .title{ line-height: 36px; font-size: 24px; color: #fff;}
.aboutbrtitle .txt{ line-height: 24px; font-size: 14px; color: #fff;}
.aboutbrbox{ width: 1420px; margin: 0 auto; margin-top: 64px;}
.aboutbrbox ul{ width:1525px;}
.aboutbrbox li{ width: 400px; float: left; margin-right: 105px; text-align: center;}
.aboutbrbox li .img{ }
.aboutbrbox li .title{ margin-top: 24px; height: 64px; line-height: 64px; font-size: 36px; color: #fff;}
.aboutbrbox li .ltitle{ height:46px; line-height: 46px; font-size: 24px; color: #fff;}
.aboutbrbox li .txt{ margin-top:16px; line-height: 40px; font-size: 16px; color: #fff;}
.aboutbrbox li:hover .img img{ transform: rotate(360deg);  
            -webkit-transform: rotate(360deg);  
            -moz-transform: rotate(360deg);  
            -o-transform: rotate(360deg);  
            -ms-transform: rotate(360deg); 
	        transition: all 0.8s ease-in-out;  
            -webkit-transition: all 0.8s ease-in-out;  
            -moz-transition: all 0.8s ease-in-out;  
            -o-transition: all 0.8s ease-in-out; }

.aboutsweet{ width: 1420px; margin: 0 auto; margin-top: 64px; margin-bottom: 80px;}
.aboutsweet ul{ width:1500px;}
.aboutsweet li{ width: 420px; float: left; margin-right: 80px; text-align: center; background-color: #fff;
-webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.aboutsweet li .img{ }
.aboutsweet li .img img{ width: 100%;}
.aboutsweet li .title{ margin-top: 10px; height: 60px; line-height: 60px; font-size: 36px; color: #000;}
.aboutsweet li .txt{ margin-top:6px; line-height: 40px; font-size: 16px; color: #000; margin: 0px 20px; padding-bottom: 20px;}
.aboutsweet li:hover{ box-shadow:0px 0 5px 1px #aaa;}

@media (max-width: 1366px){ 
	.aboutbg{ background: url(../images/aboutnei33.jpg) no-repeat 25% top ; background-size: auto 600px;}
	.aboutnotice{ width: 100%; padding:40px 20px; background:#30D593; margin: 0 auto; margin-left: 0%; box-sizing:border-box; }
	.aboutnotice .title{ height:40px; line-height: 40px; font-size: 24px; color: #fff; padding-top: 15px; background:#30D593 url(../images/line4.jpg) no-repeat top left;}
	.aboutnotice .etxt{ height: 30px; line-height: 30px; font-size: 16px; color: #fff; font-family: arial;}
	.aboutnotice .econ{ font-size: 14px; color: #fff; line-height: 28px; margin-top: 20px;}

	.aboutgoimg{ width: 100%; margin: 0 auto; margin-top: 20px;}
	.aboutgoimg .left{ width: 92%; float: auto; margin: 0 4%;height: auto; background-color: #fff; box-shadow:0px 0 5px 1px #aaa;}
	.aboutgoimg .right{ width: 92%; float: auto; margin: 0 4%; margin-top: 30px; height: auto; background-color: #fff; box-shadow:0px 0 5px 1px #aaa;}
	.aboutgoimg .img{ }
	.aboutgoimg .img img{ width: 100%; display: block;}
	.aboutgoimg .title{ text-align: center; font-size: 24px; color: #000; line-height: 50px; margin-top: 20px;}
	.aboutgoimg .txt{ text-align: center; font-size: 16px; color: #000; line-height: 36px;}
	.aboutgoimg .right .img{ margin-top: 24px;}

	.aboutbrand{ background:#4E86E7 url(../images/aboutbrand.jpg) no-repeat bottom center; height: auto; margin-top: 30px; overflow: hidden;}
	.aboutbrbox{ width: 100%; margin: 0 auto; margin-top: 34px;}
	.aboutbrbox ul{ width:100%;}
	.aboutbrbox li{ width: 92%; float: auto; margin-right: 105px; margin: 0 4%; text-align: center; margin-bottom: 30px;}
	.aboutbrbox li .img{ }
	.aboutbrbox li .title{ margin-top: 4px; height: 40px; line-height: 40px; font-size: 24px; color: #fff;}
	.aboutbrbox li .ltitle{ height:32px; line-height: 32px; font-size: 16px; color: #fff;}
	.aboutbrbox li .txt{ margin-top:16px; line-height: 28px; font-size: 13px; color: #fff;}
	.aboutbrbox li:hover .img img{ transform: rotate(360deg);  
				-webkit-transform: rotate(360deg);  
				-moz-transform: rotate(360deg);  
				-o-transform: rotate(360deg);  
				-ms-transform: rotate(360deg); 
				transition: all 0.8s ease-in-out;  
				-webkit-transition: all 0.8s ease-in-out;  
				-moz-transition: all 0.8s ease-in-out;  
				-o-transition: all 0.8s ease-in-out; }

	.aboutsweet{ width: 100%; margin: 0 auto; margin-top: 64px; margin-bottom: 80px;}
	.aboutsweet ul{ width:100%;}
	.aboutsweet li{ width: 92%; float: auto; margin-right: 80px; margin: 0 4%; text-align: center; margin-bottom: 20px; background-color: #fff; box-shadow:0px 0 5px 1px #aaa;
	-webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	}
	.aboutsweet li .img{ }
	.aboutsweet li .img img{ width: 100%;}
	.aboutsweet li .title{ margin-top: 10px; height: 40px; line-height: 40px; font-size: 24px; color: #000;}
	.aboutsweet li .txt{ margin-top:6px; line-height: 30px; font-size: 16px; color: #000; margin: 0px 20px; padding-bottom: 20px;}
	.aboutsweet li:hover{ box-shadow:0px 0 5px 1px #aaa;}
}

@media (max-width: 1366px){ 
	.aboutbrtitle{ margin-left: 20px; margin-top: 30px;}
    .aboutbrtitle .title{ line-height: 36px; font-size: 20px; color: #fff;}
    .aboutbrtitle .txt{ line-height: 24px; font-size: 14px; color: #fff;}
	
	.aboutgotitle{ margin-left: 20px; margin-top: 30px;}
	.aboutgotitle .title{ line-height: 36px; font-size: 20px; color: #000;}
	.aboutgotitle .txt{ line-height: 24px; font-size: 14px; color: #333;}
	.aboutsweettitle{ margin-left: 20px; margin-top: 30px;}
	.aboutsweettitle .title{ line-height: 36px; font-size: 20px; color: #000;}
	.aboutsweettitle .txt{ line-height: 24px; font-size: 14px; color: #333;}
}

.inrow{font-size:0;[;font-size:12px;];*font-size:0;font-family:arial;[;letter-spacing:-3px;];*letter-spacing:normal;*word-spacing:-1px;}
.inrow>li,.inrow span{display:inline-block;*display:inline;*zoom:1;font-size:14px;letter-spacing:normal;word-spacing:normal; }
.dataNums{display: block; width:100%; height:75px;  text-align:center;}
.dataNums .dataOne{ width:61px; height:75px; margin: 0px 3px; text-align: center; background: url(../images/num-bg1.png) no-repeat;}
.dataNums .dataBoc {position: relative; width: 100%; height: 100%; overflow: hidden;}
.dataNums .dataBoc .tt {position: absolute; top: 0;  left: 0; width: 100%;  height: 100%;}
.dataNums .tt span{width:100%;height:100%; font:bold 54px/75px "Arial";color:#ddf0ff;}

.dataNums2{display: block; width:100%; height:75px;  text-align:center;}
.dataNums2 .dataOne{ width:61px; height:75px; margin: 0px 3px; text-align: center; background: url(../images/num-bg1.png) no-repeat;}
.dataNums2 .dataBoc {position: relative; width: 100%; height: 100%; overflow: hidden;}
.dataNums2 .dataBoc .tt {position: absolute; top: 0;  left: 0; width: 100%;  height: 100%;}
.dataNums2 .tt span{width:100%;height:100%; font:bold 54px/75px "Arial";color:#ddf0ff;}

@media (max-width: 1366px){ 
	.aboutneibox{ width: auto; margin: 0 auto;}

	.aboutcer{ height: 50px; line-height: 50px; font-size: 24px; text-align: center; color: #39363b; font-weight: bold; margin-top: 20px;}
	.aboutimg{ margin: 30px auto;}
	.aboutimg img{ width: 80%; margin: 0 10%; display: inline-block;}
	.scriptstyle{ display: none;}
	
	.aboutqhbox{ width: 100%; margin: 0 auto; position: relative;}
    .swiperwidth{ width: 80%; margin: 0 auto;}
	
}


.prolist{ width: 1380px; margin: 0px auto;}
.prodetailview{ width: 1380px; margin: 0 auto;}
.prosortname{ margin-top: 72px; height: 80px; line-height: 80px; font-size: 52px; color: #39363b; font-weight: bold;}
.prosortnotice{ line-height: 36px; font-size: 12px; color: #666;}

.productlist{ min-height: 600px; width: 1420px; margin: 0 auto; margin-top: 60px; padding-bottom: 200px;}
.productlist .img{ width: 700px; float: left;}
.productlist .img img{ width: 100%;}
.productlist .txtbox{ width: 700px; float: left; margin-left: 20px; margin-top: 240px;}
.productlist .etxt{ font-size: 48px; height: 100px; line-height: 100px; color: #000; text-indent: 20px; font-family: arial; }
.productlist .ctxt{ font-size: 60px; height: 100px; line-height: 100px; color: #000; text-indent: 20px; }


.productname{ margin-top: 60px;}
.productname li{ width: 100%; height: 100px; line-height: 100px; font-size: 36px; text-indent: 20px; color: #000; background-color: #fff;}
.productname li a{ display: block;
-webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.productname li:hover{ background-color: #FAFA02;}


@media (max-width: 1366px){ 
	.productlist{ min-height: 600px; width: 100%; margin: 0 auto; margin-top: 30px; padding-bottom: 20px;}
	.productlist .img{ width: 96%; float: auto; margin: 0 2%;}
	.productlist .img img{ width: 100%; border: 1px solid #ddd;}
	.productlist .txtbox{ width: 96%; float: auto; margin-left: 20px; margin-top: 240px; margin: 30px 2%;}
	.productlist .etxt{ font-size: 24px; height: 40px; line-height: 40px; color: #000; text-indent: 0px; font-family: arial; }
	.productlist .ctxt{ font-size: 32px; height: 40px; line-height: 40px; color: #000; text-indent: 0px; font-weight: 300; }
	
	.productname{ margin-top: 30px;}
	.productname li{ width: 100%; height: 60px; line-height: 60px; font-size: 20px; text-indent: 0px; color: #000; background-color: #eee; margin-bottom: 10px; border-radius: 5px; text-indent: 15px;}
	.productname li a{ display: block;
	-webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	}
	.productname li:hover{ background-color: #FAFA02;}
}

.productslist{ width: 1430px; margin-top: 40px;}
.productslist li{ width: 310px; border: 1px solid #B2B2B8; float: left; margin-right: 44px; margin-bottom: 40px;}
.productslist li .img{ width: 310px; height: 310px; overflow: hidden;}
.productslist li .img img{ width: 310px; height: 310px; object-fit: cover; }
.productslist li .txt{ height: 54px; line-height: 54px; font-size: 20px; color: #39363b; overflow: hidden; background-color: #B2B2B8; text-align: center;
    -webkit-transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-moz-transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-o-transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.productslist li .txt a{ display: block; color: #39363b;}
.productslist li:hover .img img{ transform: scale(1.05, 1.05); transition:all 2.5s;}
.productslist li:hover .txt{ background-color: #75757E; color: #fff;}
.productslist li:hover .txt a{  color: #fff;}



@media (max-width: 1366px){ 
	.locationbox{ border-bottom: 1px solid #B2B2B8; height: 54px; line-height: 54px; }
	.location{ background:url(../images/licon1.jpg) no-repeat 10px 16px; width: auto; text-indent: 40px; margin: 0px auto; font-size: 12px; color: #666;}
	.location a{ color: #000;}
    .location a:hover{ color: #444;}

	.prolist{ width: auto; margin: 0 10px;}
	.prodetailview{ width: auto; margin: 0 0px;}
	.prosortname{ margin-top: 20px; height: 32px; line-height: 32px; font-size: 22px; color: #39363b; font-weight: bold;}
	.prosortnotice{ line-height: 20px; padding: 10px 0px; font-size: 12px; color: #666;}

	.productslist{ width: auto; margin-top: 10px;}
	.productslist li{ width: 49%; border: 1px solid #B2B2B8; float: left; margin-right: 2%;  margin-bottom: 10px; box-sizing:border-box;}
	.productslist li:nth-child(2n){ width: 49%; border: 1px solid #B2B2B8; float: right; margin-right: 0;  margin-bottom: 10px; box-sizing:border-box;}
	.productslist li .img{ width: 100%; height: auto; overflow: hidden;}
	.productslist li .img img{ width: 100%; height: auto; object-fit: cover; display: block;}
	.productslist li .txt{ height: 40px; line-height: 40px; font-size: 14px; color: #39363b; overflow: hidden; background-color: #B2B2B8; text-align: center;
		-webkit-transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
		-moz-transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
		-o-transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
		transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	}
	.productslist li .txt a{ display: block; color: #39363b;}
	.productslist li:hover .img img{ transform: scale(1.05, 1.05); transition:all 2.5s;}
	.productslist li:hover .txt{ background-color: #75757E; color: #fff;}
	.productslist li:hover .txt a{  color: #fff;}
}

.pcortli{ width: 1420px; margin: 0 auto; margin-top: 75px;}
.pcortli li{ margin-bottom: 75px;}
.pcortli li .img{ width: 680px; height: 475px; float: left;}
.pcortli li .img img{-webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;}
.pcortli li .txtbox{ width: 540px; padding: 0px 60px; float: right; border-bottom: 1px solid #39363B; height: 475px;}
.pcortli li .title{ height: 80px; line-height: 80px; font-size: 52px; color: #39363b;}
.pcortli li .txt{ margin-top: 10px; line-height: 50px; font-size: 24px; color: #39363b;}
.pcortli li .btn{ width: 175px; height: 50px; line-height: 50px; margin-top: 70px; background-color: #fff;   text-align:center; font-weight: bold; font-size: 15px;
-webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.pcortli li:hover .btn{ background-color: #333; color: #fff; border-radius: 5px;}
.pcortli li:hover .img img{ box-shadow:0px 0 5px 1px #aaa; border-radius: 5px;}

@media (max-width: 1366px){ 
	.pcortli{ width: 100%;  margin-top: 25px; box-sizing:border-box;}
	.pcortli li{ margin: 10px; 
		
	}
	.pcortli li .img{ width: 100%; height: auto;  }
	.pcortli li .img img{ width: 100%; display: block; -webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;}
	.pcortli li .txtbox{ width: 100%; height: auto; float: left; background: #fff; padding: 10px; box-sizing:border-box; border-bottom: 1px solid #39363B;
		
	}
	.pcortli li .title{ height: 40px; line-height: 40px; font-size: 24px; color: #39363b;}
	.pcortli li .txt{ margin-top: 10px; line-height: 24px; font-size: 14px; color: #39363b;}
	.pcortli li .btn{ width: 175px; height: 50px; line-height: 50px; margin-top: 40px; background-color: #333; color: #fff;   text-align:center; font-weight: bold; font-size: 15px; border-radius: 5px;
	-webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	}
	.pcortli li:hover .btn{ background-color: #333; color: #fff; border-radius: 5px;}
	.pcortli li:hover .img img{ box-shadow:0px 0 5px 1px #aaa; border-radius: 5px;}
}

.proview{ margin-top: 90px;}
.proviewcon{ width: 1420px; margin: 0 auto;}
.proviewimg{ }
.proviewimg img{ width: 100%}
.proviewtxt{ width: 710px; float: right;}
.proviewname{ height: 54px; line-height: 54px; padding: 30px 0px; padding-bottom: 10px; font-size: 40px; font-weight: bold; color: #39363b;  overflow: hidden;}
.provielname{ height: 30px; line-height: 30px; font-size: 18px; padding-bottom: 5px; font-weight: 300; color: #727171; border-bottom: 3px solid #AFAEB3;}
.proviewlcon{ font-size: 24px; color: #222; line-height: 60px; margin-top: 20px;}
.proviewpara{ margin-top: 15px;}
.proviewpara li{ line-height: 48px; font-size: 15px; color: #727171; border-bottom: 1px solid #AFAEB3;}
.proviewpara li .left{ width: 45%; float: left; text-indent: 20px; font-weight: bold;}
.proviewpara li .right{ width: 55%; float: left;}

.prodetimg{ width: 600px; float: left; margin-top: 80px;}
.prodetimg li{ margin-bottom: 45px;}
.prodetimg li img{ width: 600px; height: 600px; object-fit: cover; border-radius: 300px; box-shadow:0px 0 5px 1px #aaa; }
.prodetail{ width: 680px; float: right; line-height:32px; margin-top: 60px; color:#333; overflow:hidden;  word-break:break-all; word-wrap : break-word;} 
.prodetail img{
  width: 100%; 
}
.prodetail a:link,.prodetail a:visited,.prodetail a:hover{ color:#333; text-decoration:none;}

.prodettxt{ margin-bottom: 20px; line-height: 44px; font-size: 24px; color: #000;}
.prodettxt span{ font-size: 32px; color: #0088b0; font-weight: 300;}

.prodetitle{ margin-top: 20px; height: 40px; padding: 30px 0px; line-height: 40px; border-bottom: 1px solid #AFAEB3; font-weight: bold; font-size: 52px; color: #39363b;}

@media (max-width: 1366px){ 
	.proview{ margin: 10px;}
	.proviewcon{ width: 100%; margin: 0 auto;}
	.proviewimg{ }
	.proviewimg img{ width: 100%}
	.proviewtxt{ width: 100%; float: none;}
	.proviewname{ height: 54px; line-height: 54px; padding: 10px 0px; font-size: 24px; color: #39363b; font-weight: bold; border-bottom: 3px solid #AFAEB3; overflow: hidden;}
	.proviewlcon{ font-size: 16px; color: #222; line-height: 30px; margin-top: 20px;}
	.proviewpara{ margin-top: 15px;}
	.proviewpara li{ line-height: 40px; font-size: 14px; color: #727171; border-bottom: 1px solid #AFAEB3;}
	.proviewpara li .left{ width: 50%; float: left; text-indent: 10px; font-weight: bold;}
	.proviewpara li .right{ width: 50%; float: left;}

	.prodetimg{ width: 96%; float: auto; margin-top: 20px; margin: 20px 2%;}
	.prodetimg li{ margin-bottom: 25px; text-align: center;}
	.prodetimg li img{ width: 300px; height: 300px; margin: 0 auto;object-fit: cover; border-radius: 150px; box-shadow:0px 0 5px 1px #aaa; }
	.prodetail{ width: 96%; float: auto; line-height:32px; margin-top: 60px; margin: 20px 2%; color:#333; overflow:hidden;  word-break:break-all; word-wrap : break-word;} 
	.prodetail img{
	  width: 100%; 
	}
	.prodetail a:link,.prodetail a:visited,.prodetail a:hover{ color:#333; text-decoration:none;}

	.prodettxt{ margin-bottom: 20px; line-height: 32px; font-size: 16px; color: #000;}
	.prodettxt span{ font-size: 24px; color: #0088b0; font-weight: 300;}

	.prodetitle{ margin-top: 20px; height: 40px; padding: 30px 0px; line-height: 40px; border-bottom: 1px solid #AFAEB3; font-weight: bold; font-size: 52px; color: #39363b;}
	
}


.nei_l{ width:150px; float:left; overflow:hidden; margin-top: 20px; 
    /*box-shadow: -2px 2px 5px #ddd;*/
}
.nei_r{ width:1000px; float:left; margin-left:20px; margin-top:20px; background:#f7f7f7;} 
.leftmenu{ }

.leftmenu ul{ margin:0 auto;}
.leftmenu ul li{ width:142px; text-align: center; font-size: 15px; height:52px; line-height:52px;  margin-bottom:20px;
-webkit-transition: 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
-moz-transition: 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
-o-transition: 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
transition: 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.leftmenu ul li a:hover{ background-color: #fff; color: #42ABD6; border: 4px solid #60BEE4;}
.leftmenu ul li a{ display: block; color: #fff; border: 4px solid #bbb;   background-color:#bbb;
-webkit-transition: 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
-moz-transition: 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
-o-transition: 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
transition: 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}

.leftcon{ border:1px solid #ccc; background:url(../images/contact_bg.jpg) no-repeat right bottom; padding:5px; width:238px; margin-top:10px; height:240px;}
.leftcontitle{ height:27px; margin-top:5px;}
.lefttxt{ font-size:14px; line-height:30px; color:#111; margin-top:10px;}


.leftphone{ margin-top:5px; width:236px; background:url(../images/leftphone.jpg) no-repeat; height:62px; font-size:14px; text-indent:80px; padding-top:40px;}

#currcol{ background-color: #fff; border: 4px solid #60BEE4; color: #42ABD6; }

.righttitle{ height:58px; line-height:58px; font-size:18px; font-weight: 300; text-indent:10px; color:#000; border-bottom:1px solid #ccc;}
.righttitle span{ height:30px; line-height:30px; margin-top:20px; float:right; font-size:12px; margin-right:10px;}

.btnbg{ width:100px; height:30px; line-height:30px; background-color:#0270AB;}

.mainleft{ width:220px; margin-top:10px; background:url(../images/neititle.jpg) no-repeat; float:left; overflow:hidden; min-height:271px;}
.mainlefttitle{ margin-left:16px; margin-top:18px; }
.mainleftlist{ padding:20px 20px; overflow:hidden; }
.mainleftlist li{ height:30px; line-height:30px; background:url(../images/title_bg.jpg) no-repeat left center; text-indent:20px; }
.mainleftlist li a{ font-size:14px; font-family:"Arial"; border-bottom:1px #ccc solid; display:block; }

.mainright{ width:1030px; float:right; margin-top: 20px;}
.main_content{ min-height:500px;}
.pro_content{ min-height:500px;}

.newstitle{ line-height:30px; margin:20px auto; color:#000; text-align:center;  font-size:18px; font-weight:bold;}
.newsinfo{ height:24px; line-height:24px; text-align:center; background:#eee; }
.newsdetail{padding:10px 5px; font-size:12px; line-height:26px; min-height:300px; overflow:hidden;}
.newsdetail img{
  border:0; 
  margin:0; 
  padding:0; 
  max-width:1180px; 
  width: expression(this.width > 1180 && this.width > this.height ? 1180px : 'auto';); 
}
.newsdetail a:link,.newsdetail a:visited,.newsdetail a:hover{ color:#333; text-decoration:none;}

.neiprolist{ width: 1220px; margin-top: 20px;}
.neiprolist li{ width: 280px; padding: 22px; margin: 5px; float: left; background-color: #fff; text-align: center; margin-right: 20px; margin-bottom: 30px;
-webkit-transition: 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
-moz-transition: 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
-o-transition: 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
transition: 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.neiprolist li a{ color: #000; display: block;}
.neiprolist li .img{ width: 280px; height: 280px;}
.neiprolist li .img img{ width: 280px; height: 280px; object-fit: cover;}
.neiprolist li .title{ margin: 20px 0px; line-height: 20px; height: 40px; overflow: hidden; font-size: 16px; color: #666;}
.neiprolist li .btn{ height: 32px; line-height: 32px; color: #fff; margin: 0px auto; font-size: 18px; border-radius: 16px; background-color: #60BEE4; text-align: center; display: inline-block; padding: 0px 20px;}
.neiprolist li:hover{ box-shadow:0px 0 5px 1px #aaa; border-radius: 10px;}


.artilelist{ padding:0px 10px;}
.artilelist li{ height:36px; line-height:36px;background:url(../images/dot3.jpg) no-repeat left center; text-indent:15px; border-bottom:dashed 1px #ddd;}
.artilelist li span{ float:right; color:#666;}

.page {font-size:12px;font-family:microsoft yahei;text-align:center; padding-top: 5px; padding-right: 0; padding-bottom: 10px; padding-left: 0; }
.page a{ color:#333; text-decoration:none; margin:0 3px; background:url(../images/pagebg0.gif) repeat-x; border:solid 1px #b4b4b4; padding:0px 5px;}
.page a:hover{ color:#0C7DD7; background:url(../images/pagebg.gif) repeat-x; border:solid 1px #cbcbcb; }
.page a.current{ color:#0C7DD7; font-weight:bold; background:url(../images/pagebg.gif) repeat-x; border:solid 1px #cbcbcb; }

.flinksort{ width:670px; overflow:hidden; margin:10px auto 10px; font:bold 14px/28px "Arial"; border-bottom:1px dashed #ccc;}
.flinklist{ width:670px; overflow:hidden; margin:10px auto;}
.flinklist ul li { float:left; border:1px #ccc dotted;}




/*========fy========*/
.fy{ width:720px;   margin:15px auto; display: none;}
.fy ul {  text-align:center;}
.fy ul li{ display:inline-block; line-height: 36px; *display:inline; *zoom:1; color:#fff; margin:0 5px 0 0;}
.fy ul li a{ 
   -webkit-transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
-moz-transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
-o-transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
 

.fydd001 a{ height:36px; width: 36px;  line-height: 36px;  _width:15px; color:#333; display:block; overflow:hidden; background-color: #fff; border:1px solid #ddd;}
.fydd001 a:hover{ height:36px; width: 36px;  line-height: 36px;  _width:15px; display:block; color:#fff; overflow:hidden; border:1px solid #ddd; background:#60BEE4; } 
  
#fydd002 a{ height:36px; width: 36px; line-height: 36px;  color:#fff; _width:15px; display:block; overflow:hidden; border:1px solid #ddd; background:#60BEE4;}

.fypang a{ width:60px; height:36px; background-color: #fff; border:1px solid #ddd; overflow:hidden; display:block;}
.fypang a:hover{ width:60px; height:36px; color: #fff; border:1px solid #ddd; background:#60BEE4; overflow:hidden; display:block;}

.fypang02 a{ width:60px; height:36px; background-color: #fff; border:1px solid #ddd; overflow:hidden; display:block;}
.fypang02 a:hover{ width:60px; height:36px; color: #fff; border:1px solid #ddd; background:#60BEE4; overflow:hidden; display:block;}

.fypang03 a{ width:60px; height:36px; background-color: #fff; border:1px solid #ddd; overflow:hidden; display:block;}
.fypang03 a:hover{ width:60px; height:36px; color: #fff; border:1px solid #ddd; background:#60BEE4; overflow:hidden; display:block;}
 
.fypang04 a{ width:60px; height:36px; background-color: #fff; border:1px solid #ddd; overflow:hidden; display:block; }
.fypang04 a:hover{ width:60px; height:36px; color: #fff; border:1px solid #ddd; background:#60BEE4; overflow:hidden; display:block;}

@media (max-width: 1366px){ 
	.fy{ width:auto;   margin:15px auto; }
	.fydd001 a{ display: none;}
	#fydd002{ display: none;}
}
   
  
.procont{ padding:10px; line-height:24px; color:#333; width:740px; overflow:hidden; margin:10px auto; word-break:break-all; word-wrap : break-word;} 
.procont img{
  border:0; 
  margin:0; 
  padding:0; 
  max-width:740px; 
  width: expression(this.width > 740 && this.width > this.height ? 740px : 'auto';); 
}
.procont a:link,.procont a:visited,.procont a:hover{ color:#333; text-decoration:none;}

.joblist th{ background:#eee; height:30px; line-height:30px; text-align:center;}
.joblist td{ height:30px; line-height:30px; border-bottom:1px dotted #ccc; }
.jobdet{border-collapse:collapse; margin:0 auto; background:#eee;}
.jobdet td{ height:28px;}
  
.pager{ color:#000; font-size:12px; padding-top:10px;}
.pager a:link,.pager a:visited,.pager a:hover{ color:#887747; text-decoration:none;}  

.footer{ width:1000px; line-height:20px; color:#fff; margin:10px auto 0; background:url(../images/foot_bg.gif) repeat-x; height:51px; padding-top:15px; overflow:hidden; text-align:center;}
.footer a:link,.footer a:visited{ color:#fff; text-decoration:none;}
.footer a:hover{ color:#f60; text-decoration:none;}  



.inputxt1{ border:1px solid #ccc; height:20px; line-height:20px; color:#333;}
.areatxt{ border:1px solid #ccc; line-height:18px; color:#333; width:450px;}
.jobbtn{ background-color:#F84328; width:93px; height:27px; text-align:center; color:#fff; cursor:pointer; border:none;}

.designer_name{ display:block; width:120px; background:#F84328; line-height:30px; height:30px; text-align:center; font:bold 14px/30px "";}
.designer_name a:link,.designer_name a:visited{ color:#fff; text-decoration:none;}
.designer_name a:hover{ color:#fff; text-decoration:none; }

.qqbox{ width:98px;overflow:hidden; position:absolute; right:5px; top:200px; color:#000000; font-size:12px;  z-index:999; }
.qqbox a:hover,a:active { color: #f80000; text-decoration: underline; }  
.qqbox img{ display: block;}
.qqtop{ }
.qqend1{height:45px;}
.qqend2{height:68px; display:block; cursor:pointer;}
.qqkf{background:url(../images/qq_bg.gif) repeat-y;top:0; z-index:99px; padding-top:10px;min-height:120px; padding-right:15px; } 
.qqkf ul li{ text-align:center;line-height:35px;} 
.qqkf ul li a{ text-decoration:none;}
.qqkf ul li a:hover{ text-decoration:none;}
.qqkf ul li img{}
.weixin a:hover,a:active { color: #f80000; text-decoration: underline; } 
.weixin{width:135px; text-align:center;height:auto; overflow:hidden;color:#000000; font-size:12px; letter-spacing:0px; }

.mobilepic{ display: none;}

.ViewPic{width:680px;height:680px; position:relative; margin:10px auto; }
.ViewPic #center{position:relative;clear:both;overflow:hidden}
.ViewPic .bigpic{margin:0 auto;color:#333;line-height:18px}
.ViewPic .bigpic .img{margin:0 auto;text-align:center; height: 680px;}
.ViewPic .bigpic h2{font-size:14px;padding:10px 0 5px}
.ViewPic .sz{font-size:24px;position:absolute;right:15px;bottom:10px}
.ViewPic .sz span{font-size:48px}
#num{display:none}
.ViewPic .picls{height:60px;padding-top:10px}
.ViewPic .ls_cen{width:678px;float:left}
.ViewPic .smls{width:644px;float:left;height:60px;overflow:hidden}
.ViewPic .smls ul{width:660px}
#nav,.ViewPic .smls ul{padding:0;margin:0;list-style:none}
.ViewPic .smls li{float:left;list-style:none}
.ViewPic .smls img{ object-fit: cover;}
.ViewPic .js1_lf_bd{left:0}
.ViewPic .js1_rg_bd{right:0}
.ViewPic .js1_lf_bd,.ViewPic .js1_rg_bd{z-index:10;width:72px;height:72px;position:absolute;top:306px;background:#60b029;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7}
.ViewPic .js1_lf_bd a,.ViewPic .js1_rg_bd a{ width:72px; height:72px; display: block;}
.ViewPic .js1_lf{background:url(../images/js_a.gif) no-repeat 0 0;left:24px}
.ViewPic .js1_rg{background:url(../images/js_a.gif) no-repeat -24px 0;right:24px}
.ViewPic .js1_lf,.ViewPic .js1_rg{z-index:11;display:block;width:24px;height:42px;position:absolute;top:321px}
.ViewPic .an_left a{display:block;background:url(/images/js2_lf.gif) no-repeat;width:15px;height:60px;float:left;margin-right:4px}
.ViewPic .an_right a{display:block;background:url(/images/js2_rg.gif) no-repeat;width:15px;height:60px;float:right}
.ViewPic li{float:left;margin:0 10px 0 0;position:relative;width:60px;height:60px}
.ViewPic li .li_pst_bd{background:#000;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5}
.ViewPic li .li_pst_nr{color:#fff;line-height:20px;text-align:center;z-index:3}
.ViewPic li .li_pst_bd,.ViewPic li .li_pst_nr{width:60px;height:20px;position:absolute;top:40px;left:0}
.ViewPic li .bor{border:#60b029 solid 3px;position:absolute;top:0;left:0;width:54px;height:54px;display:none}
.menu_nav ul,.ViewPic .smls li.one .bor,.ViewPic li .li_pst_pho{display:block}

@media (max-width: 1366px){ 
	.exzoom{  display: none;}
	.ViewPic{  display: none;}
	.mobilepic{ display: block; background-color: #fff; margin-top: 10px;}
}

.proprice{ height: 36px; line-height: 36px; font-size: 15px; color: #000; font-family:"arial"; margin-top: 20px; text-indent: 20px;}
.proprice span{ font-size: 13px; margin-left: 20px; color: #888;}