@charset "utf-8";
/* CSS Document */
/*CSS重置*/
body,p,form,textarea,h1,h2,h3,h4,h5,dl,dd{ margin:0px; }
body{min-width: 1200px;}
input,button,ul,ol{ margin:0px;padding:0px; }
body,input,button,form{ font-size:14px; line-height: 28px; font-family: "microsoft yahei", "Arial"; color:#666; }
h1,h2,h3,h4,h5,h6,font { font-size:14px; font-weight: normal; }
ul,ol,li{list-style:none;}
img{border:0px; }
em,i{ font-style:normal; }
button,input,select,textarea{font-size: 100%; border: 0 none;}
table {border-collapse: collapse;border-spacing:0;}
*{ transition:all ease 300ms; }
.bdshare-slide-button-box *,.bdshare-slide-button-box{ transition:none; }
:-moz-placeholder{  color: #bbb;  }
::-moz-placeholder{ color: #bbb;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color: #bbb;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color: #bbb;}
/*清除浮动*/
.clearfix:after {visibility:hidden;display:block;font-size: 0;content: " ";clear:both;height:0;}
.clearfix{*zoom:1;}
/*网站公用样式表*/
a{ color:#666; text-decoration:none;}
a:hover{ color:#d12324; text-decoration:none; }
a:visited{text-decoration:none;}
.w1200{width:1200px; margin:0px auto;}
.w1000{width:1000px; margin:0px auto;}
.fl{ float:left;}
.fr{ float:right;}
.por{ position: relative;}
.poa{ position: absolute;}
.hidden{ display:none;}
.ico{    background: url(../images/icon.png) no-repeat;  display:inline-block; vertical-align:middle;}
.ico2{  display:inline-block; vertical-align:middle;}


.nav_main .nav li a:hover{ color:#fd0003;}

/* top_main */
.top_main{ width: 100%; height: 30px; line-height: 30px; position: relative; z-index: 80; background-color: #1e1e1e;  color: #676767; font-size: 12px; }
.top_main .top_r{ }
.top_main li{ display: inline-block; *display: inline; zoom: 1; text-align: center; }
.top_main li a{ color: #e6e6e6; cursor: pointer; padding: 0 8px; }
.top_main .split{ width:1px; text-align: center; font-size: 12px; display: inline-block; color: #e6e6e6; *display: inline; }
.top_main li a:hover{ color: #d12324; }
.top_main li s{background:url(../images/wx001.jpg) no-repeat; width: 18px; height: 18px; margin-right: 3px;  }
.top_main li.wx{ position: relative; }
.top_main li.wx .box{ width: 100px; height: 100px; border: 5px solid #fff; position: absolute; left: -10px; top: 30px; z-index: 88; display: none; }
.top_main li.wx .box img{ width: 100%; display: block; }
.top_main li.wx:hover .box{ display: block; }
/*header_main*/
.header_main{ width: 100%; height: 120px; background-color: #000000; }
.header_main .logo{ padding-top: 10px; }
.header_main .logo,.header_main .logo img{ width:338px; height: 103px; display: block;}
.header_main .tel{ width:310px;  margin-top: 12px; line-height: 16px; color: #3eb134;  text-align:right;}
.header_main .tel s{ width: 52px; height: 52px; margin-right: 10px; background-position:0 0;  }
.header_main .tel strong{ font-size: 37px; height: 37px; line-height: 37px; display: block; color: #079453; font-family: dinc; }
/*nav_main*/
.nav_main{ height: 50px; line-height: 50px; background: #1e1e1e;  position: relative; z-index: 111; }
.nav_main .nav{ }
.nav_main .nav li{ width: 150px; text-align: center; position: relative; float: left;  }
.nav_main .nav li a{ width: 100%; display: block; color: #fff; }
.nav_main .nav li:hover,.nav_main .nav li.hover{ line-height: 50px;  }
/* banner */
.banner{ width: 100%; height: 650px; overflow: hidden;}
.banner,.banner .list, .banner .list li, .banner .list img { height:650px;}
.banner { position:relative; width:100%; }
.banner *{ transition: none;}
.banner .list {  width:100%; position:relative; overflow:hidden; }
.banner .list li { width:100%; overflow:hidden; left: 0; top: 0; position:absolute; }
.banner .list li a { display:block; overflow:hidden; width:100%; }
.banner .list img { display:block; width:1920px; background:#f1f1f1; position:absolute; left:50%; margin-left:-960px; }
.banner .tip { width:100%; height: 5px; position:absolute; left:0; bottom:45px; z-index:5; text-align:center;}
.banner .tip span{ width:68px; height:5px; margin:0 7px; display: inline-block; *display: inline; zoom: 1; vertical-align: top; line-height:0; font-size:0; cursor: pointer; background: #fff; transition: all .3s;}
.banner .tip span.cur { background: #fd0004; }
.banner .prev,
.banner .next{width: 62px; height: 44px; padding-top: 18px; position: absolute; z-index: 12; top: 50%; margin-top: -31px; text-align: center; cursor: pointer; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; background: url(../images/black20.png) repeat 0 0; border-radius: 100%; }
.banner .prev .ico,
.banner .next .ico{ width: 15px; height: 22px; display: block; margin: 0 auto;}
.banner .prev{left: 5%; }
.banner .next{right: 5%;}
.banner .prev .ico{  background-position: -178px 2px; }
.banner .next .ico{  background-position: -208px 2px;  }
.banner .prev:hover,
.banner .next:hover{margin-top: -36px;}
/*********content***********/
.ab01{background: url(../images/idx_about.jpg) no-repeat center top;}
.indexTit{ width: 206px; height: 80px; text-align: center; margin: 0 auto 55px;  }

.indexTit h3{ color: #212433; padding-top: 15px; font-weight: bold; font-size: 24px; }
.indexTit .en{ color: #999999; }
/*gridlist*/
.gridlist{ }
.gridlist .item{ width: 230px; overflow: hidden; margin-right: 25px; float: left; }
.gridlist .item a{ width: 100%; display: block; }
.gridlist .item img{ width:218px; height: 163px; padding: 5px; border: 1px solid #e4e4e4; border-bottom: none; display: block;  }
.gridlist .item h3{ width: 100%; height: 43px; color: #333333; line-height: 43px; display: block; text-align: center; background: #f1f0f0; transition: all .3s; }
.gridlist .item:hover h3{ background: #0b85ec; color: #fff; }
/*floor_1_main*/


.inews{ height:250px;}
.inews .xwdt img{ float:left; display:inline-table; position:relative; top:60px; margin-left:80px;}
.inewsCon{width:900px; }
.inewsCon ul li{ float:left; border-bottom:1px solid #dfdfdf; width:700px; height:60px; line-height:60px; background:url(../images/idx_0.jpg) no-repeat right;}
.inewsCon ul li:hover{color: #fd0004; background:url(../images/idx_1.jpg) no-repeat right; }

.floor_1{ padding: 5px; }
.floor_1 .item{ width: 368px; height: 164px; float: left; }
.floor_1 .item a{ display: block; }
.floor_1 .a1{ width: 406px; }
.floor_1 .a2{ width: 420px; }
.floor_1 .a3{ width: 374px; }
.floor_1 .item .img{ width: 164px; height: 164px; margin-right: 12px; position: relative; display: block; overflow: hidden; }
.floor_1 .item .img .bg{ width: 164px; height: 164px; position: absolute; left:0px; top: 0; background: url(../images/sortimgbg.png) no-repeat center center; }
.floor_1 .item .img img{ width: 164px; height: 164px; display: block; }
.floor_1 .item h3{ color: #29bc6b; font-size: 18px; padding-top: 40px; margin-bottom: 12px; font-weight: bold; }
.floor_1 .item .txt{ width: 206px; font-size: 12px; line-height: 22px; color: #000000; }
.floor_1 .a2 .txt{ width: 220px; }
.floor_1 .a2 h3{ color: #31d1d6; }
.floor_1 .a3 .txt{ width: 198px; }
.floor_1 .a3 h3{ color: #ffa710; }
.floor_1 .item:hover{ margin-top: -5px; }
/*floor_2*/
.floor_2{ padding: 53px 0 65px; }
.floor_2 .iabout .img{ width: 545px; height: 288px; display: block; overflow: hidden; }
.floor_2 .iabout .img img{ width: 545px; height: 288px; display: block; transition: all .3s; }
.floor_2 .iabout .img:hover img{ transform: scale(1.02); }
.floor_2 .iaboutCon{ width:600px; }
.floor_2 .iaboutCon .title{font-size: 18px; padding:30px 0 20px; }
.floor_2 .iaboutCon .title a{ color: #fd0004; }
.floor_2 .iaboutCon .title a:hover{ color: #fd0004; }
.floor_2 .iaboutCon .txt{ height: 112px; line-height: 28px; overflow: hidden; color: #999999; }
.floor_2 .iaboutCon .more{ width: 142px; height: 26px; padding-top: 10px; text-align: center; display: block; margin-top: 28px; line-height: 36px; background-color: #fd0004; transition: all .3s; }
.floor_2 .iaboutCon .more:hover{ width: 160px; background: #fd0004; }
.floor_2 .iaboutCon .more s{ width: 40px; height: 14px; vertical-align: top; background-position: -146px -38px; }






.floor_5{ padding: 53px 0 65px;  }
.floor_5 .iabout .img{ width: 400px; height: 336px; position:relative;   }
.floor_5 .iabout .img img{ width: 277px; height: 336px;  text-align:right; position:absolute; top:-80px; right:0; transition: all .3s; }
.floor_5 .iabout .img:hover img{ transform: scale(1.02); }
.floor_5 .iaboutCon{ width:600px; display:block; float:left; }
.floor_5 .iaboutCon .txt{ height: 200px; line-height: 28px; text-indent:2em; overflow: hidden; color: #999999; }

#gmap{    display: block;
    width: 500px;
    height: 428px;
    background: url(../images/idx_ad_map.jpg) no-repeat;
    position: relative;
    margin: 0 auto 2em 5em;}
#gmap a {
    color: #000;
    font-family: arial, sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    text-transform: uppercase;
}
#gmap span{ display:none;}
#gmap a#foshan {
    display: block;
    width: 297px;
    height: 210px;
    overflow: hidden;
    position: absolute;
    left: 11px;
    top: 0px;/*-11*/
}
#gmap a#foshan:hover 
{
	/* background: transparent url(../images/foshan.gif) no-repeat 0 0;
    border:1px solid red;*/
    overflow: visible;
    text-indent: -9000px;
}

#gmap a#zhongshan 
{
	/*
    display: block;
    width: 183px;
    height: 127px;
    overflow: hidden;
    position: absolute;
    left:196px;
    top: 170px;
    */
    display: block;
    width: 120px;
    height: 110px;
    overflow: hidden;
    position: absolute;
    left: 230px;
    top: 210px;
}
#gmap a#zhongshan:hover 
{
	/* background: transparent url(../images/zhongshan.gif) no-repeat 0 0;*/
    
    overflow: visible;
    text-indent: -9000px;
}

#gmap a#zhuhai {
   /* display: block;
    width: 147px;
    height: 128px;
    overflow: hidden;
    position: absolute;
    left: 208px;
    top: 286px;
       */
    display: block;
    width: 130px;
    height: 90px;
    position: absolute;
    left: 210px;
    top: 320px;
}
#gmap a#zhuhai:hover 
{
	 /* background: transparent url(../images/zhuhai.gif) no-repeat 0 0;*/
    
    overflow: visible;
    text-indent: -9000px;
}

.mapshow{ width:750px; height:579px; float:left; border:4px solid #ff0000; background:#fff;}
.contacts{ width:396px; height:587px; float:right;background:#fff}
.titss{ color:#d01114; font-size:16px; font-weight:bold; border-bottom:1px solid #e3e3e3; width:360px; margin-left:10px;  padding-top:30px; padding-left:25px; padding-bottom:15px;}
.txtslist{ background:url(../images/lxkf_bg.jpg) no-repeat; height:498px;width:295px; margin:0px auto;  padding-top:10px; padding-left:65px}
.txtslist p{ padding-bottom:6px;}

#map_ms{}
#idx_md_list{ float:left;}
#idx_md_list li{ width:530px; height:120px; float:left; display:block; }
#idx_md_list .imgs {width:142px; height:120px; line-height:120px; }
#idx_md_list .imgs img{ width:142px; height:89px; display:block; border:1px solid #dbdbdb; padding:2px}
#idx_md_list .txts{ color:#969696; float:right; width:360px;}
#idx_md_list .txts p{ line-height:24px; clear:both;}
#idx_md_list .txts .tis{ color:#ff3333 }




/*floor_3*/
.floor_3{ padding: 53px 0 70px; background: #efefef; }
.floor_3 .item{ width: 280px; float: left; margin-left: 25px; }
.floor_3 .item a{ display: block; }
.floor_3 .a1{ margin-left: 0; }
.floor_3 .item .small{ width: 100%; height: 210px; margin-bottom: 16px; overflow: hidden; }
.floor_3 .item .small img{ width: 100%; height: 100%; }
.floor_3 .item .img{ width: 100%; height: 380px; position: relative; overflow: hidden; margin-bottom: 16px; }


.floor_3 .item img{ width: 100%; height: 380px; transition: all .3s; }
.floor_3 .item .img .txt{ width: 100%; height: 380px; text-align: center; color:#fff; position: absolute; left: 0; top: 380px;  background: url(../images/blue70.png) repeat 0 0; transition: all .3s; }
.floor_3 .item .img .txt h3{ font-size: 16px; padding: 70px 0 10px; }
.floor_3 .item .img .txt h4{ font-size: 12px; padding: 0 0 90px; }
.floor_3 .item .img .txt .more{ width: 65px; height: 65px; display: block; margin: 0 auto; background-position: -63px -1px; }
.floor_3 .item .img:hover img{ transform: scale(1.04);}
.floor_3 .item .img:hover .txt{ top: 0; }




.floor_3 .item .img2{ width: 100%; height:210px; position: relative; overflow: hidden; margin-bottom: 16px;}
.floor_3 .item img2{ width: 100%; height: 210px; transition: all .3s; }
.floor_3 .item .img2 .txt{ width: 100%; height: 210px; text-align: center; color:#fff; position: absolute; left: 0; top: 210px;  background: url(../images/blue70.png) repeat 0 0; transition: all .3s; }
.floor_3 .item .img2 .txt h3{ font-size: 16px; padding: 70px 0 10px; }
.floor_3 .item .img2 .txt h4{ font-size: 12px; padding: 0 0 90px; }
.floor_3 .item .img2 .txt .more{ width: 65px; height: 65px; display: block; margin: 0 auto; background-position: -63px -1px; }
.floor_3 .item .img2:hover img{ transform: scale(1.04);}
.floor_3 .item .img2:hover .txt{ top: 0; }



.floor_3 .a2 .small{ background: #f9f9f9; background: url(../images/sbg.png) no-repeat right top; overflow: visible; }
.floor_3 .a2 .small .year{ display: block; font-size: 50px; line-height: 50px; margin-bottom: 5px; color: #000000; font-family: dinc; } 
.floor_3 .a2 .small h3{ font-size: 18px; line-height: 23px; color: #000000; }
.floor_3 .a2 .small .list{  padding-top: 24px; }
.floor_3 .a2 .small .stel{ width: 192px; text-align: right; font-size: 18px; color: #000000; }
.floor_3 .a2 .small strong{ display: block; font-size: 33px; font-weight: normal; line-height:33px; color: #ffa710; font-family: dinc; } 
.floor_3 .a2 .small .wx{ width: 60px; margin-top: 10px; cursor: pointer; color: #000000; position: relative; }
.floor_3 .a2 .small .wx s{ width: 27px; height: 22px; display: block; background-position: -203px -38px; }
.floor_3 .a2 .small .wx img{ width: 110px; height: 110px; background: #fff; border: 1px solid #ddd; position: absolute; left: 0; top: 52px; display:none; }
.floor_3 .a2 .small .wx:hover img{ display: block; }
.floor_3 .more:hover{ filter: brightness(110%); }


.idx_ad{width:100%; position:relative;}
.idx_ad img{ width:100%;}
/*floor_4*/
.floor_4{ padding: 50px 0 60px; }
.floor_4 .title{ margin-bottom: 25px;  text-align:center;}
.floor_4 .lists{ text-align:center;}
.floor_4 .lists ul li{ margin-left:80px; display:block; float:left;}

.floor_4 .title h3{ color: #212433; font-size: 24px; font-weight: bold; display: inline-block; *display: inline; zoom: 1;  }
.floor_4 .title .en{ font-size: 14px; color: #cccccc; margin-left: 10px; }
.floor_4 .tip{ width: 100%; text-align: center; padding-top: 42px; }
.floor_4 .tip li{ display: inline-block; *display: inline; zoom: 1; width: 10px; height: 10px; margin: 0 8px; cursor: pointer; border-radius: 10px; background: #cccccc; font-size: 0; }
.floor_4 .tip li.on{ background: #079453; width: 30px; }
.floor_4 .inews{ width: 100%; overflow: hidden; position: relative; }
.floor_4 .inews .list{ width: 300%; position: relative; transition: none; }
.floor_4 .inews .item{ width: 580px; height: 150px; float: left; margin-right: 40px; }
.newslist .item a{ width: 100%; display: block; }
.newslist .item img{ width: 200px; height: 150px; display: block; float: left; margin-right: 25px; }
.newslist .item .time{ font-family: "PingFang SC",arial; padding: 12px 0 14px; line-height: 24px; color: #000000; }
.newslist .item .time .year{ border-left: 1px solid #cccccc; height: 24px; padding-left: 18px; margin-left: 18px; }
.newslist .item h3{ color: #000000; font-size: 14px; height: 30px; line-height: 30px; overflow: hidden; font-weight: normal; }
.newslist .item .txt{ font-size: 12px; color: #999999; line-height: 24px; height: 48px; overflow: hidden; }
.newslist .item:hover h3{ color: #079453; }
.newslist .item:hover img{ filter: brightness(110%); }
/*footer_main*/
.footer_main{ width: 100%; color:#fff; padding: 30px 0 30px; background: #2f2f2f; }
.footer_main h3{ width: 100%; font-size: 16px; }
.footer_main .bNav{ width: 230px; line-height: 38px; margin-left: 100px; }
.footer_main .bNav h3{ line-height: 30px; }
.footer_main .bNav a{ width: 95px; color: #fff; float: left; }
.footer_main .bNav a:hover{ text-decoration: underline; }
.footer_main .bwx{ width:300px; }
.footer_main .bwx img{  margin-top: 15px; display: block;  float:left; margin-right:20px;}
.footer_main .bContact{ width: 400px; margin-left: 45px; }
.footer_main .bContact .item{ width: 360px; margin-bottom: 20px; float: left; }
.footer_main .bContact .item h3{ margin-bottom: 8px; }
.footer_main .bContact .item .txt{ line-height: 26px; font-size: 12px; }
/*copyright*/
.copyright{ width: 100%; height: 46px; line-height: 46px; font-size: 12px; color:#fff; background: #1e1e1e; }
.copyright a{ color: #fff; }
.copyright a:hover{ text-decoration: underline; }
/********toolbar1*********/
.toolbar1{ width: 59px; position: fixed; right: 10px; top: 100px; z-index: 999;}
.toolbar1 dd{width: 59px; height: 59px; background: #079453; margin-bottom: 5px; position: relative;}
.toolbar1 dd a{ height: 48px; padding: 11px 10px 0 13px; line-height: 18px; color: #fff; font-size: 16px; display: block; cursor: pointer; }
.toolbar1 .box{ width: 295px; height: 147px; padding: 0 15px; position: absolute; right: 90px; top: 0; background: #fff; display: none; border: 1px solid #e5e5e5; border-top: 10px solid #aacd06; }
.toolbar1 .box .ttel{ width:100%; padding: 15px 0 15px; margin-bottom: 10px; line-height: 20px; color: #666; border-bottom: 1px solid #aeaeae; }
.toolbar1 .box .ttel strong{ color: #fda804; font-size: 24px; line-height: 24px; display: block; font-weight: normal; font-family: arial; }
.toolbar1 .box .ttel s{ width: 50px; height: 45px; margin-right: 10px; background-position: -238px 0; }
.toolbar1 .box .list{ color: #aeaeae; font-size: 12px; line-height: 24px; }
.toolbar1 .box .list li{ width: 46%; float: left; }
.toolbar1 dd:hover{ background: #aacd06; }
/*main css*/
/* pager */
.pager{padding: 40px 0 50px; text-align: center; *zoom: 1;}
.pager:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.pager p{height: 26px; line-height: 26px; display: inline-block; *display: inline; *zoom: 1; display: none;}
.pager ul{display: inline-block; *display: inline; *zoom: 1; overflow: hidden;}
.pager ul li{float: left; margin: 0 5px; padding: 0 !important; height: auto !important; border: none !important;}
.pager ul a{line-height: 30px; padding: 0 5px; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; color: #000000; text-decoration: none; float: left;}
.pager ul a.current,
.pager ul a:hover{color: #079453; border-bottom: 1px solid #079453;}
/*nybanner*/
.nybanner{width: 100%; height: 130px; position: relative; overflow: hidden; padding-top: 70px; background-position: center top; background-repeat: no-repeat;}
.nybanner h3{ font-size: 18px; color: #000000; line-height: 20px; }
.nybanner .en{ font-family: dinc; font-size: 42px; line-height: 42px; color: #079453; text-transform: uppercase; }
/* loaction */
.location{width: 100%; height: 80px; line-height: 80px; background: #fff; position: relative; z-index: 10; border-bottom: 1px solid #cccccc;}
.location .sitepath{color: #999;}
.location .sitepath a,.location .sitepath span{ margin: 0 5px; }
.location .sitepath span{  font-size:16px; font-weight:bold; }

.page
{
    margin:20px auto; text-align:center; width:600px;
}
#listpages a
{
    padding: 4px 8px;
    margin-right: 4px;
    border: 1px solid #ccc;
    text-decoration: none;
}
#listpages .current
{
    padding: 4px 8px;
    margin-right: 4px;
    font-weight: bold;
}


.location .sitepath a{color: #999999;}
.location .sitepath a:hover{color: #079453;}
.location .menu{ height: 80px; line-height: 80px; white-space: nowrap; }
.location .menu a{ padding: 0 6px; color: #999; margin: 0 15px; display: inline-block;}
.location .menu a:hover{ color: #000000; }
/*wrapper*/
.wrapper{ padding: 40px 0 20px; }
/*nyTit*/
.nyTit{ width: 100%; margin-bottom: 30px; padding-top: 30px; border-top: 1px solid #cccccc; }
.nyTit h3{ font-size: 18px; color: #666666; display: inline-block; *display: inline; zoom: 1; margin-right: 10px; }
.nyTit span{ color: #cccccc; }
/*outInfo*/
.outInfo{ padding-bottom: 60px; }
.outInfo .item{ width: 280px; float: left; margin-left: 26px; }
.outInfo .item:first-child{ margin-left: 0; }
.outInfo .item a{ display: block; width: 100%; line-height: 28px; }
.outInfo .item img{ width: 280px; height: 210px; display: block;  }
.outInfo .item h3{ color:#666666; padding-top: 10px; }
.outInfo .item h4{ color: #999999; }
.outInfo .item:hover img{ filter: brightness(110%); }
.outInfo .item:hover h3{ color: #d12324; }
/*singlePage*/
.singlePage{ overflow: hidden; padding-bottom: 50px; }
.singlePage img{ max-width: 100%; }
/*contactPage*/
.contactPage .total{ padding-bottom: 40px; }
.contactPage .total .title{ width: 100%; height: 50px; line-height: 50px; font-size: 16px; color: #000000; margin-bottom: 20px; background:url(../images/contactlinebg.jpg) no-repeat left bottom; }
.contactPage .total .txt{ line-height: 26px; color: #999999; }
.contactPage .tabcon{ padding: 30px 0 40px; background:#666666; color: #fff; }
.contactPage .tabcon .tab{ margin-bottom: 38px; }
.contactPage .tabcon .tab a{ display: inline-block; margin-right: 18px; height: 26px; line-height: 26px;  padding: 0 14px; color: #fff; border: 1px solid #666666; }
.contactPage .tabcon .tab a.cur,.contactPage .tabcon .tab a:hover{ border-color: #fff;  }
.contactPage .tabcon .txt{ line-height: 24px; }
.contactPage .tabcon .txt h3{ margin-bottom: 15px; font-size: 16px; }
.contactPage .mapArea{ width: 100%; height: 500px; overflow: hidden; }
/*aboutPage*/
.aboutPage{ overflow: hidden; padding-bottom: 50px; }
.aboutPage img{ max-width: 100%; }
.aboutPage .contxt{ color: #666; padding-top: 20px; line-height: 28px; }
.aboutPage .contxt .img{ width:400px; }
.aboutPage .contxt .img img{ width:400px; height: 300px; display: block; margin-bottom: 20px; }
.aboutPage .contxt .txt{ width: 742px; }
.aboutPage .contxt .txt .item{ padding: 30px 0; border-top: 1px solid #cccccc; }
.aboutPage .contxt .txt .item:first-child{ padding-top: 0; border-top: 0; }
.aboutPage .img2{ margin: 20px auto 60px; display: block; }
/*nyImsg*/
.nyImsg{ position: relative; }
.nyImsg #onlineYuyue{ position: absolute; width: 100%; height: 1px; left: 0; top: -30px; opacity: 0; filter: alpha(opacity=0); }
.aboutPage .nyImsgCon{ padding-bottom: 60px; }
.nyImsgCon .item{ height: 48px; line-height: 48px; width: 350px; border-bottom: 1px solid #dcdcdc; float: left; position: relative; margin-bottom: 25px; }
.nyImsgCon .item label{ width:90px; float: left; color: #666666; font-size: 16px; text-align: center; }
.nyImsgCon .item .red{ color: red; font-size: 12px; position: absolute; right:10px; top: 2px; }
.nyImsgCon .item .txt{width: 210px; height: 48px; line-height: 48px; float: left; padding-left: 10px; border: 0px; font-size: 16px; background:none; }
.nyImsgCon .item.xm,
.nyImsgCon .item.cartid{margin-right:40px;}

.nyImsgCon .item.liuyan{ width: 1198px; height:150px;}
.nyImsgCon .item.liuyan textarea{ width: 720px; height:130px; float: left; border:1px solid #999;  background: none; padding: 10px; overflow: hidden; resize: none;  line-height: 24px; font-size: 16px; font-family: "microsoft yahei";}
.nyImsgCon .itemsub{width: 100%; height: 40px; line-height: 40px; text-align:left; }
.nyImsgCon .itemsub .btn{width: 150px; height: 40px; -moz-border-radius:70px;border-radius:70px;cursor: pointer; line-height: 40px; border:none; font-size: 14px; background: #d12324; color: #fff; display: block;  }
.nyImsgCon .itemsub .btn:hover{ background: #aacd06; }


.nyImsgCon .tj input{ margin-left:30px;}
/*formPage*/
.formPage{ padding-top: 0px; padding-bottom: 40px; }
.formPage .nyTit{ border-top: 0; padding-top: 0; }
.formPage .nyImsg{ }
.formPage .nyImsgCon .item{ width: 392px; margin-left: 10px; border: 0; }
.formPage .nyImsgCon .ml0{ margin-left: 0; }
.formPage .nyImsgCon .item.sex input{ margin-left: 18px; margin-right: 5px; width: 15px; height: 15px; vertical-align: middle; }
.formPage .nyImsgCon .item .red{color: red; position: static; right: 0; top: 0; font-size: 12px; margin-right: 5px;}
.formPage .nyImsgCon .item.sex input.ml0{ margin-left: 0; }
.formPage .nyImsgCon .item label{ width: 80px; border-right: 0; margin-right: 10px; text-align: right; }
.formPage .nyImsgCon .item .txt{ width:290px; border-bottom: 1px solid #dcdcdc; }
.formPage .nyImsgCon .liuyan{ width: 100%; }
.formPage .nyImsgCon .liuyan textarea{ width: 1084px;  border: 1px solid #dcdcdc; }
/*newsPage*/
.newsPage .item h3{ margin-bottom: 8px;}
.newsPage .item{ height: 150px; padding: 40px 0; border-bottom: 1px solid #cccccc; }
.newsPage .item:first-child{ padding-top: 0; }
/*productPage*/
.productPage{ overflow: hidden; }
.productPage .list{ width: 105%;  }
.productPage .item{ width: 280px; margin: 0 26px 28px 0; float: left;  }
.productPage .item a{ display: block; width: 100%; }
.productPage .item .img{ width: 280px; height: 210px; display: block; }
.productPage .item .txt{ width: 254px; height: 80px; padding: 15px 12px 0;  border: 1px solid #f9f9f9; background: #f9f9f9; border-bottom: 2px solid #d12324; }
.productPage .item h3{ color:#d12324;  line-height: 20px; }
.productPage .item h4{ font-size: 12px; padding-left: 3px; line-height: 18px; color: #079453; margin-bottom: 28px; }
.productPage .item p{ font-size: 12px; color: #999999; line-height: 18px; }
.productPage .item:hover .img{ filter: brightness(110%); }
.productPage .item:hover .txt{ /**/background: #d12324;  overflow: hidden; border: 1px solid #d12324; border-bottom: 2px solid #d12324; }
.productPage .item:hover h3,.productPage .item:hover h4,.productPage .item:hover p{ color: #fff; }
/*人才招聘*/
.wrapper .Recruitment{ padding-top: 10px; }
.wrapper .Recruitment .left{width:800px;}
.wrapper .Recruitment .title{width: 100%;height:16px;position: relative;border-top: 1px solid #ccc;}
.wrapper .Recruitment .title span,.wrapper .Recruitment .title h3{position: absolute;left: 0;top:-14px;line-height: 28px;background: #fff;display: block;padding-right: 14px;font-size: 18px;color: #000;}
.wrapper .Recruitment .title span b{font-weight: normal;color: #e60010;display: inline-block;padding: 0 16px;}
.wrapper .Recruitment .title h3{color: #036e30;font-weight: normal;}
.wrapper .Recruitment .cont{padding-top:20px;}
.wrapper .Recruitment .cont .item{border: 1px solid #dcdcdc;border-left:4px solid #036e30;padding:10px 20px 0;margin-bottom: 20px; position: relative; }
.wrapper .Recruitment .cont .item.hover{background: #f9f9f9;}
.wrapper .Recruitment .cont .item .top{height:65px;cursor: pointer;}
.wrapper .Recruitment .cont .item .top span{color: #000; display: inline-block;}
.wrapper .Recruitment .cont .item .top span.sarry{ color: #079453; margin-right: 36px; }
.wrapper .Recruitment .cont .item .top .time{color: #999;}
.wrapper .Recruitment .cont .item .top h3{font-size: 18px;font-weight: normal;color: #036e30;}
.wrapper .Recruitment .cont .item .top p{display: block;}
.wrapper .Recruitment .cont .item .bottom{padding-top: 20px;border-top:1px solid #bebebe;padding-bottom: 20px;}
.wrapper .Recruitment .cont .item .btn{ width: 162px; height: 58px; cursor: pointer; position: absolute; top: 18px; right: -18px; text-align: center; padding-right: 30px; line-height: 40px; color: #fff; background: url(../images/jobbtn.png) no-repeat 0 0; display: none; }
.wrapper .Recruitment .cont .item .btn:hover{  background: url(../images/jobbtn_hover.png) no-repeat 0 0; }
.wrapper .Recruitment .cont .item.hover .btn{ display: block; }
.wrapper .Recruitment .right{width:350px;}
.wrapper .Recruitment .right .item{margin-bottom: 74px;}
.wrapper .Recruitment .right .item .cont,.wrapper .Recruitment .right .item .cont p{color: #555;line-height: 28px;}
/*showNews*/
.showNews .title{font-size: 24px; color: #333333; text-align: center; margin: 10px 0 22px; font-weight: bold;}
.showNews .mark{color: #999999; height: 38px; line-height: 38px; text-align: center; margin-bottom: 20px; border-top: 1px dashed #e1e1e1; border-bottom: 1px dashed #e1e1e1;}
.showNews .mark span{ margin: 0 10px;  }
.showNews .showContxt{color: #666666; padding: 0 0 30px; line-height: 30px;}
/* reLink */
.reLink{width: 100%; height: 25px; border-top: 1px solid #d7d6d6; padding: 15px 0 40px;}
.reLink .nextLink,
.reLink .prevLink{width: 50%; line-height: 25px; color: #666;}
.reLink .nextLink{text-align: right;}
.reLink a:hover{color: #65b630;}

/*hotnews*/
.hotNews{overflow: hidden; padding-bottom: 45px; border-bottom: 1px solid #dcdcdc;}
.hotNews .title{margin-bottom: 12px;}
.hotNews .title h3{color: #333333; line-height: 35px; border-bottom: 1px solid #c3c3c3; font-size: 18px; display: inline-block; *display: inline; *zoom: 1; font-weight: bold;}
.hotNews .title s{width: 25px; height: 22px; margin-right: 4px; background-position: -135px -34px;}
.hotNews .title .more{width: 62px; height: 25px; line-height: 25px; text-align: right; display: block; padding-right: 10px; margin-top: 10px; background: #e8e7e7; color: #333333; font-size: 12px; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}
.hotNews .title .more:hover{background: #65b630; color: #fff; width: 70px;}
.hotNews .list{width: 130%;}
.hotNews .list li{width: 550px; height: 30px; line-height: 30px; overflow: hidden; float: left; margin-right: 100px;}
.hotNews .list li a{display: block; width: 100%; font-size: 16px; color: #2b2b2b; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}
.hotNews .list li a:hover{color: #65b630;}
.hotNews .list li s{width: 5px; height: 5px; background: #2b2b2b; display: inline-block; vertical-align: middle; margin-right: 10px;}
.shareNew{ padding-bottom: 20px; }
.shareNew,.shareNew *,.bd_weixin_popup{ transition: none; }
/*showProduct*/
.showProduct .imgtxt{ height: 375px; margin-bottom: 60px; background: #f9f9f9; }
.showProduct .imgtxt .img{ width: 500px; height: 375px; display: block; float: left;  }
.showProduct .imgtxt .txtcon{ width: 620px; padding-right: 50px; }
.showProduct .imgtxt .txtcon h3{ font-size: 24px; color: #000000; padding: 26px 0 8px; }
.showProduct .imgtxt .txtcon h4{ color: #079453; font-size: 18px; margin-bottom: 15px; }
.showProduct .imgtxt .txtcon h5{ color: #999; }
.showProduct .imgtxt .txtcon .txt{ padding-top: 42px; line-height: 26px; height: 78px; overflow: hidden; color: #999; }
.showProduct .imgtxt .txtcon .btn{ width: 100px; height: 40px; display: block; margin-top: 30px; text-align: center; line-height: 40px; background: #079453; color: #fff; }
.showProduct .imgtxt .txtcon .btn:hover{ background: #aacd06; }
.showProduct .info{ padding: 30px 0 10px; border-top: 2px solid #079453; }
.showProduct .infoTit{ border-left:4px solid #079453; padding-left: 10px; margin-bottom: 15px; height: 28px; line-height: 28ppx; color: #000000; font-size: 18px; }
.showProduct .info .txt{ padding-left: 15px; margin-bottom: 40px; line-height: 30px; color: #999; }
/*menzhenPage*/
.menzhenPage .outInfo{ padding-bottom: 0; }
.menzhenPage .outInfo .list{ width: 105%; }
.menzhenPage .outInfo .item{ margin-left: 0; margin-right: 26px; margin-bottom: 30px;   }
.menzhenPage .pager{ padding-top: 40px; }
.dashline{border-bottom:1px dashed #999;  width:100%; height:1px; display:block; line-height:1px; clear:both; margin-bottom:20px; margin-top:-10px;}
.honorlist .outInfo .item{ width: 282px; margin-right: 24px; text-align: center; }
.honorlist .outInfo .item img{ border: 1px solid #e3e3e3; }

.personhl .item{ margin-bottom: 50px; }
.personhl .item img{ float: left;  }
.personhl .item .txt{ width: 500px; padding: 48px 48px 0 48px; line-height: 18px; float: left; }
.personhl .item .txt .tit{ font-size: 16px; color: #000000; margin-bottom: 18px; }


.storeslist{ clear:both;}
.storearea{ background:url(../images/cont_md_logo.jpg) no-repeat 130px; height:42px; line-height:42px; padding-top:10px;}
.tops{ background:#d12324;width:120px; height:35px; line-height:35px; text-align:center;  color:#fff;-moz-border-radius:70px;border-radius:70px;}
/**************
 * hover css3
 * ******************/
/* Bubble Bottom */
.hvr-bubble-bottom{display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative;}
.hvr-bubble-bottom:before{pointer-events: none; position: absolute; z-index: -1; content: ''; border-style: solid; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; left: calc(50% - 15px); bottom: 0; border-width: 15px 15px 0 15px; border-color: #216ec4 transparent transparent transparent; transition: all .3s;}
.hvr-bubble-bottom.hover:before,.hvr-bubble-bottom:hover:before, .hvr-bubble-bottom:focus:before, .hvr-bubble-bottom:active:before{-webkit-transform: translateY(15px); transform: translateY(15px);  border-width: 15px 15px 0 15px; border-color: #509df3 transparent transparent transparent; }
/* Bubble Top */
.hvr-bubble-top{display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative;}
.hvr-bubble-top:before{pointer-events: none; position: absolute; z-index: -1; content: ''; border-style: solid; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; left: calc(50% - 16px); top: 0; border-width: 0 16px 16px 16px; border-color: transparent transparent #005bac transparent;}
.hvr-bubble-top:hover:before,.hvr-bubble-top.hover:before,.hvr-bubble-top:focus:before, .hvr-bubble-top:active:before{-webkit-transform: translateY(-16px); transform: translateY(-16px);}

/* Underline From Center2 */
.hvr-underline-from-center2{display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative;}
.hvr-underline-from-center2:before{content: ""; position: absolute; z-index: -1; left: 50%; right: 50%; bottom: -1px; background: #d12324; height: 2px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.hvr-underline-from-center2:hover:before,
.hvr-underline-from-center2.hover:before,
.hvr-underline-from-center2:focus:before,
.hvr-underline-from-center2:active:before{left: 0; right: 0;}
.hvr-underline-from-center2:hover,
.hvr-underline-from-center2.hover{*height: 78px; *border-bottom: 2px solid #d12324; *line-height: 80px;}
@-webkit-keyframes scale{
    0%{
        -webkit-transform: scale(1);
    }
    50%{
        -webkit-transform: scale(1.02);
    }
    100%{
        -webkit-transform:scale(1);
    }
} 
@keyframes scale{
    0%{
       transform: scale(1);
    }
    50%{
        transform: scale(1.02);
    }
    100%{
        transform:scale(1);
    }
}

/*******font-face********/
@font-face {
	font-family: 'dinc';
	src: url('../font/dinc.eot'); /* IE9 Compat Modes */
	src: url('../font/dinc.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
             url('../font/dinc.woff') format('woff'), /* Modern Browsers */
             url('../font/dinc.ttf')  format('truetype'), /* Safari, Android, iOS */
             url('../font/dinc.svg#dinc') format('svg'); /* Legacy iOS */
}