/* 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; padding-top: 105px;}
.topbox{ background-color: #B19786; width: 100%; position: fixed; top:0; left:0; right:0; z-index: 9999; box-shadow:0px 0 5px 1px #aaa; }
.topleft{ margin-left: 5%; float: left;}
.topright{ margin-right: 5%; float:right;}
.logo{ margin-top: 18px; float: left; padding-bottom: 10px;}
.rightlg{ height: 66px; line-height: 66px; font-size: 18px; color: #000; margin-top: 32px; float:right; position: relative;}
.rightlg .lgcos{ width: 50px; text-align: center; float: left;}
.rightlg .lgnum{ width:140px; background:url(../images/icon1.png) no-repeat left center; float: left; text-indent: 30px;}

.logobox{ background:url(../images/nav_bg.png) no-repeat; height:98px;}
.rightlg .schbox{ display: none; position: absolute; top:-8px; right:-5px; z-index: 99; opacity: 0;
-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;
}
.rightlg:hover .schbox{ display: block; position: absolute; top:-8px; right:-5px; z-index: 99; opacity: 1;}

@media (max-width: 1366px){ 
	.wrap{ margin:auto; padding-top: 56px;}
	.topleft{ margin-left: 2%; float: left;}
	.logo{ margin-top: 0px; padding: 5px 0px; padding-top: 8px; float: left; padding-bottom: 0px;}
	.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:99; 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;}

.rightflip{ display: none; margin-top: 20px;}


.biimg img{ width: 100%; display: block;}
@media (max-width: 1366px){ 
	.topright{ margin-right: 10px; float:right;}
	.rightflip{ display: block; margin-top: 15px;}
	.rightlg{ display: none;}
	.navbox{ display: none;}
	.biimg img{ width: 100%; object-fit: cover;}
	.piimg img{ width: 100%; object-fit: cover;}
}

.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;
  position: relative;
}

.banbtn{ width: 175px; height: 50px; line-height: 50px; margin:0 auto; margin-top: 10px; position: absolute; left:0; top:550px; right:0; z-index: 99; text-align:center; font-weight: bold; font-size: 15px;}
.banbtn a{ display: block; color: #fff; background-color: #CAA77F; border-radius: 25px;
-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;
}
.banbtn a:hover{ background-color: #333; color: #fff; }

@media (max-width: 1366px){ 
	.banbtn{ width: 110px; height: 30px; line-height: 30px; margin:0 auto; margin-top: 10px; position: absolute; left:0; top:100px; right:0; z-index: 99; text-align:center; font-weight: bold; font-size: 15px;}
}

.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:52px; margin:auto; float: left; margin-left: 20px; margin-top: 16px;}
.navbox ul{ }
.pSort{  color:#eee; padding: 0px 30px;  float:left; height:90px; line-height:90px; font-family:"arial"; text-align:center; font-size: 16px; 
-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:#eee; }
.pSort:nth-child(4n){ background: none;}
a.pSortLink{ display:block; color:#eee; height:52px; 
-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;   
}
a.pSortLink:hover{ color:#fff; }

.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:106px; left:0; z-index:9999; text-align:right;  width:100%; height:60px; line-height: 60px; overflow:hidden; background:#C3AB7B; font-size: 15px; font-weight: normal;}
.submenu li{   height:60px; line-height:60px; text-align:center; display: inline-block; padding: 0 30px;}
.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:#fff; }

.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;}
}

.indexbox1{ background-color:#fff; padding-top: 100px; padding-bottom: 150px;}
.indexbox2{ background-color:#F4EDE5; padding-top: 100px; padding-bottom: 150px;}
.indexboxcon{ width: 1080px; margin: 0 auto;}
.indextitle{ height: 40px; line-height: 40px; font-size: 18px; color: #000;}

.indexabout{ color: #000;}
.indexabout .left{ width:450px; float: left;}
.indexabout .right{ width: 540px; float: right; margin-top: 310px;}
.indexabout .right img{ width: 100%;}
.indexabout .btitle{ width:360px; line-height: 60px; font-weight: bold; margin-top: 30px; font-size: 52px;}
.indexabout .ltitle{ line-height: 32px; font-size: 18px; margin-top: 70px;}
.indexabout .btn{ width: 175px; height: 50px; line-height: 50px;   margin-top: 80px;   text-align:center; font-weight: bold; font-size: 15px;}
.indexabout .btn a{ display: block; color: #fff; background-color: #CAA77F; border-radius: 25px;
-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;
}
.indexabout .btn a:hover{ background-color: #333; color: #fff; }

.indexservices{ color: #000;}
.indexservices .left{ width: 660px; float: left;}
.indexservices .right{ width:410px; float: right;}
.indexservices .btitle{  line-height: 80px; font-weight: bold; margin-top: 40px; font-size: 52px; text-align: center;}
.indexservices .btitle span{ color:#CAA77F;}
.indexservices .ltitle{ line-height: 32px; font-size: 18px; margin-top: 90px; text-align: center;}
.indexservices .btn{ width: 175px; height: 50px; line-height: 50px;   margin-top: 100px;   text-align:center; font-weight: bold; font-size: 15px;}
.indexservices .btn a{ display: block; color: #fff; background-color: #CAA77F; border-radius: 25px;
-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;
}
.indexservices .btn a:hover{ background-color: #333; color: #fff; }

.indexpro{ color:#000;}
.indexpro .btitle{ width: 750px;  line-height: 64px; font-weight: bold; margin-top: 40px; font-size: 52px; text-align: left;}
.indexpro .list{ margin-top: 50px;}
.indexpro .list li{ width: 25%; float:left;}
.indexpro .list li .img{ }
.indexpro .list li .txt{ height: 100px; line-height: 100px; text-align: center; font-size: 18px; color: #000;}
.indexpro .list li.cort{ height: 408px; background-color: #CAA77F; }
.indexpro .list li.cort .title{ color: #fff; font-size: 18px; text-align: left; line-height: 32px; width: 200px; margin: 30px auto;}
.indexpro .list li.cort .btn{ width: 175px; height: 50px; line-height: 50px; margin: 30px auto; margin-top: 200px;  text-align:center; font-weight: bold; font-size: 15px; border: 1px solid #fff; border-radius: 25px;}
.indexpro .list li.cort .btn a{ display: block; color: #fff; background-color: #CAA77F; border-radius: 25px;
-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;
}
.indexpro .list li.cort .btn a:hover{ background-color: #333; color: #fff; }

@media (max-width: 1366px){ 
	.indexbox1{ background-color:#fff; padding: 30px 10px;}
	.indexbox2{ background-color:#F4EDE5; padding: 30px 10px;}
	.indexboxcon{ width: auto; margin: 0 auto;}
	.indextitle{ height: 40px; line-height: 40px; font-size: 18px; color: #000;}

	.indexabout{ color: #000;}
	.indexabout .left{ width:auto; float: auto;}
	.indexabout .right{ width: auto; float: auto; margin-top: 40px;}
	.indexabout .right img{ width: 100%;}
	.indexabout .btitle{ width:60%; line-height: 50px; font-weight: bold; margin-top: 20px; font-size: 36px;}
	.indexabout .ltitle{ line-height: 32px; font-size: 16px; margin-top: 30px;}
	.indexabout .btn{ width: 175px; height: 50px; line-height: 50px;   margin-top: 30px;   text-align:center; font-weight: bold; font-size: 15px;}
	.indexabout .btn a{ display: block; color: #fff; background-color: #CAA77F; border-radius: 25px;
	-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;
	}
	.indexabout .btn a:hover{ background-color: #333; color: #fff; }

	.indexservices{ color: #000;}
	.indexservices .left{ width: auto; float: auto;}
	.indexservices .right{ width:auto; float: auto; margin-top: 40px;}
	.indexservices .btitle{  line-height: 50px; font-weight: bold; margin-top: 20px; font-size: 36px; text-align: center;}
	.indexservices .btitle span{ color:#CAA77F;}
	.indexservices .ltitle{ line-height: 32px; font-size: 18px; margin-top: 30px; text-align: center;}
	.indexservices .btn{ width: 175px; height: 50px; line-height: 50px;   margin-top: 30px;   text-align:center; font-weight: bold; font-size: 15px;}
	.indexservices .btn a{ display: block; color: #fff; background-color: #CAA77F; border-radius: 25px;
	-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;
	}
	.indexservices .btn a:hover{ background-color: #333; color: #fff; }

	.indexpro{ color:#000;}
	.indexpro .btitle{ width: auto;  line-height: 50px; font-weight: bold; margin-top: 20px; font-size: 36px; text-align: left;}
	.indexpro .list{ margin-top: 30px;}
	.indexpro .list li{ width: 50%; float:left; margin-bottom: 20px;}
	.indexpro .list li .img{ }
	.indexpro .list li .img img{ width: 100%; height: 270px; object-fit: cover;}
	.indexpro .list li .txt{ height: auto; padding: 10px 0px; line-height: 20px; text-align: center; font-size: 14px; color: #000;}
	.indexpro .list li.cort{ height: 270px; background-color: #CAA77F; padding: 0 10px;  box-sizing:border-box; }
	.indexpro .list li.cort .title{ color: #fff; font-size: 16px; text-align: left; line-height: 32px; width: auto; margin: 20px auto;}
	.indexpro .list li.cort .btn{ width: 155px; height: 40px; line-height: 40px; margin: 30px auto; margin-top: 60px;  text-align:center; font-weight: bold; font-size: 15px; border: 1px solid #fff; border-radius: 25px;}
	.indexpro .list li.cort .btn a{ display: block; color: #fff; background-color: #CAA77F; border-radius: 25px;
	-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;
	}
	.indexpro .list li.cort .btn a:hover{ background-color: #333; color: #fff; }
}


.copyright{ background-color:#B19786; padding: 100px 0px; }
.copyicoli{ text-align: center; margin-top: 13px; 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;}
.copyicoli li a{ display: block; width: 45px; height: 45px;}

.copyrightbox{ width: 1360px; margin: 0 auto;}
.copyrighttop{ height: 70px; border-bottom: 1px solid #fff; padding: 0 20px; padding-bottom: 40px; }
.copyrighttop span{ float: right;}

.copyrightcon{ margin-top: 40px;}
.copyrightleft{ width: 650px; margin-left: 20px; float: left;}
.copyrightright{ width: 560px; float: right;}
.copyrightleft .comname{ line-height: 50px; color: #fff; font-size: 20px;}

.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: left; margin-top: 50px;}
.copyrightlink li{ display: inline-block; height: 50px; line-height: 50px;  text-align: left; font-size: 16px; color: #fff; }
.copyrightlink li.ico1{ background: url(../images/bicon1.png) no-repeat left center; text-indent: 25px; background-size: 20px 20px;}
.copyrightlink li.ico2{ background: url(../images/bicon2.png) no-repeat left center; text-indent: 25px; background-size: 20px 20px; margin-right: 80px;}
.copyrightlink li.ico3{ background: url(../images/bicon3.png) no-repeat left center; text-indent: 25px; background-size: 20px 20px; margin-right: 80px;}
.copyrightlink li.ico4{ background: url(../images/bicon4.png) no-repeat left center; text-indent: 25px; background-size: 20px 20px; margin-right: 68px;}
.copyrightlink li.ico5{}
.copyrightlogo{ text-align: center; border-bottom: 2px solid #231815; padding: 15px 0px;}

.copyrightqlink{ }
.copyrightqlink li{ width: 275px; display: inline-block; vertical-align: top; text-align: left; margin-bottom: 30px;}
.copyrightqlink li .title{ color: #fff; font-size: 20px; height: 50px; line-height: 50px; }
.copyrightqlink li .title a{ color: #fff;}
.copyrightqlink li .txt{ line-height: 32px; color: #d7d8da; font-size: 16px;}
.copyrightqlink li .txt a{ color: #fff;}
.copyrightqlink li .txt a:hover{ color: #fff;}
.copyrightmlogo{ display: none;}

@media (max-width: 1366px){ 
	.copyright{ background-color:#B19786; padding: 20px 0px; padding-bottom: 0px; }
	.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;}
	.copyrighttop{ height: 120px; border-bottom: 1px solid #fff; padding: 0 20px; padding-bottom: 40px; }
	.copyrighttop span{ float: left;}
	.copyrighttop img{ display: none;}

	.copyrightcon{ margin-top: 20px;}
	.copyrightleft{ width: auto; margin-left: 10px; float: left;}
	.copyrightright{ display: none; width: 560px; float: right;}
	.copyrightleft .comname{ line-height: 40px; color: #fff; font-size: 16px;}
	.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: 10px; padding-bottom: 20px; }
	.copyrightlink li{  height: 36px; line-height: 36px; padding: 0px; margin: 0px; text-align: left; font-size: 14px; color: #fff; }
	.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;}
	.copyrightmlogo{ display: block; text-align: center; border-top: 1px solid #fff; padding: 5px 0px;}
	.copyrightmlogo img{ height: 40px;}
}
 
 /* 效果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/probanner1.jpg) no-repeat top center; height: 650px; }
.neibanner2{ background:url(../images/neibanner1.jpg) no-repeat top center; height: 650px; }
.neibanner3{ background:url(../images/neibanner2.jpg) no-repeat top center; height: 650px; }
.neibanner4{ background:url(../images/neibanner3.jpg) no-repeat top center; height: 600px; }
.neibanner5{ background:url(../images/neibanner4.jpg) no-repeat top center; height: 650px; }
.neibanner6{ background:url(../images/neibanner5.jpg) no-repeat top center; height: 650px; }
.neibanner7{ background:url(../images/neibanner6.jpg) no-repeat top center; height: 650px; }

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

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

.knowbox1{ background-color: #fff; padding: 50px 0px; padding-bottom: 80px;}
.knowbox2{ background-color: #F4EDE5; padding: 80px 0px;}
.knowconbox{ width: 1080px; margin: 0 auto;}
.knowcontitle{ height: 36px; line-height: 36px; font-size: 18px; color: #000; }
.knowconbox .txt{ float: left; line-height: 32px; color: #000; font-size: 18px; margin-top: 50px; width: 420px; margin-left: 40px;}
.knowconbox .img{ float: right; text-align: center; width: 600px;}
.knowsizing{ margin-top: 60px;}
.konwsiztb{ width: 100%; background-color: #E7DACA;}
.konwsiztb thead tr{ height: 78px; line-height: 78px; text-align: center; font-size: 20px; color: #000; font-weight: bold;}
.konwsiztb tbody tr{ height: 54px; background-color: #fff; line-height: 54px; text-align: center; font-size: 14px; color: #000; }

.knowmimg{ width: 1360px; margin: 0 auto; margin-top: 50px; overflow: hidden;}
.knowmimg ul{ width: 1384px;}
.knowmimg li{ width: 322px; float: left; margin-right: 24px; margin-bottom: 10px; }
.knowmimg li .img{ }
.knowmimg li .img img{ display: block;}
.knowmimg li .txt{ padding: 15px 0px; line-height: 20px; font-size: 20px; color: #000; font-weight: bold; text-align: right; padding-right: 20px;}

.knowmdot{ width: 1340px; margin: 0 auto; margin-top: 50px;}
.knowmdot .left{ float: left; margin-bottom: 40px;}
.knowmdot .right{ float: right; margin-bottom: 40px;}

.knowpack{ width: 1360px; margin: 0 auto; margin-top: 50px;}
.knowpack li{ width:340px; float: left; text-align: center;}
.knowpack li .img{ text-align: center;}
.knowpack li .txt{ font-size: 20px; height: 60px; line-height: 60px; text-align: center; color: #000;}

@media (max-width: 1366px){ 
	.knowbox1{ background-color: #fff; padding: 20px 0px; padding-bottom: 30px;}
	.knowbox2{ background-color: #F4EDE5; padding: 20px 0px;}
	.knowconbox{ width: auto; margin: 0 10px;}
	.knowcontitle{ height: 36px; line-height: 36px; font-size: 18px; color: #000; }
	.knowconbox .txt{ float: left; line-height: 32px; color: #000; font-size: 18px; margin-top: 20px; width: auto; margin-left: 20px;}
	.knowconbox .img{ float: right; text-align: center; width: auto; margin-top: 20px;}
	.knowconbox .img img{ width: 100%;}
	.knowsizing{ margin-top: 30px; width: 100%; overflow-x: scroll;}
	.konwsiztb{ width: 1080px; background-color: #E7DACA;}
	.konwsiztb thead tr{ height: 78px; line-height: 78px; text-align: center; font-size: 20px; color: #000; font-weight: bold;}
	.konwsiztb tbody tr{ height: 54px; background-color: #fff; line-height: 54px; text-align: center; font-size: 14px; color: #000; }

	.knowmimg{ width: auto; margin: 0 10px; margin-top: 20px; overflow: hidden;}
	.knowmimg ul{ width: auto;}
	.knowmimg li{ width: 48%; float: left; margin-right: 4%; margin-bottom: 10px; }
	.knowmimg li:nth-child(2n){ width: 48%; float: left; margin-right: 0; margin-bottom: 10px;}
	.knowmimg li .img{ }
	.knowmimg li .img img{ display: block; width: 100%;}
	.knowmimg li .txt{ padding: 10px 0px; line-height: 20px; font-size: 16px; color: #000; font-weight: bold; text-align: right; padding-right: 20px;}

	.knowmdot{ width: auto; margin: 0 10px; margin-top: 20px;}
	.knowmdot .left{ float: auto; margin-bottom: 40px;}
	.knowmdot .right{ float: auto; margin-bottom: 40px;}
	.knowmdot img{ width: 100%;}

	.knowpack{ width: auto; margin: 0 auto; margin-top: 20px; margin-bottom: 30px;}
	.knowpack li{ width:48%; float: left; margin-right: 4%; text-align: center;}
	.knowpack li:nth-child(2n){ width:48%; float: left; margin-right: 0; text-align: center;}
	.knowpack li .img{ text-align: center;}
	.knowpack li .img img{ width: 100%;}
	.knowpack li .txt{ font-size: 14px; height: 30px; line-height: 30px; text-align: center; color: #000;}
}

.procortbox{ width:1360px; margin: 0 auto; margin-top: 100px; padding-bottom: 60px;}
.procortbox .left{ width: 624px; float: left;}
.procortbox .right{ width: 664px; float: right;}
.procortbox .left .title{ height: 32px; line-height: 32px; font-size: 18px; color: #000; margin-bottom: 30px;}
.procortbox .left .txt{ margin-left: 10px;  width: 500px; line-height: 32px; font-size: 18px; color: #000; min-height: 600px; padding-bottom: 50px;}
.procortbox .list{ width: 639px; }
.procortbox .list li{ width: 198px; margin-right: 15px; float: left; margin-bottom: 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;
}
.procortbox .list li img{ display: block;}
.procortbox .list li:hover{ box-shadow:0px 0 5px 1px #8D746D; }

@media (max-width: 1366px){
	.procortbox{ width:auto; margin: 0 10px; margin-top: 20px; padding-bottom: 60px;}
	.procortbox .left{ width: auto; float: left;}
	.procortbox .right{ width: auto; float: right;}
	.procortbox .left .title{ height: 32px; line-height: 32px; font-size: 18px; color: #000; margin-bottom: 30px;}
	.procortbox .left .txt{ margin-left: 0px;  width: auto; line-height: 28px; text-align:justify; font-size: 16px; color: #000; min-height: 600px; padding-bottom: 50px;}
	.procortbox .list{ width: auto; }
	.procortbox .list li{ width: 48%; margin-right: 4%; float: left; margin-bottom: 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;
	}
	.procortbox .list li img{ display: block; width: 100%;}
	.procortbox .list li:hover{ box-shadow:0px 0 5px 1px #8D746D; }
	.procortbox .list li:nth-child(2n){ width: 48%; margin-right: 0%; float: left; margin-bottom: 15px;}
}

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

.companybox{ width: 1360px; margin: 0 auto;}
.companynews{ margin-top: 80px; margin-bottom: 40px; }
.companynews li{ width: 580px;   float: left; box-shadow:0px 0 5px 1px #B19786; margin-right: 200px; margin-bottom: 100px; 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(2n){ width: 580px;  float: left; margin-right: 0px; background-color: #fff; overflow: hidden;}
.companynews li .img{ text-align: center; margin-top: 20px;}
.companynews li .title{ height: 56px; line-height: 56px; font-size: 36px; text-align: center; color: #39363b; font-weight: bold; padding-bottom: 10px; }
.companynews li .txt{ background-color: #F5F1EC; margin-top: 10px; height: 56px; padding: 20px 0px; line-height: 28px; font-size: 18px; text-align: center; color: #111;}
.companynews li:hover{ box-shadow:0px 0 5px 1px #5A2626; 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: #fff;  cursor:pointer; background-color: #B19786;}

@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: #572222; font-weight: bold;}
	.companytop .txt{ line-height: 24px; padding: 0 10px; font-size: 14px; color: #B19786; 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%;   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(2n){ width: 100%;  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: #111;}
	.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: #fff;  cursor:pointer; background-color: #B19786;}
}

.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; }

}

.abouttop{ width: 1080px; margin: 0 auto; padding-bottom: 200px; color: #000;}
.abouttop .title{ margin-top: 50px; height: 54px; line-height: 54px; font-size: 18px;}
.abouttop .txt{ line-height: 32px; font-size: 18px;}
.aboutimgbox{ margin-top: 40px; background-color: #D5B999;}
.aboutimgbox .left{ width: 230px; float: left; padding: 20px; color: #fff; line-height: 60px; font-size: 36px; }
.aboutimgbox .right{ width: 810px; float: left;}
.aboutimgbox .right img{ display: block;}

.aboutservice{ background: url(../images/servicebg.jpg) no-repeat top center; height: 950px; overflow: hidden;}
.aboutsertop{ margin-top: 130px; width: 1080px; margin: 0 auto; color: #000;}
.aboutsertop .title{ margin-top: 50px; height: 54px; line-height: 54px; font-size: 18px;}
.aboutsertop .btxtbox{ width: 680px; margin: 0 auto;}
.aboutsertop .btitle{  line-height: 80px; font-weight: bold; margin-top: 40px; font-size: 52px; text-align: center;}
.aboutsertop .btitle span{ color:#CAA77F;}
.aboutsertop .txt{ line-height: 32px; font-size: 18px; color: #000; width: 580px; margin: 0 auto; text-align: center; margin-top: 35px; }

.aboutsercon{ width: 1350px; margin: 0 auto; margin-top: 80px;}
.aboutsercon li{ width: 420px; float: left; margin: 0px 15px;
}
.aboutsercon li .img{ text-align: center;}
.aboutsercon li .img img{  box-shadow:0px 0 8px 1px #777; border-radius: 73px;
    -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;}
.aboutsercon li .title{ height: 60px; line-height: 60px; text-align: center; margin-top: 20px; font-size: 30px; font-weight: bold; text-align: center;}
.aboutsercon li .txt{ margin-top: 20px; color: #000; line-height: 32px; text-align: center; font-size: 18px;}
.aboutsercon li:hover .img img{ box-shadow:0px 0 8px 1px #CAA77F;}

.aboutnetwork{ }
.aboutnettop{ width: 1080px; margin: 0 auto; padding-bottom: 50px; color: #000;}
.aboutnettop .title{ margin-top: 50px; height: 54px; line-height: 54px; font-size: 18px;}
.aboutnettop .txt{ line-height: 32px; font-size: 18px; width: 510px; margin-top: 50px;}
.aboutnetimg{ width: 1360px; margin: 0 auto; padding-bottom: 150px;}

@media (max-width: 1366px){
	.abouttop{ width: auto; margin: 0 10px; padding-bottom: 30px; color: #000;}
	.abouttop .title{ margin-top: 20px; height: 54px; line-height: 54px; font-size: 18px;}
	.abouttop .txt{ line-height: 24px; font-size: 16px; text-align:justify; }
	.aboutimgbox{ margin-top: 40px; background-color: #D5B999;}
	.aboutimgbox .left{ width: auto; float: left; padding: 20px; color: #fff; line-height: 40px; font-size: 24px; }
	.aboutimgbox .right{ width: auto; float: left;}
	.aboutimgbox .right img{ display: block; width: 100%;}

	.aboutservice{ background:#D0CBC7 url(../images/servicebg.jpg) no-repeat top center; padding: 10px; height: auto; overflow: hidden;}
	.aboutsertop{ margin-top: 20px; width: auto; margin: 0 auto; color: #000;}
	.aboutsertop .title{ margin-top: 50px; height: 54px; line-height: 54px; font-size: 18px;}
	.aboutsertop .btxtbox{ width: auto; margin: 0 auto;}
	.aboutsertop .btitle{  line-height: 40px; font-weight: bold; margin-top: 20px; font-size: 32px; text-align: center;}
	.aboutsertop .btitle span{ color:#CAA77F;}
	.aboutsertop .txt{ line-height: 32px; font-size: 18px; color: #000; width: auto; margin: 0 auto; text-align: center; margin-top: 35px; }

	.aboutsercon{ width: auto; margin: 0 auto; margin-top: 40px;}
	.aboutsercon li{ width: auto; float: left; margin: 0px 0px; margin-bottom: 20px;
	}
	.aboutsercon li .img{ text-align: center;}
	.aboutsercon li .img img{  box-shadow:0px 0 8px 1px #777; border-radius: 73px;
		-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;}
	.aboutsercon li .title{ height: 60px; line-height: 60px; text-align: center; margin-top: 0px; font-size: 24px; font-weight: bold; text-align: center;}
	.aboutsercon li .txt{ margin-top: 10px; color: #000; line-height: 32px; text-align: center; font-size: 18px;}
	.aboutsercon li:hover .img img{ box-shadow:0px 0 8px 1px #CAA77F;}

	.aboutnetwork{ width: auto; margin: 0 10px;}
	.aboutnettop{ width: auto; margin: 0 auto; padding-bottom: 50px; color: #000;}
	.aboutnettop .title{ margin-top: 20px; height: 54px; line-height: 54px; font-size: 18px;}
	.aboutnettop .txt{ line-height: 32px; font-size: 18px; width: auto; margin-top: 20px; text-align:justify;}
	.aboutnetimg{ width: auto; margin: 0 auto; padding-bottom: 40px;}
	.aboutnetimg img{ width: 100%;}
}

.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;}
	.aboutnum{ margin: 20px 0px;}
	.aboutnum li{ width: 31.3%; margin: 0 1%; float: left; text-align: center;}
	.aboutnum li .num{ height: 56px; line-height: 56px; font-size: 24px; color: #38353A; letter-spacing:4px; position: relative; }
	.aboutnum li .numdw{ position: absolute; right:2%; top:-20px; z-index: 9; font-size: 15px;}
	.aboutnum li .txt{ height: 40px; line-height: 20px; font-size: 13px; color: #38353A;}

	.aboutnews{ margin: 10px auto; margin-bottom: 40px; }
	.aboutnews .lvideo{ width: auto; float: none; margin-top: 20px;}
	.aboutnews .txtbox{ width: auto; float: none; padding: 10px;}
	.aboutnews .title{ height: 72px; line-height: 72px; font-size: 24px; text-align: left; color: #39363b; font-weight: bold;}
	.aboutnews .txt{ line-height: 24px; font-size: 15px; color: #4a4e5a; margin: 0 auto;margin-top: 00px; text-align: left;}

	.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: #572222; font-weight: bold;}
.prosortnotice{ line-height: 36px; font-size: 12px; color: #000;}

.productlist{ width: 1430px; margin-top: 40px;}
.productlist li{ width: 310px; border: 1px solid #C6B19D; float: left; margin-right: 44px; margin-bottom: 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;
}
.productlist li .img{ width: 310px; height: 310px; overflow: hidden;}
.productlist li .img img{ width: 310px; height: 310px; object-fit: cover; transform: scale(1, 1); transition:all 1.5s;}
.productlist li .txt{ height: 54px; line-height: 54px; font-size: 20px; color: #fff; overflow: hidden; background-color: #C6B19D; text-align: center;
    -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;
}
.productlist li .txt a{ display: block; color: #fff;}
.productlist li:hover .img img{ transform: scale(1.05, 1.05); transition:all 1.5s;}
.productlist li:hover .txt{ background-color: #937972; color: #fff;}
.productlist li:hover .txt a{  color: #fff;}
.productlist li:hover{ width: 310px; border: 1px solid #937972; float: left; margin-right: 44px; margin-bottom: 40px;}

.productcortlist{ width: 664px; margin-top: 40px;}
.productcortlist li{ width: 310px; border: 1px solid #C6B19D; float: left; margin-right: 20px; margin-bottom: 40px; overflow: hidden;
    -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;
}
.productcortlist li .img{ width: 310px; height: 310px; overflow: hidden;}
.productcortlist li .img img{ width: 310px; height: 310px; object-fit: cover; transform: scale(1, 1); transition:all 1.5s;}
.productcortlist li .txt{ height: 54px; line-height: 54px; font-size: 20px; color: #fff; overflow: hidden; background-color: #C6B19D; text-align: center;
    -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;
}
.productcortlist li .txt a{ display: block; color: #fff;}
.productcortlist li:hover .img img{ transform: scale(1.05, 1.05); transition:all 1.5s;}
.productcortlist li:hover .txt{ background-color: #937972; color: #fff;}
.productcortlist li:hover .txt a{  color: #fff;}
.productcortlist li:hover{ width: 310px; border: 1px solid #937972; float: left; margin-right: 20px; margin-bottom: 40px;}

.productbtn{ text-align: center; height: 72px; line-height: 72px; color: #000; font-weight: bold; font-size: 18px;}
.productbtn a{ display: block; color: #000;}

@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: #aaa;}
	.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;}

	.productlist{ width: auto; margin-top: 10px;}
	.productlist li{ width: 49%; border: 1px solid #C6B19D; float: left; margin-right: 2%;  margin-bottom: 10px; box-sizing:border-box;}
	.productlist li:nth-child(2n){ width: 49%; border: 1px solid #C6B19D; float: right; margin-right: 0;  margin-bottom: 10px; box-sizing:border-box;}
	.productlist li .img{ width: 100%; height: auto; overflow: hidden;}
	.productlist li .img img{ width: 100%; height: auto; object-fit: cover; display: block;}
	.productlist li .txt{ height: 40px; line-height: 40px; font-size: 14px; color: #fff; overflow: hidden; background-color: #C6B19D; 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;
	}
	.productlist li .txt a{ display: block; color: #fff;}
	.productlist li:hover .img img{ transform: scale(1.05, 1.05); transition:all 2.5s;}
	.productlist li:hover .txt{ background-color: #937972; color: #fff;}
	.productlist li:hover .txt a{  color: #fff;}
    .productlist li:hover{ width: 49%; border: 1px solid #937972; float: left; margin-right: 2%; margin-bottom: 10px; box-sizing:border-box;}
	.productlist li:nth-child(2n):hover{ width: 49%; border: 1px solid #937972; float: right; margin-right: 0;  margin-bottom: 10px; box-sizing:border-box;}
	
	.productcortlist{ width: 100%; margin-top: 10px;}
	.productcortlist li{ width: 49%; border: 1px solid #C6B19D; float: left; margin-right: 2%;  margin-bottom: 10px; box-sizing:border-box;}
	.productcortlist li:nth-child(2n){ width: 49%; border: 1px solid #C6B19D; float: right; margin-right: 0;  margin-bottom: 10px; box-sizing:border-box;}
	.productcortlist li .img{ width: 100%; height: auto; overflow: hidden;}
	.productcortlist li .img img{ width: 100%; height: auto; object-fit: cover; display: block;}
	.productcortlist li .txt{ height: 40px; line-height: 40px; font-size: 14px; color: #fff; overflow: hidden; background-color: #C6B19D; 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;
	}
	.productcortlist li .txt a{ display: block; color: #fff;}
	.productcortlist li:hover .img img{ transform: scale(1.05, 1.05); transition:all 2.5s;}
	.productcortlist li:hover .txt{ background-color: #937972; color: #fff;}
	.productcortlist li:hover .txt a{  color: #fff;}
	.productcortlist li:hover{ width: 49%; border: 1px solid #937972; float: left; margin-right: 2%; margin-bottom: 10px; box-sizing:border-box;}
	.productcortlist li:nth-child(2n):hover{ width: 49%; border: 1px solid #937972; float: right; margin-right: 0;  margin-bottom: 10px; box-sizing:border-box;}
}

.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: 50px;}
.proviewimg{ width: 680px; float: left;}
.proviewtxt{ width: 600px; float: right;}
.proviewname{ height: 70px; line-height: 70px;  font-size: 52px; text-indent: 20px;  color: #fff; background-color: #BEA182;  overflow: hidden;}
.provielname{ height: 30px; line-height: 30px; font-size: 18px; padding-bottom: 5px; font-weight: 300; color: #727171; border-bottom: 3px solid #AFAEB3;}
.proviewpara{ margin-top: 25px;}
.proviewpara li{ line-height: 48px; font-size: 18px; color: #111; background-color: #F4F0EC;}
.proviewpara li .left{ width: 50%; float: left; text-indent: 20px; font-weight: bold; }
.proviewpara li .right{ width: 50%; float: left;}
.proviewpara li:nth-child(2n){ background-color: #fff;}

.prodetail{ line-height:32px; color:#333; overflow:hidden; padding: 20px; margin:20px auto; 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;}

.prodetitle{ margin-top: 40px; height: 40px; padding: 10px 0px; line-height: 40px; border-bottom: 1px solid #B29786; font-weight: bold; font-size: 32px; color: #B19786;}

@media (max-width: 1366px){ 
	.proview{ margin: 10px;}
	.proviewimg{ width: 100%; float: none;}
	.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;}
	.proviewpara{ margin-top: 15px;}
	.proviewpara li{ line-height: 40px; font-size: 14px; color: #111; }
	.proviewpara li .left{ width: 50%; float: left; text-indent: 10px; font-weight: bold;}
	.proviewpara li .right{ width: 50%; float: left;}

	.prodetail{ line-height:32px; color:#333; overflow:hidden; padding: 20px; margin:20px auto; 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;}

	.prodetitle{ margin-top: 20px; height: 40px; padding: 10px 0px; line-height: 40px; border-bottom: 1px solid #B29786; font-weight: bold; font-size: 18px; color: #B19786;}
	
}


.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; font-family: arial; }
.fy ul {  text-align:center;}
.fy ul li{ display:inline-block; line-height: 36px; *display:inline; *zoom:1; color:#fff; margin:0 30px;}
.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:60px; width: 60px;  line-height: 60px;  _width:15px; color:#333; display:block; overflow:hidden; background-color: #fff; border:1px solid #ddd;}
.fydd001 a:hover{ height:60px; width: 60px;  line-height: 60px;  _width:15px; display:block; color:#fff; overflow:hidden; border:1px solid #ddd; background:#60BEE4; } 
  
#fydd002 a{ height:60px; width: 60px; line-height: 60px; color: #000; font-size: 32px;  _width:15px; display:block; overflow:hidden; }

.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:100px; height:100px; background-color: #fff;  overflow:hidden; display:block;}

.fypang03 a{ width:100px; height:100px; background-color: #fff;  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;}  

.newsprenext{ border-top:1px dashed #ccc; margin-top:10px; padding:5px 0;  color:#585858;}
.newsprenext a{ color:#585858; text-decoration:none;}
.newsprenext a:hover{ color:#f00; text-decoration:none;}
.newspre{ background:url(../images/arr4.gif) no-repeat 0 center; text-indent:12px; }
.newsnext{  background:url(../images/arr4.gif) no-repeat 0 center; text-indent:12px; }

.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;}