@charset "utf-8";
*{margin:0px; padding:0px;}
img{border:0;margin:0; padding:0;}
ul,li,ol,h1,h2,h3,dl,dt,dd,form,p,b,u,s,i{list-style:none;margin:0; padding:0; font-weight:normal}
.clearfix{display:inline-table;}
* html .clearfix{height:1%;/*ie6*/}
*+html .clearfix{min-height:1px;}
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;font-size: 0;}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}
input,textarea{outline:none;border:0px;}/*去掉输入框得到焦点时边框会出现阴影效果----例如360 火狐*/
a{blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */} a:focus{-moz-outline-style: none; /* FF */} /*去掉a标签超链接的虚线框*/
.clearboth{clear:both}
a:link{text-decoration: none;color: #404040;}
a:visited{text-decoration: none; color: #404040;}
a:hover{text-decoration: none; color: #313131;transition: all 0.3s ease-out 0s;}
a:active{text-decoration: none; color: #404040;}
em{font-style:normal;}
.mainall{width:1180px; margin:0 auto; overflow:hidden;}
.container{width:1180px; margin:0 auto;}
.mainall1{width:1180px; margin:0 auto;}
.tnr{font-family: times new roman;}
.fl{float: left;}
.fr{float: right;}
.tc{text-align: center;}
.re{position: relative;}
.ab{position: absolute;}
body{margin: 0px; color:#404040; background:#FFF; font-size: 14px; font-family:"Microsoft YaHei","微软雅黑",宋体,Arial, Helvetica, sans-serif;background: #FFF;}
/*<!--top-->*/
.top_bg{height:32px; line-height:32px;background:#fafafa;font-size: 13px; color: #545454; background: #eeeeee;  border-bottom: 1px solid #e1e1e1;}
.top_con{float:right; display:inline;background: url(../images/ss.png) no-repeat left center; padding-left: 10px;}
.top_con a{padding: 0px 18px 0 20px ;}
/*<!--logo-->*/
.top_bgk{height:137px; overflow:hidden;background: #f9f9f9;}
.biaoyu{float:left; display:block; margin:30px 0 0 40px; font-size: 24px; line-height: 30px; color:#d1983d; border-left: 1px solid #c2c2c2;padding:6px 0 0 40px;font-weight: bold;}
.biaoyu p{color: #313131; margin-top: 5px;font-size: 18px;}
.logo_title{margin:30px 0 0 0px;}
/*.logo_title a{font-size: 38px;font-weight: bold;color: #1d1c1c;letter-spacing: 9px;}*/
.logo_title{margin:30px 0 0 0px;}
.logo_title a{font-size: 38px;font-weight: bold;color: #1d1c1c;letter-spacing: 9px;}
.logo_title p{font-size: 12px;text-transform: uppercase;color: #5d5d5d;letter-spacing: 0.6px;margin-top: 4px;}
.iphone{margin:25px 0px 0px 0px;overflow:hidden; display: block; line-height: 30px; width:200px; background: url(../images/header_icon04.png) no-repeat left; padding-left:50px; height: 84px; color:#d1983d;}
.iphone p{padding:10px 0 0 0;display: block;}
.iphone span{font-size:26px; display:block; font-family: arial;}
 

.nav{line-height: 55px; height:55px; width: 100%; background:#313131;}
.nav .navlist{width: 1200px;}
.nav li{float: left;display: inline-block;list-style: none;font-size: 16px;text-align: center;position: relative;line-height: 55px;height: 55px;}
.nav li a{ display: block;text-align: center;position: relative;color: #fff;height: 55px;line-height: 55px;padding: 0 34px;     background: url(../images/line_nav.jpg) no-repeat right center;}
.nav li.hover a,.nav li:hover a{color: #fff;background:#d1983d;}
.nav li .subnav{background: #fff; box-shadow: 0 13px 42px 11px rgba(0, 0, 0, 0.05);height: auto;left: 0;overflow: hidden;position: absolute;top: 100%;width: 100%;z-index: 199;}
.nav li .subnav{visibility: hidden;}
.nav li:hover .subnav{opacity: 1;visibility: visible;}
.nav li .subnav a{-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;color: #666;display: block;font-size: 13px;font-weight: 500;line-height: 50px;height: 50px;padding: 0;width: 100%;border-bottom: 1px solid #eee;background: #fff; border-left:none;}
.nav li .subnav a:hover{color: #d1983d; }


.fixedNav{position: fixed;top: 0px; left: 0px; width: 100%; z-index: 100000;_position: absolute; _top: expression(eval(document.documentElement.scrollTop));}
.end_dbg{background: url(../images/end_x.jpg) no-repeat top center #181818;height: 312px;}
.end_left{width:950px;margin:80px 0 0 0;background: url(../images/end_tag.png) no-repeat left 10px;padding-left: 38px;} .end_left{color: #dedede;line-height: 32px;} .end_left a{color: #dedede;} .end_left h2{font-size: 14px;display: inline;} .end_ewm{width:153px;height: 153px;margin:80px 0 0 0;}
.end_ewm img{width:153px;height: 153px;} .end_char{background: url(../images/end_tx.jpg) no-repeat top center #f7f7f7;height: 108px;margin-top: 20px;line-height: 118px;overflow: hidden;} .end_char li{font-size: 16px;color: #222;float: left;width:238px;text-align: center;text-indent: 40px;} .end_char ul{width:105%;} ::selection{background-color: #313131; color:#FFF;}
::-moz-selection{background-color: #313131;color:#FFF;}
::-webkit-selection{background-color: #313131;color:#FFF;}

/*Title*/
.Title{width: 100%;text-align: center;padding-top: 58px;}
.Title h3{font-size: 35px;color: #333333;font-weight: normal;}
.Title h3 a{color: #333333;text-decoration: none;}
.Title i{display: block;margin: 10px auto 0;width: 131px;height: 22px;}
.Title i img{display: block;}

.Title1{width: 100%;text-align: center;padding-top: 58px;}
.Title1 h3{font-size: 35px;color:#ffffff;font-weight: normal;}
.Title1 h3 a{color:#ffffff;text-decoration: none;}
.Title1 i{display: block;margin: 10px auto 0;width: 131px;height: 22px;}
.Title1 i img{display: block;}

/*reason*/
.reason{width: 100%;height: 553px;background: url(../images/ys_dbg.jpg) no-repeat center;     margin-top: 60px; padding-bottom:20px;}
.reason .Title h3{color: #fff;}
.reason .mainCon{width: 100%;margin-top: 28px;}
.reason .mainCon ul{width: 105%;}
.reason .mainCon li{width: 292px;height: 360px;background: #fff;float: left;margin-right: 11px;}
.reason .mainCon li span{display: block;width: 292px;height: 180px;position: relative;}
.reason .mainCon li img{display: block;}
.reason .mainCon li em{display: block;font-size: 18px;color: #fff;font-weight: bold;width: 100%;height: 48px;line-height: 48px;text-align: center;background: url(../images/reasonbg02.png);bottom:0;left: 0;position: absolute;}
.reason .mainCon li p{font-size: 14px;color: #666666; padding:10px 26px;line-height: 25px;text-align: left;}

/*about*/
.about{width: 100%;padding-bottom: 55px; background: #f5f5f5;}
.about .mainCon{width: 100%;margin-top: 32px;}
.about .mainCon dl{width: 100%;height: 379px;position: relative;}
.about .mainCon dt{width: 642px;height: 379px;}
.about .mainCon dd{width: 632px;height: 252px;border: 2px solid #d1983d;position: absolute;top: 35px;right: 0;background: #fff;padding: 46px 56px 0 60px;}
.about .mainCon dd h3{font-size: 18px;color: #333333;font-weight: bold;}
.about .mainCon dd h3 a{color: #333333;}
.about .mainCon dd p{font-size: 14px;color: #666666;line-height: 25px;margin-top: 30px;}
.about .mainCon dd .more{display: block;width: 129px;height: 79px;text-align: center;line-height: 79px;font-size: 14px;color: #fff;text-decoration: none;position: absolute;left: 267px;bottom: -44px;background: #d1983d;text-transform: uppercase;}
.about .mainCon i{display: block;border-top: 1px dotted #f3f3f3;border-bottom: 1px dotted #d9d9d9;margin: 30px 0;}
.about .mainCon ul{width: 100%;}
.about .mainCon li{float: left;width: 285px;height: 191px;position: relative;margin-left: 12px;}
.about .mainCon li:last-child{margin-left: 0; float:right}
.about .mainCon li img{display: block;}
.about .mainCon li span{display: block;width: 100%;height: 44px;line-height: 44px;text-align: center;font-size: 14px;color: #fff;position: absolute;bottom: 0;left: 0;background: url(../images/reasonbg02.png);}
.about .mainCon li:first-child{margin-left: 0;}


/*footer*/
.footer{width: 100%;}
.footerTop{width: 100%;background: #212d3a;padding-top: 50px;padding-bottom: 52px;}
.footerTop .footerMenu{width: 100%;padding-bottom: 34px;border-bottom: 1px solid #1c2632;}
.footerTop .footerMenu li{float: left;font-size: 16px;color: #999999;padding:0 35px;}
.footerTop .footerMenu li:first-child{border-left: none;padding-left: 0;}
.footerTop .footerMenu li.last{padding-right: 0;border-right: none;}
.footerTop .footerMenu li a{color: #999999;}
.footerTop .conBox{width: 100%;border-top: 1px solid #2c3946;padding-top: 34px;}
.footerTop .conBox .conL{float: left;}
.footerTop .conBox .conL dl{float: left;/*background: url(../images/footer_xian.png) no-repeat left top;*/ padding-left: 20px;}
.footerTop .conBox .conL dt{font-size: 16px;color: #fff;margin-bottom: 20px;}
.footerTop .conBox .conL dd a{display: block;font-size: 14px;color: #999999;margin-bottom: 12px;}
.footerTop .conBox .conL dd p{display: block;font-size: 14px;color: #999999;margin-bottom: 12px;}
.footerTop .conBox .conL dd p span{color: #fff;font-weight: bold;}
.footerTop .conBox .conL dl.dl1{width: 168px;}
.footerTop .conBox .conL dl.dl2{width: 168px;}
.footerTop .conBox .conL dl.dl3{width: 168px;}
.footerTop .conBox .conL dl.dl4{width: 198px;}
.footerTop .conBox .conL dl.dl5{width: 260px;}
.footerTop .conBox .conR{float: right;width:200px;}
.footerTop .conBox .conR p{float: left;width: 122px;text-align: center;}
.footerTop .conBox .conR p span{display: block;font-size: 13px;color: #999999;margin-top: 7px;}
.footerTop .conBox .conR p:first-child{margin-right: 20px;}

.footerBottom{width: 100%;height: 84px;line-height: 84px;background: #1d2936;}
.footerBottom p{font-size: 13px;color: #999999;text-align: center;}
.footerBottom p a{color: #999999;}