@charset "utf-8";
body{margin:0px; padding:0px; background-color:#FFFFFF}
body,tr,td{font-size:12px;color: #545454; line-height:24px;}
form{margin:0px; padding:0px;}
img{border:0px;}
ul,li{list-style:none; margin:0px; padding:0px;}
a:link {color: #545454;text-decoration: none;}
a:visited {color: #545454;text-decoration: none;}
a:hover {color: #E77518;text-decoration: none;}
a:active {color: #545454;text-decoration: none;}
.blank1{height:1px; float:none; clear:both; overflow:hidden;width:100%; }
.blank5{height:5px; float:none; clear:both; overflow:hidden;width:100%; }
.blank10{height:10px; float:none; clear:both; overflow:hidden;width:100%;}
.blank20{height:20px; float:none; clear:both; overflow:hidden;width:100%;}
.blank30{height:30px; float:none; clear:both; overflow:hidden;width:100%;}
.blank40{height:40px; float:none; clear:both; overflow:hidden;width:100%;}
.padding10{padding:10px;}
.f14{ font-size:14px;}
.f12{ font-size:12px;}
a.f12{ color:#888888}
.line{ width:98%;height:1px; overflow:hidden; float:none; clear:both; border-bottom:1px dashed #b09964; margin-top:5px; margin-bottom:5px;}
.hui{color:#9C9E9C;}
.on{display:block;}
.off{display:none;}
.w100{width:1200px; height:auto; margin-left:auto; margin-right:auto;}
.center{margin-left:auto; margin-right:auto; width:1200px; text-align:center}
.topbg{width:100%; height:101px;}
.topbg .top{width:1400px; margin-left:auto; margin-right:auto; height:101px}
.topbg .top .logo{float:left; background:url(logo1.png); background-repeat:no-repeat; background-position:center center; width:370px; height:101px;}
.topbg .nav{float:right;}
.topbg .nav li{float:left;height:101px; margin-right:60px;line-height:101px; text-align:center; vertical-align:middle; position:relative;}
.topbg .nav li:hover{ height:98px;border-bottom:3px solid #FFC20A;}
.topbg .nav li a{font-size:16px; font-family:Arial, Helvetica, sans-serif; color:#828390; }
.topbg .nav li a:hover{color: #E77518;}
.type div{width:383px; height:548px; float:left; margin-right:25px; margin-bottom:25px; cursor:pointer;}
.type2 div{width:240px; height:335px; float:left;cursor:pointer;}
.nav .pro .sub{position:absolute; left:-34px; top:101px; width:130px; z-index:10000; display:none;}
.nav .pro .sub div{width:100%; height:auto; line-height:18px; display:block; clear:both; float:none; border-top:1px solid #D9D9D9; background-color:#FFFFFF; padding:10px 0px;box-sizing:border-box}
.nav .pro .sub div:hover{background-color:#FFC20A; color:#FFFFFF}
.nav .pro .sub div a{font-size:12px;}
.nav li .search{position:absolute; z-index:10000; margin:0px; padding:0px; width:230px;right:0px; top:70px;line-height:normal; display: none}
.nav li .search .ss{ width:160px;}
.nav li .search .submit{ width:55px;}

#demo{overflow:hidden;width: 1180px; height:220px; margin-left:auto; margin-right:auto;overflow:hidden;}
#demo #indemo{float: left;width: 800%;}
#demo #indemo #demo1{float:left}
#demo #indemo #demo1 div,#demo #indemo #demo2 div{float:left; text-align:center; margin-right:10px;}
#demo #indemo #demo1 div img,#demo #indemo #demo2 div img{ width:270px;height:180px;padding:3px;border:1px solid #C3C3C3; margin-right:5px;}

.ueeshop_responsive_case_list{margin:30px 0; overflow:hidden;}
.ueeshop_responsive_case_list .item{overflow:hidden; margin-bottom:35px; border-bottom:1px solid #ddd; padding-bottom:35px;}
.ueeshop_responsive_case_list .item:last-child{margin:0;}
.ueeshop_responsive_case_list .item .img{width:200px; float:left;text-align: center;}
.ueeshop_responsive_case_list .item .img img{max-height:300px; width:198px; height:128px;}
.ueeshop_responsive_case_list .item .info{width:720px; float:left; padding-left:25px; box-sizing:border-box;}
.ueeshop_responsive_case_list .item .info .name{margin-bottom: 10px;}
.ueeshop_responsive_case_list .item .info .name a{font-size:24px; color:#333;}
.ueeshop_responsive_case_list .item .info .desc{text-align:left; overflow:hidden; padding-top:10px; font-size:14px; color:#888; line-height:150%;}

.hnews{width:560px;float:left;}
.hnews .himg{width:308px; height:190px; float:left;}
.hnews .himg img{width:298px; height:190px;}
.hnews .hcontent{ width:232px;float:left; overflow:hidden}
.hnews .hcontent span{display:block; float:none; clear:both;}
.hnews .hcontent .htime{font-size:16px; color:#FF9900;}
.hnews .hcontent .hname{font-size:14px; font-weight:bold;white-space: nowrap}
.hnews .hcontent .htxt{width:232px; height:120px; overflow:hidden;}

.our{ background-color:#222430; height:490px; width:100%; text-align:center;}
.our .about{width:1400px; height:490px; position:relative; background:url(our.jpg); background-position:center center; margin:auto;}
.our .text{width:590px; height:100px; overflow:hidden; position:absolute; left:45px; top:185px; color:#98a0a1; font-size:14px; line-height:30px;}
.our .more{width:140px; height:50px;  position:absolute; left:269px; bottom:128px; color:#98a0a1; display:block;}

.left_title{width:245px; height:31px; background:url(../images/left_title.gif); overflow:hidden; position:relative;}
.left_title .l_font{ color:#FFFFFF; font-size:14px; font-weight:bold; position:absolute; left:15px; top:4px;}
.left_content{width:243px; border-left:1px solid #c4c4c4; border-right:1px solid #c4c4c4; background-color:#f7f7f7; line-height:24px; font-size:12px; color:#5a5a5a; text-align:left;}
.left_content a{font-size:14px; color:#5a5a5a}
.left_bottom{ width:245px; height:6px; background:url(../images/left_bottom.gif); overflow:hidden;}

.right_title{ width:945px; height:31px; background:url(../images/right_title.gif); overflow:hidden; position:relative;}
.right_title .r_font{ color:#FFFFFF; font-size:14px; font-weight:bold; position:absolute; left:15px; top:4px;}
.right_content{font-size:14px; line-height:26px;background-color:#fff; padding:10px; width:925px; color:#5a5a5a; text-align:left;}
.right_content a{font-size:14px; color:#5a5a5a}
.right_content ul,li{list-style:none; padding:0px; margin:0px;}
.right_content img{max-width:925px;}

.bigbox{float:left; margin-right:0px; margin-left:18px; margin-right:8px; margin-bottom:15px; text-align:center}
.pic_border{border:1px solid #E6E6E6; width:200px; margin-bottom:3px; overflow:hidden;}
.pic_box{width:200px; height:200px;overflow:hidden; margin:3px;display:table-cell;vertical-align:middle; text-align:center; background-color:#FFFFFF}
.pic_box img{max-width:200px; max-height:200px;}
.pic_text{line-height:20px; text-align:center; width:200px; overflow:hidden;}
.news_date{color:#aaa;}
.news_hits{color:#aaa; width:300px; height:25px; float:right; text-align:right; margin:0px 0px 15px 0px;}
#loadmore{width: 220px; height: 38px; border: 1px solid #D8D8D8; line-height: 38px; display: block; margin: auto; background-color:#F0F0F0; cursor: pointer;}
#loadmore:hover{background-color: #E8E8E8}

#footer{  border-top: 1px solid #cfb826; background: #222430; color:#818183; width:100%;}
#footer .link{padding:55px 0; padding-bottom:30px; max-width:1200px; margin:0 auto; box-sizing:border-box;}
#footer .link ul{display: inline-block;vertical-align: top; width:20%; overflow:hidden; box-sizing:border-box;}
#footer .link ul li{height: 32px;overflow: hidden;line-height: 32px;font-size: 15px;color: #3e3e3e; text-transform:capitalize; max-width:90%; color:#818183;}
#footer .link ul li.tit{height: 36px;line-height: 36px;margin-bottom:5px;font-weight: bold;font-size: 16px;text-transform: uppercase;color: black; color:#fdc107;}
#footer .link ul a{font-size: 15px;color: #818183;}
#footer .link ul.contact{width:38%;}
#footer .link ul.contact li.i{line-height:150%; height:auto; position:relative; padding:5px 0; padding-left:25px; box-sizing:border-box;}
#footer .link ul.contact li span{display:block; width:20px; height:20px; position:absolute; left:0; top:8px; background:url(footer-ico.png) 0 0 no-repeat;}
#footer .link ul.contact li.tel span{background-position:0 -80px;}
#footer .link ul.contact li.email span{background-position:0 -117px;}
#footer .link ul.contact li.email{text-transform: none;}
#footer .link .br{display: inline-block;width: 100%;height: 0;}
#footer .partners{max-width:1200px; position:relative; margin:0 auto; box-sizing:border-box; padding-bottom:40px;}
#footer .partners .title{position:absolute; top:0; width:160px; font-size:16px; color:#fdc107; font-weight:bold;}
#footer .partners .box{padding-left:160px;}
#footer .partners .box .list{width:160px; height:60px; overflow:hidden; border:1px solid #ddd; margin-right:10px; text-align:center; margin-bottom:10px; background:#fff;}
#footer .partners .box .list .item{height:100%;}
#footer .copyright{padding:25px 0;font-size: 14px;color: #818183; border-top:1px solid #2f313d; width:1200px; margin:auto;}
#footer .copyright .txt{float:left}
#footer .copyright .txt a{color:#818183;}

.p_str_box{text-align:center;}
.p_str{ text-align:center; margin-top:50px; height:33px;display:inline-block;}
.p_str{font-size:14px;}
.p_str select{border:1px solid #D0D0D0; height:33px; line-height:33px; float:left; padding:0px; width:80px; text-indent:10px; margin-left:3px;}
.p_str span{border:1px solid #D0D0D0; height:30px; line-height:30px; display:block; width:80px; float:left; padding:0px; margin:0 3px;}
.p_str span:hover{background-color:#F3F3F3;}

.news .title{float:left; width:700px;}
.news .title a:hover{ color:#FF0000}
.news .time{float:right; width:50px; text-align:right}