@charset "utf-8";

/*初始化样式*/
*{-webkit-tap-highlight-color:transparent;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

/*html5设置*/
article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block;}
html,body,div,pre,code,form,fieldset,legend,input,textarea,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main,p,h1,h2,h3,h4,h5,h6,dl,dd,ol,ul,li{margin:0;padding:0;}
html {font-size:5.208334vw;}
body{background-color:#fff;color:#333;font:normal 0.9375vw/1.83334em 'Arial','Sans-serif'; overflow-x:hidden;word-wrap:break-word;}
a{text-decoration:none;outline:none;color:#333;}
a:focus{outline:none;-moz-outline:none;}
a:hover{color:#1949d5;}
a img{border:none;}
img {vertical-align:middle; max-width:100%;}
li{list-style:none;}
select,input,textarea,button{border-radius:0;-webkit-border-radius:0;background:none;border:none;margin:0;padding:0;outline:none;font-family:'Arial','Sans-serif'; font-size:1em; color:#333;}
input:focus{outline:none;}
textarea{resize:none;}
input::-moz-placeholder{opacity:0.75; color:inherit;}
input:-moz-placeholder{opacity:0.75; color:inherit;}
input::-webkit-input-placeholder{opacity:0.75; color:inherit;}
input:-ms-input-placeholder{opacity:0.75; color:inherit;}
textarea::-moz-placeholder{opacity:0.75; color:inherit;}
textarea:-moz-placeholder{opacity:0.75; color:inherit;}
textarea::-webkit-input-placeholder{opacity:0.75; color:inherit;}
textarea:-ms-input-placeholder{opacity:0.75; color:inherit;}
table{background-color:transparent;border-spacing:0;border-collapse:collapse;width:100%;box-sizing:border-box;}
table td,table th{box-sizing:border-box;}

/*全局样式*/
.inner{width:93.75%;max-width:80em;margin:0 auto;}
.clear{clear:both;height:0px;overflow:hidden;}
.figure {overflow: hidden; position: relative;}
.figure a {display: block; position: relative;}
.figure img {display: block; width: 100%; height: auto; transition: all .3s;}
.figure .img {background: no-repeat center center; background-size:cover; display: block; transition: all .3s;}
.rows {display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}
.wot {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.submit {cursor:pointer;}

/*flex*/
.flex{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;}
.table{display:table;table-layout:fixed;width:100%;}

/*entry*/
.entry img{max-width:100%;height:auto!important;}
.entry ul,.entry ol{margin-left:2em;}
.entry ul li{list-style:outside disc none;}
.entry ol li{list-style:outside decimal none;}
.entry h1{font-size:1.5em;}
.entry h2{font-size:1.25em;}
.entry h3{font-size:1.125em;}
.entry h4{font-size:1em;}
.entry h5{font-size:0.875em;}
.entry h6{font-size:0.75em;}
.entry blockquote{margin:0 2em;font-style:italic;opacity:0.95;padding:1em;border:1px solid #e8e8e8;background-color:#f9f9f9;}
.entry hr{border:none;clear:both;border-bottom:1px solid #e6e6e6;}
.entry table{border-top:solid 1px #e4e4e4;border-left:solid 1px #e4e4e4;}
.entry th{background-color:#f9f9f9;text-align:center;}
.entry td,.entry th{padding:5px;border:1px solid #e4e4e4;}

/*header*/
#header{z-index:10;position:relative;background-color:#fff;border-bottom:1px solid #f2f2f2;}
#header.Zdex{ z-index:initial;}
#header > .inner{display:table;table-layout:fixed;}

/*logo*/
#logo{width:5.88888889em;font-size:1em;display:table-cell;vertical-align:middle;position:relative;z-index:10;}
#logo a{display:block;overflow:hidden;padding-bottom:30.18867925%;position:relative;}
#logo i{position:absolute;width:100%;height:100%;text-indent:-99999em;display:block;overflow:hidden;background:no-repeat left center;background-size:contain;}

/*button*/
#button{display:table-cell;vertical-align:middle;width:17.5em; position: relative; z-index:1000;}
#button > .flex{align-items:center;justify-content:space-between;}
#member{background:url(/Res/Web/images/member.png) no-repeat left center;background-size:1em auto;padding-left:1.66666667em;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:center;}
#member a{font-size:0.88888889em;line-height:1.5em;display:block;}
#member span{display:block;margin:0 0.27777778em;}
#language{font-size:0.88888889em;position:relative; padding:0 .1rem; border-radius:0.9375em;border:1px solid #a0a0a0;cursor:pointer;}
#language span{ display: -webkit-flex; display:flex; align-items:center; line-height:1.875em;text-align:center;}
#language span::before{ margin-right:.1rem; content:''; display:block; width:1em; height:1em; background-image:url(/Res/Web/images/language.png); background-size:contain; background-repeat: no-repeat; background-position: center;}
#language i{display:inline-block;background:url(/Res/Web/images/arrow_down_01.png) no-repeat right center;background-size:0.6875em auto;font-style:normal;padding-right:1.625em;}
#language ul{position:absolute;left:50px;transform:translateX(-50px);top:100%;background-color:#fff;z-index:5;border:1px solid #a0a0a0;min-width:100%;border-radius:1em;text-align:center;margin-top:1em;display:none;}
#language ul:before{width:0.35em;height:0.35em;background-color:#fff;border-top:1px solid #a0a0a0;border-right:1px solid #a0a0a0;transform:rotate(-45deg);content:'';display:block;position:absolute;left:50%;top:-0.28em;margin-left:-0.28125em;}
#language a{display:block;position:relative;z-index:2;}

/*navi*/
#navbtn{display:none;}

/*navi*/
#navi{display:table-cell;vertical-align:middle;padding:0 .9rem;}
#navi .menu{align-items:center; justify-content:center;}
#navi .parent{padding:1.5em 0;font-size:0.88888889em;line-height:1.5em;margin:0 0.3rem;}
#navi .parent > a{display:block;position:relative; font-size:1.3em;}
#navi .cur > a,
#navi .on > a{color:#1a47d4;}
#navi .drop{position:absolute;top:100%;left:0;width:100%;z-index:5;border-top:1px solid rgba(0,0,0,0.05);background-color:#fff;padding:1.125em 0;display:none;}
#navi .inner{max-width:90em;}
#navi .sub{margin-left:8.1em;padding-left:0.86rem;}
#navi .sub li{margin:0 0.3rem;}
#navi .sub li a{ color:#777;}
#navi .sub li a:hover{ color:#1a47d4;}
#navi li#navi10002 .sub li:nth-last-child(2){ margin-right:0;}
#navi li#navi10002 .sub li:nth-last-child(2) i{ font-style:normal; color:#777; display:inline-block; padding:0 .3em 0 0;}
#navi li#navi10002 .sub li:last-child{ margin-left:0;}
#navi em{display:none;}

/*footer*/
#footer{background-color:#070c3f;background-image:linear-gradient(90deg,#080942,#0a839e);color:#fff;position:relative;}
#footer:before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:url(/Res/Web/images/footer.png) no-repeat center center;background-size:cover;opacity:0.5;}
#footer .inner{position:relative;z-index:2;}
#footer a{color:#fff;}

/*bottom*/
#bottom{border-bottom:1px solid rgba(255,255,255,0.1);-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;padding:0.94rem 0 0.65rem;}

/*site*/
#site{width:23.95833333%;}

/*profile*/
#profile{font-size:0.77777778em;line-height:2.35714286em;color:rgba(255,255,255,0.7);overflow:hidden;margin-bottom:0.57142857em;}
#profile p{margin-bottom:1.42857143em;}
#profile img{display:block;height:2.28571429em;width:auto;}

/*social*/
#social li{margin-right:1.11111111em;position:relative;}
#social i{display:block;padding-bottom:100%;background:no-repeat center center;background-size:contain;}
#social i:nth-child(2){display:none;}
#social a{width:1.94444444em;display:block;overflow:hidden;}
#social a:hover i:nth-child(1){display:none;}
#social a:hover i:nth-child(2){display:block;}
#social .qr{width:7.22222222em;background-color:#fff;border-radius:0.55555556em;padding:0.55555556em;text-align:center;line-height:1.55555556em;position:absolute;bottom:100%;left:50%;transform:translateX(-50%);margin-bottom:1.11111111em;display:none;}
#social .qr:after{border-top:0.55555556em solid #fff;border-left:0.55555556em solid transparent;border-right:0.55555556em solid transparent;content:'';display:block;position:absolute;top:100%;left:50%;transform:translateX(-50%);}
#social .qr img{display:block;width:100%;height:auto;}
#social .code_box{ margin-top:1em;}
#social .code_box .item{ margin-right:1.11111111em;}
#social .code_box .item img{ width:5em; height:5em;}

/*menu*/
#menu{width:65.97222222%;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
#menu .item{max-width:25.26315789%;}
#menu .name{font-size:1em;line-height:1.33333333em;margin-bottom:0.66666667em;font-weight:normal;}
#menu .name:after{width:1.38888889em;height:1px;background-color:rgba(255,255,255,0.3);display:block;content:'';margin-top:1em;}
#menu .name a:hover{color:rgba(255,255,255,0.25);}
#menu ul{margin-bottom:1.22222222em;}
#menu li{font-size:0;line-height:2.5;}
#menu li a{color:rgba(255,255,255,0.7); font-size:14px;}
#menu #ito_10002 li:nth-last-child(2) i{padding-left: .5em; font-size:14px; font-style:normal; color:rgba(255,255,255,0.7); display:inline-block;}
/*#menu #ito_10002 li:last-child{ display:none;}*/
#menu li a:hover{color:#fff;}

/*other*/
#other{font-size:0.77777778em;line-height:1.5em;padding:0.315rem 0;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;flex-direction:row-reverse;color:rgba(255,255,255,0.25);}
#other a{color:rgba(255,255,255,0.25);}
#other a:hover{color:#fff;}
#other .icp{margin-left:0.6rem;}

/*pagelist*/
#pagelist li{padding-left:1.64285714em;position:relative;}
#pagelist li:before{width:1px;height:10px;background-color:rgba(255,255,255,0.25);content:'';display:block;position:absolute;left:0.71428571em;top:50%;transform:translateY(-50%);}
#pagelist li:first-child{padding-left:0;}
#pagelist li:first-child:before{display:none;}

/*swiper-dots*/
.swiper-dots .swiper-pagination{justify-content:center;}
.swiper-dots .swiper-pagination-bullet{width:0.44444444em;height:0.44444444em;border-radius:50%;border:1px solid #fff;margin:0 0.27777778em;background-color:transparent;}
.swiper-dots .swiper-pagination-bullet-active{background-color:#fff;}

/*swiper-arrows*/
.swiper-arrows .swiper-button{transform:translateY(-50%);margin-top:0;width:3em;height:4.88888889em;border:1px solid #fff;border-radius:1.5em;background:rgba(255,255,255,0.25) no-repeat center center;background-size:51.92307692% auto;opacity:0.5;}
.swiper-arrows .swiper-button:after{display:none;}
.swiper-arrows .swiper-button:hover{opacity:1;}
.swiper-arrows .swiper-button-prev{background-image:url(/Res/Web/images/swiper_prev_01.png);left:0.8rem;}
.swiper-arrows .swiper-button-next{background-image:url(/Res/Web/images/swiper_next_01.png);right:0.8rem;}


/*slides*/
#slides{margin-bottom:0.84rem;}
#slides .img{padding-bottom:calc(100vh - 4rem);transform:none;}
#slides .wap{display:none;}
#slides .swiper-pagination{bottom:4.66562986%;left:50%;transform:translateX(-50%);z-index:5;}
#slides .swiper-button{opacity:0; transition:all .5s;}
#slides:hover .swiper-button{ opacity:1;}

/*columnname*/
.columnname{display:-webkit-flex; display:flex;justify-content:center;flex-wrap:wrap;margin-bottom:0.53rem;font-size:2.77777778em;}
.columnname .name{font-size:1em;line-height:1.35em;color:#000;position:relative;padding:0 0.6em;text-align:center;}
.columnname .name:before,
.columnname .name:after{content:'';display:block;position:absolute;top:50%;transform:translateY(-50%);height:2px;width:1em;background-color:rgba(0,0,0,0.5);}
.columnname .name:before{right:100%;}
.columnname .name:after{left:100%;}
.columnname .desc{text-align:center;font-size:0.36em;line-height:1.83333333em;width:100%;margin-top:0.22222222em;}

/*hmabout*/
#hmabout{margin-bottom:0.84rem;}
#hmabout .intro{margin-bottom:1.05rem;}
#hmabout .intro p{margin-bottom:1.11111111em;}
#hmabout .intro ul{display:-webkit-flex;display:flex;justify-content:center;flex-wrap:wrap;}
#hmabout .intro li{margin:0 0.5rem;color:#777;}
#hmabout .intro li a{color:#777;}
#hmabout .list li{width:33.333%;text-align:center;padding:0 1%;}
#hmabout .list .icon{width:49.88913525%;margin:0 auto 0.45rem;}
#hmabout .list .icon i{padding-bottom:82.22222222%;display:block;background:no-repeat center center;background-size:contain;}
#hmabout .list .icon i:nth-child(2){display:none;}
#hmabout .list .text{font-size:1.11111111em;line-height:1.2em;}
#hmabout .list a{display:block;overflow:hidden;color:#2c2c2c;}
#hmabout .list a:hover{color:#1a47d4;}
#hmabout .list a:hover .icon i:nth-child(1){display:none;}
#hmabout .list a:hover .icon i:nth-child(2){display:block;}

/*dmore*/
.dmore a{font-size:0.88888889em;color:#fff;height:3.5em;border-radius:1.75em;padding:0 2em;display:inline-block;vertical-align:middle;background-color:#1a47d4;background-image:linear-gradient(90deg,#314391,#4493f0);line-height:3.5em;}
.dmore i{font-style:normal;background:no-repeat left center;background-size:0.6875em auto;}

/*submit*/
.submit{font-size:0.88888889em;height:3.5em;border-radius:1.75em;color:#fff;background-color:#1a47d4;background-image:linear-gradient(90deg,#314391,#4493f0);display:block;cursor:pointer;font-weight:bold;}

/*hmphotonics*/
#hmphotonics .item{position:relative;margin-bottom:1rem;}
#hmphotonics .img{padding-bottom:28.64583333%;}
#hmphotonics .wap{display:none;}
#hmphotonics .text{position:absolute;bottom:50%;transform:translateY(50%);left:0;width:100%;z-index:5;}
#hmphotonics .info{width:31.11111111em;max-width:100%;}
#hmphotonics .intro{ text-align:left; margin-bottom:0.53rem;}
#hmphotonics .title{font-size:2.77777778em;line-height:1.35em;margin-bottom:0.16em;color:#000;}
#hmphotonics .excerpt{line-height:2.0625em;max-height:4.125em;-webkit-line-clamp:2;margin-bottom:1.875em;}
#hmphotonics .center{transform:none;bottom:5.45454545%;}
#hmphotonics .center .inner{justify-content:center;}
#hmphotonics .right .inner{justify-content:flex-end;}
#hmphotonics .item:hover .img{transform:scale(1.05);}

/*logreg*/
#logreg{background:no-repeat center center;background-size:cover;width:100%;min-height:100vh;display:-webkit-flex;display:flex;position:relative;flex-direction:row-reverse;justify-content:space-between;}
#logreg .info{width:50%;background-color:#fff;display:-webkit-flex;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:0.5rem 0.45rem 0.4rem;position:relative;height:100vh;overflow-y:auto;-webkit-overflow-scrolling:touch;}
#logreg .copy{width:50%;display:-webkit-flex;display:flex;align-items:flex-end;text-align:center;font-size:0.77777778em;color:rgba(255,255,255,0.4);line-height:1.5em;justify-content:center;padding:0.38rem 3.125%;}
#logreg .top{width:100%;}
#logreg #logo{display:block;width:5.27777778em;}
#logreg .form{width:31.11111111em;color:#b9b9b9;max-width:80%;padding:1.3rem 0 0.9rem;}
#logreg .hgroup{margin-bottom:2.77777778em;overflow:hidden;}
#logreg .title{font-size:0.5rem;color:#000;line-height:1.125em;text-transform:uppercase;}
#logreg .intro{margin-top:0.44444444em;margin-bottom:1.38888889em;}
#logreg .input{margin-bottom:2.22222222em;}
#logreg .label{font-size:1.11111111em;line-height:1.65em;display:block;}
#logreg .label i{font-style:normal;color:#d5194e;}
#logreg .text{display:block;width:100%;border-bottom:2px solid #dcdcdc;background:no-repeat right center;height:3.33333333em;line-height:2em;padding:0.66666667em 1.66666667em 0.66666667em 0;background-size:auto 1.22222222em;}
#logreg .text:-webkit-autofill{ background-color:transparent!important; background-image:none!important;}
#logreg .user{background-image:url(/Res/Web/images/form_user.png);}
#logreg .pwd{background-image:url(/Res/Web/images/form_pwd.png);}
#logreg .id{background-image:url(/Res/Web/images/form_id.png);}
#logreg .mail{background-image:url(/Res/Web/images/form_mail.png);}
#logreg .name{background-image:url(/Res/Web/images/form_name.png);}
#logreg .job{background-image:url(/Res/Web/images/form_job.png);}
#logreg .phone{background-image:url(/Res/Web/images/form_phone.png);}
#logreg .meta{justify-content:space-between;align-items:center;padding:0.77777778em 0;}
#logreg .meta label{display:block;}
#logreg .meta input{margin-right:0.55555556em;}
#logreg .meta span{display:block;}
#logreg .button{margin-top:2.22222222em;}
#logreg .submit{width:100%;}
#logreg .other{text-align:center;margin-top:0.83333333em;}
#logreg a{color:#1a47d4;}
#logreg .mb0{margin-bottom:0;}
#logreg .back a{background:url(/Res/Web/images/back.png) no-repeat right center;background-size:0.88888889em auto;color:#b9b9b9;display:inline-block;padding-right:1.44444444em;vertical-align:middle;}

/*pagename*/
.pagename{text-align:center;font-size:0.54rem;line-height:1.25em;color:#fff;text-shadow:0px 0.01851852em 0.09259259em rgba(14,39,86,0.6);}

/*pagealias*/
.pagealias{text-align:center;font-size:0.34rem;line-height:1.25em;color:#fff;text-shadow:0px 0.01851852em 0.09259259em rgba(14,39,86,0.6);}

/*pagealias*/
.pageintro{font-size:0.28rem;color:#fff;text-shadow:0px 0.01851852em 0.09259259em rgba(14,39,86,0.6);line-height:1.21428571em;font-weight:bold;}

/*search*/
#search{background:url(/Res/Web/images/bg_01.jpg) no-repeat center center;background-size:cover;min-height:28.22222222em;justify-content:center;align-items:center;color:#fff;padding:2em 0;}
#search .box{width:48.88888889em;max-width:80%;margin:0 auto;}
#search .total{text-align:center;}
#search .total span{font-weight:bold;}
#search .input{background-color:#fff;box-shadow:0px 0px 0.22222222em rgba(0,0,0,0.05);border-radius:0.55555556em;position:relative;padding-right:6em;margin-bottom:1.66666667em;margin-top:2.55555556em;}
#search .text{height:3.33333333em;color:#353535;display:block;width:100%;line-height:1.66666667em;padding:0.83333333em 2.22222222em;}
#search .go{width:4.88888889em;position:absolute;top:50%;transform:translateY(-50%);right:0.55555556em;background:#3458ab url(../images/search.svg) no-repeat center center;background-size:19.31818182% auto;height:2.77777778em;border-radius:1.38888889em;cursor:pointer;}

/*nitem*/
.nitem{padding:3.33333333em 0;border-bottom:1px solid #f0f0f0;}
.nitem .figure{width:32.36111111%;border-radius:0.55555556em;box-shadow:0px 0.11111111em 0.55555556em rgba(45,79,99,0.1);}
.nitem .img{padding-bottom:66.52360515%;}
.nitem .text{width:63.88888889%;padding:0.15rem 0;}
.nitem .title{font-size:1.33333333em;line-height:1.25em;margin-bottom:3.69565217%;}
.nitem .title i{font-style:normal;color:#1a47d4;}
.nitem .excerpt{margin-bottom:2.17391304%;max-height:5.5em;-webkit-line-clamp:3;}
.nitem .excerpt span{color:#1a47d4;}
.nitem .date{opacity:0.5;}
.nitem .info{justify-content:space-between;align-items:flex-start;color:#2c2c2c;}

/*pagenavi*/
#pagenavi{justify-content:center;font-size:0.88888889em;}
#pagenavi span,#pagenavi a{display:block;margin:0.15625em;border-radius:0.3125em;height:3.125em;line-height:3.125em;min-width:3.125em;text-align:center;padding:0 0.3125em;position:relative;color:#7d7d7d;background-color:#f3f3f3;}
#pagenavi span{background-color:transparent;margin-left:0;margin-right:0;}
#pagenavi a:hover,#pagenavi .a_cur{color:#fff;background-color:#1a47d4;}
#pagenavi .a_arrow{background:#f3f3f3 no-repeat center center;background-size:8.75% auto;width:5em;}
#pagenavi .a_arrow:hover{background-color:#1a47d4;}
#pagenavi .a_prev{background-image:url(/Res/Web/images/prev_01.png);}
#pagenavi .a_prev:hover{background-image:url(/Res/Web/images/prev_02.png);}
#pagenavi .a_next{background-image:url(/Res/Web/images/next_01.png);}
#pagenavi .a_next:hover{background-image:url(/Res/Web/images/next_02.png);}

/*result*/
#result{padding-bottom:1rem;}
#result .list{margin-bottom:1rem;}

/*widget*/
#widget{position:fixed;right:0.3rem;top:70%;transform:translateY(-50%);background-color:#fff;border-radius:0.55555556em;box-shadow:0px 0px 1.33333333em rgba(109,122,143,0.14);width:3.33333333em;z-index:8;}
#widget li{border-bottom:1px solid #f2f2f2;}
#widget li:last-child{border-bottom:none;}
#widget a{display:block;overflow:hidden;background:no-repeat center center;background-size:36.66666667% auto;padding-bottom:100%;}
#widget .sch a{background-image:url(/Res/Web/images/search_02.svg);}
#widget .sch a:hover{background-image:url(/Res/Web/images/search_03.svg);}
#widget .top a{background-image:url(/Res/Web/images/top.png);background-size:31.66666667% auto;}
#widget .top a:hover{background-image:url(/Res/Web/images/top_02.png);}

/*banner*/
#banner .quiban{position: absolute;width: 100%;height: 100%;left: 0;top: 0;object-fit: cover;z-index: 0;}
.qui_pc_show{display: block!important;}
.qui_wap_show{display: none!important;}
#banner{background:no-repeat center center;background-size:cover;position: relative;}
#banner .inner{height:4.71rem;display:-webkit-flex;display:flex;align-items:center;justify-content:center;text-align:center;padding:0.55555556em 0;position: relative;z-index:5;}
#banner .top{align-items:flex-start;}
#banner .right{justify-content:flex-end;}
#banner .blue .pagename,#banner .blue .pagealias{color:#1a47d4;}
#banner .box{width:50.55555556em;text-align:left;}
#banner .box .pagename{text-align:left;}
#banner .intro{margin-top:0.1rem;}
@media only screen and (max-width:750px){
	.qui_pc_show{display: none!important;}
	.qui_wap_show{display: block!important;}
}

/*breadcrumb*/
#breadcrumb{margin-top:0.4rem;}
#breadcrumb .box{font-size:0.77777778em;color:#8e8e90;line-height:1.71428571em;}
#breadcrumb a{color:#8e8e90;}
#breadcrumb a:hover{color:#1a47d4;}
#breadcrumb i{font-style:normal;margin:0 1em;}

/*message*/
#message{padding:0.8rem 0 1rem;}
#message .input{border-bottom:1px solid #dcdcdc;width:47.56944444%;margin-bottom:0.83333333em;}
#message .text{display:block;width:100%;font-size:1.11111111em;color:#b9b9b9;line-height:1.65em;height:3.35em;padding:0.85em 0; background:transparent!important;}
#message .text:-webkit-autofill{ background-color:transparent!important; background-image:none!important;}
#message .text:focus{color:#333;}
#message .submit{width:8.75em;margin:0 auto;}
#message .column{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:0.55rem;}
#message .check-shell{ width:100%; margin:0.83333333em 0;}
#message .check-shell label{ display:-webkit-flex; display:flex; align-items:flex-start; justify-content:space-between;}
#message .check-shell label .text{ width:1em; height:1em; margin-top:.3em; cursor:pointer;}
#message .check-shell label .txt{ width:calc(100% - 2em);}
#message .tishi a{ color:#1a47d4;}


/*contact*/
#contact{background:no-repeat center center;background-size:cover;padding:0.8rem 0 1rem;}
#contact .tab{justify-content:center;margin-bottom:0.53rem;}
#contact .tab span{display:block;font-size:1.11111111em;color:#666;line-height:1.2em;margin:0 0.5rem;cursor:pointer;}
#contact .tab .cur{color:#1a47d4;}
#contact .list{padding:0 4.72222222em;position:relative;}
#contact .item{display:none;}
#contact .swiper-button-prev{left:0;}
#contact .swiper-button-next{right:0;}
#contact .swiper-slide{height:auto;}
#contact .info{background-color:#fdfeff;height:100%;position:relative;border-radius:0.55555556em;overflow:hidden;}
#contact .info .top{background-color:#3458ab;color:#fff;padding:0.27rem 0.5rem;font-size:1.44444444em;line-height:1.26923077em;}
#contact .info .name{font-size:1em;line-height:1.26923077em;margin-bottom:0.30769231em;}
#contact .info .alias{font-size:0.69230769em;font-weight:normal;line-height:1.83333333em;}
#contact .info .btm{padding:0.27rem 0.5rem 0.37rem;}
#contact .addr{margin-bottom:0.94444444em;}
#contact .intro{color:#777;}
#contact .intro p{padding-left:1.77777778em;margin-bottom:0.94444444em;background:no-repeat left 0.33333333em;background-size:1.16666667em auto;}
#contact .intro p:last-child{margin-bottom:0;}
#contact .intro .tel{background-image:url(/Res/Web/images/icon_tel.png);}
#contact .intro .fax{background-image:url(/Res/Web/images/icon_fax.png);}
#contact .intro .mail{background-image:url(/Res/Web/images/icon_mail.png);}
#contact .intro span{color:#3458ab;display:inline-block;}

/*wrapper*/
#wrapper{padding:0.64rem 0 1rem;overflow:hidden;min-height:40.3vh;}

/*newspost*/
#newspost .title{text-align:center;font-size:2.22222222em;color:#000;line-height:1.5em;max-width:24.5em;margin:0 auto 0.54rem;}
#newspost .meta{justify-content:center;font-size:0.88888889em;color:#777;border-bottom:1px solid #f0f0f0;padding-bottom:0.28rem;margin-bottom:0.3rem;}
#newspost .meta span{display:block;margin:0 0.25rem;background:no-repeat left center;background-size:auto 0.9375em;padding-left:1.625em;}
#newspost .meta .views{background-image:url(/Res/Web/images/post_views.png);padding-left:1.75em;}
#newspost .meta .date{background-image:url(/Res/Web/images/post_date.png);}
#newspost .meta .area{background-image:url(/Res/Web/images/post_area.png);padding-left:1.5em;}
#newspost .entry{margin-bottom:0.75rem; line-height:1.5; overflow: hidden;}
#newspost .other{ width:100%; border-top:1px solid #f0f0f0;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;padding:0.32rem 0 0.75rem;}
#newspost .other > div{max-width:45%;}
#newspost .other a{color:#777; font-size:.9em;}
#newspost .other span{ font-size:1.1em;}
#newspost .other a:hover{color:#1a47d4;}
#newspost .dmore{text-align:center;}

/*category*/
#category{font-size:1.11111111em;line-height:1.2em;margin-bottom:0.55rem;}
#category a{display:block;color:#666;transition:all 0.2s;}
#category a:hover{color:#3458ab;}
#category .cur a{color:#3458ab;font-weight:bold;}
#category .top{justify-content:center;}
#category .top ul{justify-content:center;border-bottom:0.15em solid #f0f0f0;}
#category .top li{position:relative;margin-right:1rem;padding:0.3rem 0;color:#666;}
#category .top li:last-child{margin-right:0;}
#category .top li:after{width:100%;height:0.15em;content:'';display:block;position:absolute;left:0;top:100%;background-color:#3458ab;opacity:0;transition:all 0.2s;}
#category .top .nmg{margin-right:0;}
#category .top .cur:after{opacity:1;}
#category .btm{margin-top:0.55rem;display:-webkit-flex;display:flex;justify-content:center;}
#category .btm ul{display:-webkit-flex;display:flex;justify-content:flex-start; overflow:auto;}
#category .btm ul::-webkit-scrollbar{ display:none;}
#category .btm li{padding:0 0.2rem;position:relative;}
#category .btm li:after{width:1px;height:0.75em;background-color:#7f7f7f;opacity:0.4;content:'';display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);}
#category .btm li:last-child:after{display:none;}

/*border*/
.border .bbox{position:relative;}
.border .bbox:before,
.border .bbox:after{content:'';display:block;position:absolute;height:0.16666667em;bottom:0;left:0;}
.border .bbox:before{width:100%;background-color:#f0f0f0;}
.border .bbox:after{width:0.9rem;background-color:#3458ab;z-index:2;transition:all 0.3s;}
.border .bbox:hover:after{width:100%;background-image:linear-gradient(90deg,#314391,#4493f0);}

/*newstop*/
#newstop{padding:0.65rem 0;border-top:0.11111111em solid #f0f0f0;}
#newstop .figure{width:49.72222222%;}
#newstop .img{padding-bottom:65.5027933%;}
#newstop .text{width:46.875%;}
#newstop .date{width:5.3125em;height:5em;background:url(/Res/Web/images/date_box.svg) no-repeat center center;background-size:contain;display:-webkit-flex;display:flex;align-items:center;justify-content:center;color:#fff;text-align:center;margin-bottom:0.27rem;font-size:0.88888889em;line-height:1.75em;padding-right:0.25em;}
#newstop .date i{font-style:normal;font-weight:bold;font-size:2em;display:block;line-height:1em;}
#newstop .title{font-size:1.33333333em;line-height:1.375em;max-height:2.75em;-webkit-line-clamp:2;}
#newstop .line{background-color:rgba(0,0,0,0.5);width:2.77777778em;height:0.11111111em;margin:0.2rem 0;}
#newstop .other-txt{ font-weight:bold; margin-bottom:1em;}
#newstop .excerpt{max-height:5.5em;-webkit-line-clamp:3;}
#newstop .info{display:-webkit-flex;display:flex;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;color:#2c2c2c;}
#newstop .info:hover .title{color:#1949d5;}
#newstop .info:hover .img{transform:scale(1.05);}

/*newslist*/
#newslist{width:102.5%;margin-bottom:0.5rem;}

/*newsitem*/
.newsitem{width:33.333%;padding-right:2.43902439%;padding-bottom:3.04878049%;}
.newsitem .figure{box-shadow:0px 0.11111111em 0.55555556em rgba(45,79,99,0.1);}
.newsitem .img{padding-bottom:67.98245614%;}
.newsitem .text{ width:100%; color:#fff; position:absolute; bottom:0; left:0; padding:1.33333333em; background:rgba(0, 0, 0, 0.3);}
.newsitem .title{font-size:1.2em;line-height:1.5;-webkit-line-clamp:2; height:3em; overflow: hidden;}
.newsitem .date{ position:absolute; left:0; top:0; width:5.3125em;height:5em; background:#314391;display:-webkit-flex;display:flex;align-items:center;justify-content:center;color:#fff;text-align:center;margin-bottom:0.27rem;font-size:0.88888889em;line-height:1.75em;padding-right:0.25em; transition:all .5s;}
.newsitem .date i{font-style:normal;font-weight:bold;font-size:2em;display:block;line-height:1em;}
.newsitem .info{display:block;position:relative;height:100%;}
.newsitem a:hover .date{ background:#1949d5;}

/*popup*/
.popup{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:10;display:none;}
.popup .close{width: .3rem;height: .3rem;background: #fff url(/Res/Web/images/close.png) no-repeat center center;background-size: .15rem;position:absolute;top: 0;right: 0;z-index:5;cursor:pointer;padding: .1rem;border-radius: 100%;}
.popup .box{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;width:100%;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;justify-content:center;align-items:center;}
.popup .inner{ position: relative;}


/*eventpost*/
#eventpost .swiper{width:96.18055556%;}
#eventpost .img{height:48.95833333vw;max-height:97.91666667vh;}
#eventpost .swiper-button{background-color:rgba(219,219,219,0.5);opacity:1;}
#eventpost .swiper-button-prev{left:0.2rem;}
#eventpost .swiper-button-next{right:0.2rem;}
#eventpost .swiper-pagination{bottom:3.19148936%;}
#eventpost .swiper-pagination-bullet{opacity:1;}
#eventpost .close{ right:2.5%; top:1%;}


/*prointro*/
#prointro{padding:0.25rem 0;}
#prointro .columnname{font-size:2.5em;margin-bottom:0.33333333em;}

/*prowrap*/
#prowrap{padding:1rem 0;border-top:1px solid #f7f7f7;}
#prowrap .inner{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;align-items:flex-start;}

/*pronav*/
#pronav{width:12em;border-left:1px solid #e6e6e6;min-height:28.33333333em;}
#pronav li{font-size:1.33333333em;line-height:1em;padding-left:1em;position:relative;margin-bottom:0.75rem;}
#pronav li:before{width:0.16666667em;height:0.83333333em;content:'';display:block;position:absolute;left:-2px;top:0;background-color:#cdcdcd;border-radius:0.08333333em;opacity:0;}
#pronav li:last-child{margin-bottom:0;}
#pronav a{color:#777;display:inline-block;padding-right:0.83333333em;background:no-repeat right 0.33333333em;background-size:0.33333333em auto;}
#pronav a:hover,#pronav .cur a{color:#3458ab;background-image:url(/Res/Web/images/arrow_01.png);}
#pronav .cur{font-weight:bold;}
#pronav .cur:before{opacity:1;}

/*promain*/
#promain{width:calc(100% - 13em);}
#prolist + #pagenavi{margin-top:0.75rem;}

/*proitem*/
.proitem{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;border-bottom:1px solid #f0f0f0;padding-bottom:0.7rem;margin-bottom:0.7rem;}
.proitem:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none;}
.proitem .info{width:39.02439024%;padding:0 0.83333333em;}
.proitem .figure{margin-bottom:2.22222222em;}
.proitem .figure img{width:auto;max-width:100%;margin:0 auto;}
.proitem .hgroup{text-align:center;font-size:1.11111111em;color:#333;}
.proitem .name{font-size:1em;line-height:1.65em;}
.proitem .alias{font-size:0.9em;color:#777;line-height:1.83333333em;font-weight:normal;margin-top:0.27777778em;}
.proitem .text{width:60.97560976%;}
.proitem .box{border-left:1px solid #e6e6e6;position:relative;padding-left:1.94444444em;max-width:36.11111111em;min-height:18.88888889em;}
/* .proitem .box:before{width:0.27777778em;height:5.55555556em;content:'';display:block;position:absolute;left:-2px;top:0;background-color:#cdcdcd;border-radius:0.13888889em;} */
.proitem .title{font-size:1.22222222em;line-height:1.5em;color:#3458ab;margin-bottom:0.77272727em;}
.proitem .intro{color:#777;overflow:auto; max-height:17em;}
.proitem .intro p{position:relative;padding-left:1.11111111em;margin-bottom:0.38888889em;}
.proitem .intro p:before{border-radius:50%;left:0;content:'';display:block;position:absolute;background-color:#bbb;width:0.33333333em;height:0.33333333em;top:0.75em;}
.proitem .dmore{ text-align:center; margin-top:0.72222222em;}
.proitem .dmore i{/*background-image:url(/Res/Web/images/dmore_01.png);*/}

/* 滚动条 */
.proitem .intro::-webkit-scrollbar{width:14px;height:14px;}
.proitem .intro::-webkit-scrollbar-track,
.proitem .intro::-webkit-scrollbar-thumb{border-radius:999px;border:5px solid transparent;}
.proitem .intro::-webkit-scrollbar-track{box-shadow:1px 1px 5px rgba(0, 0, 0, 0.2) inset;}
.proitem .intro::-webkit-scrollbar-thumb{min-height:20px;background-clip:content-box;box-shadow:0 0 0 5px rgba(0, 0, 0, 0.2) inset;}
.proitem .intro::-webkit-scrollbar-corner{background:transparent;}


/*iscig*/
#iscig{overflow:hidden;margin-top:0.67rem;}
#iscig #category{margin-bottom:0;}

/*cigintro*/
.bxname{font-size:2.5em;line-height:1.28888889em;color:#000;position:relative;z-index:2;margin-bottom:0.73333333em;}
.bxname:after{width:1.11111111em;height:2px;background-color:rgba(0,0,0,0.5);display:block;content:'';margin-top:0.8em;}
.bxname.center{text-align:center;}
.bxname.center:after{margin-left:auto;margin-right:auto;}

/*cigintro*/
.cigintro{background:url(/Res/Web/images/bg_02.jpg) no-repeat center center;background-size:cover;padding:0.6rem 0;position:relative;z-index:5;overflow:hidden;}
.cigintro .inner{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;align-items:center;}
.cigintro .figure{z-index:2;width:38.68055556%;}
.cigintro .text{position:relative;width:55.55555556%;padding:1.44444444em 0 1.83333333em;}
.cigintro .text:before{background-color:#fff;content:'';display:block;position:absolute;left:-8.375%;top:0;height:100%;width:141.25%;}
.cigintro .entry{color:#777;position:relative;z-index:2;}
.cigintro .entry h3{font-size:1.11111111em;color:#333;line-height:1.65em;margin-bottom:0.35em;}
.cigintro .entry p{background:url(/Res/Web/images/dot_01.png) no-repeat left 0.55555556em;background-size:0.66666667em auto;padding-left:1.44444444em;}

/*cigmodel*/
.cigmodel{background:url(/Res/Web/images/bg_03.jpg) no-repeat center center;background-size:cover;padding:0.9rem 0 1.4rem;overflow:hidden;}
.cigmodel .entry{margin-bottom:0.44rem;padding:0 1.66666667em;}
.cigmodel .list{position:relative;padding:0 1.66666667em;}
.cigmodel .swiper-slide{height:auto;}
.cigmodel .info{position:relative;height:100%;background-color:rgba(255,255,255,0.5);border-radius:0.55555556em;overflow:hidden;justify-content:space-between;padding:0.7rem 2.05555556em 0.8rem;}
.cigmodel .icon{width:4.16666667em;}
.cigmodel .icon i{display:block;overflow:hidden;padding-bottom:100%;background:no-repeat center center;background-size:contain;}
.cigmodel .text{width:calc(100% - 7.223em);}
.cigmodel .title{font-size:1.33333333em;color:#3458ab;line-height:1.35em;margin-bottom:0.83333333em;}
.cigmodel .title:after{width:2.08333333em;height:0.125em;background-color:#fff;display:block;content:'';margin-top:1.16666667em;}
.cigmodel .intro{color:#191818;}
.cigmodel .swiper-button-prev{left:-3em;}
.cigmodel .swiper-button-next{right:-3em;}

/*cigchain*/
.cigchain{background:url(/Res/Web/images/bg_04.jpg) no-repeat center center;background-size:cover;padding:0.9rem 0 0.55rem;overflow:hidden;}
.cigchain ul{width:102.08333333%;}
.cigchain li{width:33.333%;padding:3.06122449% 2.04081633% 3.06122449% 0;}
.cigchain .box{background-color:#fff;margin-right:6.73913043%;display:-webkit-flex;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;border-radius:0.55555556em;min-height:8.88888889em;padding:1em;height:100%;position:relative;box-shadow:0px 0.15em 1.05em rgba(0,0,0,0.06);}
.cigchain .box span{display:block;font-size:1.6em;line-height:1.65em;font-weight:bold; color:#3458ab;}
.cigchain .box:after{content:'';display:block;position:absolute;top:50%;right:-7.22610723%;transform:translateY(-50%);width:14.68531469%;padding-bottom:14.68531469%;border-radius:50%;box-shadow:0px 0.1em 0.4em rgba(0,0,0,0.04);background:#fff url(../images/arrow_02.png) no-repeat center center;background-size:65.07936508% auto;}
.cigchain li:last-child .box:after{display:none;}

/*cigitem*/
.cigitem{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;align-items:center;padding:0.5rem 0;}
.cigitem .figure{width:49.72222222%;border-radius:0.55555556em;}
.cigitem .img{padding-bottom:65.5027933%;}
.cigitem .img:hover{transform:scale(1.05);}
.cigitem .text{position:relative;width:45.13888889%;}
.cigitem .bxname{margin-bottom:0.44444444em;}
.cigitem .bxname:after{margin-top:0.55555556em;}
.cigitem .intro ul li{padding-left:0.88888889em;position:relative;}
.cigitem .intro ul li:before{width:0.33333333em;height:0.33333333em;border-radius:50%;background-color:#333;content:'';display:block;position:absolute;left:0;top:0.75em;}

/*ciglist*/
.ciglist{padding:0.5rem 0;}
.ciglist .item:nth-child(2n){flex-direction:row-reverse;}

/*cigRD*/
.cigRD{background:url(/Res/Web/images/bg_05.jpg) no-repeat center center;background-size:cover;padding:1rem 0;overflow:hidden;color:#fff;margin-top:1rem;}
.cigRD .figure{border-radius:1.66666667em;}
.cigRD .bxname{color:#fff;}
.cigRD .bxname:after{background-color:rgba(255,255,255,0.5);}

/*cigprocess*/
.cigprocess{margin-top:0.9rem;overflow:hidden;}
.cigprocess .figure{background:url(/Res/Web/images/bg_06.jpg) no-repeat center center;background-size:cover;padding:2.22222222em 0;}
.cigprocess .figure img{width:auto;margin:0 auto;}

/*certlist*/
#certlist{overflow:hidden;margin-top:1.66666667em;}
#certlist .list{margin-left:-0.96277778em;margin-top:1.38888889em;}
#certlist .title{font-size:1.11111111em;line-height:1.2em;margin-bottom:1.7em;margin-left:0.8665em;}
#certlist ul{display:-webkit-flex;display:flex;flex-wrap:wrap;}
#certlist li{margin-bottom:1rem;width:19.27777778em;margin-left:0.96277778em;}
#certlist .figure{padding:5.61959654% 5.90778098%;background:url(/Res/Web/images/frame.png) no-repeat center center;background-size:100% 100%;}
#certlist .img-cross .figure{padding:4% 5.90778098%;}
#certlist .img-cross .img{padding-bottom:70%;}
#certlist .img-vertical .figure{padding:5.61959654% 5.90778098%;}
#certlist .img-vertical .img{padding-bottom:142.15686275%;}
#certlist .info{position:relative;height:100%;display:block;color:#2c2c2c;}
#certlist .text{font-weight:bold;line-height:1.33333333em;padding:1.66666667em 0;}
#certlist .tit{position:relative;padding-right:1.33333333em;font-size:1em;}
#certlist .tit:after{width:0.88888889em;height:0.88888889em;background:url(/Res/Web/images/icon_01.png) no-repeat center center;background-size:contain;content:'';display:block;position:absolute;right:0;top:0.22222222em;opacity:0;transition:all 0.2s;}
#certlist .info:hover{color:#1949d5;}
#certlist .info:hover .tit:after{opacity:1;}

/*certbox*/
#certbox .info{background-color:#fff;width:37.11111111em;max-width:80%;padding:0.5rem 0.93rem 0.4rem;text-align:center;position:relative;}
#certbox .close{width:1.27777778em;height:1.27777778em;background:url(/Res/Web/images/close.png) no-repeat center center;background-size:contain;position:absolute;top:0.3rem;right:0.2rem;z-index:5;cursor:pointer;}
#certbox .figure{padding:3% 6%;background:url(/Res/Web/images/frame.png) no-repeat center center;background-size:100% 100%;margin-bottom:0.34rem;}
#certbox .name{font-size:1em;line-height:1.33333333em;color:#2c2c2c;}

/*responsibility*/
#responsibility{margin-top:1.66666667em;}
#responsibility .intro{font-size:1.11111111em;line-height:1.65em;margin-bottom:0.8rem;}
#responsibility .list li{width:33.333%;text-align:center;padding:0.5%;}
#responsibility .list .icon{width:33.29159355%;margin:0 auto 0.45rem;}
#responsibility .list .icon i{padding-bottom:100%;display:block;background:no-repeat center center;background-size:contain;}
#responsibility .list .text{font-size:1.11111111em;color:#2c2c2c;line-height:1.2em;}

/*commitment*/
.commitment{background:#fff url(../images/bg_07.png) no-repeat center center;background-size:cover;overflow:hidden;padding:1rem 0;}
.commitment .inner{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;align-items:flex-start;}
.commitment .figure{width:33.05555556%;border-radius:0.55555556em;box-shadow:0px 0px 0.44444444em #757487;}
.commitment .figure img:hover{transform:scale(1.05);}
.commitment .text{width:61.45833333%;}
.commitment .bxname{margin-bottom:0.44444444em;}
.commitment .bxname:after{margin-top:0.55555556em;}

/*globe*/
.globe{padding:0.86rem 0 1rem;overflow:hidden;}
.globe .intro{ text-align:left; padding:0 1em 2em; max-width:55%; margin:0 auto;}
.globe .figure{border-radius:0.55555556em;}
.globe .figure img:hover{transform:scale(1.05);}
.globe .dmore{margin-top:2em; width:100%; text-align:center;}
.globe .dmore a{font-size:1.125em; height:3em; padding:0 2.5em; line-height:3em;}


/*resitem*/
.resitem{background:no-repeat center center;background-size:cover;padding:1.2rem 0;}
.resitem .inner{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;align-items:center;}
.resitem .figure{width:50.41666667%;}
.resitem .figure img:hover{transform:scale(1.05);}
.resitem .text{width:44.44444444%;}
.resitem .bxname{margin-bottom:0.44444444em;}
.resitem .bxname:after{margin-top:0.33333333em;}

/*reslist*/
#reslist .resitem:nth-child(2n) .inner{flex-direction:row-reverse;}
#reslist .dmore{text-align:center;padding:1rem 0;}
#reslist .dmore a{font-size:1.44444444em;font-weight:bold;border-radius:0.38461538em;width:14.61538462em;height:3.84615385em;line-height:3.84615385em;}
#reslist .dmore i{background-image:url(/Res/Web/images/download.png);background-size:1.03846154em auto;padding-left:1.84615385em;}

/*about*/
#about{margin-top:1.66666667em;margin-bottom:1.1rem;}
#about .intro{ margin-bottom:1.38888889em;}
#about .column{margin-bottom:1.66666667em;}
#about .column ul{display:-webkit-flex;display:flex;justify-content:center;flex-wrap:wrap;}
#about .column li{margin:0 0.5rem;color:#777;}
#about .column li a{color:#777;}
#about .video{overflow:hidden;position:relative;border-radius:0.55555556em;margin-bottom:0.9rem;}
#about .video video{display:block;width:100%;object-fit:cover;}
#about .video .play{width:5.41666667%;padding-bottom:5.41666667%;background:url(/Res/Web/images/play.png) no-repeat center center;background-size:contain;position:absolute;top:50%;left:50%;margin-left:-2.70833333%;margin-top:-2.70833333%;z-index:2;box-shadow:0px 0px 1.11111111em rgba(0,0,0,0.1);border-radius:50%;transition:all 0.3s;cursor:pointer;}
#about .video .play:hover{transform:scale(0.9);}
#about .data ul{justify-content:space-between;}
#about .data .num{font-weight:bold;margin-bottom:0.26rem;}
#about .data span{font-size:4.16666667em;color:#009ca6;line-height:1em;display:inline-block;vertical-align:middle;}
#about .data sup{font-size:1.66666667em;line-height:1em;display:inline-block;vertical-align:top;}
#about .data .name{font-size:1.22222222em;color:#777;font-weight:normal;line-height:1.09090909em;}

/*mission*/
.mission .columnname{margin-bottom:0.56em;}
.mission .columnname .name:before{display:none;}
.mission .columnname .name:after{position:relative;left:auto;top:auto;transform:none;margin:0.44em auto 0;}

/*milestones*/
#milestones{ background:no-repeat center bottom;background-size:cover;overflow:hidden;padding:1.8rem 0 .5rem;}
#milestones .columnname .name{color:#fff;}
#milestones .columnname .name:before,
#milestones .columnname .name:after{display:none;}

/*milevents*/
#milevents{padding:0 16em;text-align:center;position:relative; margin-bottom:.3rem;}
#milevents .swiper{ padding:.2rem;}
#milevents .swiper .info{ width:100%; height:100%; background:#fff; border-radius:0.55555556em;overflow:hidden;}
#milevents .swiper .swiper-slide{ opacity:0; height:100%; border-radius:0.55555556em; overflow:hidden;}
#milevents .swiper .swiper-slide-prev,
#milevents .swiper .swiper-slide-next,
#milevents .swiper .swiper-slide-active{ opacity:1;}
#milevents .swiper .swiper-slide-active{ box-shadow:0 0 10px rgba(0, 0, 0, 0.2);}
#milevents .swiper .swiper-slide-active::after{ opacity:0;}
#milevents .swiper .swiper-slide-prev,
#milevents .swiper .swiper-slide-next{ filter:blur(3px); display:-webkit-flex; display:flex; align-items:flex-end;}
#milevents .swiper .swiper-slide-prev .info,
#milevents .swiper .swiper-slide-next .info{ height:90%;}
#milevents .swiper .swiper-slide-prev::after,
#milevents .swiper .swiper-slide-next::after{ top:10%; height:90%;}
#milevents .title{color:#fff;background-image:linear-gradient(90deg,rgba(49,67,145,1),rgba(68,147,240,1));margin-bottom:0; padding:.4em 0.7em; border-top:solid 1.3em #fff;}
#milevents .title:after{display:none;}
#milevents .entry{background-color:#fff; height:14em;padding:1em 2em; overflow:auto;}
/* #milevents .entry::-webkit-scrollbar{width:6px;}
#milevents .entry::-webkit-scrollbar-thumb {height:30px;background-color:#338BD6;border-radius:5px;}
#milevents .entry::-webkit-scrollbar-thumb:hover {background-color:#338BD6;}
#milevents .entry::-webkit-scrollbar-track-piece {background-color:#1D3887;-webkit-border-radius:3px;} */
#milevents .swiper-button-prev{left:0;}
#milevents .swiper-button-next{right:0;}


/*milyears*/
#milyears{position:relative;}
#milyears:before{width:93.95833333%;height:0.61111111em;content:'';display:block;position:absolute;left:50%;transform:translateX(-50%);background:url(/Res/Web/images/timeline_02.png) no-repeat left center;background-size:cover;}
#milyears .swiper{margin:0 -9%;}
#milyears .year{font-size:1.11111111em;color:#373737;width:4.4em;height:2.45em;background-color:rgba(219,219,219,0.45);border:1px solid rgba(255,255,255,0.8);text-align:center;line-height:2.4em;border-radius:1.25em;font-weight:bold;position:relative;margin:0 auto;cursor:pointer;transition:all 0.2s;}
#milyears .year:before{width:0.1em;height:1.2em;background-color:rgba(255,255,255,0.5);content:'';display:block;position:absolute;bottom:100%;left:50%;transform:translateX(-50%);transition:all 0.2s;}
#milyears .dot{width:1.22222222em;height:1.22222222em;border-radius:50%;margin:0 auto 0.38888889em;background-color:rgba(61,61,61,0.25);display:-webkit-flex;display:flex;align-items:center;justify-content:center;transition:all 0.2s;}
#milyears .dot:after{width:45.45454545%;padding-bottom:45.45454545%;background-color:#dfdfdf;border-radius:50%;display:block;content:'';transition:all 0.2s;}
#milyears .swiper-slide-thumb-active .year{color:#fff;border-color:#fff;}
#milyears .swiper-slide-thumb-active .dot{background-color:rgba(255,255,255,0.25);}
#milyears .swiper-slide-thumb-active .dot:after{background-color:#fff;}


/*  */
.milevents-tishi{ text-align:center; margin-top:0.1rem; color:#eee; font-size:14px; font-weight:bold;}



/*bring*/
.bring .info{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;padding:0.45rem 0;}
.bring .text{width:36.11111111%;}
.bring .entry p{margin-bottom:0.83333333em;}
.bring .intro{padding:0.45rem 0;}
.bring .media{width:59.44444444%;}
.bring .video{overflow:hidden;position:relative;border-radius:0.55555556em;margin-bottom:1.11111111em;padding-bottom:65.18691589%;}
.bring .video video{display:block;object-fit:cover;position:absolute;left:0;top:0;width:100%;height:100%;}
.bring .video .play{width:7.12616822%;padding-bottom:7.12616822%;background:url(/Res/Web/images/play.png) no-repeat center center;background-size:contain;position:absolute;top:50%;left:50%;margin-left:-2.70833333%;margin-top:-2.70833333%;z-index:2;box-shadow:0px 0px 1.11111111em rgba(0,0,0,0.1);border-radius:50%;transition:all 0.3s;cursor:pointer;}
.bring .video .play:hover{transform:scale(0.9);}
.bring .meta{display:-webkit-flex;display:flex;justify-content:flex-end;align-items:center;margin-top:1.38888889em;}
.bring .meta::before{width:3.05555556em;height:0.11111111em;background-color:rgba(0,0,0,0.5);display:block;content:'';margin-right:1.11111111em;}
.bring .meta img{display:block;width:auto;height:0.83333333em;}

/*carees*/
.carees{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;padding:0.2rem 0;margin-bottom:0.6rem;}

/*carnav*/
#carnav{width:100%; border-bottom:1px solid #e8e8e8;padding-bottom:1.11111111em;margin-bottom:2em;}
#carnav ul{ justify-content:center;}
#carnav li{font-size:1.22222222em;line-height:1.09090909em; margin-right:2.5em; position:relative;}
#carnav li:last-child{margin-bottom:0;}
#carnav a{color:#777;display:inline-block;padding-right:1.2em;background:no-repeat right center;background-size:0.7em auto;}
#carnav a:hover,
#carnav .cur a{color:#3458ab;background-image:url(/Res/Web/images/drop_03.png);}
#carnav .cur{font-weight:bold;}
#carnav .cur:before{opacity:1;}


/*carmain*/
#carmain{ width:100%;}
#carmain .con_box{ display:none;}
#carmain .con_box .wtd100{ justify-content:space-between;}


/*carintro*/
.carintro{overflow:hidden;margin-bottom:0.27777778em;}
.carintro p{margin-bottom:0.83333333em;}

/*opportunities*/
.opportunities .columnname{margin-bottom:0.3em;}
.opportunities .columnname .name{font-size:0.9em;}
.opportunities .title{text-align:center;font-size:1.22222222em;line-height:1.5em;margin-bottom:0.5em;}
.opportunities .entry a{ cursor:pointer; font-weight:bold;color:#3458ab; text-decoration: underline;}


/* 弹框 */
.up-text{ display:none; position:fixed; left:0; top:0; background:rgba(0,0,0,0.5); width:100%; height:100%; z-index:10;}
.up-text .intro-box{ height:100%; display:-webkit-flex; display:flex; align-items:center; justify-content:center;}
.up-text .center{ position:relative; padding:2em; max-width:50vw; background:#fff; border-radius:.5em;}
.up-text .center .title{ margin-bottom:.8em; font-size:1.6em; text-align:center;}
.up-text .center .des{ font-size:.95em; max-height:72vh; overflow:auto;}
.up-text .center .des::-webkit-scrollbar{width:14px;height:14px;}
.up-text .center .des::-webkit-scrollbar-track,
.up-text .center .des::-webkit-scrollbar-thumb{border-radius:999px;border:5px solid transparent;}
.up-text .center .des::-webkit-scrollbar-track{box-shadow:1px 1px 5px rgba(0, 0, 0, 0.2) inset;}
.up-text .center .des::-webkit-scrollbar-thumb{min-height:20px;background-clip:content-box;box-shadow:0 0 0 5px rgba(0, 0, 0, 0.2) inset;}
.up-text .center .des::-webkit-scrollbar-corner{background:transparent;}
.up-text .close{ width:1.27777778em;height:1.27777778em;background:url(/Res/Web/images/close.png) no-repeat center center;background-size:contain;position:absolute;top:0.2rem;right:0.2rem;z-index:5;cursor:pointer;}


/*carimgs*/
.carimgs .swiper-slide{width:39.5em;}
.carimgs .figure{border-radius:0.55555556em;}
.carimgs .img{padding-bottom:62.5%;}
.carimgs .swiper-button-prev{left:1em;}
.carimgs .swiper-button-next{right:1em;}

/*cartab*/
.cartab{width:13em;border-left:1px solid #e6e6e6;min-height:30.55555556em;}
.cartab a{ display:inline-block; color:#666;}
.cartab .parent{position:relative;}
.cartab .parent > li{ width:100%; font-size:1.22222222em;line-height:1.2;padding-left:1em;position:relative;margin-bottom:0.63rem;}
.cartab .parent > li:last-child{ margin-bottom:0;}
.cartab .parent > li>a{ padding-right:1.2em; background:no-repeat right 0.27272727em; background-size:0.36363636em auto;}
.cartab .parent > li>a:hover{color:#3458ab;}
.cartab .parent > li:before{width:0.18181818em;height:0.90909091em;content:'';display:block;position:absolute;left:-2px;top:0;background-color:#cdcdcd;border-radius:0.09090909em;opacity:0;}
.cartab .parent > li.on > a{font-weight:bold;color:#3458ab;background-image:url(/Res/Web/images/arrow_01.png);}
.cartab .parent > li.on:before{ opacity:1;}
.cartab .sub{position:absolute;top:100%;left:0;background-color:#fff;box-shadow:0px 0.11111111em 0.72222222em rgba(45,79,99,0.1);padding:0.4rem 0.7rem;z-index:5;display:none;width:32.55555556em;max-width:300%;}
.cartab .sub li{padding:0.1rem 0;}
.cartab .sub a:hover{color:#333;}
.cartab .sub .cur a{font-weight:bold;color:#333;}
.cartab .parent > li:last-child .sub{left:auto;right:0;}

/*carinfo*/
.carinfo{width:calc(100% - 14.7223em);}
.carinfo .list-tab{ display:none;}
.carinfo .item{ border:solid 1px #eee; margin-bottom:1em; border-radius:5px;}
.carinfo .item .title{padding:1em; cursor:pointer; display:-webkit-flex; display:flex; flex-wrap:wrap; justify-content:space-between;}
.carinfo .item .title .other{ font-size:.16rem; display:-webkit-flex; display:flex; align-items:center; position:relative; padding-right:3em;}
.carinfo .item .title .other .line{ padding:0 1em; border-right:1px solid #e5e5e5; line-height:1;}
.carinfo .item .title .other .line:last-child{ padding-right:0; border-right:none;}
.carinfo .item .title .other::after{ font-size:.8em; font-weight:bold; position:absolute; right:0; font-family: swiper-icons; content:'next'; color:#3458ab; transition:all .5s;}
.carinfo .item .title.active .other::after{transform:rotate(90deg);}
.carinfo .item .intro{ display:none; border-top:solid 1px #eee; padding:1.5em 1em;}
.carinfo .entry h3{font-size:1.11111111em;line-height:1.65em;}
.carinfo .entry ul{margin-left:1em;}
.carinfo .dmore{margin-top:1.77777778em; display:-webkit-flex; display:flex; align-items:center;}
.carinfo .dmore a{padding:0 2em;}
.carinfo .dmore .tishi{ width:calc(100% - 11em); line-height:1.5; padding-left:1em; font-size:.8em; color:#555;}

/*  */
.cookie-box{position:fixed; left:0; bottom:0; padding:20px 0; width:100%;background-image:linear-gradient(90deg, rgba(52,88,171,.52), rgba(208,233,255,.83)); background-color:rgba(0,0,0,0.8); color:#fff; z-index:1000; display:none;}
.cookie-overlay{position:fixed; left:0; bottom:0; width:100vw; height:100vh; z-index:999;display:none;}
.cookie-overlay2{position:fixed; left:0; bottom:0; width:100vw; height:100vh; z-index:999;display:none;}
.cookie-box .inner{ display:-webkit-flex; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; max-width:90em;}
.cookie-box a{ color: #fff; }
.cookie-box .auto{position:relative;}
.cookie-box .close{position: absolute;right: 3%;top: 3%;z-index: 10;width: 30px;height: 30px;border-radius: 50%;cursor: pointer;}
.cookie-box .close::before,
.cookie-box .close::after{ position:absolute; content:''; width:2px; height:70%; border-radius:2px; background-color:#fff; left:13px; top:5px;}
.cookie-box .close::before{ transform:rotate(45deg);}
.cookie-box .close::after{ transform:rotate(-45deg);}
.cookie-box .tit{font-size: calc(22 / 16 * 1em);}
.cookie-box .txt{ width:72%;}
.cookie-box .txt a{text-decoration:underline; display:inline-block;}
.cookie-box .txt p{margin:0;}
.cookie-box .btn{ display:-webkit-flex; display:flex; align-items:center;}
.cookie-box .btn a{font-size:0.88888889em;color:#fff;height:3em;border-radius:1.75em;padding:0 2em; display:-webkit-flex; display:flex; align-items:center;background-color:#1a47d4; margin-right:.3rem;}
.cookie-box .btn a:last-child{ margin-right:0;}
@media(max-width:1024px){
.cookie-box{padding:30px 15px;box-sizing: border-box;}
.cookie-box .tit{font-size: 18px;}
.cookie-box .txt{ width:100%; margin-bottom:15px; font-size: 14px;line-height: 24px;}
.cookie-box .btn a{ height:auto; line-height:3; font-size: 14px; padding:0 1.5em;}
.cookie-box .close{right:0;top:0;}
}
@media(max-width:640px){
.cookie-box .btn{ width:100%; justify-content:space-between;}
}

@media only screen and (max-width:1440px){
#milevents{ padding:0 3em;}
#milevents .swiper{ padding:0 .1rem;}
}
@media only screen and (max-width:1280px){
    body{font-size:16px;}
    #message .check-shell label .text{ width:1em; height:1em; cursor:pointer;}
}
@media only screen and (max-width:1024px){

    /*1024px*/
    #header > .inner{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;padding-top:1em;padding-bottom:1em;}

    /*1024px*/
    #logo{display:block;}

    /*1024px*/
    #button{display:block;width:22em;}

    /*1024*/
    #navbtn{position:relative;cursor:pointer;width:1.5em;height:1.33333333em;transition:all 0.3s;display:block;z-index:10;overflow:hidden;}
    #navbtn:before,#navbtn:after,#navbtn i{width:100%;height:2px;background-color:#333;display:block;position:absolute;left:50%;margin-left:-0.75em;transition:all 0.3s;content:'';}
    #navbtn:before{top:0;}
    #navbtn:after{bottom:0;}
    #navbtn i{top:50%;transform:translateY(-50%);}
    #navbtn.active:before{transform:rotate(45deg);top:50%;}
    #navbtn.active:after{transform:rotate(-45deg);bottom:auto;top:50%;}
    #navbtn.active i{opacity:0;}

    /*1024px*/
    #navi{position:fixed;width:100%;height:100%;background-color:rgba(240,242,247,0.9);z-index:9;left:0;top:0;padding:0;display:none;}
    #navi .menu{position:fixed;right:0;top:3.83333333em;width:80%;max-width:25em;background-color:#fff;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;height:calc(100% - 3.83334em);display:block;padding:3.5vh;transform:translateX(100%);transition:transform 0.2s;box-shadow:0px 0.05em 1.05em rgba(0,0,0,0.1);border-top-left-radius:5px;}
    #navi.active .menu{transform:translateX(0);}
    #navi .parent{padding:0.75em 0;line-height:2em;position:relative;font-size:1em;}
    #navi em{display:block;position:absolute;right:-3.5vh;width:3.5em;height:3.5em;z-index:2;top:0;cursor:pointer;}
    #navi em:after{width:0.5em;height:0.5em;border-right:0.08333333em solid #333;border-bottom:0.08333333em solid #333;content:'';display:block;position:absolute;top:50%;left:50%;transform:rotate(-45deg);background-color:transparent;margin:-0.375em 0 0 0;transition:all 0.3s;}
    #navi .on > em:after{border-right-color:#1949d5;border-bottom-color:#1949d5;transform:rotate(45deg);}
    #navi .drop{position:static;background-color:transparent;border-top:none;padding:0;margin-top:0.75em;}
    #navi .drop .inner{width:auto;max-width:none;}
    #navi .sub{display:block;padding-left:2em;margin:0;}
    #navi .sub li{margin:0;padding:0.5em 0;}

    /* 1024 */
    #menu{ width:70%;}
    #menu .name{ font-size:1.2em;}
    #menu li a{ font-size:14px;}
    
    /* 1024 */
    #member{ background-size:1.2em auto;}
    #member a{ font-size:1.2em;}

    /* 1024 */
    #language{ font-size:1.1em;}

    /* 1024 */
    #category{ font-size:1.3em;}

    /*1024px*/
    #pronav{width:100%; min-height:0; margin-bottom:5%;border-left:none;}
    #pronav ul{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;}
    #pronav li{padding-left:0;margin-bottom:0.5em;margin-right:2em;line-height:1.75em;}
    #pronav li:before{width:0.84em;height:0.167em;top:auto;bottom:0;left:0;}
    #pronav li:last-child{margin-right:0;}

    /*1024px*/
    #promain{width:100%;}

    /* 1024 */
    #breadcrumb .box{ font-size:1.2em;}

    /*1024px*/
    .cigmodel .entry,.cigmodel .list{padding:0 4em;}
    .cigmodel .swiper-button-prev{left:0;}
    .cigmodel .swiper-button-next{right:0;}

    /*1024px*/
    #certlist .list{margin-left:-1.171875vw;}
    #certlist .title{margin-left:1.171875vw;}
    #certlist li{width:22.55859375vw;margin-left:1.171875vw;}

    /*1024px*/
    .bring .text{width:100%;margin-bottom:1em;}
    .bring .media{width:100%;}

    /*1024px*/
    .cartab .parent > li:last-child .sub{right:auto;left:0;}

    /* 1024 */
    .proitem .box{ max-width:100%;}

    /* 1024 */
    #milestones{ padding:1.5rem 0 .5rem;}
    
    /* 1024 */
    #milevents{ padding:0 7em;}

    /* 1024 */
    #about .intro{ line-height:1.8;}

    /*1024*/
    #site{width:25%;}

    /* 1024 */
    #hmphotonics .title{font-size:2em;}
    #hmphotonics .excerpt{ font-size:20px;}

    /* 1024 */
    #other{ font-size:1em;}

    /* 1024 */
    .globe .intro{ max-width:80%;}

    /* 1024 */
    .bxname{ font-size:2em;}

    /* 1024 */
    .pageintro{ font-size:1.1em; line-height:2;}

    /* 1024 */
    #banner .right{ justify-content:flex-start;}
    #banner .box{ width:100%;}

    /* 1024 */
    #prointro .entry{ line-height:2;}


}
@media only screen and (max-width:768px){
    body{font-size:3.2vw;}

    /*768px*/
    #other{display:block;text-align:center;padding:1em 0;}
    #other .icp{margin-left:0;display:block;}

    /*768px*/
    #pagelist{margin-bottom:0.5em;}
    #pagelist ul{justify-content:center;}

    /*768px*/
    #bottom{padding:2em 0;}

    /*768px*/
    #menu{display:none;}

    /*768px*/
    #site{width:100%;}

    /*768px*/
    .swiper-arrows .swiper-button{font-size:0.75em;}
    .swiper-arrows .swiper-button-prev{left:3.125%;}
    .swiper-arrows .swiper-button-next{right:3.125%;}

    /*768px*/
    #slides{margin-bottom:2em;}
    #slides .pc{display:none;}
    #slides .wap{display:block;}

    /*768px*/
    .columnname{font-size:2.2em;margin-bottom:0.75em;}
    .columnname .desc{font-size:0.5em;}

    /*768px*/
    #hmabout{margin-bottom:2em;}
    #hmabout .intro{margin-bottom:1.5em;}
    #hmabout .intro p{margin-bottom:1.5em;}

    /*768px*/
    #hmphotonics .info{ width:100%;}
    #hmphotonics .pc{display:none;}
    #hmphotonics .wap{padding-bottom:29%;display:block;}
    #hmphotonics .text{ padding:1em 0; text-align:center; position:relative; left:auto; bottom:auto; transform:translateY(0);}
    #hmphotonics .title{font-size:2em;}

    /*768px*/
    #logreg{flex-direction:column;}
    #logreg .info{width:100%;height:auto;min-height:calc(100vh - 2.8em);padding:1.5em 3.125%;}
    #logreg .form{padding:2rem 0 1.5rem;}
    #logreg .copy{width:100%;padding-top:1em;padding-bottom:1em;}
    #logreg .title{font-size:2.2em;}

    /*768px*/
    .pagename{font-size:2.05em;}

    /*768px*/
    .pagealias{font-size:1.35em;}

    /*768px*/
    .pageintro{font-size:1.125em;}

    /*768px*/
    #search{min-height:auto;padding:3em 0;}
    #search .input{margin:1.5em 0;}

    /*768px*/
    .nitem{padding:2.5em 0;}
    .nitem .figure{width:100%;margin-bottom:2em;}
    .nitem .text{width:100%;padding:0;}

    /*768px*/
    #pagenavi .a_arrow{width:3.125em;}

    /*768px*/
    #result{padding-bottom:3em;}
    #result .list{margin-bottom:3em;}

    /*768px*/
    #banner .inner{height:16em;}
    #banner .intro{margin-top:0.5em;}

    /*768px*/
    #breadcrumb{margin-top:1em;}

    /*768px*/
    #message{padding:2.5em 0;}
    #message .input{width:100%;}
    #message .check-shell label .text{ width:15px; height:15px;}
    #message .check-shell label .txt{ width:calc(100% - 30px);}

    /*768px*/
    #contact{padding:3em 0 3.5em;}
    #contact .tab{margin-bottom:2em;}
    #contact .list{padding:0 3em;}
    #contact .info .top{padding:0.75em 1rem;}
    #contact .info .btm{padding:1.5em 1rem;}

    /*768px*/
    #wrapper{padding:2.5em 0 4em;}

    /*768px*/
    #newspost .title{font-size:1.5em;}
    #newspost .meta{margin-bottom:1em;padding-bottom:1em;}
    #newspost .meta span{margin:0 0.5em;}
    #newspost .entry{margin-bottom:1.5em;}
    #newspost .other{padding:1.5em 0 2em;}
    #newspost .other > div{max-width:none;width:100%;}

    /*768px*/
    #category{margin-bottom:1.25em;}
    #category .top li{padding:1em 0;}
    #category .btm{margin-top:1.25em;}
    #category .btm li{padding:0 1.3em;}
    #category .btm li a{padding:1em 0;}

    /*768px*/
    #newstop{padding:2em 0;}
    #newstop .figure{width:100%;}
    #newstop .text{width:100%;padding:1.5em 0;}
    #newstop .date,#newstop .line,#newstop .title{margin-bottom:1.5em;}

    /*768px*/
    #newslist{margin-bottom:1em;}

    /*768px*/
    .newsitem{width:100%;margin-bottom:1.5em;}

    /*768px*/
    #prowrap{padding:3em 0;}

    /*768px*/
    #pronav{margin-bottom:2.5em;min-height:0;}

    /*768px*/
    #prolist + #pagenavi{margin-top:3em;}

    /*768px*/
    .proitem{margin-bottom:2.5em;padding-bottom:2.5em;}
    .proitem .info{width:100%;margin-bottom:2em;}
    .proitem .text{width:100%;}

    /*768px*/
    .bxname{font-size:2em;margin-bottom:1em;}

    /*768px*/
    .cigintro{padding:2em 0 3em;}
    .cigintro .text,.cigintro .figure{width:100%;}

    /*768px*/
    .cigmodel{padding:3em 0 4em;}
    .cigmodel .entry{margin-bottom:2em;}
    .cigmodel .info{display:block;padding:2em;}
    .cigmodel .icon{margin:0 auto 1.5em;width:5em;}
    .cigmodel .text{width:auto;}

    /*768px*/
    .cigchain{padding:3em 0 2em;}
    .cigchain li{width:100%;}

    /*768px*/
    .cigitem{padding:1.5em 0;}
    .cigitem .figure{width:100%;margin-bottom:2em;}
    .cigitem .text{width:100%;}

    /*768px*/
    .ciglist{padding:1.5em 0;}

    /*768px*/
    .cigRD .figure{margin-bottom:0;margin-top:2em;}

    /*768px*/
    #certlist .list{margin-left:0;display:block;}
    #certlist .title{margin-left:0;font-size:1.35em;}
    #certlist li{width:100%;margin-left:0;margin-bottom:2.5em;}
    #certlist .tit{font-size:1.25em;}

    /*768px*/
    #certbox .info{padding:2em 2em 1.5em;}
    #certbox .figure{margin-bottom:1.5em;}

    /*768px*/
    #responsibility .intro{margin-bottom:2em;}
    #responsibility .list .icon{width:58%;}

    /*768px*/
    .commitment{padding:3em 0;}
    .commitment .figure{width:100%;margin-bottom:2em;}
    .commitment .text{width:100%;}

    /*768px*/
    .globe{padding:2.5em 0 3em;}

    /*768px*/
    .resitem{padding:2.5em 0 3em;}
    .resitem .figure{width:100%;}
    .resitem .text{width:100%;margin-bottom:2em;}

    /*768px*/
    #reslist .dmore{padding:3em 0;}

    /*768px*/
    #about .data li{width:100%;margin-top:2.5em;}

    /*768px*/
    #milestones{padding:3em 0;}

    /*768px*/
    #milevents{padding:0 3.5em;}
    #milevents .entry{padding:1.5em;}

    /*768px*/
    #milyears .swiper{margin:0 auto;}

    /*768px*/
    .carees{margin-bottom:2em;}

    /*768px*/
    #carnav{width:100%;margin-bottom:5%;border-left:none;min-height:0;border-top:1px solid #e6e6e6;padding-top:1em;}
    #carnav ul{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;}
    #carnav li{padding-left:0;margin-bottom:0.5em;margin-right:2em;line-height:1.75em;}
    #carnav li:before{width:0.84em;height:0.167em;top:auto;bottom:0;left:0;}
    #carnav li:last-child{margin-right:0;}
    #carnav a{background-position:right 0.5em;}

    /*768px*/
    #carmain{width:100%;}

    /*768px*/
    .carimgs .swiper-slide{width:20em;}

    /*768px*/
    .cartab{ width:8em; border-top:1px solid #e8e8e8;padding-top:2em;}
    .cartab .parent{display:block;}
    .cartab .parent > li{margin-right:0; font-size:1em; padding-left:.5em;}
    .cartab .parent > li>a{ padding-right:1em;}
    .cartab .sub{width:100%;max-width:none;padding:1em 1.5em;}
    .cartab .sub li{padding:0.25em 0;}

    /* 768 */
    .carinfo{ width:calc(100% - 8em);}
    .carinfo .dmore{flex-wrap:wrap;}
    .carinfo .dmore .tishi{ padding-left:0; padding-top:1em; width:100%;}
    .carinfo .item .title h3{ margin-bottom:.5em; line-height:1.5; display: block; width:100%;}
    .carinfo .item .title .other{ padding-right:1em; font-size:1em;}
    .carinfo .item .title .other .line{ padding:0 .5em;}
    

    /* 768 */
    .up-text .center{ max-width:90%;}
}

@media only screen and (max-width:640px){

/* 640 */
body{font-size:3vw;}

/* 640 */
#milevents .entry{ height:14em; overflow:auto;}
#milevents .swiper{ padding:.2rem;}
#milevents .swiper .swiper-slide{ opacity:0;}
#milevents .swiper .swiper-slide-active{ opacity:1;}

#hmphotonics .excerpt{font-size: 1em;}
#footer{font-size: 1.2em;line-height: 1.2;}

#message .check-shell label .text{ width:14px; height:14px; margin-top:.2em;}
#message .check-shell label .txt{ width:calc(100% - 25px);}
}

@media only screen and (min-width:1025px){
#milestones{background-position: top center;}
#milestones .columnname .name{top: -1.2rem;}
#milevents .swiper{padding-top: 0;}
#milevents .title{line-height: 1.3em;padding: 0 .7em;}

#milevents .swiper .swiper-slide-prev .info,
#milevents .swiper .swiper-slide-next .info{height: 86%;}

}