@charset "utf-8";


/*Reset*/
*{ padding:0; margin:0; outline:none;}
*html{background-image:url(about:blank);background-attachment:fixed;}
html,div,ul,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,img,form,embed,label{margin:0;padding:0;border:0; font-size:12px; font-weight:normal;}
img{border:none}
ul,ul li{ list-style:none;} 
.cls{clear:both; line-height:0px!important; height:0px!important;font-size:0px!important;} 
select,input{ vertical-align:middle;font-size:12px;}  
a {color:#666;text-decoration:none;}
a:hover {color:#e60012;}
a:active {color:#e60012;}
.hidden{ display:none}
i{ font-style:normal}
/*basic*/ 
body{margin:0px; padding:0px;font-family:"\5FAE\8F6F\96C5\9ED1","\5B8B\4F53", Arial, Helvetica, sans-serif; font-size:12px;color:#666;}  

/*index*/
/*banner效果*/
.content{position:relative;width:100%;margin: 0 auto; height:750px; float: left;}
.banner{overflow:hidden;width:100%;height:750px;}
.content ul{ }
.content_ul li{ display:block; width:100%; height:750px; list-style:none; padding:0; margin:0; position:absolute;}
.content_ul li a { display:block; width:100%; height:750px; text-indent:-9999px;}
.slidenum{ position:absolute; display:block; bottom:40px; left:0; width: 100%; text-align: center;}
.slidenum span{display:inline-block; background:#fff;width:12px; height:12px; margin:0 8px; cursor:pointer; border-radius: 100%;opacity:0.1;filter:Alpha(opacity=10);}
.slidenum span.current{opacity: 1;filter:Alpha(opacity=100);}
/*banner效果 end*/
.csservicebox{float: left; width: 100%; position: relative; z-index: 2;}
.titlebox1{text-align: center; position: relative; margin: 30px 0 0; }
.line{position: absolute; left: 0; top: 50%; width: 100%; height: 1px;background: #eee;}
.title1{display: inline-block;  position: relative;z-index: 2; background: #fff;  padding: 4px 62px 0;}
.cn{display: block; font-size: 36px; font-weight: bold;  line-height: 56px; }
.en{display: block; line-height: 36px; font-size: 14px;}
.csservice{float: left; width: 100%; background: #34373f; height: 360px; margin: 24px 0 0;}
.csservicelist{float: left; width: 100%; box-shadow: 0 5px 16px rgba(0,0,0,0.2);}
.csservice1{float:left; width: 478px; background:url(servicebg1.jpg) no-repeat; height: 354px; padding: 100px 60px 0;}
.title2{font-size: 22px; line-height: 40px; margin: 0 0 20px; font-weight: bold;}
.detail1{font-size: 16px; line-height: 30px; height: 60px; overflow: hidden;}
.more{display: block; background: url(more.png) no-repeat; width: 138px; height: 41px; text-align: center; margin: 48px 0 0 -8px; line-height: 32px; font-size: 14px; color: #a46600;}
.csservice2{float: right; background: url(servicebg2.jpg) no-repeat; color: #fff;  }
.tipsbg{float: left; width: 100%; background: url(tipsbg.gif);padding: 100px 0 240px;}
.tipsbg .title1{background: url(tipsbg.gif);}
.tipsbg .line{background: #dcdcdc;}
.detail2{margin: 24px auto 0; width: 712px; font-size: 14px; line-height: 32px; text-align: center;}
.more1{margin: 30px auto 0; background: url(more1.png) no-repeat; width: 212px; height: 50px; display: block; line-height: 40px; text-align: center; font-size: 14px; color: #a46600;}
.whybox{float: left; width: 100%; margin: -196px 0 0; height: 480px;}
.whybg{float: left; width: 100%; background: #34373f; height: 370px; box-shadow: ;}
.title3{text-align: center; color: #fff; font-size: 36px; font-weight: bold;line-height: 64px; margin: 37px 0;}
.whylist{ float: left; width:966px; margin: 0 0 0 146px; display: inline;}
.whylist li{float: left; width: 212px; background: #e43436; margin: 0 62px 0 0; color: #fff; text-align: center; padding: 34px 24px 30px; }
.wpic{margin: 0 auto; width: 70px; display: block;}
.title4{text-align: center;font-size: 16px; font-weight: bold; line-height: 30px;}
.detail3{font-size: 14px; line-height: 28px; margin: 20px 0 0;}
.more2{display: block; background: url(more2.png) no-repeat; margin: 30px auto 0; width: 121px; height: 38px; line-height: 28px; color: #a46600;}
.advlist{float: left; width: 1220px; margin: 30px 0 0;}
.advlist li{float: left; width: 281px; margin: 0 24px 0 0; background: #f8f8f8; height: 300px; overflow: hidden;transition: background 0.2s ease 0s; text-align: center;}
.advlist li.hover{box-shadow: 0 5px 10px rgba(124,124,124,0.25); background: #fff;}
.advpic{display: block; background: #34373f; height: 125px; padding-top: 42px;}
.advpic img{opacity: 0.3;filter:Alpha(opacity=30); width: 95px;}
.advlist li.hover .advpic img{opacity: 1;filter:Alpha(opacity=100);}
.title5{  margin: 34px 0 50px;}
.title5 span{font-size: 16px; display: block; font-weight: bold; line-height: 35px;}
.title5 i{display: block; font-family: arial; text-transform: uppercase; line-height: 28px;}
.detail4{ font-size: 14px; line-height: 30px; padding: 0 38px;}
.more3{display: block; margin: 50px auto 0; background: url(more3.png) no-repeat; width: 250px; height: 50px; line-height: 40px; font-size: 14px; color: #a46600; text-align: center;}
.lcbg{float: left; width: 100%; background: #e43436; margin: 50px 0 0; padding: 0 0 28px;}
.lcbg .title1{color: #fff; background: #e43436;}
.lcbg .line{ background: #fff;}
.lclist{float: left; width: 100%; margin: 54px 0 0; position: relative;}
.lclist ul{float: left; width: 1232px; position: relative; z-index: 2;}
.lclist li{float: left; width: 140px; position: relative; background: #fff; margin: 0 36px 0 0; text-align: center;}
.lclist li.hover{background:url(lcbg.gif) repeat-x; color: #a46600; box-shadow: 0 4px 6px rgba(66,8,5,0.2);}
.lctxt{display: block; line-height: 40px; font-size: 14px;}
.lcpic{position: absolute; left: 0; top: -25px; width: 100%; display: block; text-align: center;}
.lcpic i{display: none;}
.lclist li.hover .lcpic span{display: none;}
.lclist li.hover .lcpic i{display: block;}
.line1{position: absolute; left: 0; top: 20px; height: 1px; width: 100%; background: #fff;}
.more4{width: 170px; height: 50px; line-height: 40px; background: url(more4.png) no-repeat; margin-top: 42px;}
.more:hover,.more1:hover,.more2:hover,.more3:hover,.more4:hover{color: #895602;}
.faqbg{float: left; width: 100%; background: #f8f8f8; padding: 0 0 60px;}
.faqlist{float: left; width: 100%; margin: 20px 0 0;}
.faqlist li{float: left; width: 454px; margin: 20px 288px 0 0;}
.faqlist li.noright{margin-right: 0;}
.num{float: left; width: 16px; height: 16px; text-align: center; font-family: arial; line-height: 16px; margin: 6px 10px 0 0; background: #dcdcdc;}
.red{color: #fff; background: #e43436;}
.que{font-size: 14px; line-height: 28px;}
.zixun{float: right; background: url(more5.png) no-repeat; width: 97px; height: 37px; line-height: 28px; color: #a46600; font-size: 14px; text-align: center;}
.teambg{float: left; width: 100%; background: #e43436; padding: 0 0 67px;}
.teambg .title1{background: #e43436; color: #fff;}
.teambg .line{background: #e95d5e;}
.citylist{float: left; width: 100%; text-align: center; font-size: 14px; margin: 40px 0 36px;}
.citylist a{display: inline-block; background: url(city1.gif) no-repeat; width: 136px; height: 45px; line-height: 36px; color: #fff; margin: 0 12px;}
.citylist a.on,.citylist a:hover{background: url(city2.gif) no-repeat; color: #a46600;}
.teampic{float: left; width: 100%;}
.teampic img{display: block; width: 100%; vertical-align: bottom;}
.honorlist2{float: left; width: 1208px; margin: 40px 0 0;}
.honorlist2 li{float: left;width: 290px; margin: 0 12px 0 0;text-align: center;  }
.zjpic{width: 290px; height:195px; background: url(zjbg.jpg) no-repeat; padding: 25px 0 0; display: block;}
.zjpic img{height: 170px;}
.zjtxt{font-size: 14px; line-height: 22px; margin: 13px 0 0; display: block;}
.contactbtm{float: left; width: 100%; background: #f6f6f6; padding: 50px 0 65px; margin: 30px 0 0;}
.contactleft2{float:left; width: 512px; margin: 0 0 0 85px; display: inline;}
.detail5{ font-size: 28px; font-weight: bold; color: #e60012; line-height: 43px;}
.detail6{font-size: 28px; color: #f51520; line-height: 48px;}
.detail7{font-size: 22px; color: #333; line-height: 48px; margin: 10px 0 0;}
.contactlist{float: left; width: 420px; margin: 10px 0 0;}
.contactlist li{line-height: 30px; font-size: 14px; }
.getphonebox{float: left; width: 100%; background: #e43436; padding: 21px 0;}
.getphoneform{margin: 0 auto; width: 540px; }
.input12{height: 38px; float: left; width: 414px; padding: 0 18px; border: medium none; line-height: 38px; font-size: 14px;font-family:"\5FAE\8F6F\96C5\9ED1"; color: #999;}
.submitbtn2{float:left; width: 90px; height: 38px; border: medium none;  font-size: 14px;font-family:"\5FAE\8F6F\96C5\9ED1"; line-height: 30px; color: #fff; background: #222; cursor: pointer;}
/*index end*/

/*share*/
.yahei{ font-family:"\5FAE\8F6F\96C5\9ED1";} 
.div_clear {clear: both; font-size: 0; height: 0; line-height: 0; overflow: hidden; width: 100%; margin:0; padding:0;}
.wrap{margin:0 auto; width:1196px;}
.fl{ float:left;}
.fr{ float:right;}
.fl100{ float:left; width:100%;}
/*share end*/