@charset "utf-8";

/* Style Reset */
html{font-size:625%;-webkit-text-size-adjust:none;max-height:100%}
body{position:relative;width:100%;height:100%;font-size:0.22rem;font-family:Arial, Helvetica, sans-serif; line-height:1.6; background:#04316c;}
.allpage{position:relative;z-index:10;height:auto;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;
	-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;right:0;min-height:6rem;background:#fff;margin: 0 auto}
*{font-family:Arial, Helvetica, sans-serif;}
body,p,h1,ul,li,input,img,figure,h3,h1,h2,dl,dd,dt{margin:0; padding:0;}
ul, ol, li, dl, dt, dd {list-style:none;}
a{text-decoration:none;outline:0px; color:#fff}
fieldset, img {border:0;}
img{max-width: 100%}
input[type="text"],input[type="password"],input[type="submit"],input[type="reset"],input[type="button"],textarea{-webkit-appearance: none;}
.clear {clear:both;width:100%;}
.c{clear:both;width:100%;}
.fl{ float:left;}
.fr{ float:right}
/* common */
body{width:6.4rem;margin: 0 auto;font-size:0.22rem;}
/* header */
.header{position:relative;height:50px;background:#054187;}
.header .logo{display:block;width:171px;height:17px;padding:10px 0 0 10px;}
.header .logo img{display:block;width:100%;}
.header .search{position:absolute;top:0;right:35px;z-index:1000;display:block;width:50px;height:50px;text-indent:-9999em;background:url(../images/icon-search.png) no-repeat center center;background-size:40%;}
.header .search:hover{background-color:#0067d2;}
.header .search span{display:none;}
.header .user-icon{position:absolute;top:0;right:70px;z-index:1000;display:block;width:50px;height:50px;text-indent:-9999em;background:url(../images/icon-user.png) no-repeat center center;background-size:40%;}
.header .user-icon span{display:none;}
.header .user-icon:hover{background-color:#0067d2;}
.header .back{position:absolute;top:0;left:0;display:block;width:50px;height:50px;text-indent:-9999em;background:url(../images/icon-back.png) no-repeat center center;background-size:12px 20px;}
@font-face{font-family: 'icomoon';src:url('../fonts/icomoon.eot');src:url('../fonts/icomoon.eot@#iefix') format('embedded-opentype'),url('../fonts/icomoon.woff') format('woff'),url('../fonts/icomoon.ttf') format('truetype'),url('../fonts/icomoon.svg#icomoon') format('svg');font-weight: normal;font-style: normal;}
/* Common styles of menus */
.dl-menuwrapper{width: 100%;max-width: 250px;float: right;position: absolute;top:0;right:0;padding-top: 45px;z-index: 999;-webkit-perspective: 1000px;-moz-perspective: 1000px;perspective: 1000px;-webkit-perspective-origin: 50% 200%;-moz-perspective-origin: 50% 200%;perspective-origin: 50% 200%;}
.dl-menuwrapper:first-child{margin-right: 100px;}
.dl-menuwrapper button{/*background: url(../images/header-bg.png) repeat-x bottom left;*/border: none;width: 50px;height: 50px;text-indent: -900em;overflow: hidden;position: absolute;top:0;right:0;cursor: pointer;outline: none;background: #054187 url(../images/menu-button-bg.png) no-repeat center center;background-size: 50%;}
.dl-menuwrapper button:hover ,
.dl-menuwrapper button.dl-active{/*background: url(../images/header-bg.png) repeat-x bottom left;*/background-color: #0067d2;}
.dl-menuwrapper ul{background: #0067d2;}
/*
.dl-menuwrapper button:after{content: '';position: absolute;width: 60%;height: 4px;background: #fff;top: 12px;left: 22%;box-shadow:0 10px 0 #fff,0 20px 0 #fff;}
*/
.dl-menuwrapper ul{padding: 0;list-style: none;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;transform-style: preserve-3d;}
.dl-menuwrapper li{position: relative;}
.dl-menuwrapper li a{display: block;position: relative;padding: 15px 10px;color: #fff;border-top: 1px solid #0576ec;border-bottom:1px solid #0053aa;outline: none;}
.no-touch .dl-menuwrapper li a:hover{background: rgba(255,248,213,0.1);}
.dl-menuwrapper li.dl-back > a{padding-left: 30px;background: rgba(0,0,0,0.1);}
.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after{position: absolute;top: 0;line-height: 50px;font-family: 'icomoon';speak: none;-webkit-font-smoothing: antialiased;content: "\e000";}
.dl-menuwrapper li.dl-back:after{left: 10px;color: rgba(255,255,255,0.8);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);transform: rotate(180deg);}
.dl-menuwrapper li > a:after{right: 10px;color: rgba(255,255,255,0.8);}
.dl-menuwrapper .dl-menu{margin: 5px 0 0 0;position: absolute;width: 100%;opacity: 0;pointer-events: none;-webkit-transform: translateY(10px);-moz-transform: translateY(10px);transform: translateY(10px);-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;}
.dl-menuwrapper .dl-menu.dl-menu-toggle{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
.dl-menuwrapper .dl-menu.dl-menuopen{opacity: 1;pointer-events: auto;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);transform: translateY(0px);}
/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu{display: none;}
/*
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link.
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a{display: none;}
.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li{display: block;}
/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu{position: absolute;width: 100%;top: 50px;left: 0;margin: 0;}
/* Animation classes for moving out and in */
.dl-menu.dl-animate-out-1{-webkit-animation: MenuAnimOut1 0.4s;-moz-animation: MenuAnimOut1 0.4s;animation: MenuAnimOut1 0.4s;}
.dl-menu.dl-animate-out-2{-webkit-animation: MenuAnimOut2 0.3s ease-in-out;-moz-animation: MenuAnimOut2 0.3s ease-in-out;animation: MenuAnimOut2 0.3s ease-in-out;}
.dl-menu.dl-animate-out-3{-webkit-animation: MenuAnimOut3 0.4s ease;-moz-animation: MenuAnimOut3 0.4s ease;animation: MenuAnimOut3 0.4s ease;}
.dl-menu.dl-animate-out-4{-webkit-animation: MenuAnimOut4 0.4s ease;-moz-animation: MenuAnimOut4 0.4s ease;animation: MenuAnimOut4 0.4s ease;}
.dl-menu.dl-animate-out-5{-webkit-animation: MenuAnimOut5 0.4s ease;-moz-animation: MenuAnimOut5 0.4s ease;animation: MenuAnimOut5 0.4s ease;}
@-webkit-keyframes MenuAnimOut1{50%{-webkit-transform: translateZ(-250px) rotateY(30deg);}75%{-webkit-transform: translateZ(-372.5px) rotateY(15deg);opacity: .5;}100%{-webkit-transform: translateZ(-500px) rotateY(0deg);opacity: 0;}}
@-webkit-keyframes MenuAnimOut2{100%{-webkit-transform: translateX(-100%);opacity: 0;}}
@-webkit-keyframes MenuAnimOut3{100%{-webkit-transform: translateZ(300px);opacity: 0;}}
@-webkit-keyframes MenuAnimOut4{100%{-webkit-transform: translateZ(-300px);opacity: 0;}}
@-webkit-keyframes MenuAnimOut5{100%{-webkit-transform: translateY(40%);opacity: 0;}}
@-moz-keyframes MenuAnimOut1{50%{-moz-transform: translateZ(-250px) rotateY(30deg);}75%{-moz-transform: translateZ(-372.5px) rotateY(15deg);opacity: .5;}100%{-moz-transform: translateZ(-500px) rotateY(0deg);opacity: 0;}}
@-moz-keyframes MenuAnimOut2{100%{-moz-transform: translateX(-100%);opacity: 0;}}
@-moz-keyframes MenuAnimOut3{100%{-moz-transform: translateZ(300px);opacity: 0;}}
@-moz-keyframes MenuAnimOut4{100%{-moz-transform: translateZ(-300px);opacity: 0;}}
@-moz-keyframes MenuAnimOut5{100%{-moz-transform: translateY(40%);opacity: 0;}}
@keyframes MenuAnimOut1{50%{transform: translateZ(-250px) rotateY(30deg);}75%{transform: translateZ(-372.5px) rotateY(15deg);opacity: .5;}100%{transform: translateZ(-500px) rotateY(0deg);opacity: 0;}}
@keyframes MenuAnimOut2{100%{transform: translateX(-100%);opacity: 0;}}
@keyframes MenuAnimOut3{100%{transform: translateZ(300px);opacity: 0;}}
@keyframes MenuAnimOut4{100%{transform: translateZ(-300px);opacity: 0;}}
@keyframes MenuAnimOut5{100%{transform: translateY(40%);opacity: 0;}}
.dl-menu.dl-animate-in-1{-webkit-animation: MenuAnimIn1 0.3s;-moz-animation: MenuAnimIn1 0.3s;animation: MenuAnimIn1 0.3s;}
.dl-menu.dl-animate-in-2{-webkit-animation: MenuAnimIn2 0.3s ease-in-out;-moz-animation: MenuAnimIn2 0.3s ease-in-out;animation: MenuAnimIn2 0.3s ease-in-out;}
.dl-menu.dl-animate-in-3{-webkit-animation: MenuAnimIn3 0.4s ease;-moz-animation: MenuAnimIn3 0.4s ease;animation: MenuAnimIn3 0.4s ease;}
.dl-menu.dl-animate-in-4{-webkit-animation: MenuAnimIn4 0.4s ease;-moz-animation: MenuAnimIn4 0.4s ease;animation: MenuAnimIn4 0.4s ease;}
.dl-menu.dl-animate-in-5{-webkit-animation: MenuAnimIn5 0.4s ease;-moz-animation: MenuAnimIn5 0.4s ease;animation: MenuAnimIn5 0.4s ease;}
@-webkit-keyframes MenuAnimIn1{0%{-webkit-transform: translateZ(-500px) rotateY(0deg);opacity: 0;}20%{-webkit-transform: translateZ(-250px) rotateY(30deg);opacity: 0.5;}100%{-webkit-transform: translateZ(0px) rotateY(0deg);opacity: 1;}}
@-webkit-keyframes MenuAnimIn2{0%{-webkit-transform: translateX(-100%);opacity: 0;}100%{-webkit-transform: translateX(0px);opacity: 1;}}
@-webkit-keyframes MenuAnimIn3{0%{-webkit-transform: translateZ(300px);opacity: 0;}100%{-webkit-transform: translateZ(0px);opacity: 1;}}
@-webkit-keyframes MenuAnimIn4{0%{-webkit-transform: translateZ(-300px);opacity: 0;}100%{-webkit-transform: translateZ(0px);opacity: 1;}}
@-webkit-keyframes MenuAnimIn5{0%{-webkit-transform: translateY(40%);opacity: 0;}100%{-webkit-transform: translateY(0);opacity: 1;}}
@-moz-keyframes MenuAnimIn1{0%{-moz-transform: translateZ(-500px) rotateY(0deg);opacity: 0;}20%{-moz-transform: translateZ(-250px) rotateY(30deg);opacity: 0.5;}100%{-moz-transform: translateZ(0px) rotateY(0deg);opacity: 1;}}
@-moz-keyframes MenuAnimIn2{0%{-moz-transform: translateX(-100%);opacity: 0;}100%{-moz-transform: translateX(0px);opacity: 1;}}
@-moz-keyframes MenuAnimIn3{0%{-moz-transform: translateZ(300px);opacity: 0;}100%{-moz-transform: translateZ(0px);opacity: 1;}}
@-moz-keyframes MenuAnimIn4{0%{-moz-transform: translateZ(-300px);opacity: 0;}100%{-moz-transform: translateZ(0px);opacity: 1;}}
@-moz-keyframes MenuAnimIn5{0%{-moz-transform: translateY(40%);opacity: 0;}100%{-moz-transform: translateY(0);opacity: 1;}}
@keyframes MenuAnimIn1{0%{transform: translateZ(-500px) rotateY(0deg);opacity: 0;}20%{transform: translateZ(-250px) rotateY(30deg);opacity: 0.5;}100%{transform: translateZ(0px) rotateY(0deg);opacity: 1;}}
@keyframes MenuAnimIn2{0%{transform: translateX(-100%);opacity: 0;}100%{transform: translateX(0px);opacity: 1;}}
@keyframes MenuAnimIn3{0%{transform: translateZ(300px);opacity: 0;}100%{transform: translateZ(0px);opacity: 1;}}
@keyframes MenuAnimIn4{0%{transform: translateZ(-300px);opacity: 0;}100%{transform: translateZ(0px);opacity: 1;}}
@keyframes MenuAnimIn5{0%{transform: translateY(40%);opacity: 0;}100%{transform: translateY(0);opacity: 1;}}
.dl-menuwrapper > .dl-submenu.dl-animate-in-1{-webkit-animation: SubMenuAnimIn1 0.4s ease;-moz-animation: SubMenuAnimIn1 0.4s ease;animation: SubMenuAnimIn1 0.4s ease;}
.dl-menuwrapper > .dl-submenu.dl-animate-in-2{-webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;-moz-animation: SubMenuAnimIn2 0.3s ease-in-out;animation: SubMenuAnimIn2 0.3s ease-in-out;}
.dl-menuwrapper > .dl-submenu.dl-animate-in-3{-webkit-animation: SubMenuAnimIn3 0.4s ease;-moz-animation: SubMenuAnimIn3 0.4s ease;animation: SubMenuAnimIn3 0.4s ease;}
.dl-menuwrapper > .dl-submenu.dl-animate-in-4{-webkit-animation: SubMenuAnimIn4 0.4s ease;-moz-animation: SubMenuAnimIn4 0.4s ease;animation: SubMenuAnimIn4 0.4s ease;}
.dl-menuwrapper > .dl-submenu.dl-animate-in-5{-webkit-animation: SubMenuAnimIn5 0.4s ease;-moz-animation: SubMenuAnimIn5 0.4s ease;animation: SubMenuAnimIn5 0.4s ease;}
@-webkit-keyframes SubMenuAnimIn1{0%{-webkit-transform: translateX(50%);opacity: 0;}100%{-webkit-transform: translateX(0px);opacity: 1;}}
@-webkit-keyframes SubMenuAnimIn2{0%{-webkit-transform: translateX(100%);opacity: 0;}100%{-webkit-transform: translateX(0px);opacity: 1;}}
@-webkit-keyframes SubMenuAnimIn3{0%{-webkit-transform: translateZ(-300px);opacity: 0;}100%{-webkit-transform: translateZ(0px);opacity: 1;}}
@-webkit-keyframes SubMenuAnimIn4{0%{-webkit-transform: translateZ(300px);opacity: 0;}100%{-webkit-transform: translateZ(0px);opacity: 1;}}
@-webkit-keyframes SubMenuAnimIn5{0%{-webkit-transform: translateZ(-200px);opacity: 0;}100%{-webkit-transform: translateZ(0);opacity: 1;}}
@-moz-keyframes SubMenuAnimIn1{0%{-moz-transform: translateX(50%);opacity: 0;}100%{-moz-transform: translateX(0px);opacity: 1;}}
@-moz-keyframes SubMenuAnimIn2{0%{-moz-transform: translateX(100%);opacity: 0;}100%{-moz-transform: translateX(0px);opacity: 1;}}
@-moz-keyframes SubMenuAnimIn3{0%{-moz-transform: translateZ(-300px);opacity: 0;}100%{-moz-transform: translateZ(0px);opacity: 1;}}
@-moz-keyframes SubMenuAnimIn4{0%{-moz-transform: translateZ(300px);opacity: 0;}100%{-moz-transform: translateZ(0px);opacity: 1;}}

@-moz-keyframes SubMenuAnimIn5{0%{-moz-transform: translateZ(-200px);opacity: 0;}100%{-moz-transform: translateZ(0);opacity: 1;}}
@keyframes SubMenuAnimIn1{0%{transform: translateX(50%);opacity: 0;}100%{transform: translateX(0px);opacity: 1;}}
@keyframes SubMenuAnimIn2{0%{transform: translateX(100%);opacity: 0;}100%{transform: translateX(0px);opacity: 1;}}
@keyframes SubMenuAnimIn3{0%{transform: translateZ(-300px);opacity: 0;}100%{transform: translateZ(0px);opacity: 1;}}
@keyframes SubMenuAnimIn4{0%{transform: translateZ(300px);opacity: 0;}100%{transform: translateZ(0px);opacity: 1;}}
@keyframes SubMenuAnimIn5{0%{transform: translateZ(-200px);opacity: 0;}100%{transform: translateZ(0);opacity: 1;}}
.dl-menuwrapper > .dl-submenu.dl-animate-out-1{-webkit-animation: SubMenuAnimOut1 0.4s ease;-moz-animation: SubMenuAnimOut1 0.4s ease;animation: SubMenuAnimOut1 0.4s ease;}
.dl-menuwrapper > .dl-submenu.dl-animate-out-2{-webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;-moz-animation: SubMenuAnimOut2 0.3s ease-in-out;animation: SubMenuAnimOut2 0.3s ease-in-out;}
.dl-menuwrapper > .dl-submenu.dl-animate-out-3{-webkit-animation: SubMenuAnimOut3 0.4s ease;-moz-animation: SubMenuAnimOut3 0.4s ease;animation: SubMenuAnimOut3 0.4s ease;}
.dl-menuwrapper > .dl-submenu.dl-animate-out-4{-webkit-animation: SubMenuAnimOut4 0.4s ease;-moz-animation: SubMenuAnimOut4 0.4s ease;animation: SubMenuAnimOut4 0.4s ease;}
.dl-menuwrapper > .dl-submenu.dl-animate-out-5{-webkit-animation: SubMenuAnimOut5 0.4s ease;-moz-animation: SubMenuAnimOut5 0.4s ease;animation: SubMenuAnimOut5 0.4s ease;}
@-webkit-keyframes SubMenuAnimOut1{0%{-webkit-transform: translateX(0%);opacity: 1;}100%{-webkit-transform: translateX(50%);opacity: 0;}}
@-webkit-keyframes SubMenuAnimOut2{0%{-webkit-transform: translateX(0%);opacity: 1;}100%{-webkit-transform: translateX(100%);opacity: 0;}}
@-webkit-keyframes SubMenuAnimOut3{0%{-webkit-transform: translateZ(0px);opacity: 1;}100%{-webkit-transform: translateZ(-300px);opacity: 0;}}
@-webkit-keyframes SubMenuAnimOut4{0%{-webkit-transform: translateZ(0px);opacity: 1;}100%{-webkit-transform: translateZ(300px);opacity: 0;}}
@-webkit-keyframes SubMenuAnimOut5{0%{-webkit-transform: translateZ(0);opacity: 1;}100%{-webkit-transform: translateZ(-200px);opacity: 0;}}
@-moz-keyframes SubMenuAnimOut1{0%{-moz-transform: translateX(0%);opacity: 1;}100%{-moz-transform: translateX(50%);opacity: 0;}}
@-moz-keyframes SubMenuAnimOut2{0%{-moz-transform: translateX(0%);opacity: 1;}100%{-moz-transform: translateX(100%);opacity: 0;}}
@-moz-keyframes SubMenuAnimOut3{0%{-moz-transform: translateZ(0px);opacity: 1;}100%{-moz-transform: translateZ(-300px);opacity: 0;}}
@-moz-keyframes SubMenuAnimOut4{0%{-moz-transform: translateZ(0px);opacity: 1;}100%{-moz-transform: translateZ(300px);opacity: 0;}}
@-moz-keyframes SubMenuAnimOut5{0%{-moz-transform: translateZ(0);opacity: 1;}100%{-moz-transform: translateZ(-200px);opacity: 0;}}
@keyframes SubMenuAnimOut1{0%{transform: translateX(0%);opacity: 1;}100%{transform: translateX(50%);opacity: 0;}}
@keyframes SubMenuAnimOut2{0%{transform: translateX(0%);opacity: 1;}100%{transform: translateX(100%);opacity: 0;}}
@keyframes SubMenuAnimOut3{0%{transform: translateZ(0px);opacity: 1;}100%{transform: translateZ(-300px);opacity: 0;}}
@keyframes SubMenuAnimOut4{0%{transform: translateZ(0px);opacity: 1;}100%{transform: translateZ(300px);opacity: 0;}}
@keyframes SubMenuAnimOut5{0%{transform: translateZ(0);opacity: 1;}100%{transform: translateZ(-200px);opacity: 0;}}
/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu{position: relative;opacity: 1;-webkit-transform: none;-moz-transform: none;transform: none;}
.no-js .dl-menuwrapper li .dl-submenu{display: block;}
.no-js .dl-menuwrapper li.dl-back{display: none;}
.no-js .dl-menuwrapper li > a:not(:only-child){background: rgba(0,0,0,0.1);}
.no-js .dl-menuwrapper li > a:not(:only-child):after{content: '';}


.banner{ width:6.4rem; height:1.5rem; background:url(../images/banner.jpg) center; background-size:6.4rem 3.5rem; padding-top:1.6rem; padding-bottom:0.4rem; color:#fff;}
.bannertext1{ width:3.9rem; line-height:0.6rem; text-align:center; float:left;font-weight:700; font-size:0.36rem;}
.bannertext2{ width:5.5rem; line-height:0.4rem; height:0.8rem; padding-top:0.15rem; text-align:center; margin:0 auto;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.bannertext3{ width:1.6rem; line-height:0.48rem; text-align:center;float:left; margin-left:0.4rem; color:#fff;}
.bannertext3 p{ background:#f08900;line-height:0.48rem; height:0.48rem; width:1.6rem; float:left; margin-top:0.06rem; height:0.48rem; color:#fff;}

.bannerpro{ width:6.4rem; height:auto; overflow:hidden; float:left; background:#054187; color:#fff;}
.bprolist{ width:3.2rem; height:4rem; padding:0; float:left;}
.bprolistpic{ width:2.46rem; height:2.11rem; margin:0 auto;text-align:center}
.bprolisttext1{ width:2.8rem; height:0.4rem; line-height:0.4rem; text-align:center;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;margin:0 auto;}
.bprolisttext2{ width:2.8rem; height:1.2rem; line-height:0.4rem; text-align:center;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;margin:0 auto;}

.iprotext{ width:6rem; padding:0.2rem; float:left;color:#000;height:auto; overflow:hidden;}
.iprotextt{ width:6rem; height:auto; overflow:hidden; float:left; font-size:0.36rem; font-weight:700; padding:0.2rem 0; color:#fff;}
.iprotextt1{ width:6rem; height:auto; overflow:hidden; float:left; font-size:0.36rem; font-weight:700; padding:0 0 0.2rem 0; color:#fff;}

.iprotextm{ width:6rem; height:auto; overflow:hidden; float:left;color:#fff;}
.iprotexticon{ width:6rem; height:auto; overflow:hidden; float:left;}
.iprotexticon .icon{ width:4.3rem; height:0.45rem; line-height:0.45rem; background:#fff; border:1px solid #054187; color:#054187; border-radius:20px; margin:0.3rem auto;text-align:center; cursor:pointer;}
.iprotexticon .iconactive{ width:4.3rem; height:0.45rem; line-height:0.45rem; background:#054187; border:1px solid #054187; color:#fff; border-radius:20px; margin:0.3rem auto;text-align:center; cursor:pointer;}

.ivideo{ width:6rem; height:auto; overflow:hidden; margin: 0 auto;}


.iprolist{ width:6rem; padding:0.2rem; margin:0 auto;}
.ipromain{ width:6rem; height:2.53rem; background:#363; float:left; color:#fff; margin:0.2rem 0 0 0;}
.ipromainpic{ width:2.53rem; height:2.53rem; float:left;}
.ipromainpic img{ width:2.53rem; height:2.53rem;}
.ipromaintext{ width:3.27rem; height:2.33rem; float:left; color:#fff; padding:0.1rem; background:#032860;}
.ipromaintext p{ width:3.27rem; height:1.6rem; line-height:0.4rem;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.ipromaintext .promore{ width:1.5rem; height:0.4rem; line-height:0.4rem; background:#015890; border:0; color:#fff; border-radius:20px; margin:0.1rem auto 0.1rem auto; text-align:center; cursor:pointer;}

.iprotext{ width:6rem; padding:0.2rem; float:left; height:auto; overflow:hidden;}
.inewmid{ width:6rem; height:auto; overflow:hidden; margin:0 auto;}
.inewlist{ width:6rem; height:auto; overflow:hidden; float:left; margin:0.1rem 0; background:#fff;}
.inewlistpic{ width:6rem; height:2.64rem; float:left;}
.inewlistpic img{ width:6rem; height:2.64rem; float:left;}
.inewlisttext{ width:5.6rem; height:2.2rem; float:left; padding:0.2rem; color:#000;}
.inewlisttext p.tit{ width:5.6rem; height:0.5rem; line-height:0.5rem;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-weight:bold}
.inewlisttext p.mid{ width:5.6rem; height:1.05rem; line-height:0.35rem;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; color:#b7b8ba;}
.inewlisttext .newsmore{ width:1.5rem; height:0.4rem; line-height:0.4rem; background:#fff; border:1px solid #015890; color:#015890; border-radius:20px; margin-bottom:10px; margin-top:10px; float:left;text-align:center; cursor:pointer;}

.ipnewstextt{ width:6rem; height:auto; overflow:hidden; color:#fff; float:left; font-size:0.36rem; font-weight:700; padding:0.2rem 0; line-height:0.5rem;}
.ipnewstextt p{ float:right; font-size:0.22rem; line-height:0.5rem; font-weight:normal;}
.inewstext{ width:6rem; padding:0.2rem; float:left;color:#000;height:auto; overflow:hidden; background:#04316c; margin-top:0.2rem;}

.botmain{ width:6.4rem; margin:0 auto; height:auto; text-align:center; color:#fff; background:#34363a; font-size:0.2rem; padding:0.2rem 0; clear:both;}
.botmain p{ line-height:0.4rem; text-align:center;background:#34363a; }

.position{ width:6rem; padding:0.15rem 0.2rem; background:#0756a4; color:#fff; border-bottom:1px solid #1862b2; border-top:1px solid #1862b2;}

.main{ width:6rem; padding:0.2rem; background:#04316c; color:#fff;height:auto; overflow:hidden;}
.maintit{ width:6rem; text-align:left; font-size:0.3rem; padding-bottom:0.2rem;}
.nhonor{ width:6rem; padding:0; height:auto; overflow:hidden;}
.nhonor li{ width:2.8rem; height:3.88rem; float:left; padding:0.1rem;}
.nhonor li img{ width:2.8rem; height:3.88rem;}

.page{ width:5.5rem; height:auto; overflow:hidden; margin:0 auto; text-align:center; clear:both; position:relative;}
.pagel{ width:1.5rem; float:left; height:0.5rem; line-height:0.5rem; text-align:center; background:#054187; color:#fff; margin:0.2rem  0.2rem;}
.pagem{ width:1.5rem;  height:0.5rem; line-height:0.5rem; text-align:center; color:#fff; margin:0.2rem 0.1rem; position:absolute; left:1.9rem; text-align:center}
.pager{ width:1.5rem; float:right; height:0.5rem; line-height:0.5rem; text-align:center; background:#054187; color:#fff;  margin:0.2rem  0.2rem;}

.feedbackmain{ width:6rem; float:left; height:auto; overflow:hidden;}
.feedbackname{ width:5.9rem; float:left; height:0.6rem; line-height:0.6rem; border:0px; background:#fff; padding-left:0.1rem; margin-bottom:0.3rem;}
.feedbacknameinput{ width:5.5rem; float:left; height:0.6rem; line-height:0.6rem; border:0px; background:#fff;}

.feedbackEmail{ width:5.9rem; float:left; height:0.6rem; line-height:0.6rem; border:0px; background:#fff; padding-left:0.1rem; margin-bottom:0.3rem;}
.feedbackEmailinput{ width:5.5rem; float:left; height:0.6rem; line-height:0.6rem; border:0px; background:#fff;}

.feedbacksubject{ width:5.9rem; float:left; height:0.6rem; line-height:0.6rem; border:0px; background:#fff; padding-left:0.1rem; margin-bottom:0.3rem;}
.feedbacksubjectinput{ width:5.5rem; float:left; height:0.6rem; line-height:0.6rem; border:0px; background:#fff;}

.feedbackmessage{ width:5.9rem; float:left; height:auto; overflow:hidden; line-height:0.4rem; border:0px; background:#fff; padding-left:0.1rem; margin-bottom:0.3rem;}
.feedbackmessagearea{ width:5.6rem;float:left;border:0px; background:#fff; padding:0.1rem 0; height:3rem;}

.send{ width:2rem; height:0.5rem; line-height:0.5rem; text-align:center; background:#ffa231; float:left; border:0; border-radius:20px;}

.contacttit1{ font-size:0.28rem; line-height:0.4rem; height:auto; float:left; width:6rem;margin-bottom:10px; font-weight:700;}
.contacttit2{ font-size:0.22rem; line-height:0.4rem; height:auto; float:left; width:6rem;margin-bottom:10px;}

.contacttext{ width:6rem; float:left; height:auto; overflow:hidden; padding-bottom:0.3rem; padding-top:0.2rem;}
.contacttext p.pic1{ float:left; width:0.42rem; height:0.42rem;}
.contacttext p.text1{ float:left; width:5rem; line-height:0.4rem; padding-left:0.2rem;}
.contacttext p.text1 img{ vertical-align:middle;}
.contacttext p.text2{ float:left; width:5rem; padding-left:0.2rem;}
.contacttext p.text2 img{ vertical-align:middle;}
.contacttext p.pic2{ float:left; width:0.42rem; height:0.42rem; padding-top:0.4rem;}
.contacttext p.pic3{ float:left; width:0.42rem; height:0.42rem; padding-top:0rem;}


.npro{ width:6rem; height:auto; overflow:hidden; float:left; padding-bottom:0.2rem;}
.nprolist{ width:2.8rem; height:3.8rem; float:left; padding:0.2rem 0.1rem;}
.nprolistpic{ width:2.8rem; height:2.8rem; float:left; text-align:center}
.nprolistpic img{ width:2.8rem; height:2.8rem; float:left; text-align:center}

.nprolisttext1{ width:2.8rem; height:0.4rem; line-height:0.4rem; float:left; font-size:0.24rem;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding:0.1rem 0 0 0;}
.nprolisttext2{ width:2.8rem; height:0.4rem; line-height:0.4rem; float:left; padding:0.1rem 0;}
.nprolisttext2 .text1{ width:0.8rem; float:left;height:0.4rem; line-height:0.4rem; }
.nprolisttext2 .text2{ width:2rem; float:left;height:0.4rem; line-height:0.4rem; text-align:left;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.nproductview{ width:914px; padding:20px 10px; height:auto; overflow:hidden; float:left;}

.more{ width:2rem; height:0.45rem; line-height:0.45rem; margin:0.2rem auto 0.4rem auto; color:#fff; background:#0157ae; text-align:center; border-radius:20px; clear:both;}
.tyzlmid{ padding:0; height:auto; overflow:hidden;}
.tyzlmidlist{ width:6rem; height:auto; overflow:hidden;}
.tyzlmidlist .tyzlmidlistpic{ height:2.7rem; text-align:center;}
.tyzlmidlist .tyzlmidlistpic img{
    /*width:4.8rem;*/
    height:2.7rem;
    text-align:center;}
.tyzlmidlist .tyzlmidlisttext{ width:6rem; text-align:center; height:auto; overflow:hidden; text-align:center; color:#fff; padding-top:0.1rem;}

.ntext1{ width:5.8rem; height:auto; overflow:hidden; padding:0.1rem 0.1rem; clear:both; background:#054187}
.ntext2{ width:5.8rem; height:auto; overflow:hidden;padding:0.1rem 0.1rem; clear:both; background:#054187}
.ntext2 p.tit{margin-bottom:0.1rem; border-bottom:1px solid #075ba9; padding-bottom:0.1rem;width:5.8rem; height:auto; overflow:hidden;}
.subnewsmidcont{ padding:0.2rem 0px; line-height:1.8;}
.nextinfor{ width:6rem; height:0.5rem; margin:0 auto; line-height:0.5rem;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; clear:both;}


.nnews{ width:6rem; padding:0rem; height:auto; overflow:hidden; float:left;}
.nnews li{ width:6rem; border-bottom:1px solid #075ba9; height:1.8rem; padding-top:0.2rem;}
.nnews li p.newstit{ width:6rem; height:0.45rem; line-height:0.45rem; font-size:0.24rem; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; background:#05428f;}
.nnews li p.newsmid{ width:6rem; height:1.2rem; line-height:0.4rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;word-wrap:break-word;}


.nabouttitb{ font-size:0.28rem; color:#fff;width:6rem; text-align:center; line-height:0.5rem;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; float:left; padding-bottom:0.2rem;}
.nabouttits{ font-size:0.2rem; color:#fff; padding-bottom:0.2rem; width:6rem; text-align:center; border-bottom:1px solid #075ba9; float:left;}
.submain{ width:6rem; height:auto; overflow:hidden; margin:0 auto; padding:0.2rem 0;border-bottom:1px solid #075ba9;}

.redcolor{ color:#f00; margin-right:10px; float:left; margin-top:4px;}
@media all and (min-width:640px){
	}
@media only screen and (max-width: 479px) and (min-width: 321px) {
    html{font-size: 70px;}
}
@media only screen and (max-width: 320px) {
    html{font-size: 60px;}
}
table,tr,td{border:1px solid #fff!important;
    border-collapse: collapse;
    color: #fff !important;}
    .paging {width:100%;height:24px;text-align:center; padding:15px 0; float:right}
.paging a,.paging span {font:12px/24px "microsoft yahei";/* color:#333; */text-decoration:none;padding:0 8px;border:solid 1px #ddd;display:inline-block;white-space:nowrap;margin:0 3px;}
.paging a {background:none;}
.paging .first{display:none;}
.paging .end{display:none;}
.paging a:hover {background:#000;color:#fff;}
.paging span {background:#000;color:#fff;}
.page{width:100%;margin:10px auto;overflow: hidden;position: relative; }
.page p{width:100%;height:28px;font:12px/28px "microsoft yahei";color:#1d1d1d;overflow: hidden;}
.page p a{color:#1d1d1d}
.page p a:hover,.back:hover{text-decoration: underline}
.back{font:14px/39px "microsoft yahei";color:#fff;width:138px;margin:0 auto;border-radius:4px;display:block;text-align:center; background:#3aa314;}