@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+TC:100,300,400,500&display=swap');
* {margin:0;padding:0;transition-property: all;-ms-transition-property: all;-moz-transition-property: all; outline:none;-webkit-transition-property: all;-o-transition-property: all; }
a,.fixtop,.fixtop .toper .logo,.tblank,.fixtop .toper ul.navpc,.fixtop .en,.indmore a i,.indresearch li,.indresearch li .title,.indresearch li .cons,.indresearch li .pcover,.research .cons .mright .more .in .indmore,.research .cons .mright .more .in .up,.news li .pic img,.contact .list .in .row2 input,.partner li span
{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.news li .pic img:hover
{transform:scale(1.15);-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-o-transform:scale(1.15);-ms-transform:scale(1.15)}
.abc
{transform:rotate(360deg);-ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); }
.abc
{transform:rotate(0deg);-ms-transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); }
.indresearch li .cons,.partner li,.contact .list .in p input,.contact .list .in .row p textarea
{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.abc
{transform: rotateY(360deg);-ms-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-webkit-transform: rotateY(360deg);-o-transform: rotateY(360deg);transition-duration:1.0s;-ms-transition-duration:1.0s;-moz-transition-duration:1.0s; -webkit-transition-duration:1.0s;}
html{-webkit-text-size-adjust:none;height:100%;}
body {margin:0 auto;overflow-x:hidden;background:#fff;line-height:2;}
a,input,button,select,textarea {text-decoration: none;outline:none;}
html,body,input,button,select,textarea {font-family:'Noto Serif TC','Source Han Serif CN Light','PingFang SC','Hiragino Sans GB','Microsoft YaHei','微软雅黑',arial,'宋体';}
html,body,a,input,button,select,textarea,h1,h2,h3,h4,h5 {font-size:16px;color:#000;font-weight:400; letter-spacing:0px}strong,b {font-weight:600;}
a:hover,.foot .mright li a:hover{color:#528715}
.table { display:table; height:100%;width:100%;}table {border-collapse: separate;border-spacing: 0 0}
.table .td { display:table-cell; vertical-align:middle;}
img {border:0px;max-width:100%; height:auto; vertical-align:middle}
input,button,select,textarea{ outline:none;border:0;}
textarea{resize:none;}i{ font-style:normal;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;padding:0;margin:0;font-weight:normal;}
ul,li,dl,dt,dd { list-style:none;}
hr {border:0; background:#92989d;height:1px;margin:0px 0}
.clear,.clearfix { clear:both;}
.relative { position:relative}
.reover { position:relative; overflow:hidden}
.cover { background-position:center; background-repeat:no-repeat; background-size:cover;}
.pcover { background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute; z-index:1;width:100%; height:100%;top:0;left:0;}
.gray {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.gray:Hover {-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter:;}
.gray2 {-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter:;}
.gray2:hover {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}

.pageclass {height:0px;overflow:hidden;}
.page_wrap {width:100%;padding:60px 0 0 0;text-align:right}
.pager {padding:0 0 0px 0; width:100%;} 
.pager a { margin: 2px 2px;text-align:center; display:inline-block; text-decoration: none;border:1px solid #528715;}   
.pager span.current { margin: 0 2px; display:inline-block; text-align:center; }   
.pager span.disabled { margin: 0 2px; display:inline-block;text-align:center;border:1px solid #528715;}   
.pager select {margin: 0px 2px -2px 2px;}
.pager input {margin: 0px 2px -2px 2px; padding:2px; text-align:center;} 
.pager a,.pager span.disabled {}  
.pager a:hover,.pager span.current { background:#528715;border:1px solid #528715;  background-size:cover; } 
.pager a:hover,.pager span.current{ color:#fff;border:1px solid #528715;} 
.pager a,.pager span.disabled {color:#528715;border:1px solid #528715;background:#f3f9ef} 
.pager a,.pager span.current,.pager span.disabled{width:30px; text-align:center;height:30px; line-height:28px;border-radius:2px}
.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:18px;font-weight:300} 

::-webkit-scrollbar {width: 10px;height:1px; }/******direction: rtl; unicode-bidi: bidi-override;出现在左边*********/
::-webkit-scrollbar-thumb {border-radius:0px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: #ccc;}
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius:0px;background: #EDEDED;}

::-webkit-input-placeholder {color: #bdd3a6;}
:-moz-placeholder {color: #bdd3a6; } 
::-moz-placeholder { color: #bdd3a6; } 
:-ms-input-placeholder {color: #bdd3a6; }

::selection {background:#528715;color:#ffffff;}
::-moz-selection {background:#528715;color:#ffffff;}
::-webkit-selection {background:#528715;color:#ffffff; }

.di {float:left;}
.dipage {float:left;}
.picleft {margin-right:30px;margin-bottom:20px;}
.picright {margin-left:30px;margin-bottom:20px;}

.wrap {margin:0 auto;max-width:1140px;position:relative;}
.phonemenu { display:none;}

.fixtop {position:fixed;top:0;left:0; height:130px;width:100%;z-index:9998; background:#fff;border-top:5px solid #528715}
.fixtop .toper .logo { display:block; position:absolute;left:0px;top:29px;background:url(../images/logo.png) no-repeat center; background-size:100%;width:238px; height:71px; z-index:99}
.fixtop .toper ul.navpc { text-align:right;top:45px;right:105px; position:relative}
.fixtop .toper ul.navpc li {display:inline-block;position:relative}
.fixtop .toper ul.navpc li a.a {display:block;position:relative;font-weight:500;padding:0 15px; height:40px; line-height:40px; }
.fixtop .toper ul.navpc li.check a.a{color:#528715}
.fixtop .toper ul.navpc li a.a:hover,.fixtop .toper ul.navpc li:hover>a.a{ background:#528715;color:#fff}
.fixtop .toper ul.navpc li .list { position:absolute; z-index:9999;left:0;top:40px;width:100%; display:none;text-align:center;background:#f3f9ef;}
.fixtop .toper ul.navpc li .list2 {width:160px; text-align:left;}
.fixtop .toper ul.navpc li .list dd a,.fixtop .toper ul.navpc li.check .list dd a {color:#fff;font-size:14px; height:auto;line-height:22px;padding:9px 0; display:block; position:relative;border-bottom:1px solid #528415;color:#000;font-weight:500}
.fixtop .toper ul.navpc li .list2 dd a,.fixtop .toper ul.navpc li.check .list2 dd a {padding-left:15px}
.fixtop .toper ul.navpc li .list dd a:hover{color:#528715}
.fixtop .en { position:absolute;right:0;top:50px;}
.fixtop .en a { background:url(../images/1.png) no-repeat center;width:80px; height:30px; display:block;}
.tblank { height:135px;}

.fixtop.active {border-width:1px; height:80px;box-shadow:0 0 5px rgba(0,0,0,0.2)}
.fixtop.active .toper .logo { top:15px;width:168px; height:50px;}
.fixtop.active .toper ul.navpc {top:20px;}
.fixtop.active .en { top:25px;}
.tblank.active { height:81px;}

.bxslider li a { display:block; height:930px;background-position:center; background-repeat:no-repeat; background-size:cover;}
.bxslider li a img { display:none;}

.indabout {padding:100px 0 120px 0}
.indabout .mleft {float:left;margin:0 0 0 15%;writing-mode: vertical-lr ;-webkit-writing-mode: vertical-lr;-ms-writing-mode: vertical-lr; font-weight:600;}
.indabout .mleft .t { position:relative;font-size:26px; line-height:26px;letter-spacing:2px;margin:0 15px 0 0}
.indabout .mleft .t:before {content:'';width:3px; height:86%; background:#cc9933; position:absolute;left:3px;top:0; z-index:-1}
.indabout .mleft .e {font-size:12px;line-height:12px; letter-spacing:0.5px;}
.indabout .mright {float:right;width:670px;padding:55px 0 0 0; letter-spacing:-0.4px}
.indmore {margin:50px 0 0 0}
.indmore a{ display:inline-block; background:#528715; height:30px; line-height:28px;color:#fff;font-size:16px;padding:0 10px;font-weight:100; letter-spacing:1px}
.indmore a i { background:url(../images/2.png) no-repeat center;width:33px; height:14px; display:inline-block; vertical-align:top;margin:8px 0 0 8px}
.indmore a:Hover {padding:0 15px}
.indmore a:hover i {margin-left:13px}

.indresearch li { display:inline-block; vertical-align:top;width:19.3229%; position:relative; height:865px;background:#f3f9ef; overflow:hidden}
.indresearch li.active{width:42.0313%}
.indresearch li .cons { position:absolute; z-index:100;top:0;left:0;width:100%; height:100%;opacity:0;padding:0 21% 0 8.5%;}
.indresearch li .cons .t { position:relative;font-size:24px; line-height:24px;letter-spacing:1px;margin:15px 0 45px 0;font-weight:600; display:inline-block;}
.indresearch li .cons .t:before {content:'';width:80%; height:3px; background:#cc9933; position:absolute;left:0;bottom:3px; z-index:-1;}
.indresearch li .cons .e {font-size:12px;line-height:12px; letter-spacing:0.5px;font-weight:500;}
.indresearch li .cons .c {width:800px;}
.indresearch li .title {position:absolute; z-index:80;top:0;left:0;opacity:1;color:#fff;writing-mode: vertical-lr ;-webkit-writing-mode: vertical-lr;-ms-writing-mode: vertical-lr; font-weight:500;font-size:24px; line-height:24px;letter-spacing:1px;top:55px;left:50px;font-weight:500}
.indresearch li .bg {position:absolute; z-index:60;top:0;left:0;width:100%; height:100%;opacity:1; background:rgba(51,51,51,0.5)}
.indresearch li.active .title,.indresearch li.active .bg,.indresearch li.active .pcover {opacity:0}
.indresearch li.active .cons{opacity:1;}

.indnews { background:#f3f9ef;padding:120px 0}
.indsubject .e {font-size:12px;line-height:12px;font-weight:500;}
.indsubject .t {font-size:24px; line-height:24px;letter-spacing:1px;margin:15px 0 0 0; position:relative; display:inline-block; z-index:10;font-weight:600}
.indsubject .t:before {content:'';width:86%; height:3px; background:#cc9933; position:absolute;left:0;bottom:3px; z-index:-1}
.indnews ul {margin:20px 0 0 0}
.indnews li { position:relative}
.indnews li .a { position:absolute;top:26px;left:0;font-weight:500}
.indnews li .t {border-top:1px solid #cd9b36;margin:0 0 0 185px; line-height:28px;padding:25px 0}
.indnews li:nth-child(1) .t {border:0}

.indvision {padding:7% 0 10% 0; background-attachment:fixed; background-position:center; background-repeat:no-repeat; background-size:cover;}
.indvision .in { background:#fff; display:inline-block;padding:45px 40px;min-width:445px}
.indsubject2 {writing-mode: vertical-lr ;-webkit-writing-mode: vertical-lr;-ms-writing-mode: vertical-lr; font-weight:600;}
.indsubject2 .e {font-size:12px;line-height:12px; letter-spacing:0.3px}
.indsubject2 .t { position:relative;font-size:24px; line-height:24px;letter-spacing:1px;margin:0 15px 0 0; display:inline-block; z-index:10}
.indsubject2 .t:before {content:'';width:3px; height:86%; background:#cc9933; position:absolute;left:3px;top:0; z-index:-1}
.indsubject2 .c {font-size:26px; line-height:46px; letter-spacing:1px;font-weight:400;margin:0 0 0 65px}

.bannerin { background-position:center; background-repeat:no-repeat; background-size:cover; height:730px; text-align:right;}
.bannerin .t {float:right;margin:0 5% 0 0;}
.bannerin .t .in {color:#fff;font-size:44px; line-height:44px; letter-spacing:1px;}

.aboutvision { background:#f3f9ef}
.aboutvision .mleft {display:inline-block; vertical-align:top;width:50%; text-align:right}
.aboutvision .mleft .in {width:570px;margin:0 0 0 auto; text-align:left;padding:10% 0 0 0}
.aboutvision .mleft .in .c {font-size:30px; line-height:1.8;font-weight:300;margin:50px 0 0 0}
.aboutvision .mright { display:inline-block; vertical-align:top;width:50%}
.aboutvision .mright img {width:100%}
.namemj { position:absolute;top:-81px; height:0}

.partner { background:#f3f9ef;padding:120px 0}
.partner ul{width:108%;margin:-5% 0 0 -4%;padding:50px 0 0 0}
.partner li { display:inline-block; vertical-align:top;width:25.3333%;border:1px solid #528715;margin:5% 4% 0 4%; text-align:center; position:relative}
.partner li img {width:100%}
.partner li span {position:absolute;left:0;top:0;width:100%;height:100%;opacity:0; background:#528715; z-index:10}
.partner li:hover span {opacity:1}

.research {padding:140px 0 0 0}
.research .pic img {width:100%;}
.research .cons {padding:45px 3.5% 150px 2.5%}
.research .cons .mleft {float:left;}
.research .cons .mright {float:right;width:640px}
.research .cons .mright .gs {padding:15px 0 30px 0}
.research .cons .mright .content { display:none;}
.research .cons .mright .more {border-bottom:1px solid #528715; text-align:right;padding:0 0 30px 0}
.research .cons .mright .more .in { display:inline-block}
.research .cons .mright .more .in .indmore {opacity:1;margin:0}
.research .cons .mright .more .in .up { display:none;opacity:0;background:url(../images/4.png) no-repeat center;width:49px; height:25px; cursor:pointer;margin:30px 0 -10px auto}
.research .cons .mright .more .in.active .indmore { display:none;opacity:0}
.research .cons .mright .more .in.active .up { display:block;opacity:1}
.indsubject3 {writing-mode: vertical-lr ;-webkit-writing-mode: vertical-lr;-ms-writing-mode: vertical-lr; font-weight:600; }
.indsubject3 .t { position:relative;font-size:24px; line-height:34px;letter-spacing:1px;margin:0 8px 0 0; display:inline-block; z-index:10}
.indsubject3 .t:before {content:'';width:3px; height:86%; background:#cc9933; position:absolute;left:6px;top:0; z-index:-1}
.indsubject3 .e {font-size:12px;line-height:17px; letter-spacing:0.3px;writing-mode: vertical-rl ;-webkit-writing-mode: vertical-rl;-ms-writing-mode: vertical-rl;}
.indsubject3 .p {margin:23px 0 0 22px}

.research li.li45 .indsubject3 .t:before {height:60%}

.news {padding:120px 0}
.news ul {margin:40px 0 0 0}
.news li {border-bottom:1px solid #cc9933;padding:45px 0; position:relative}
.news li .pic {float:left;width:26%; position:relative; overflow:hidden}
.news li .pic img {width:100%}
.news li .cons {float:right;width:68%;margin:-5px 0 0 0}
.news li .cons .title{margin:0 0 15px 0}
.news li .cons .title a {font-size:18px; line-height:28px;font-weight:600}
.news li .cons .more { text-align:right;margin:15px 0 0 0}
.news li .cons .more a {font-weight:300;line-height:18px;color:#528715}
.news li .cons .more a:hover {color:#cc9933}

.contact {padding:120px 0}
.contact .cons {margin:40px 0 0 0}
.contact .list { background:#f3f9ef;padding:20px 150px 60px 100px;margin:40px 0 0 0}
.contact .list .in .row { position:relative;margin:40px 0 0 0}
.contact .list .in .row span { display:block; position:absolute;left:0;top:8px; text-align:right;font-size:20px; line-height:20px;font-weight:500;width:230px;padding:0 20px 0 0}
.contact .list .in .row p {margin:0 0 0 250px;}
.contact .list .in .row p input {border:1px solid #528715; height:38px; line-height:38px;width:100%;font-size:20px;font-weight:300;padding:0 15px;color:#528715;}
.contact .list .in .row p textarea {border:1px solid #528715; height:108px; line-height:36px;width:100%;font-size:20px;font-weight:300;padding:0 15px;color:#528715; overflow:hidden}
.contact .list .in .row p input#mfirstname,.contact .list .in .row p input#mlastname {width:47%; display:inline-block; vertical-align:top;}
.contact .list .in .row p input#mfirstname {margin:0 6% 0 0}
.contact .list .in .row0 span { line-height:28px}
.contact .list .in .row1 { text-align:center;color:#528715;margin:50px 0 -25px 0}
.contact .list .in .row2 { text-align:center}
.contact .list .in .row2 input { cursor:pointer;width:300px; height:40px; line-height:30px; text-align:center;color:#fff;font-size:20px;font-weight:500; background:#528715; cursor:pointer}
.contact .list .in .row2 input:Hover { background:#cd9b36}






.foot { background:#333;color:#fff;padding:55px 0 140px 0}
.foot a {coloR:#fff}
.foot .mleft { position:absolute;left:0;top:0}
.foot .mleft .logo {border-bottom:1px solid #808080;padding:0 0 25px 0;margin:0 0 25px 0}
.foot .mleft .email {font-size:14px; line-height:16px; position:relative;padding:0 0 0 21px}
.foot .mleft .email a {font-size:14px}
.foot .mleft .email:before {content:''; background:url(../images/3.png) no-repeat center;width:16px; height:16px; position:absolute;left:0;top:0}
.foot .mright {margin:0 0 0 35%}
.foot .mright .subject {font-size:20px; line-height:20px;font-weight:500;margin:0 0 10px 0}
.foot .mright ul {width:106%;margin:0 0 0 -3%; position:relative}
.foot .mright ul:before {content:'';width:10px; height:100%; background:#333; position:absolute;left:-5px;top:0; z-index:999;}
.foot .mright li { display:inline-block; vertical-align:top;width:27.3333%;margin:15px 3% 0 3%; position:relative}
.foot .mright li a { display:block;line-height:24px;font-size:14px;}
.foot .mright li:before {content:'';width:1px; height:15px; background:#808080; position:absolute;left:-10%;top:6px;}
.foot .mright .clear2 { display:none;}
.foot .mright .clear3 { clear:both}
.footer { background:#000; text-align:center;color:#fff;font-size:14px; line-height:1.8;padding:10px 0}
.footer a {color:#fff;font-size:14px}