/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px;font-family:' '; color:#666;}
a{color:#666;}
a:hover{ color:#f60; text-decoration:none;}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1200px; margin:0 auto;}
.fl{float: left;}
.fr{float: right;}
.bgcolor{background: #F5F5F7;}

.head{text-align: center;}
.head .logo{padding: 20px 0;}


.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.navBar{  background:#fff; position:relative; z-index:999;   color:#000; height:40px; line-height:40px; border-top:1px solid #E2E2E2;  }
.nav{ width:980px; margin:0 auto; font-family:" ",SimSun,SimHei;  }
.nav h3{ font-size:100%; font-weight:normal; font-size:14px;  }
.nav .m{  position:relative; float:left; width:86px; margin:0 10px; display:inline; text-align:center;   }
.nav .m h3 i{ display:inline-block; *display:inline; zoom:1; width:7px; height:4px;/* background:url(../images/icon.png) 0 -280px no-repeat;*/ overflow:hidden; margin:-2px 0 0 5px; vertical-align:middle; filter:alpha(opacity=50);opacity:0.5; }
.nav h3 a{  zoom:1;  height:16px; line-height:16px; padding:12px 0;  display:block; color:#000 }
.nav .on h3 a{padding:11px 0;  border-top:2px solid #989898;   }
.nav .on h3 a i{ filter:alpha(opacity=100);opacity:1;  }
.nav .sub{ z-index: 999999;display:none; /*默认隐藏*/ width:143px; padding:10px 0;  position:absolute; left:-10px; top:40px;  background:#eee;  float:left; line-height:30px; }
.nav .sub li{ text-align:center;  }
.nav .sub li a{ color:#333; display:block; zoom:1;}
.nav .sub li a:hover{  background:#ddd; color:#c00;   }
.nav .sub dl{ display:inline-block; *display:inline; zoom:1; vertical-align:top; padding:15px 29px; line-height:26px;position: relative; min-height: 190px; }
.nav .sub dl a:hover{ color:#c00;  }
.nav .sub dl dt a{ color:#000;  }
.nav .sub dl dd a{ color:#999; padding-left:7px; /*background:url(../images/icon.png) 0 -332px no-repeat;*/  }
.nav .sub dl .more{height: 20px;line-height: 20px;margin-top: 30px;position: absolute;bottom: 0px;left: 29px;}
.nav .sub dl .more a span{background: #49D9B8;border-radius: 50%;display: inline-block; width: 20px;height: 20px;line-height: 20px;color: #fff;text-align: center;}
.nav #m2 .sub{ z-index:9999; width:980px; left:-116px;  }

.banner_03{ position:relative; z-index: 1; width:100%; height:500px; overflow:hidden;}
.banner_03 .bd { Z-INDEX: 0; position: relative; overflow:hidden; }
.banner_03 .bd ul{ margin:0px auto;}
.banner_03 .bd li { width:100%; height:500px; text-align:center;  overflow:hidden;}
.banner_03 .hd { position:relative; top:-40px; width:1100px; height:20px; margin:0px auto; text-align:center;}
.banner_03 .hd ul { position:absolute; left:50%; margin-left:-60px; bottom:0px; z-index:99; width:222px; height:22px;}
.banner_03 .hd ul li { height:22px; width:22px; margin-left:15px; text-align:center; text-indent:-9999em; float:left; background:url(../Images/BannerBg_02.png) no-repeat; cursor:pointer;}
.banner_03 .hd ul .on { background:url(../images/BannerBg_01.png) no-repeat; }
.banner_03 .prev { position:absolute;  TOP:50%; left:20px; Z-INDEX:2; width:31px; height:53px; margin-top:-30px; background:url(../Images/BannerLeft.png) no-repeat; cursor: pointer;}
.banner_03 .next { position:absolute; TOP:50%; right:20px; Z-INDEX:2; width:31px; height:53px; margin-top:-30px; background:url(../Images/BannerRgt.png) no-repeat; cursor:pointer;}

.pad{padding: 50px 0;}
.pad30{padding: 30px 0;}
.tit h3{font-size: 24px;color: #000;height: 93px;line-height: 93px;}
.tit h3 a{color: #000;font-size: 30px;}
.tit h3 span{color: #9E9E9E;font-size: 22px;display: inline-block; margin-left: 30px;}
.tit ul li{display: inline-block;margin:0 15px;}
.tit .pic1{width: 75px;height: 75px;border-radius: 50%;background: #676767;}
.tit .pic1:hover{background: #1ED2AF;}
.tit .pic1 img{width: 75px;height: 75px;}
.tit  .iconwenzi{display: block;color: #fff;font-size: 16px;color: #000;text-align: center;}



.casecon{background: #fff;}
.casecon img{width: 100%;height: 336px;}
.casecon .left{width: 50%;}
.casecon .right{width: 50%;height: 672px;}
.casecon .pic{position: relative;}
.casecon .pic:hover .wenzi{display: block;}
.casecon .pic .wenzi{display: none;position: absolute;left: 35%;top:25%;border-radius: 50%;background: rgba(0,0,0,0.4);width: 150px;height: 150px;text-align: center;}
.casecon .pic .wenzi span{display: block;color: #fff;font-size: 16px;line-height: 30px;}
.casecon .main{padding: 52px 40px;}
.casecon .main h4{color: #000;font-size: 20px;}
.casecon .main span{display: block;padding: 30px 0;color: #ABABAB;font-size: 14px;}
.casecon .main dl dt{display: inline-block;color: #3AD5B5;font-size: 14px;}
.casecon .main dl dd{display: inline-block;font-size: 14px;padding: 0 5px;color: #ABABAB;}
.casecon .main .more1{display: block;width: 100px;height: 40px;border-radius: 5px;background: #1DD2AF;color: #fff;line-height: 40px;text-align: center;margin-top: 30px;}



.product .productcon img{width: 100%;height:255px;margin-top:10px;}
.product .productcon .left{width: 49%;margin-right: 1%;height: 526px;position: relative;}
.product .productcon .left img{height: 100%;}
.product .productcon .left:hover .wenzi1{display: block;}
.product .productcon .right{width: 49%;margin-left: 1%;height: 526px;}
.product .productcon .right ul li{width: 47.5%;display: inline-block;margin:0 1%;position: relative;}
.product .productcon .right ul li:hover .wenzi1{display: block;}
.product .productcon .wenzi1{display: none;width: 100%;height: 55%;background: rgba(0,0,0,0.4);text-align: center;padding-top: 40%;position: absolute;left: 0;top: 9px; }
.product .productcon .wenzi1 span{display: block;color: #fff;font-size: 24px;line-height: 30px;}
.product .productcon .more1{margin:0 auto;display: block;width: 100px;height: 40px;border-radius: 5px;background: #1DD2AF;color: #fff;line-height: 40px;text-align: center;margin-top: 30px;}



.office .officecon ul li{width: 29.5%;display: inline-block;margin-right: 2%;padding: 1%;position: relative;}
.office .officecon ul li .pic{border:1px #ddd solid;width: 95.5%;padding:   2%;}
.office .officecon ul li img{width: 100%;height: 300px;}
.office .officecon ul li:hover .wenzi2{display: block;}
.office .officecon ul li .wenzi2{display: none;margin:  5.5%;width: 89%;height: 42.5%;background: rgba(0,0,0,0.4);text-align: center;padding-top: 34%;position: absolute;left: 0;top: 0;}
.office .officecon a{font-size: 20px;margin:0 auto;display: block;width: 150px;height: 60px;border-radius: 5px;background: #1DD2AF;color: #fff;line-height: 60px;text-align: center;}
.office .officecon ul .mar0{margin-right: 0;}
.office .officecon ul li .name{display: block; font-size: 18px;color: #000;padding-left: 20px;line-height: 60px;}


.contact h3{color: #1BD3AD;font-size: 24px;text-align: center;margin: 30px 0px;}
.contact h3 span{font-size: 18px;color: #9E9E9E;}
.contact ul {border:1px solid #ddd;width: 80%;padding: 2% 10%;}
.contact ul li {height: 40px;line-height: 40px;display: inline-block;width: 277px;}
.contact ul .qq{background: url(../images/qqicon.png) left center no-repeat;padding-left: 40px;}
.contact ul .tel{background: url(../images/qqicon1.png) left center no-repeat;padding-left: 40px;}
.contact ul .mail{background: url(../images/qqicon2.png) left center no-repeat;padding-left: 40px;}
.contact ul li span{display: inline-block;line-height: 40px;font-size: 16px;}
.erweima {text-align: center;margin: 30px 0;}


.footer{background: #313131;margin-top: 50px;}
.footer .footnav {text-align: center;padding: 30px 0;}
.footer .footnav ul li{display: inline-block;padding: 0 25px;font-size: 16px;}
.footer .footnav ul li a{color: #A9A9A9;}
.footer .footnav ul li a:hover{color: #fff;border-bottom: 1px solid #fff;}
.footinfo{padding: 15px 0;text-align: center;}
.footinfo ul{padding: 10px 0;}
.footinfo ul li{color: #A9A9A9;font-size: 16px; display: inline-block;}
.footinfo  span{color: #A9A9A9;font-size: 16px;display: block;padding-bottom: 30px;}



/*.weizhi{height:40px; line-height:40px; background:url(../images/title03.png) no-repeat;font-size:14px; }
.inside{margin-top:20px; background:url(../images/title_04.gif) #fff repeat-y; min-height:400px;}

.inside_left{ width:220px; float:left;}
.inside_left .side_a dl dt{ border-bottom:3px solid #ddd; display:block; height:40px; color:#324483; font-weight:bold; line-height:40px; font-size:18px;}
.inside_left .side_a dl dd{ height:36px; line-height:36px; border-bottom:#ddd solid 1px;}
.inside_left .side_a dl dd a{ display:block; padding-left:30px; font-size:14px; background: url(../images/about-cn3_19.jpg) 15px center no-repeat;}
.inside_left .side_a dl dd a:hover{ background:#324483; color:#fff;}
.inside_left .side_a dl .hover a{ background:#324483; color:#fff;} 
.lianxi{ margin-top:15px; text-align:center; padding-bottom:20px;}

.inside_right{ width:920px; float:right; }
.inside_con{ padding:10px 0;}

*/


input, button {border: none;outline: none;}
input{width: 100%;height: 30px;padding-left: 13px;}
button {height: 30px;width: 30px;cursor: pointer;position: absolute; }
.bar8 {background: #B46381; position: absolute;top: 5px;right: 0;z-index: 999989;}      
.bar8 input {border:1px solid #ddd;width: 0;padding: 0 42px 0 15px; /*border-bottom: 2px solid transparent;*/background: transparent;transition: .3s linear; position: absolute; top: 0;right: 0;z-index: 2;}
/*.bar8 input:focus {width: 200px;z-index: 1; border-bottom: 2px solid #F9F0DA; }*/
.bar8 .btn{background: url(../images/searchicon.png)center no-repeat;}
.bar8 button {background: #683B4D;top: 0;right: 0;}
.bar8 button:before {content: "\f002";font-family: FontAwesome; font-size: 16px;color: #F9F0DA;}