body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,legend,button,form,fieldset,input,textarea,p,blockquote,th,td,span{margin:0;padding:0;}
html {font-size:100%;}
body {color:#333;font-size:1em;font-family:"Microsoft YaHei","SimSun","瀹嬩綋","Arial Narrow";}
q:before,q:after {content:鈥�;}  
fieldset,img,abbr,acronym {border:0 none;}
abbr,acronym {font-variant: normal;}
legend {color:#000;}
em {font-style:normal;}
address,caption,cite,code,dfn,em,strong,th,var{font-style: normal;}
sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}
table {border-collapse: collapse;border-spacing: 0;}   
caption,th {text-align: left;}
input,img,select {vertical-align:middle;outline:none;}
ol,ul {list-style: none;}  
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
del,ins,a {text-decoration:none;}
a {color:#20709F;}
a:hover,a:active,a:focus {color:#c00;text-decoration:none;cursor: pointer;} 
input[type="submit"] {cursor:pointer;}
button {cursor: pointer;}
input::-moz-focus-inner {border:0;padding:0;}
.clear {clear:both;}
.siderbg {background:url(../images/siderbg.gif) repeat-y;}
.none {display:none;}
.height10 {height:10px;overflow:hidden;}
.height30 {height:30px;}
.fgray {color:#838383;}
.fred {color:#E61318;}
.fblue {color:#148AF5;}
.fgreen {color:#1AAC33;}
.relative {position:relative;}
/* css common */
.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1;}
/* my Css Style */
.empty {font-size:0;height:0;text-indent:-9999px;overflow:hidden;}
/*------------------------------------------------header - Start----------------------------------------------*/
.head-top {text-align: right;color: #999;font-size: 12px;padding:10px 0;}
.head-top .block1 {position: relative;color: #b1b1b1;font-size: 12px;margin-right: 10px;padding-left: 10px;}
.head-top .lang {float: right;margin-left: 20px;color: #b1b1b1;font-size: 12px;}
.head-top .lang a {color: #b1b1b1;font-size: 12px;margin: 0 5px;padding-left: 20px;}
.head-top .lang a.cn {background: url(../images/ico_cn.png) no-repeat left;}
.head-top .lang a.en {background: url(../images/ico_en.png) no-repeat left;}

#header {background-color:#FFF;}
#header h1 {width:300px;height:60px;float:left;margin-top:10px;}
#header h1 a {display:block;width:100%;height:100%;font-size:0;text-indent:-9000px;background:url(../images/logo.png?v=1) left center no-repeat;background-size:contain;}
#header .menubox {float:right;margin-top:20px;}
#header .menubox ul li {float:left;height:40px;line-height:40px;text-align:center;margin-left:50px;position:relative;}
#header .menubox ul li a {display:block;color:#333;font-size:16px;}
body.home #header .menubox ul li.home a,
body.aboutus #header .menubox ul li.about a,
body.productspage #header .menubox ul li.ourproducts a,
body.news #header .menubox ul li.news a,
body.achievement #header .menubox ul li.achievement a,
body.personnel #header .menubox ul li.personnel a,
body.contact #header .menubox ul li.contact a,
body.filedownload #header .menubox ul li.filedownload a
{color:#0b86c9;}

body.home .navWap-block ul li.home h3 a,
body.about .navWap-block ul li.about h3 a,
body.productspage .navWap-block ul li.ourproducts h3 a,
body.news .navWap-block ul li.news h3 a,
body.achievement .navWap-block ul li.achievement h3 a,
body.personnel .navWap-block ul li.personnel h3 a,
body.contact .navWap-block ul li.contact h3 a
{color:#0b86c9;}

#header .menubox ul li .secmenu a {color:#fff !important;}
#header .menubox ul li a:hover {color:#0b86c9;}
#header .menubox ul li .secmenu .arrowtop {display:block;width:0;height:0;border-right:5px solid transparent;border-left:5px solid transparent;border-bottom:5px solid #0b86c9;margin:0 auto;}
#header .menubox ul li .secmenu {display:none;width:170px;}
#header .menubox ul li .secmenu a {font-size:14px;color:#FFF;display:block;border-bottom:1px solid #0c8ed4;font-weight:normal;background-color:#0b86c9;padding:0 5px;}
#header .menubox ul li .secmenu a:hover {background-color:#1591ff;}
#header .menubox ul li.firstmenu:hover > .secmenu {display:block;position:absolute;left:-55px;text-align:center;z-index:100;}

.secbanner {width:100%;height:350px;margin-top: 10px;overflow:hidden;color: #FFF;}
body.aboutus .secbanner {background:url(../images/about_banner.jpg) center center no-repeat;background-size:cover;}
body.productspage .secbanner {background:url(../images/banner/products_banner1.jpg) center center no-repeat;background-size:cover;}
body.news .secbanner {background:url(../images/news_banner.jpg) center center no-repeat;background-size:cover;}
body.achievement .secbanner {background:url(../images/banner/achievement_banner.jpg) center center no-repeat;background-size:cover;}
body.contact .secbanner {background:url(../images/contact_banner.jpg) center center no-repeat;background-size:cover;}
body.personnel .secbanner{background:url(../images/banner/personnel_banner.jpg) center center no-repeat;background-size:cover;}
body.filedownload .secbanner {background:url(../images/banner/file_banner.jpg) center center no-repeat;background-size:cover;}
.secbanner h4,.secbanner p{font-size: 30px;padding: 100px 0 0 120px;font-family:Geneva, sans-serif;font-style:italic}
.secbanner p {padding:5px 0 0 120px;font-size:13px;}
.titlebtborder {width:50px;height:2px;overflow:hidden;font-size:0;background-color:#0061a5;}

.pubwidth {width:1200px;margin:0 auto;}

.fenye {height: 40px;padding: 20px 0px;}
.fenye ul.pagination {position:relative; left:50%; float:left;}
.fenye li {position:relative; left:-50%;display:inline-block;text-decoration:none;color:#808080;}
.fenye li.active,.fenye .pager li.disabled {padding:3px 7px;margin:0 5px;}
.fenye li a {display:block;padding:6px 16px;border: 1px #cccccc solid;background: #fff;margin:0 5px;font-size:16px;font-weight:700;}
.fenye li a:hover {color:#fff;background:#ff9313;border:1px #ff9313 solid;}

/**/
#header .menubox ul li .secmenu a:hover,.navWap-block .box,.navWap-block .wrapshow {transition:all .8s;-moz-transition:all .8s;-o-transition:all .8s;-webkit-transition:all .8s;}
.navWap-block .box,.navWap-block .wrapshow,.sidercontact ul li:hover em,.sidercontact ul li em,body.productspage .products .productsclass ul li a {transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;}
/*鎵嬫満鐗堝鑸� 灞曞紑鍏抽棴*/
.navWap-trigger {
    color: #fff;
    color: #fff;
    float: right;
    margin: 8px 0 0;
	display:none;
}
.navWap-trigger .btn {
    padding: 0px;
    background: transparent;
    border: none;
    /* padding: 10px; */
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    cursor: pointer;
    z-index: 99999;
}
.navWap-trigger .icon-bar {
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -ms-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
    z-index: 999999;
}
.navWap-trigger .icon-bar {
    display: block;
    margin: 6px 0;
    width: 30px;
    height: 3px;
    background-color: #666;
}
.navWap-trigger .animated .top {
    -webkit-transform: translateY(10px) rotateZ(45deg);
    -moz-transform: translateY(10px) rotateZ(45deg);
    -ms-transform: translateY(10px) rotateZ(45deg);
    -o-transform: translateY(10px) rotateZ(45deg);
    transform: translateY(7px) rotateZ(45deg);
}
.navWap-trigger .animated .bottom {
    -webkit-transform: translateY(-11px) rotateZ(-45deg);
    -moz-transform: translateY(-11px) rotateZ(-45deg);
    -ms-transform: translateY(-11px) rotateZ(-45deg);
    -o-transform: translateY(-11px) rotateZ(-45deg);
    transform: translateY(-11px) rotateZ(-45deg);
}
.navWap-trigger .animated .middle {
    width: 0;
}
/*鎵嬫満鐗堝鑸�*/
.wrap-lang {height:40px;border-bottom:1px solid #eee;}
.wrap-lang a{
	display:inline-block;
	width:44%;
	text-align:center;
	line-height:40px;
	color:#333;
}
.navWap-block {
    position: fixed;
    z-index: 20;
    height: 100%;
    top: 76px;
    left: 0;
    overflow: auto;
    width: 100%;
    margin: 0 auto;
}
.navWap-block .box {
    height: 100%;
    overflow-y: auto;
    background: #fff;
    width: 180px;
    position: relative;
    z-index: 2;
}
.navWap-block ul li {
    line-height: 40px;
    border-bottom: 1px solid #eee;
}
.navWap-block ul li:first-child {
    border-top: none;
}
.navWap-block .show li a {
    opacity: 1;
    transform: translateX(0);
}
.navWap-block ul li a {
    display: block;
    font-size: 14px;
    color: #555;
    transition: all 0.4s ease 0s;
    transition-delay: 160ms;
    color: #666;
    padding-left: 25px;
    padding-right: 20px;
}
.navWap-block ul li h3 a {
    display:block;
}
.navWap-block ul li h3 em {
    float: right;
    color: #999;
    font-size: ;
    font-size: 14px;
    display: block;
    margin-right: 20px;
    transform: rotate(0deg);
}
.navWap-block ul li .sub a {
    display: block;
    color: #888;
    font-size: 12px;
    padding-left: 40px;
    border-bottom: 1px #ddd dotted;
    box-shadow: 0px 0 0 #ff680b inset;
}
.navWap-block ul li .sub{ background:#f9f9f9;display:none;}
.navWap-block ul li.block .sub {display:block;}
.navWap-block ul li .sub a{ display: block; color:#888;font-size:12px; padding-left:40px;border-bottom: 1px #ddd dotted;box-shadow: 0px 0 0 #ff680b inset;} 

.navWap-block ul li.active h3 a,.navWap-block ul li.active em {color:#0b86c9}
.navWap-block ul li.active em {transform: rotate(90deg);}
.navWap-block .box {left:0;}
.navWap-block .wrapshow {left:-180px;}

.morelink {margin-top:40px;display:block;width:120px;line-height:40px;background-color:#E38E00;color:#fff;text-align:center;font-size:15px;margin:0 auto;border-radius:5px;}
.morelink:hover {color:#E38E00;background-color:#fff;}
.morelinkstyle2 {background-color:#0061a5;color:#FFF;margin-top:20px;}

.bottombox {background-color:#0061a5;color:#fff;font-size:14px;padding:40px 0 0;}
.bottombox .btparta,.bottombox .btpartb,.bottombox .btpartc {width:18%;float:left;line-height:1.7;}
.bottombox .btpartb {width:35%;}
.bottombox .btpartc {width:20%;float:right;}
.bottombox .btparta h5,.bottombox .btpartb h5,.bottombox .btpartc h5 {font-size:18px;margin-bottom:15px;font-weight:700;}
.bottombox .btparta p {margin-top:20px;}
.morecontentb {display:block;width:80px;height:25px;line-height:25px;color:#fff;margin-top:20px;border-radius:25px;background:#52c6e7 url(../images/arrow-2.png) 63px 9px no-repeat;text-indent:16px;}
.bottombox .btpartc {text-align:right;}
.bottombox .btpartc h5 {font-size:14px;margin:5px 35px 0 0;}
.morecontentb:hover {background-color:#FB9700;text-indent:20px;background-position:68px 9px;color:#fff;}
.bottombox a {color:#FFF;}
.bottombox-copy {text-align:center;border-top:1px solid #3381b7;padding:20px 0;margin-top:30px;}
.ewmpic p {padding-right:3px;}