@charset "utf-8";
/*初始样式*/
body{ color:#333; font-size:14px;font-family: "Microsoft Yahei";} /*网站字体颜色*/
body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;}
a { color:#333; text-decoration:none;font-family: "Microsoft Yahei";}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
/*a:hover { text-decoration:underline;}*/
img{border:none;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;font-family: "Microsoft Yahei"; }
h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei";}

.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
i,em{ font-style:normal;}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}
/* -- 页面整体布局 -- */


/* prolist */
.container{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}
.prolist{width: 100%;padding-top: 54px;padding-bottom: 5px; background:#f2f2f2;}
.prolist h2{font-size: 32px;color: #000000;font-weight: normal;text-align: center;}
.prolist h2 em{color: #4d9e3d;font-weight: bold;}
.prolist .menu{margin-top: 52px;}
.prolist .menu .menuMain{margin-bottom: 36px;text-align: center;}
.prolist .menu .menuMain ul{display: inline-block;*display: inline-block;zoom: 1;}
.prolist .menu .menuMain li{height: 50px;border: 1px solid #dfdfdf;float: left;font-size: 20px;color: #000000;line-height: 50px;margin: 0 10px;position: relative; background:#dfdfdf;}
.prolist .menu .menuMain li i{display:none;width:30px;height:30px;background:url(/images/pro-icon1.png) no-repeat center;margin:0 auto;margin-bottom:0px;position: absolute;left: 43%;bottom: -34px;}
.prolist .menu .menuMain li a{display: block;text-decoration: none;text-align: center;color: #000000;padding: 0 4px;}
.prolist .menu .menuMain li.cur{background: #4d9e3d;border-color: #4d9e3d;}
.prolist .menu .menuMain li.cur i,.prolist .menu .menuMain li.cur b{display: block;}
.prolist .menu .menuMain li:hover{background: #4d9e3d;border-color: #4d9e3d;}
.prolist .menu .menuMain li:hover a{color: #fff;}
.prolist .menu .menuMain li:hover i,.prolist .menu .menuMain li:hover b{display: block;}
.prolist .menu .menuBox{border: 1px solid #dfdfdf;padding-top: 24px;margin-left: -1px;width: 1192px;padding-left: 4px;}




.prolist .menu .menuMain li.cur a{color: #fff;}






.prolist .menu .menuBox .conBox{ display:none;}
.prolist .menu .menuBox .conBox.on{ display:block;}

.prolist .menu .menuBox li{float: left;padding: 0 0px;border-left: 1px dotted #e1e1e1;width: 149px;height: 60px;line-height: 60px;font-size: 16px;color: #666666;margin-bottom: 0px;text-align: center;}
.prolist .menu .menuBox li:first-child{border-left: none;}
.prolist .menu .menuBox li a{display: block;color: #666666;display: block;height: 60px;position: relative;text-decoration: none;}
.prolist .menu .menuBox li a i{display: none;width: 24px;height: 24px;background:url(/images/pro-icon2.png) no-repeat center;position: absolute;left:45%;margin-left: -4px;bottom: -26px;}
.prolist .menu .menuBox li a:hover,.prolist .menu .menuBox li.cur a{background: #4d9e3d;color: #fff;}
.prolist .menu .menuBox li a:hover i,.prolist .menu .menuBox li a.cur i,.prolist .menu .menuBox li.cur i{display: block;}

.prolist .menu1 .menuMain li{width: 389px;height: 190px;border: 1px solid #dfdfdf;margin: 0 4px;float: left;font-size: 20px;color: #000000;line-height: 190px;}
.prolist .menu1 .menuBox{border: 1px solid #dfdfdf;padding-top: 0px;margin-left: -1px;width: 1199px;padding-left: 0px;}

.prolist .menu2 .menuMain li{width: 390px;height: 100px;border: 1px solid #dfdfdf;margin: 0 4px;float: left;font-size: 20px;color: #000000;line-height: 100px;}


.prolist .menu2 .menuBox{border: 1px solid #dfdfdf;padding-top: 0px;margin-left: -1px;width: 1199px;padding-left: 0px;}

.prolist .menu3 .menuMain{margin-bottom: 24px;text-align: center;}
.prolist .menu3 .menuMain li{width: 123px;height: 123px;border: 1px solid #dfdfdf;margin: 0 4px;float: left;font-size: 18px;color: #000000;line-height: 123px;}
.prolist .menu3 .menuBox{border: 0px solid #dfdfdf;padding-top: 0px;margin-left: -1px;width: 1192px;padding-left: 4px;}

.prolist .menu4 .menuMain{margin-bottom: 24px;text-align: center;}
.prolist .menu4 .menuMain li{width: 190px;height: 190px;border: 1px solid #dfdfdf;margin: 0 4px;float: left;font-size: 20px;color: #000000;line-height: 190px;}
.prolist .menu4 .menuBox{border: 0px solid #dfdfdf;padding-top: 0px;margin-left: -1px;width: 1195px;padding-left: 4px;}

.prolist .menu_case .menuMain{margin-bottom: 24px;text-align: center;}
.prolist .menu_case .menuMain li{width: 140px;height: 140px;border: 1px solid #dfdfdf;margin: 0 4px;float: left;font-size: 15px;color: #000000;line-height: 140px;}
.prolist .menu_case .menuBox{border: 0px solid #dfdfdf;padding-top: 0px;margin-left: -1px;width: 1195px;padding-left: 4px;}

/* prolistCon */
.prolistCon{width: 100%;background: #f2f2f2;padding-top: 24px;padding-bottom: 0px;}
.prolistCon h2{text-align: center;font-size: 26px;color: #000000;font-weight: normal;margin-bottom: 48px;}
.prolistCon h2 i{display: inline-block;width: 440px;background: #e1e1e1;height: 1px;position: relative;top: -7px;}
.prolistCon h2 i.title-xianL{margin-right: 20px;}
.prolistCon h2 i.title-xianR{margin-left: 20px;}
.prolistCon .mainCon>ul{width: 104%;}
.prolistCon .mainCon>ul>li{float: left;width: 377px;height: 449px;border: 2px solid #fff;background: #fff;margin: 0 28px 30px 0;box-shadow: 1px 1px 10px 4px #e5e5e5;}
.prolistCon .mainCon>ul>li>a{display: block;text-decoration: none;padding-top: 0px;}
.prolistCon .mainCon>ul>li>a>span{display: block;width: 377px;height: 324px;overflow: hidden;}
.prolistCon .mainCon>ul>li>a>span>img{display: block;width: 377px;height: 324px;transition: all 1s ease-out;}
.prolistCon .mainCon>ul>li>a>h3{margin-top: 10px;font-size: 22px;color: #4d9e3d;font-weight: normal;text-align: center;}
.prolistCon .mainCon>ul>li>a>p{margin-top: 6px;font-size: 16px;color: #999999;text-align: center;}
.prolistCon .mainCon>ul>li>a>.btn{width: 146px;height: 40px;line-height: 40px;text-align: center;margin: 24px auto 0;font-size: 13px;color: #fff;background: #999999;}
.prolistCon .mainCon>ul>li>a>.btn>img{position: relative;margin-left: 20px;top:2px;}
.prolistCon .mainCon>ul>li:hover>a{border-color: #4d9e3d;}
.prolistCon .mainCon>ul>li:hover>a>span>img{transform: scale(1.1);}
.prolistCon .mainCon>ul>li:hover>a>.btn{background: #fbc707;}