/*index*/
.margintop0 {margin-top:0 !important;}
.margintop10 {margin-top:10px;}
.margintop20 {margin-top:20px;}
.marginbottom10 {margin-bottom:10px;}
.marginbottom20 {margin-bottom:20px;}
.padding5 {padding:5px;}
.padding10 {padding:10px;}
.padding20 {padding:10px;}
.font12 {font-size:12px;}
.font14 {font-size:14px;}
.font16 {font-size:16px;}
.font18 {font-size:18px;}
.fred {color:#E80B10;}
.fgreen {color:#249414;}
.fblue {color:#0A85CF;}
.fgray {color:#C3C3C3;}
.fwhite {color:#FFF;}
.block {display:block;}
.none {display:none;}
body {background-color:#fff !important;font-size:14px;}
.typelist {width:100%;overflow-x:scroll;margin-top:10px;white-space:nowrap;}
.typelist a {width:29%;display: inline-block;text-align:center;margin-bottom:10px;}
.typelist a img {width:75px;height:75px;border-radius: 100%;background-color:#eee;}
.typelist a span {display:block;font-size:14px;}
.kmbox {float:right;}
.ui-label-s {padding:2px 3px;color:#15BD37;}
.ui-label-s:before {border-color:#15BD37;}
.successbox {background-color:#FFF;border-top:1px solid #E3E3E3;}
.listtitle {color:#999;font-size:12px;margin-left:10px;}
.listlink {display:block;}
.ui-avatar,.ui-avatar > span {border-radius:0;}
.topbox {text-align:right;height:40px;line-height:40px;padding-right:10px;}
.topbox img {width:30px; vertical-align:middle;margin-right:5px;}
.telus {text-align:right;font-size:24px;margin:5px 0 -15px;}
.telus a {font-style:italic;}

.sidercontact {position:fixed;right:0;top:28%;z-index:200;}
.sidercontact ul li {width:50px;height:50px;background:rgba(51,51,51,.7);margin-top:2px;position:relative;}
.sidercontact ul li span {float:left;width:50px;height:100%;cursor:pointer;}
.sidercontact ul li em {position:absolute;right:50px;width:0;height:50px;line-height:50px;background:rgba(255,255,255,.8);text-align:center;overflow:hidden;}
.sidercontact ul li:nth-child(1) span {background:url(../images/sider_pic2.png) center center no-repeat;background-size:50% 50%;opacity:.7;}
.sidercontact ul li:nth-child(2) span {background:url(../images/sider_pic3.png) center center no-repeat;background-size:60% 60%;opacity:.7;}
.sidercontact ul li:nth-child(3) span {background:url(../images/sider_pic1.png) center center no-repeat;background-size:50% 50%;opacity:.7;}

.sidercontact ul li:hover em {width:260px;font-size:15px;}

.footerbox {background-color:#FFF;border-top:1px solid #CCC;}
.footerbox ul li {line-height:56px;border-right:1px solid #F0F0F0;}
.footerbox ul li h6 {font-size:16px !important;color:#00AADB;}

input[type="button"], input[type="submit"], input[type="reset"], input[type="text"] {
    -webkit-appearance: none;
	border:none;
}
textarea {  -webkit-appearance: none;}

.clearboth {clear:both;}
.cleafix:after {content:""; display:block; height:0; clear:both;overflow:hidden;}
.clearfix {zoom:1}

.myordertitle.toptitlebox {padding:20px 20px 0;}
.myordertitle.toptitlebox h1 {padding:0;margin:0;font-size:18px;}

.ui-dialog.showtow {
    display: -webkit-box;
    display: box;
}
.fybox {margin-top:10px;}

#banner {margin-top:10px;height:530px;background:url(../images/index_banner.jpg) center center no-repeat;}

.pouponadbox {position:fixed;top:0;left:0;width:100%;height:80%;padding-top:20%;z-index:1000;background-color:rgba(0,0,0,.8);text-align:center;}
.pouponadbox a,.pouponadbox span.close_pouponadbox {display:block;width:70%;margin:0 auto 0;}
.pouponadbox a img {width:100%;}
.pouponadbox span.close_pouponadbox {height:30px;width:30px;text-align:right;position:absolute;right:15%;text-indent:100px;overflow:hidden;font-size:0;}
.indexadbox {margin:0 20px 10px;}
.indexadbox img {width:100%;border-radius: 5px;vertical-align:top;}

.tab-a {margin-bottom:30px;}
.tab-a .tab-a-l {width:43%;height:540px;float:left;background-color:#0061a5;color:#fff;background:url(../images/about_pic1.jpg) center center no-repeat;background-size:cover;margin-top:40px;}
.tab-a .tab-a-r {width:55%;float:right;}
.tab-a .tab-a-r h4 {font-weight:normal;font-size:50px;color:#e1e1e1;margin-top:30px;}
.tab-a .tab-a-r h4 span {font-size:30px;}
.tab-a .tab-a-r h3 {margin:0 0 20px;color:#0061a5;}
.tab-a .tab-a-r .tab-a-r-content {margin-top:30px;line-height:1.7;color:#555;}
.tab-a .tab-a-r .tab-a-r-content p {margin-top:10px;}
.aboutusbox .tab-a-r h4,.aboutusbox .tab-a-r h3 {font-size:1.5em;color:#0061a5}
.aboutusbox .tab-a-r h4 {font-size:2em;color: #e1e1e1;}
.aboutusbox .tab-a-r h3 {margin-bottom:10px;}
.aboutusbox .tab-a-r-content {margin:0 auto 30px;font-size:1.2em;text-align:left;line-height:1.7;}
.aboutusbox .tab-a-r-content p {margin-bottom:20px;}

.titlebox {text-align: center;}
.titlebox .titleindex {font-size: 30px;color: #E38E00;}
h4.titleindex span {
    display: block;
    width: 300px;
    height: 2px;
    overflow: hidden;
    font-size: 0;
    margin: 20px auto 0;
    background-color: #cdcdcd;
}
h4.titleindex em {
    background-color: #FFF;
    top: -25px;
    position: relative;
    padding: 0 10px;
}
h5.titlecontent {
    display: block;
    font-weight:normal;
    font-size: 16px;
    color: #666;
    margin-top: -10px;
	
}
.products ,.products .prolist {margin-top:50px;}
.products .prolist ul li {width:224px;height:320px;float:left;margin-left:20px;background-color:#0061a5;border-radius:15px;position:relative;text-align:center;overflow:hidden;}
.products .prolist ul li:last-child {display:none;}
.products .prolist ul li:hover {background-color:#E38E00;}
.products .prolist ul li a {color:#fff;display:block;}
.products .prolist ul li:first-child {margin-left:0;}
.products .prolist ul li .proimg {height:224px;}
.products .prolist ul li .proimg img {width:100%;max-height:100%;}
.products .prolist ul li h5 {font-size:16px;margin-top:10px;}
.products .prolist ul li p {padding:5px 10px;}

.aboutbox {background-color:#0061a5;margin-top:40px;}
.aboutbox_inner {height:530px;padding-top:60px;background:url(../images/bgimg_left.png) left center no-repeat,
                     			  url(../images/bgimg_right.png) right center no-repeat,
                     			  url(../images/bgimg_line.png) top repeat-x,
					 			  url(../images/bgimg_line.png) bottom repeat-x;
							 }

.aboutbox .pro_index_img {width:550px;float:left;margin-right:40px;}
.aboutbox .pro_index_img img {width:100%;border-radius:20px;}
.aboutbox .aboutcontent {width:610px;color:#FFF;float:right;}
.aboutbox .aboutcontent h2 {font-size:30px;color:#FFF;} 
.aboutbox .aboutcontent .content {font-size:16px;line-height:1.7;}
.aboutbox .aboutcontent .content p {margin-top:10px;}
.aboutbox .aboutcontent .morelink {margin:20px 0;}
.aboutmore {margin-top:-70px;}
.aboutmore ul li {width:224px;height:224px;float:left;margin-left:20px;background-color:#E38E00;border-radius:15px;position:relative;text-align:center;overflow:hidden;text-align:center;color:#FFF;font-size:20px;}
.aboutmore ul li:first-child {margin-left:0;}
.aboutmore ul li strong {display:block;height:130px;line-height:130px;font-size:28px;}
.aboutmore ul li strong span {font-size:48px;}


.honorbox {margin-top:80px;}
.honorbox .honorlist ul li {float:left;width:385px;height:205px;margin:22px 0 0 22px;background-color:#eee;border-radius:20px;overflow:hidden;}
.honorbox .honorlist ul li img {width:100%;height:100%;}
.honorbox .honorlist ul li:nth-child(3n+1) {margin-left:0;}
footer {margin-top:50px;padding:30px 0;line-height:1.8;color:#FFF;background-color:#0061A5;font-size:16px;}
footer a,footer a:hover {color:#FFF;}
footer .contactus {width:50%;float:left;}
footer .ercodebox {width:40%;float:right;text-align:right;font-size:12px;padding-right:20px;}
footer .ercodebox img {width:120px;}
footer .ercodebox p {padding-right:10px;}
p.copyright {display:block;}
div.copyright {display:none;}

.wordnewslist ul li {width:45%;float:left;margin-right:2%;overflow:hidden;padding-bottom:8px;margin-bottom:20px;background-color:#FFF;padding:1% 2%;}
.wordnewslist ul li:nth-child(2n) {margin-right:0;}
.wordnewslist ul li .wordnewstime {float:left;width:17%;height:80px;line-height:40px;overflow:hidden;font-size:16px;color:#c3c3c3;text-align:center;}
.wordnewslist ul li .wordnewstime span {display:block;font-size:56px;}
.wordnewslist ul li .wdnewscontent {float:right;width:80%;height:70px;overflow:hidden;}
.wordnewslist ul li .wdnewscontent h5 {font-size:15px;width:100%;margin-bottom:10px;}
.wordnewslist ul li .wdnewscontent p {color:#a3a3a3;font-size:14px;}
.wordnewslist ul li a {color:#52c6e7;}
.wordnewslist ul li:hover .wordnewstime,.wordnewslist ul li:hover a,.wordnewslist ul li:hover a h5,.wordnewslist ul li:hover p {color:#e24d15;}
.news-l a.morecontent {margin-top:20px;}
.aboutusbox-menulist {padding: 30px 0;}
.aboutusbox-menulist h3 {font-size: 28px;}

.news .newsbox {margin-bottom:50px;}
.news .newsbox .wordnewslist ul li,.filedownload .newsbox .wordnewslist ul li {background-color:#F2F2F2;} 
.news .newsbox .wordnewslist ul li {width:45%;}

.location {padding:20px 0;font-size:14px;}
.news .newsshow .productsdetail-content h4,.achievement .newsshow .productsdetail-content h4 {text-align:center;border:none;font-size:24px;line-height:2;}
.news .newsshow .productsdetail-content .newsmsg,.achievement .newsshow .productsdetail-content .newsmsg {text-align:center;color:#939393;font-size:14px;border-bottom:1px solid #eee;padding:10px 0;}
.news .newsshow .productsdetail-content .newsmsg span,.achievement .newsshow .productsdetail-content .newsmsg span {margin-right:20px;}
.news .newsshow strong {font-weight:700;}
.productsdetail .productsdetail-content .productsdetail-content-box {padding:20px;line-height:1.8;}
.productsdetail .productsdetail-content .productsdetail-content-box img {width:80%;}

section.contact .contactbox {margin:50px auto;}
section.contact .contackbox_inner {width:900px;margin:30px auto;}
section.contact .contactbox .left {width:400px;float:left;border:1px solid #e6e6e6;padding:40px 0 0 60px;}
section.contact .contactbox .right {width:380px;float:right;text-align:center;}
section.contact .contactbox .left ul li {overflow:hidden;margin-bottom:40px;}
section.contact .contactbox .left ul li .iconbox {width:50px;height:50px;float:left;margin-right:15px;}
section.contact .contactbox .left ul li .iconbox .fa {font-size:40px;color:#c30d23;}
section.contact .contactbox .left ul li .mssage {float:left;}
section.contact .contactbox .left ul li .mssage h6 {font-weight:700;margin-bottom:5px;color:#c30d23;font-size:16px;}
section.contact .contactbox .left ul li .mssage p {font-size:16px;}
section.contact .contactbox .right h5 {font-size:22px;font-weight:700;margin-bottom:15px;}
section.contact .contactbox .right .ercode img {border:1px solid #ddd;}
section.contact .contactbox .right .onlinetalk a {display:block;width:60%;height:40px;line-height:40px;border:1px solid #c30d23;border-radius:6px;text-align:center;color:#c30d23;margin:30px auto;} 
section.contact .contactbox .right .onlinetalk a:hover {background-color:#c30d23;color:#FFF;}
section.contact .mapbox {width:100%;height:500px;}