@charset "utf-8";
* {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; }
.flexslider *,.toper,.topblank,.toper .logo img,.toper .logo,.toper ul,.toper li a,.indtech li .list .pic p,.indnews li .pic a p,.news li .pic a p,.development3 li .pic p,.structure li .pic p,.structure li .title,.structure li .cons,#slider2 .slide .pic .list,#slider2 .slide .title,.development6 li .pic p,.toper .encn,.toper .encn a,.toper .encn i
{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.abc,.indtech li .list .pic:hover p,.indnews li .pic a:hover p,.news li .pic a:hover p,.development3 li .pic:hover p,.development6 li .pic:hover p
{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,.development6 li,.tabPanel ul
{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html{-webkit-text-size-adjust:none;font-family:arial,'Microsoft YaHei','微软雅黑';height:100%;}
body {margin:0 auto;font-family:arial,'Microsoft YaHei','微软雅黑';height:100%;color:#666;font-size:14px;line-height:25px; margin:0 auto; overflow-x:hidden;max-width:1920px;}
a,input,button,select,textarea {text-decoration: none;outline:none;color:#666}
a:Hover,.foot li a:hover,.news li .cons .title a.a:hover{color:#208f3b}
abc:hover {color:#ddbe37}
.table { display:table; height:100%;width:100%;}
.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;font-family:arial,'Microsoft YaHei','微软雅黑';border:0;font-size:14px}
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;}
h1,h2,h3,h4,h5 { font-weight:normal}
hr {border:0;border-top:1px solid #d5975c; height:1px;margin:15px 0 12px 0}

.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%}
.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;}

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

.pageclass {height:0px;overflow:hidden;}
.page_wrap {width:100%;padding:50px 0 0 0px; text-align:center;}
.pager {padding:0 0 0px 0; width:100%;text-align:center;} 
.pager a { margin: 2px 2px;text-align:center; display:inline-block; text-decoration: none;border:1px solid #d3d3d3;}   
.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 #d3d3d3;}   
.pager select {margin: 0px 2px -2px 2px;}
.pager input {margin: 0px 2px -2px 2px; padding:2px; text-align:center;} 
.pager a,.pager span.disabled {background:}  
.pager a:hover,.pager span.current { background:#ddbe37;border:1px solid #ddbe37;}   
.pager a:hover,.pager span.current{ color:#fff;border:1px solid #ddbe37} 
.pager a,.pager span.disabled {color:#767676;border:1px solid #d3d3d3;} 
.pager a,.pager span.current,.pager span.disabled{width:30px; height:30px; line-height:30px;border-radius:50%}
.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:14px; } 
.pager font {font-family:宋体;}

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

.wrap {max-width:1200px;margin:0 auto}

.toper { height:197px; background:rgba(255,255,255,0.9);position:fixed; z-index:9999;left:0;top:0;width:100%}
.toper .logo {float:left;margin:20px 0 0 0;}
.toper .logo img { height:157px}
.toper ul {float:right; text-align:right;margin:73px -30px 0 0}
.toper li { display:inline-block; line-height:50px; height:50px;margin-left:10px}
.toper li a { display:block;padding:0 30px;font-size:22px;color:#208f3b}
.toper li a:hover,.toper li.check a { background:#208f3b;color:#fff;}
.topblank {  height:197px;}
.toper.active,.topblank.active { height:87px}
.toper.active .logo {margin-top:5px}
.toper.active .logo img {height:77px;}
.toper.active ul {margin-top:37px}
.toper.active li a {font-size:18px}
.toper .encn { position:absolute; z-index:1;right:0;top:30px;color:#208f3b}
.toper .encn i {margin:0 6px;font-size:12px}
.toper .encn a {color:#208f3b}
.toper .encn a:hover { text-decoration:underline}
.toper.active .encn {top:10px}
.toper.active .encn a {font-size:12px}
.toper.active .encn i {margin:0 3px;}

.indtechplatsubject { height:1px; background:#ccc; position:relative; text-align:center;margin:90px 0 70px 0}
.indtechplatsubject p { display:inline-block; background:#fff;padding:0 20px;font-size:30px;font-weight:bold;color:#208f3b;top:-12px; position:relative; letter-spacing:2px}
.indtechplatsubject div {display:inline-block; background:#fff url(../images/1.png) no-repeat center;width:157px; height:108px;padding:0 20px;top:-54px; position:relative;}
.indtechplatsubject div span {color:#fff;font-size:28px; letter-spacing:3px; line-height:108px; height:108px; display:block}
.indtech {margin:0 0 130px 0}
.indtech li .wrap { background:#f8f6de}
.indtech li .list {width:55.4%; background:#fff;padding:40px 0}
.indtech li .list .pic {float:left;width:47%;min-height:205px; position:relative; overflow:hidden}
.indtech li .list .cons {float:left;width:47%;margin-left:2.5%}
.indtech li .list .cons .title {color:#208f3b;font-weight:bold;font-size:24px; letter-spacing:1px;margin:0px 0 5px 0}
.indtech li .list .cons .entitle {font-size:12px; line-height:18px;color:#999;border-bottom:1px solid #ccc;padding:0 0 7px 0;}
.indtech li .list .cons .content {color:#666;font-size:14px; line-height:23px;margin:7px 0 7px 0;min-height:115px}
.indtech li .list .cons .more a {color:#208f3b; background:url(../images/2.gif) no-repeat right center;padding:0 30px 0 0; letter-spacing:1px}
.indtech li.f2 { text-align:right; background:url(../images/1.gif) repeat-y center}
.indtech li.f2 .list {margin:0 -129px 0 auto; text-align:left;padding:0}
.indtech li.f2 .list .cons .title {margin-top:12px}
.indtech li.f2 .list .cons .content {min-height:90px}
.indnews {margin-top:110px}
.indnews li { position:relative;margin-top:70px}
.indnews li .addtime { position:absolute; z-index:1;width:180px;font-size:60px;color:#999; font-family:"Times New Roman", Times, serif;margin-top:15px}
.indnews li .pic { position:absolute; z-index:1;left:200px;width:270px;margin-top:5px}
.indnews li .pic a { display:block; position:relative; overflow:hidden}
.indnews li .cons {margin-left:500px;}
.indnews li .cons .title { height:35px; line-height:35px; overflow:hidden; letter-spacing:1px;}
.indnews li .cons .title a {font-weight:Bold;font-size:30px;color:#208f3b;}
.indnews li .cons .title a:hover {color:#ddbe37}
.indnews li .cons .content {font-size:14px; letter-spacing:1px;margin:15px 0; line-height:25px; height:100px; overflow:hidden}
.indnews li .cons .more a { display:inline-block; background:url(../images/2.png) no-repeat right center;padding:0 10px 0 0;color:#208f3b}

.indmap { background:#f8f6de;padding:5% 0 5% 8%;margin-top:100px;box-shadow:0 0 20px #eee}
.indmap .pic { vertical-align:middle;width:50%; display:inline-block;}
.indmap .cons { vertical-align:middle;width:43%;margin-left:7%; display:inline-block;}
.indmap .cons .subject {font-size:30px;font-weight:Bold;color:#333; display:inline-block; letter-spacing:4px;border-bottom:2px solid #208f3b;padding:0 0 30px 0;margin:0 0 20px 0}
.indmap .cons .list { position:relative;margin:15px 0 0 0; letter-spacing:1px}
.indmap .cons .content { position:absolute; z-index:1;left:30px;top:0;color:#333}
.maincurrent { text-align:right;margin-top:30px}
.maincurrent i {margin:0 10px}
.maincurrent img {margin:0 10px 0 0}
.mainsubject .en { text-transform:uppercase;color:#208f3b;font-size:50px;font-weight:Bold;margin:70px 0 30px 0; letter-spacing:2px}
.mainsubject .cn {color:#333;font-size:38px;font-weight:bold; letter-spacing:4px}
.namemj { display:block; position:absolute; z-index:1;top:-90px;left:0}
.news {margin-top:50px}
.news li {border-bottom:1px solid #333;padding:0 0 35px 0;margin-top:40px; position:relative;}
.news li .pic { position:absolute; z-index:1;width:225px;top:-5px;left:0;}
.news li .pic a { display:block; position:relative;  overflow:hidden}
.news li .cons {margin-left:250px; position:relative}
.news li .cons .title { height:25px; line-height:25px; overflow:hidden;max-width:80%;}
.news li .cons .title a.a {font-weight:Bold;font-size:22px;color:#333; letter-spacing:2px}
.news li .cons .title a.b { display:block;width:40px; height:40px; line-height:40px;color:#fff; font-family:宋体; position:absolute;right:0;top:-10px; background:#b5b5b5; text-align:center;font-size:25px}
.news li .cons .title a.b:hover { background:#208f3b}
.news li .cons .addtime {font-size:16px;color:#999;margin:20px 0}
.news li .cons .addtime img {margin:0 10px 0 0}
.news li .cons .addtime img.m2 {margin-left:30px}
.news li .cons .content {font-size:16px; line-height:30px; height:60px; overflow:hidden;max-width:80%}

.nshow .title { text-align:center; background:#888;padding:25px;font-size:32px; line-height:45px;color:#fff; letter-spacing:2px;margin-top:50px}
.nshow .addtime {color:#999;margin:20px 0 30px 0; text-align:center;}
.development1 { background:#f8f6de;margin-top:70px;}
.development1 .cons { display:inline-block; vertical-align:middle;width:54%;padding:10px 7%;font-size:16px; line-height:32px;color:#333}
.development1 .pic { display:inline-block; vertical-align:middle;width:32%}
.development1 .pic img {width:100%}
.development2 {margin:30px 0 100px 0;font-size:16px; line-height:30px;color:#333}
.development3 {margin-top:80px}
.development3 li {max-width:1550px; position:relative; height:100%; background:#f8f6de;margin:2px 0}
.development3 li .pic {width:67%; height:100%; position:absolute; z-index:1;  overflow:hidden}
.development3 li .cons { display:inline-block; vertical-align:middle;margin-left:67%;width:33%;padding:0 2% 20px 2%;color:#333;font-size:16px;}
.development3 li .cons .title {font-size:28px; line-height:40px;margin:0 0 30px 0}
.development3 li .cons .title span { display:inline-block; background:#208f3b;color:#fff;font-size:40px; font-family:Georgia, "Times New Roman", Times, serif;font-weight:Bold; height:60px; line-height:55px;padding:0 2px; vertical-align:bottom;margin:0 30px 0 0}
.development3 li .cons .subject {font-weight:Bold;margin:5px 0;font-size:18px;}
.development3 li .cons .content {margin:10px 0 15px 16%; line-height:35px;font-size:18px;}
.development3 li .cons .content img {margin:0 5px 0 0;}
.development3 li.f2 {margin:0 0 0 auto}
.development3 li.f2 .pic {right:0;top:0}
.development3 li.f2 .cons { margin-left:0;}
.namemj2 { display:block; position:absolute; z-index:1;top:-190px;left:0}
.structure {margin-top:80px}
.structure li {float:left;width:22%;margin:0 4% 0 0; text-align:center}
.structure li.f4 {margin-right:0}
.structure li .pic p {width:234px; height:234px;margin:0 auto}
.structure li:hover .pic p{ background-position:bottom;}
.structure li .title {font-weight:Bold;font-size:30px;color:#333;margin:50px 0 20px 0}
.structure li .cons {font-size:18px; line-height:30px;color:#333}
.structure li:hover .title,.structure li:hover .cons {color:#208f3b}

.development5 {margin-top:100px;}
.development5 .cons {float:left;width:48%;}
.development5 .cons .title { background:#208f3b;color:#fff;font-size:24px; letter-spacing:2px;display:inline-block;padding:0 40px; height:45px; line-height:45px;}
.development5 .cons .content {font-size:20px; line-height:55px;margin-top:60px;color:#333}
.development5 .cons .content img {margin:0 10px 0 0}
.development5 .pic {float:right;width:48%; text-align:right;}
.contact1 {font-size:16px; line-height:35px;margin:60px 0}
.contact2 { background:#208f3b;margin:0 0 100px 0}
.contact2 .map { display:inline-block; vertical-align:middle;width:66%;}
.contact2 .map iframe,#container {width:100%; height:360px}
.contact2 .cons { display:inline-block; vertical-align:middle;width:24%;padding:0 5%;color:#fff;}
.contact2 .cons .subject {font-size:20px;margin:0 0 25px 0}
.contact2 .cons .tel { position:relative;margin:10px 0 0 0}
.contact2 .cons .tel .icon { position:absolute;}
.contact2 .cons .tel .content {padding:0 0 0 30px;font-size:16px;}
.contact2 .cons .tel .content .content2 {font-size:14px}
.contact2 .cons .wx img {width:100px;margin-top:15px}
.development1 .cons .title {font-size:18px;font-weight:Bold;margin:0 0 10px 0}

.join {margin-top:80px;color:#333}
.join h1,.join h2,.join h3,.join h4,.join h5 {font-size:20px;font-weight:bold;}
.jobmore {margin:80px 0 0 0}
.job li {border-bottom:1px solid #ccc;padding:30px 0}
.job li .title { position:absolute;width:140px; height:120px; text-align:center;color:#fff; background:#ddbe37; line-height:22px;margin-top:2px}
.job li .title img {margin:0 0 7px 0;}
.job li .cons {padding:0 0 0 180px;min-height:120px;color:#333}
.job li .cons .list {float:left;width:50%;margin:0 0 10px 0}
.job li .cons .content { line-height:28px}
.leadingtech .pic { background:#208f3b;color:#fff; text-align:center;padding:4% 0;font-size:48px;font-weight:Bold; line-height:65px; letter-spacing:2px}
.history { text-align:center;width:877px; height:655px; position:relative;margin:300px auto 0 auto}
.history .list { position:absolute; z-index:1;font-size:20px; line-height:30px;width:150px; text-align:left;padding:0 0 0 45px;color:#333}
.history .list .cons {margin-top:-10px}
.history .f1 {left:40%;top:-27%; background:url(../images/p1.png) no-repeat center left;min-height:179px}
.history .f2 {right:-17%;top:-2.5%; background:url(../images/p2.png) no-repeat center left;min-height:134px;padding:0 0 0 65px}
.history .f3 {left:1%;top:-17%; background:url(../images/p3.png) no-repeat center left;min-height:284px;padding:0 0 0 25px}
.history .f4 {left:62.5%;top:-15.0%; background:url(../images/p4.png) no-repeat center left;min-height:210px;padding:0 0 0 90px}
.history2 { display:none;}
.product .title { background:#208f3b;font-size:32px;color:#fff; display:inline-block; line-height:70px; height:70px;padding:0 25px; letter-spacing:2px;margin:80px 0 30px 0}
.product .cons {font-size:20px; line-height:40px;color:#333}
#slider2 {padding:0;margin-top:60px}
#slider2 .bx-wrapper .bx-prev {left:-105px; background: url('../images/13.png') no-repeat center;}
#slider2 .bx-wrapper .bx-next {right:-105px;background: url('../images/14.png') no-repeat center;}
#slider2 .bx-wrapper .bx-controls-direction a {top:34%;width: 80px; height: 80px;}
#slider2 .slide{ position:relative; text-align:center}
#slider2 .slide img {margin:0 auto}
#slider2 .slide .pic { position:relative;border:1px solid #ddd}
#slider2 .slide .pic .list { position:absolute; z-index:10;width:100%; height:100%; background:rgba(39,39,39,0.6);color:#fff; text-align:center;font-size:16px; line-height:35px;opacity:0}
#slider2 .slide .pic:hover .list {opacity:1}
#slider2 .slide .title {font-size:16px; line-height:30px;color:#333;margin-top:20px}
#slider2 .slide:hover .title {color:#208f3b}

.iframediv { position:fixed; z-index:999999;top:0;left:0;width:100%; height:100%; background:rgba(0,0,0,0.8); display:none;}
.iframediv iframe {width:100%; height:100%; text-align:center;}
.iframediv p {width:50px; height:53px;  background:url(../images/close.png) no-repeat center; cursor:pointer; position:absolute; z-index:1;right:2%;top:3%}
body.active4 { overflow-y:hidden;}
.iframediv.active { display:block}
.bxslider2 {float:left;width:47.5%}
.bxslider2 .bxslider li { text-align:center;width:100%; position:relative}
.productshow {width:1140px; height:540px;padding:30px;background:#fff; position:absolute; z-index:1;top:50%;left:50%;margin:-300px 0 0 -600px}
.productshow .mright {float:right;width:50%}
.productshow .mright .subject {color:#333;font-size:18px;margin:0 0 15px 0;font-weight:Bold;}
.productshow .mright .cons { height:500px; overflow:auto}
.productshow .mright .cons li { position:relative;}
.productshow .mright .cons li .title {color:#9999; position:absolute; z-index:1;width:80px;}
.productshow .mright .cons li .content {padding:0 0 0 80px;color:#333;}

.development6 .mainsubject {margin:120px 0 50px 0}
.development6 li {float:left;border:1px solid #ccc;margin:1% 1% 0 0;width:32.6666%}
.development6 li.no {margin-right:0}
.development6 li .pic { position:relative; overflow:hidden}
.development6 li .title { position:relative;margin:0 20px 0 20px;font-size:30px; line-height:30px;color:#333}
.development6 li .title i { display:inline-block; vertical-align:bottom; background:#208f3b;font-size:40px; font-family:Georgia, "Times New Roman", Times, serif;font-weight:Bold;color:#fff; height:60px; line-height:60px;padding:0 5px;margin:0 20px 0 0}
.development6 li .cons {margin:20px 20px 20px 20px; overflow:hidden; line-height:30px; height:330px;font-size:16px;color:#333}
.development4 {margin:120px 0 0 0}
.development4 .cons { text-align:center;margin-top:100px}
.procons { line-height:40px;font-size:20px; margin-top:50px;color:#333}
.tabPanel { background:#208f3b;margin-top:80px}
.tabPanel ul{float:right;width:30%;padding:10px}
.tabPanel ul li{font-size:30px; line-height:45px;color:#fff;padding:30px 20px; text-align:center}
.tabPanel ul li.hit { background:#f8f6de; color:#333}
.panes {float:left;width:70%; background:#f8f6de;min-height:450px}
.panes .pane { display:none;padding:30px 40px 30px 40px;font-size:16px; line-height:35px;color:#333}
.mainsubject3 {margin:120px 0 0 0}




.foot { background:#5c5c5c;color:#fff;margin-top:100px;padding:100px 0}
.foot a {color:#fff}
.foot .wrap {max-width:875px;margin:0 auto}
.foot ul {float:left;}
.foot li {  display:inline-block;margin:0 35px 0 0}
.foot li a {font-size:18px}
.foot .share {float:right; text-align:right;}
.foot .share .bdsharebuttonbox a{ display:inline-block;margin:0}
.foot .share .bdsharebuttonbox a.bds_weixin { background:url(../images/wx.png) no-repeat center;width:29px; height:24px}
.foot .share .bdsharebuttonbox a.bds_qzone { background:url(../images/qqspace.png) no-repeat center;width:20px; height:22px}
.foot .share .bdsharebuttonbox a.bds_tsina { background:url(../images/weibo.png) no-repeat center;width:23px; height:19px}
.foot .share .bdsharebuttonbox a.bds_sqq { background:url(../images/qq.png) no-repeat center;width:20px; height:22px}
.foot .search { background:#fff;border-radius:30px; height:55px; line-height:55px;margin:25px 0 30px 0}
.foot .search #k {border-radius:30px;font-size:16px;float:left;width:80%; height:55px; line-height:55px;margin:0 0 0 20px}
.foot .search  #button {float:right; background:#208f3b;color:#fff; height:35px; line-height:35px; width:105px; text-align:center; cursor:pointer;font-size:18px;border-radius:30px;margin:10px 10px 0 0}
.foot .list .logo {float:left;}
.foot .list .logo img {height:117px}
.foot .list .wx {float:left;border-left:1px solid #cacaca; height:117px;padding:0 20px;margin-left:20px}
.foot .list .content {float:left;margin-left:20px; line-height:45px;font-size:18px;margin-top:-8px}
.foot .list .content a {font-size:18px;}


@media (max-width:900px){
    .mainsubject .en{ font-size:32px;margin:40px 0 20px 0;}
    .mainsubject .cn{font-size: 23px;}
 }
 @media (max-width:768px){
     .mainsubject .en{ font-size:25px;margin:9px 0 10px 0;}
     .mainsubject .cn{font-size: 20px;}
     .development3{ margin-top: 30px;}
     .development3 li .pic{
        width: 54%;
     }
     .development3 li .cons{
        width: 46%;
        margin-left: 54%;
     }
     .development3 li .cons .title{
        font-size: 15px;
        line-height: 20px;
        margin:0 0 15px 0;
     }
     .development3 li .cons .title span{
        font-size: 20px;
        line-height: 25px;
        height: 30px;
        margin:0 15px 0 0;
     }
     .development3 li .cons .content{
        font-size: 12px;
        line-height: 18px;
        margin: 5px 0 7px 8%;
     }
  }