﻿@charset "utf-8";
body{margin:0; padding:0; background-color:#FFF; font-family:Arial, Helvetica, sans-serif;}

.indexcontact {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    height: 52px;
    line-height: 52px;
}

    .indexcontact img {
        vertical-align: middle;
        margin-right: 15px;
    }

.top
{
	width:100%;
	height:100px;
	margin:0 auto;
	background-color:#000000;
}
.topcon{width:1100px; height:100px; margin:0 auto;}
.logo {
    float: left;
    height: 100px;
}
.navi{float:right}
.navi ul{ list-style:none; margin:0; padding:0}
.navi ul li{ float:left; color:#FFF; line-height:100px; height:100px; margin:0 20px;}


a.linkwhite:link,a.linkwhite:visited,a.linkwhite:active
{
	color:#fff;
	text-decoration:none;
}
a.linkwhite:hover
{
	color:#5fc073;
	text-decoration:none;
}



.bannerindex{width:100%; margin:0 auto; height:548px;}


.main{width:1100px; margin:0 auto; margin-top:50px;}
.main1{width:1100px; margin:0 auto;}
.maincon{ font-size:28px; text-align:center; margin:0 auto; width:100%; margin-bottom:20px;}
.maincontitle{ font-size:32px; font-weight:bold;}


.indexlx{ margin:0 auto; text-align:center; height:53px; line-height:53px;}
.indexlx{margin:0 15px 0 56px;}

.indexzhline{width:100%; height:2px; background-color:#e6e6e6;}
.indexzhpic{width:100%; margin:0 auto; margin-top:20px;}
.indexzhpic img{ margin-right:15px; width:150px; height:72px;}

.foot{width:100%; margin:0 auto; padding:30px 0; line-height:28px; font-size:13px; text-align:center; background-color:#000; color:#7b7b7b; margin-top:50px;}

.zhui{color:#989898;}
.zwhite{color:#FFF}
.zblack{color:#000}
.zred{color:#fd9a96;}

.clear{ clear:both; font-size:0}




.nytitlebox{margin:0 auto; width:100%; text-align:center;}
.nytitle
{
	font-size:22px;
	margin:0 auto;
	font-weight:bold;
	height:62px;
	line-height:62px;
	padding:0 18px;
	border-bottom:solid 2px #cbcbcb;
	text-align:center;
	width:auto;
	display:inline-block !important; 
	display:inline; 
}
.nynavi{text-align:center; margin:0 auto; margin-top:22px;font-size:15px;}
.nynavi ul{list-style:none;margin:0 auto; padding:0; text-align:center;display:inline-block !important;display:inline;}
.nynavi ul li{float:left; margin:0 10px;}


a.linkgray:link,a.linkgray:active,a.linkgray:visited
{
	color:#848484;
	text-decoration:none;
}
a.linkgray:hover
{
	color:#5fc073;
	text-decoration:none;
}


a.linkgreen:link,a.linkgreen:active,a.linkgreen:visited
{
	color:#5fc073;
	text-decoration:none;
}
a.linkgreen:hover
{
	color:#fff;
	text-decoration:none;
}


a.linkgreen1:link,a.linkgreen1:active,a.linkgreen1:visited
{
	color:#5fc073;
	text-decoration:none;
}
a.linkgreen1:hover
{
	color:#000;
	text-decoration:none;
}


.pro {
    width: 326px;
    margin: 20px;
    float: left;
}

.proimg {
    margin-bottom: 7px;
}

    .proimg img {
        width: 326px;
        height: 197px;
        object-fit: cover;
    }

.protitle {
    height: 30px;
    text-align: center;
    line-height: 30px;
}

.proword{float:left; line-height:48px; padding-left:12px;}
.promore{float:right;}




.nycon{ line-height:30px; color:#999;}

 #wrapper{
        overflow: hidden;
        width: 100%;
        height: 233px;
        position: relative;
          
      }
      #wrapper ul {
        position: absolute;
        left: 0;
        top: 0;
      }
      #wrapper li{
        float: left;
        list-style: none;
      }
      #wrapper li img{
        width: 211px;
		height:213px;
		margin:0 20px;
		border-radius:5px;
      }

.contactleft{float:left; width:62%;}
.contactright{float:right; width:32%; }

#ContactForm {padding-top:2px}
#ContactForm span {float:left;width:111px;line-height:24px; margin-right:15px;}
#ContactForm .bg {position:relative;float:left;height:34px;overflow:hidden}
#ContactForm .bg2 {position:relative;float:left;height:98px;overflow:hidden}
#ContactForm .wrapper {min-height:46px}
#ContactForm .textarea_box {height:105px;width:100%;overflow:hidden}
#ContactForm a {background:#5bc075;float:left;width:94px;height:43px;font-size:18px;color:#fff;text-decoration:none;line-height:42px;text-align:center;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;position:relative; margin-left: 125px; margin-top: 10px;}
#ContactForm a:hover {background:#8dcf0f}
#ContactForm .input {width:367px;height:32px;background:none;padding:0 5px;color:#6b6051;font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;margin:0; border:solid 1px #CCC;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}
#ContactForm textarea {overflow:auto;width:367px;height:90px;background:none;padding:0 5px;color:#6b6051;font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;margin:0;border:solid 1px #CCC;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}

.wrap-col ul{ list-style:none; margin:0; padding:0;}
.wrap-col p{color:#a5a5a5}

.address {margin-top:-3px;padding-bottom:25px}
.address li {line-height:30px;padding-left:27px;background:url(../images/icon.png) 0 6px no-repeat;overflow:hidden}
.address a {color:#62a80a;text-decoration:none} 
.address a:hover {text-decoration:underline}
	  
