em,i{font-style:normal}
cite {font-style: normal;}
body,td,th { font-family: \5FAE\8F6F\96C5\9ED1; }
a {color: #333;text-decoration: none; transition: all 0.5s ease 0s;}
.bor-a{border: solid 1px #DEDEDE;}
.mb10{margin-bottom: 10px;}.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt40{margin-top: 40px;}

.contacts{padding-right: 15px;padding-left: 15px; margin-right: auto; margin-left: auto;}

.navbk{height: 75px;}
.navbk .layui-nav{background: #fff;padding: 0;}
.navbk .layui-nav .layui-nav-item{line-height: 75px;}
.navbk .layui-nav .layui-nav-item:hover{background: #FF9966;color:#fff;}
.navbk .layui-nav .layui-nav-item a{padding: 0 32px;    display: inline-block;color: #333;font-size: 22px;font-weight:400;}
.navbk .layui-nav .layui-nav-child a{font-size:16px  !important;padding: 0; text-align: center; width: 100%;}
.navbk .layui-this{background: #0066CC;}
.navbk .layui-nav .layui-this a{color: #fff;}
.navbk .layui-nav .layui-this:after, .navbk .layui-nav-bar, .navbk .layui-nav-tree .layui-nav-itemed:after{height: 0;}
.navbk .layui-nav .layui-nav-item a:hover{color: #fff  !important;}
.navbk .layui-nav .layui-nav-child a:hover{color: #fff  !important;background:#0066CC;}

.intitle h1 {text-align: center; margin: 0 0 15px 0; font-size: 32px; font-weight: 600; letter-spacing: 1px;}
.intitle h3 {text-align: center; margin: 0 0 15px 0; font-size: 18px; font-weight: 600; letter-spacing: 1px;}
.intitle h1 span {color: #FF9966;}
.layui-elem-field legend{text-align: center;font-size: 14px;margin: 0 auto;}
.inrolis{ float: left; top: 0;  left: 0;height: 100%; z-index: 1; margin-top: 20px;}
.piczoom{position: relative;display: block; width: 100%; height: 0; overflow: hidden; padding-bottom: 67%;}
.picoh{overflow: hidden;}
.piczoom img{width: 100%; height: auto; position: relative; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out;  transition: all 0.8s ease-in-out;}
.piczoom:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05);  transform: scale(1.05);}
.full{position: absolute;left: 0;top: 0; width: 100%; height: 100%;}
.inprtit {padding: 20px 1%;background: #F8FBEF; overflow: hidden; z-index: 2;  display: block;position: relative;}
.inprtit:hover { background-color: #88b82a; }
.inprtit:hover h2 { color: #fff;}
.inprtit:before{content: ''; position: absolute; width: 100%; height: 100%; background-color: #88b829; left: 0; bottom: -100%; transition: all 0.5s ease; -webkit-transition: all 0.5s ease;  z-index: -1;}
.transitionf {transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.imgsive{display: block;max-width: 100%;height: auto;}
.name{margin: 0;text-align: center;font-size: 28px; font-weight: 600;}
.inrolis:hover .inprtit:before { bottom: 0;}
.inrolis:hover .inprtit{color: #fff;}

.invideo{background: #000; width: 100%; float: left;}
.text-hong{color: #FF0000;}
.incominfo h2{font-weight: 700;margin-bottom: 20px;}
.incominfo p{margin-top: 20px; text-align: justify;text-indent: 28px; font-size: 16px;line-height: 32px;}

.advpic{width: 100%;height: auto;}
.bor-r{border-right: solid 1px #dedede;height: 420px;}
.advanli img{width: 100%;}
.advanli h2{font-size: 32px;height: 70px; line-height: 70px; margin: 0; padding: 0 0 0 36px;border-bottom: 1px solid #dedede;}
.advanli h2 span {color: #f00;font-size: 36px;height: 70px; line-height: 70px;padding: 0 10px;}
.advanli p {line-height: 25px; text-align: justify; padding: 10px; font-size: 13px;}
.advants .layui-row{border-left: solid 1px #DEDEDE;height: 420px;}

.scrollBox{ width:100%; position:relative; }
.scrollBox .piclist{ overflow:hidden; zoom:1;}
.scrollBox .ohbox{overflow:hidden; position:relative;width:100%;}
.scrollBox {position:relative;overflow:hidden;zoom:1;}
.scrollBox .piclist li{float:left; display:inline; width:265px;margin-right:20px;}
.scrollBox .piclist li span{height:25px;line-height:25px;display:block;text-align:center;   }
.scrollBox .piclist li img{width: 100%;height: 170px;}
.scrollBox .pageBtn .list{overflow:hidden;zoom:1; margin: 0 auto;width: 10%; }
.scrollBox .pageBtn .list li{ background:url(../img/bntBg.png); float:left; display:inline; width:15px;height:15px;cursor:pointer;margin-left:10px;line-height:10000px;overflow:hidden;  }
.scrollBox .pageBtn .list li.on{background-position:18px 0; }

.inlinks a{padding: 0 10px;line-height: 28px;}
.footnav{background: #282D30;height: 64px;line-height: 64px;}
.footnav .layui-nav{background: none;}
.footnav .layui-nav .layui-this:after, .navbk .layui-nav-bar, .navbk .layui-nav-tree .layui-nav-itemed:after{height: 0;}
.footnav .layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after{height: 0;}
.footnav .layui-nav .layui-nav-item a{font-size: 16px;}
.t-bot{height: 64px;width: 150px;display: block;background: #0270BB; color: #FFF; line-height: 64px; text-align: center; float: right;}
.t-bot a {color: #FFF;}
.footer{background: #202222;color:#9C9E9F;padding-top: 20px;padding-bottom: 10px;}
.footer .layui-row{margin-top: 10px;}
.fcorgy{border-right: solid 1px #DEDEDE;}
.fcorgy p{font-size: 16px;line-height: 32px;margin-bottom: 10px;}
.fwx{float: right;width: 150px;background: #3E4144;}
.fwx img{display: block;margin-right: auto;margin-left: auto;    padding: 10px 5px;width: 120px;height: 120px;}
.fwx p{text-align: center;padding-bottom: 10px;}

/**news**/
.pagebanner img{width: 100%;height: auto;}
.symbox{font-size: 16px !important;font-weight: 700;background: url(../img/divider.png) repeat-x scroll left bottom !important;height: 40px;line-height: 30px; }
.symbox a{color: #333 !important;}
.layui-breadcrumb>* {font-size: 16px;}

.newsli a{display: block;}
.newsli a:hover{background: #0066CC;color: #fff;}
.newsli:hover div {color: #FFF;}
.newsli:hover div a { color: #FFF;}
.newsli:hover div p { color: #FFF;}
.newsli:hover div span { color: #FFF;}
.newsli:hover div h3 { color: #FFF;}

.newsli{border-bottom: solid 1px #DEDEDE;padding: 10px 0;display: block; height: 200px;position: relative; margin-bottom: 10px;margin-top: 10px;}
.newsli img{width: 92%;height: 167px;padding: 2%;background: #fff;border: solid 1px #DEDEDE;margin-left: 4%;}
.newsli h3{font-size: 16px;font-weight: 700;color: #333;width: 100%;margin-bottom: 20px;}
.newsli p{font-size: 15px;color: #666;line-height: 28px;margin-bottom: 40px;width: 98%;}

.ndates span{color: #FF0000;}
.ndates .layui-btn{float: right;margin-right: 20px;}

.nbstit{color: #000; margin-bottom: 6px; text-align: center; padding: 16px 0 0px; border-bottom: 1px solid #e5e5e5;}
.nbstit h1{ font-size: 20px; font-weight: 700;}
.nbstit span{font-size: 12px;font-weight: normal; line-height: 50px; color: #999;}
.newstxt{line-height: 26px; color: #808080;}
.newstxt img{max-width: 800px;text-align: center;margin: 0 auto;}
.newbot{font-size: 16px;color: #666;}
.newbot em{font-weight: 700;color: #333;}
.xgss a{padding: 0 5px;}
.tbli p{padding: 5px 0;}


/**about**/
.abbox{width: 94%;padding: 3%;}
.abtxt p{padding-top: 15px;color: #333;font-size: 16px;line-height: 32px;}


/**product**/
.prolist .layui-nav{background: none;padding: 0;margin-bottom: 20px;}
.prolist li a{background: #027FC2;font-size: 16px;font-weight: 700;color: #fff !important;padding: 0 !important;text-align: center;}
.prolist li a:hover{background: #08598D;}
.prolist li dd a{background: #fff;color: #333 !important;font-weight: 100 !important;line-height: 50px;width: 99%;}
.prolist .layui-nav .layui-nav-child a:hover{background: #0270BB;color: #fff !important;}
.prolist .layui-nav .layui-nav-item{line-height: 45px;}
.prolist .layui-nav .layui-nav-more{display: none;}
.prolist .layui-nav .layui-this:after, .navbk .layui-nav-bar, .navbk .layui-nav-tree .layui-nav-itemed:after{height: 0;background: none;}
.prolist .layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after{height: 0;background: none;}
.prolist .layui-nav-child{top: 45px;background:none;padding: 0;box-shadow: none;border-radius:0;border: none;}

.prrolis{ float: left; top: 0;  left: 0;height: 100%; z-index: 1; margin-top: 20px;}
.npho{margin: 0;text-align: center;font-size: 24px; font-weight: 600;color: #FF9966;}
.prrolis:hover .inprtit:before { bottom: 0;}
.prrolis:hover .inprtit{color: #fff;}

.protop .layui-nav{width: 100%; height: 50px; font-size: 16px; background: #0A77BD; position: fixed; top: 0; filter: alpha(opacity=80); -moz-opacity: 0.8;  opacity: 0.8; z-index: 100000;padding: 0;}
.protop li a{font-size: 16px;font-weight: 700;color: #fff !important;padding: 0 !important;text-align: center;}
.protop li a:hover{background: #FF8C00;}
.protop li dd a{background: #fff;color: #333 !important;font-weight: 100 !important;line-height: 55px;}
.protop .layui-nav .layui-nav-child a:hover{background: #0270BB;color: #fff !important;}
.protop .layui-nav .layui-nav-item{line-height: 50px;}
.protop .layui-nav .layui-nav-more{display: none;}
.protop .layui-nav .layui-on{background: #88B829;}
.protop .layui-nav .layui-this:after, .navbk .layui-nav-bar, .navbk .layui-nav-tree .layui-nav-itemed:after{height: 0;background: none;}
.protop .layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after{height: 0;background: none;}
.protop .layui-nav-child{top: 45px;background:none;padding: 0;box-shadow: none;border-radius:0;border: none;}

.back-w{background: #fff;}
.prot{padding: 20px;}
.propic img{width: 100%;height: auto;}
.protitis h1{font-size: 28px;color: #ff5400; font-weight: 600;}
.baozhang{width: 100%;float: left;}
.baozhang h3{float: left;height: 30px; line-height: 30px;font-size: 18px;}
.baozhang span{float: left; margin-right: 20px; list-style-type: none; color: #008800; background: url(../img/dh.png) no-repeat 0px 8px; padding-left: 20px;height: 35px; line-height: 35px;}
.bzxx{padding: 5px 0px;line-height: 30px;font-size: 14px;color: #FF0000; background: #FBFAFA;}

.fwbz .layui-col-md4{height: 98px;font-size: 14px;line-height: 26px;border-bottom: 1px solid #e3e3e3; text-align: center; color: #606977;}
.fwbz .layui-col-md4 i { position: absolute; top: 30px;  right: -1px; display: block; width: 1px; height: 50px; overflow: hidden; background-color: #e3e3e3;}
.fwbz .layui-col-md4 span{display: block; margin-top: 27px;font-size: 18px;line-height: 28px; color: #141823;}
.bzrow{background: #FBFAFA; padding: 20px; border: 1px solid #EAEAEA;}
.w94{width: 94%;padding:0 3%;}
.w90{width: 90%;padding:0 5%;}
.catly .layui-form-item{margin-bottom: 25px;}
.spic img{width: 100%;height: auto;}
.sppj {font-size: 16px;color: #333;line-height: 32px;}
.cjsp img{width: 100%;height: auto;}
.cattit{font-size: 20px; color: #CD2720; font-weight: 600;  height: 50px;line-height: 50px;text-align: center;}
.prcat{background: #fff; font-size: 16px; border: 1px solid #dedede;  padding: 10px;}
.prcat p img{margin: 0 auto; display: block;height: 120px;width: 120px;}
.prlx{border-bottom: 1px dashed #EEEDE9;height: 40px;line-height: 35px;padding-left: 10px;}
.prxr{font-size: 18px; font-weight: 700; color: #F00;}

.prfoot{background: #202222; color: #fff;  height: 50px; line-height: 50px;position:fixed; bottom:0; left:0; width:100%;}
.prfoot p{text-align: center;}