@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, select{margin: 0;padding: 0;border: 0;}
table{ border-collapse:collapse;}
body{  color:#333; font-family:"微软雅黑"; font-size:14px;}
img,a{border:0; text-decoration:none; outline:none}
ol, ul {list-style: none; }
.clears{ clear:both;}
a{color:#555;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;transition: all .3s ease-out; text-decoration:none;}
a:hover{-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;transition: all .3s ease-out; text-decoration:none;}
img{ max-width:100%; height:auto;}
*{ margin:0; padding:0;}
body{ margin:0; padding:0;overflow-x:hidden;}
ul{ list-style:none;}
a{ text-decoration:none;}
.width1200{ max-width:1200px; width:72%; margin:0 auto;}
.width1000{ max-width:1100px; width:65%; margin:0 auto;}
.clear{ clear:both;}
.blue,a.blue{ color:#00a9e4 !important;}

.topdisp{ display:none; float: left;}
.toplogo{}
.nav{ line-height:100%;}
.nav li{ float:left; width:13%; text-align:center; height:110px; line-height:110px;}
.nav li>a{ display:block; width:100%; background:url(../images/nav.png) right center no-repeat; font-size:15px; color:#555}
.nav li.bgnone>a{ background:none}
.nav a.active,.nav li>a:hover{color:#00a8e4;}
.nav .search{ width:22%; height:110px;}
.searchcon{ height:35px; border:1px solid #d9d9d9; overflow:hidden; width:100%; background:url(../images/search.png) center right 5px no-repeat; margin-top:38px;}
.searchcon .left{ float:left; border:none; outline:none; width:80%; height:35px; line-height:35px; padding-left:5px; box-sizing:content-box;}
.searchcon .right{ float:right; background:none; border:none; outline:none; cursor:pointer; height:35px; width:15%;}
.nav li h1{display: block; vertical-align:middle; width:100%; height:110px;}
.nav li h1 img{ vertical-align:middle;}

.nav-toggle{width:45px; height:45px; line-height:45px; text-align:center; font-size:30px; cursor:pointer; float:right; display:none; color:#fff; margin-top:15px; }
.nav-toggle .nav-close{ display:none;}
.nav-toggle .nav-open{ display:block;}
.nav-toggle.nav-toggle-s .nav-close{ display:block;}
.nav-toggle.nav-toggle-s .nav-open{ display:none;}
.nav-toggle .nav-open span,.nav-toggle.nav-toggle-s .nav-close span{ font-size:28px;}
.nav-toggle img{ width:35px;}

/*indez-banner*/
.banner{ border-top:2px solid #00a7e4;}
.banner .bx-wrapper .bx-pager{ display: none;}
.banner .bx-wrapper{ margin-bottom:0;}
.banner .bx-controls-direction{ width:1400px;position: absolute;  top: 60%;  left:50%; margin-left:-700px;}
.banner .bx-wrapper .bx-prev{ background:url(../images/bannerleft.png);}
.banner .bx-wrapper .bx-next{ background:url(../images/bannerright.png);}
.banner .bx-wrapper .bx-controls-direction a{ height:45px; width:45px;}

.indexcon{ background:#f1f1f1; position:relative; padding-top:135px; padding-bottom:5px;}
/*index-business*/
.business{ background:url(../images/index.png) center; background-size:cover; height:270px; box-sizing: border-box; padding:20px; overflow:hidden; position:absolute; top:-135px; left:50%; transform: translate(-50%, 0%); }
.business .blfet{ width:125px; color:#fff; font-size:24px; line-height:35px ; float:left; margin-top:30px; padding-left:20px;}
.business .blfet strong{ font-weight:500; font-family:Arial, Helvetica, sans-serif; font-size:24px; text-transform:uppercase;}
.business .blfet a{ display:block; width:120px; color:#fff; border:1px solid #fff; text-align:center; margin-top:25px; font-size:12px; line-height:30px;}
.business .bright{ float:right; background:#fff; width:80%;}
.bright .bplate{ height:230px; text-align:center; width:20%; float:left; border-right:1px solid #E2E2E2}
.bright .bplate:last-child{ border:none;}
.bright .bplate a{ display:block; height:100%;}
.bright .bplate strong{ font-weight:500; font-size:18px; display: block; margin:20px auto 0; color:#555;}
.bright .bplate img{ margin-top:3.5em;}

.business .index_tit{ display:none;}

/*index-news*/
.index_new{ width:53%; float:left; }
.index_newr{ width:45%; float:right;}
.index_tit{ font-size:18px; color:#333; margin-top:40px; line-height:24px;}
.index_tit .titen{ font-size:14px; color:#919191; display:block; font-family:Arial, Helvetica, sans-serif;}
.index_new .news_con{ overflow:hidden; margin-top:20px;}
.newdate{ float:left; text-align:center; font-size:14px; line-height:36px; color:#888; margin-right:10px;}
.newdate strong{ font-size:36px; color:#00a8e4; font-weight:400; display:block;}
.newsright{ float: left; width:87%;}
.newr-con img,.newsright img{ float:left; margin-right:15px;}
.newr-con a.tit,.newsright a.tit{ display:block; font-size:15px; color:#333; line-height:24px; height:24px; overflow:hidden;white-space:nowrap; text-overflow:ellipsis; margin-bottom:5px; }
.newr-con .details,.newsright .details{ font-size:12px; line-height:24px; color:#888; max-height:48px; overflow:hidden;}
.newsright a.more{ font-size:12px; line-height:24px; color:#888; }

.newr-con{ margin-top:20px; background:#fff; box-sizing:border-box; padding:15px; overflow:hidden;}
.newr-con a.tit{ margin-top:15px;}
.newr-con .details{ max-height:76px;}
.newr-con .more{ margin-top:10px; display:block;}

.newr-con .bx-controls-direction{ display:none}
.newr-con .bx-wrapper .bx-pager.bx-default-pager a{ background:none; border:1px solid #888;}
.newr-con .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{ background:#00a8e4; border:1px solid #00a8e4;}
.newr-con .bx-wrapper{ margin-bottom:20px;}
.newr-con .bx-has-pager{ padding-top:12px;}
.hezuocon .bx-wrapper .bx-viewport{ background:none}
.hezuocon .index_tit{ margin-bottom:20px;}
.hezuocon .bx-wrapper{ margin-bottom:30px}

/*index-foot*/
.footbg{ background:#3b3f4a; padding:25px 0}
.footright{ float:right;}
.footleft{ float:left; width:70%; }
.footnav{ overflow:hidden; margin-top:5px; margin-bottom:5px;}
.footnav li{ float:left; padding-right:30px; line-height:30px; background:url(../images/nav.png) center right 14px no-repeat;}
.footnav li:last-child{ background:none;}
.footnav a{ color:#a9b0b4;font-size:12px; }
.footcop{ display:block; color:#a9b0b4; line-height:30px;font-size:12px;}

/**/
.aboutbig{ padding-bottom:50px;}
.neibanner{ border-top:2px solid #00A7E4; background:url(../images/neibanner.jpg) center no-repeat; height:198px;}
.about-tit{ border-bottom:1px solid #e5e5e5; margin-bottom:20px;}
.aboutnav{text-align:center; }
.aboutnav li{ display:inline-block; border-left:1px solid #e5e5e5; font-size:16px; color:#555;}
.aboutnav li:last-child{ border-right:1px solid #e5e5e5; }
.aboutnav li a{ display:block; padding:0 28px; line-height:59px; box-sizing:border-box; border-bottom:2px solid #fff;}
.aboutnav li.active a,.aboutnav li:hover a{ background:#f9f9f9; border-bottom:2px solid #00a8e4; color:#00a8e4;}

.about-position{ background:url(../images/icon.png) no-repeat center left; margin-bottom:20px; height:24px; line-height:24px; padding-left:20px; font-size:13px; color:#555}
.about-position span{ color:#999;}

.aboutleft{ width:71%; float:left;}
.aboutright{ width:26%; float:right;}
.aboutright img{ margin-bottom:20px;}
.aboutbiao{  font-size:26px;  text-transform:uppercase;font-family:Arial, Helvetica, sans-serif; line-height:32px; border-bottom:1px dashed #B3B3B3; padding-bottom:15px;}
.aboutbiao .en{color:#00a8e4;}
.aboutbiao .cn{ color:#00a8e4; font-size:18px; display:block; font-family:"微软雅黑";}

.abkuai{ background:#fafafa; margin-top:30px; box-sizing:border-box; padding:30px;}
.aboutleft .atit{ font-size:24px; font-weight:600; color:#666;}
.aboutleft .atit .en{ font-weight:400; font-size:13px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; padding-left:10px; padding-right:10px; display: inline-block; line-height:27px; position:relative; top:-6px; height:31px; }
.aboutleft .atit .en i,.teamxian{ display:block; background:#00a9e4; width:30px; height:4px;}

.ajianjie{ position:relative; margin-top:20px; padding:10px 30px 0;}
.comma,.comma2{ font-family:"黑体"; color:#00a9e4; font-size:48px; position:absolute; top:-10px;}
.comma{ left:-25px;}
.comma2{ right:-25px;}

.ajianjie .ajcon{ overflow:hidden}
.ajianjie .ajzi{ float: right; width:57%; font-size:13px; color:#666; line-height:2;}
.abkuai .ajimg{float: left; width:41%; text-align: left;}

.abkuai-plate{ background:none; padding:20px;}
.abkuai-plate .atit{ overflow:hidden;}
.abkuai-plate .atit .cn{ float:right;}
.abkuai-plate .atit .en{ float:right; top:0; position:relative;}
.abkuai-plate .atit .en i{ margin:0 auto; position:absolute; bottom:0; right:10px;}
.abkuai-plate .ajianjie{ padding:0}
.abkuai-plate .ajimg{float: right; width:36%; text-align:right;}
.abkuai-plate .ajzi{ float:left; width:62%;}


/**/
.teambig{ margin-bottom:20px; overflow:hidden;}
.taemtit{ text-align:center; color:#00a9e4; font-size:20px; margin-top:30px; height:30px; line-height:30px;}
.taemtit span{ display:inline-block; background:#00a9e4; height:2px; width:55px; margin:0 10px; position:relative; top:-5px;}
.taemtit2 { color:#555;}
.taemtit2 span{ background:#555;}
.teamlist{ width:50%; text-align:center; float:left; margin-top:50px; box-sizing:border-box; padding:0 3%;}
.teamlist .timg{ max-width:190px; max-height:190px; width:50%; border-radius:50%; overflow:hidden; margin:0 auto; border:8px solid #f9f9f9; position:relative;}
.teamlist .timg .thover,.teamlist .timg .thoverimg{ position:absolute; top:0; left:0; background:url(../images/teambg.png); z-index:10px; display:block; height:100%; width:100%; display:none}
.teamlist .timg .thoverimg{ background:url(../images/teams.png) no-repeat center; display:block;}
.timg:hover .thover{ display: block;}
.timg:hover{ border:8px solid #00a9e4}

.teamlist .tdata{ font-size:14px; color:#555; line-height:24px;}
.teamlist .tdata .name{ font-weight:400; color:#000; font-size:20px; display:block; height:40px; line-height:40px;}
.teamlist .tdata .teamxian{ margin:0 auto; height:3px;}
.teamlist .tdata .tzhuanjia{ color:#00a9e4; padding-top:6px;line-height:35px; font-size:14px; display:block;}

.teampopup{ background:url(../images/teambg.png); position: fixed; top:0; left:0; height:100%; width:100%; display:none;}
.tpopup{ background:#fff; position:absolute; top:50%; left:50%;transform: translate(-50%, -50%); width:800px; padding:10px; max-height:95%; height:520px; overflow:hidden;}
.tpclose {    position: absolute;    top: 20px;    right: 20px;    cursor: pointer;    z-index: 1000;}
.tpopup .tpcon2{max-height:64%; position: absolute; overflow-y:auto; background:#fff; padding-right:10px;}
.tpopup .tpcon{ clear:both; overflow:hidden; padding-top:30px;  }
.tpopup .tpcon .tpleft{ width:30%; text-align: center; float:left;}
.tpopup .tpcon .tpleft img{ max-width:90%;}
.tpopup .tpcon .tpright{ width:68%; float: right; color:#666; font-size:15px; line-height:2em; }
.tpopup .tpcon .tpright .tpname{ font-size:20px; display:block; margin-bottom:10px;}
.tpopup .tpcon .tpfanye{ overflow:hidden; margin-top:30px; margin-left:50px; margin-bottom:5px; position:absolute; bottom:30px;}
.tpopup .tpcon .tpfanye a{ background:#fff; display:block; float:left; width:90px; height:30px; line-height:30px; font-size:14px; color:#888; border:1px solid #dedede; text-align:center; margin:0 10px;}

/**/
.history{ background:#efeef4 url(../images/hisbg.png) no-repeat bottom right; padding:40px 20px 100px;; min-height:400px;}
.hisxian{ background:url(../images/his2.png) repeat-y center top; overflow:hidden;width:100%}
.hislist{ width:50%; float: left; padding-right:37px; box-sizing:content-box; background:url(../images/his1.png) no-repeat top right; }
.hislist .hisdate{ color:#0048a3; font-size:24px; text-align:right; display:block; padding-right:55px;}
.hiscon{ margin-right:55px; background:#fff; box-sizing:border-box; padding:20px; border-radius:8px; margin-top:10px; overflow:hidden}

.hiscon .hisname{ font-size:18px; color:#333; float:left; margin-right:10px; padding-left:5px;}
.hiscon .hiszi,.hiscon .hiszi2{ font-size:13px; color:#666; display:inline-block; line-height:26px; max-width:80%;}
.hiscon img{ display:block; margin-bottom:10px;}

.hright{ float:right; padding-left:37px; padding-right:0; background-position:left top; }
.hright .hisdate{ text-align:left; padding-left:55px; padding-right:0;}
.hright .hiscon{ margin-right:0; margin-left:55px;}
.hiscon .hiszi2{ width:100%}


/**/
.culkuai{ margin-top:30px;}
.culkuai .atit{ color:#000; font-size:20px; font-weight:400;}
.culkuai .atit .en{ color:#888;}

.culkuai2{ background:#fcfcfc; padding:20px;}
.culkuai2 .culcon2{ text-align:center;}
.culkuai2 .culcon2 .cname{ font-size:18px; color:#00a9e4; line-height:36px;}
.culzi{ font-size:13px; color:#666; line-height:26px; margin-bottom:10px;}

.culwenhua{ width:30%; float:left;}
.culwenhua2{ width:40%; float:left;}
.ckuai1{ color:#888; font-size:14px; margin-top:20px; line-height:24px;}
.ckuai1 span{ color:#00a9e4; font-size:16px; display:block;}
.ckuai1 .ciltit1{ background:url(../images/wis1.png) no-repeat right bottom; color:#000; font-size:24px; height:40px; }

.ckuai1-linian{ padding-left:15%; margin-top:100px; position:relative; right:-30px;}

.ckuai1-jiazhi{ text-align:right; padding-right:8%;}
.ckuai1-jiazhi .ciltit1{ background:url(../images/wis2.png) no-repeat left bottom;}

.ckuai1-pinpai{ padding-left:20%;}
.ckuai1-pinpai .ciltit1{ background:url(../images/wis3.png) no-repeat right 30px bottom;}
.ckuai1-pinpai strong{ font-size:20px; font-weight:500}

.ckuai1-shiming{margin-top:100px; padding-left:2%;}
.ckuai1-shiming .ciltit1{ background:url(../images/wis4.png) no-repeat right 10px top; box-sizing:border-box; padding-top:10px}

.ckuai1-gexing{}
.ckuai1-gexing .ciltit1{ background:url(../images/wis5.png) no-repeat center bottom;background-size:100%; padding-left:40px;}
.ckuai1-gexing .cluxo{ padding-left:40px;}


/**/
.sockuai{ background:url(../images/shehui.png) center; border:1px solid #f3f3f3; padding:0 20px 50px; overflow:hidden;}
.soctop{ text-align:center; font-size:18px;   line-height:48px; color:#5e5e5e; margin:20px auto;}
.soclist{ background:url(../images/soc3.png) no-repeat left bottom;; padding:30px 90px 30px 30px; margin-top:110px; position:relative; font-size:14px; line-height:26px; color:#777; max-width:516px; float:left;}
.soclist .soctit{ color:#00a9e4; font-size:18px; margin-bottom:15px;}
.soclist strong{ color:#000; margin-right:5px; font-weight:600}
.soclist .socpro{ position:absolute; right:-110px; top:-50px;}

.soclistright{ float:right; background-image:url(../images/soc4.png); padding:30px 30px 30px 90px;}
.soclistright .socpro{ left:-110px;}


/*/*/
.contactbig{ padding:25px 20px;}
.contactbig .contadd{ overflow:hidden}
.contactbig .contadd li{ width:50%; float:left; font-size:14px; line-height:30px; color:#555; margin-top:30px;}
.contactbig .contadd li .cotit{ display:block; color:#00a9e4; font-size:16px;}

.twork{ overflow:hidden}
.twork li{ width:18%; margin-right:2%; float:left; margin-top:2%; background:#f9f9f9; position:relative;}
.twork li:hover{ background:#272935}
.twork li .temore{ position: absolute; width:100%; left:0; top:0; height:100%; display:none}
.twork li:hover .temore{ display:block;}
/**/
.newstop{ overflow:hidden;border-bottom:1px solid #E8E6E6; padding-bottom:30px;}
.newstop .ntleft{ width:49%; float:left;}
.newstop .ntright{ width:49%; float:right;}
.newstop .ntright a{ text-decoration:none;}
.newstop .ntright .nday{ color:#999; font-size:24px; display:block;}
.newstop .ntright .ntname{ font-size:18px; color:#333; font-weight:600; height:35px; line-height:35px; overflow:hidden;}
.newstop .ntright .ntconzi{ color:#666; font-size:14px; line-height:26px; max-height:78px; overflow:hidden;}
.newstop .ntright .nmore{ height:40px; line-height:40px; text-align:center; width:140px; background:#00a9e4; font-size:14px; display:block; color:#fff; margin-top:10px;}
.newstop .ntright .nmore img{ margin-right:8px;}

.newlist{ border-bottom:1px solid #E8E6E6; padding:30px 0; overflow:hidden; position: relative;}
.newlist .nlbghover{ background:#f4f4f4; position:absolute; top:0; left:-100%; width:100%; height:100%; z-index:1;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;transition: all .3s ease-out;}
.newlist:hover .nlbghover{ left:0;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;transition: all .3s ease-out;}
.nlday{ background:#f4f4f4; text-align:center; line-height:32px; font-size:14px; color:#555; width:90px; padding:15px 0; float:left; margin-right:15px; position:relative; z-index:2;}
.nlday span{ display:block; font-size:36px; color:#02437b}
.newlist .nlright{ font-size:13px; color:#666; line-height:24px; max-height:82px; overflow:hidden; padding-top:5px; position:relative; z-index:2;}
.newlist .nlright .nlname{ font-size:16px; color:#666; margin-bottom:8px; display:block; overflow:hidden;white-space:nowrap; text-overflow:ellipsis; height:24px;}

.newest{ border:1px solid #EDEBEB; margin-bottom:20px; padding:20px;}
.newest .nstit{ font-size:18px; color:#000; background:url(../images/nz.png) center no-repeat; display:block; text-align:center}
.newest .nstop{ padding:15px 0 20px;; font-size:12px; line-height:18px;border-bottom:1px solid #EDEBEB; overflow: hidden; }
.newest .nstop img{ margin:0; float:left; margin-right:7px;}
.newest .nstop span{ display:block; color:#999; margin-top:5px;}

.newest-list{ list-style:square; padding-left:10px; margin-left:10px}
.newest-list li{ padding:20px 0; line-height:22px; border-bottom:1px solid #EDEBEB; font-size:12px; }
.newest-list li a{ color:#999;}
.newest-list li span{ display:block; color:#555; padding-bottom:5px;}

.newspage{ padding:30px 0; overflow:hidden}
.newspage li{ padding:0; float:left; border:1px solid #dfdfdf;margin-right:10px; margin-bottom:5px;}
.newspage li a{ color:#8c8c8c; font-size:14px; display:block; padding:3px 10px; }
.newspage li a:hover,.newspage li.hover a{ color:#fff; background:#5ec9ee}


.ncon{ float:left; width:85%;}
.ncon_tit{ font-size:18px; line-height:24px; padding-top:5px;}
.ncon-liu{ font-size:14px; color:#999; margin-top:10px; display:block;}
.ncon-fenx{ margin-bottom:10px;}

.ncon-zi{ color:#777; font-size:14px; line-height:26px;}
.ncon-zi p{ margin-top:20px;}
.ncon-zi span{ color:#00a9e4}

.nconfen { margin-top:30px;}
.nconfen a{ display:block; color:#777; font-size:14px; line-height:26px;}


/**/
.bustop{ margin-top:20px;}
.busnav{ text-align:right; margin-bottom:20px;}
.busnav li{ display:inline-block; font-size:15px; color:#555; padding-left:15px;}
.busnav li a{ color:#555; padding-bottom:5px;}
.busnav li a:hover,.busnav li.bnhover a{ color:#00a9e4; border-bottom:2px solid #00a9e4;}
.buslis{ width:28.5%; float:left; position:relative;}
.buslis .bulisrnei{ position:absolute; left:20px; bottom:15px; color:#fff; line-height:30px;}
.buslis .hover,.buslis2 li .hover{ background:url(../images/busbg.png); color:#fff; position:absolute; top:0; left:0; height:100%; width:100%; text-align:center; font-size:18px; box-sizing:border-box; padding-top:49%; display: none;}
.buslis:hover .hover,.buslis2 li:hover .hover{ display:block;}
.buslis:hover .bulisrnei,.buslis2 li:hover .bulisrnei{ display:none;}



.buslis2{ width:34%; float:left;}
.buslis2 ul{ overflow:hidden;}
.buslis2 li{ float:left; width:47%; margin-left:3%; margin-bottom:3%; box-sizing:border-box; position:relative;}

.buslis2 .bulisrnei{  position:absolute; color:#555; font-size:14px; }
.buslis2 .bulwei1{ top:10px; right:10px;}
.buslis2 .bulwei2{ bottom:15px; right:0; width:97%; padding-left:10px;; box-sizing:border-box; color:#fff;}
.buslis2 .bulwei3{ top:10px; right:0; width:97%; padding-left:10px;; box-sizing:border-box;}
.buslis2 .bulwei4{ bottom:25px; right:8px;}


.buslis3{ background:#ceeefd; width:36.5%; box-sizing: border-box; float:right; padding:10.5% 20px; color:#888; font-size:14px; }
.buslis3 p{line-height:22px;}
.buslis3 span{ color:#2c6391; display:block; margin-bottom:10px;}
.buslis3 .namecn{ font-size:24px;}
.buslis3 .nameen{ font-size:18px; text-transform:uppercase;}













@media screen and (max-width: 1440px) {
	.buslis3{ padding:9.5% 20px;}
}
@media screen and (max-width: 1390px) {
 .banner .bx-controls-direction{ width:98%; margin-left:0; left:1%;}
}
@media screen and (max-width: 1366px) {
	.buslis3{ padding:9.1% 20px;}
}
@media screen and (max-width: 1300px) {
 .width1200{ width:90%;}
 .business{ margin-left:0; left:5%;transform: translate(0%, 0%);}
 
}
@media screen and (max-width: 1280px) {
	.buslis3{ padding:10.2% 20px;}
	
}
@media screen and (max-width: 1200px) {
 .width1000{ width:90%;}
 .bright .bplate strong{ font-size:16px;}
 .newsright{ width:80%}
}
@media screen and (max-width: 1150px) {
	.buslis3{ padding:9.4% 20px;}
}
@media screen and (max-width: 1100px) {
	.ncon{ width:80%;}
}
@media screen and (max-width: 1024px) {
 .banner .bx-controls-direction{ width:100%; margin-left:0; left:0%;}
 .business .blfet{ padding-left:5px; width:100px;font-size:20px;}
 .business .blfet strong{ font-size:20px;}
 .business .blfet a{ width:100px;}
 .newsright{ width:70%}
 
 .buslis3{ padding:7.6% 20px;}

}
@media screen and (max-width: 900px) {
 .buslis{ width:45.7%;}
 .buslis2{ width:54.3%;}
 .buslis3{ width:100%; margin-top:20px;}
}
@media screen and (max-width: 800px) {
.topdisp{ display: block;}
.nav{ display:none; border-top:2px solid #00a7e4;}
.nav-toggle{ display:block;}
.nav li { width:100%; float:none; height:35px; line-height:35px;}
.nav li a{ background:none;}
.nav li.logo{ display:none;}
.nav .search{ width: 100%; height:40px;}
.searchcon{ margin-top:10px;}
 .newr-con img, .newsright img{ float:none;}
 .newr-con img.newsimg{ width:100%;}
 .newr-con .bx-wrapper{ margin-bottom:40px;}
 .business{ top:-80px;}
 .indexcon{ padding-top:190px;}
 
 .aboutright{ display:none;}
 .aboutleft{ width:100%;}
 .teamlist .timg{ width:80%;}
 .teamlist{ margin-top:20px;}
 .tpopup{ width:95%;}
 .tpopup .tpcon .tpleft,.tpopup .tpcon .tpright{ width:100%;}
 

}
@media screen and (max-width: 650px) {
 .blfet{ display:none;}.indexcon{ padding-top:0; overflow:hidden;}
 .business .bright{ width:100%; background:none;}
 .business { padding:0; position: relative; top:0; background:none; height:auto;}
 .bright .bplate{ height:auto; border:none; width:20%; text-align:center;}
 .bright .bplate strong{ font-size:12px; margin-top:10px;}
 .bright .bplate img{ margin-top:20px; max-width:70%;}
 .business .index_tit{ display:block; margin-top:30px;}
}
@media screen and (max-width: 600px) {
 
 .index_new,.index_newr{ width:100%; float:none; margin:0 auto;}
 .newsright .details,.newsright a.more{ display: block;}
 .footleft{ width:100%;}
 .footright{ width:35%; position:absolute; right:20px; top:100px;}
 .newdate{ display:none;}
 .news_con{ width:46%; margin:2%; float:left;}
 .newsright{ width:100%;}
 .index_new{ overflow:hidden;}
 .newsright img{ width:100%;}
 
 .footcop{ width:55%}
 .footbg{ position:relative;}
 
 
 .abkuai .ajimg,.ajianjie .ajzi{ width:100%; float:none;}
 .abkuai .ajimg{ margin-bottom:10px;}
 .abkuai{ padding:20px;}
 .ajianjie{ padding:10px 20px 0}
 .comma{ left:-35px;}
 .comma2{ right:-35px;} 
 .comma, .comma2{ display:none;}
 .ajianjie{ padding:10px 0 0}
 .aboutnav li a{ padding:0 15px; font-size:13px; line-height:40px;}
 .aboutnav li{ border:1px solid #e5e5e5; margin-left:-1px; margin-bottom:-1px;}
 .teamlist .tdata{ font-size:12px;}
 
 .aboutnav{ text-align:left}
 .aboutnav li{ width:33.55%; box-sizing:border-box; text-align:center;}
 .aboutnav li a{ padding:0 5px;}
 
 .newnav li{ width:50%; margin-left:0; border-left:none; }
 
 .hisxian{ background:none;}
 .hright,.hislist{ width:100%; padding:0; float:none; background:none;}
 .hright .hiscon,.hiscon{ margin:0; margin-bottom:20px;}
 .hright .hisdate{ padding:0; margin-bottom:10px;}
 .hislist .hisdate{ padding:0; text-align:left; margin-bottom:10px;}
 
 .soclist .socpro{ position:relative; left:0; top:0;}
 .soclist,.soclistright { padding:15px; background:#fcfbf9; margin-top:20px;}
 .soclist .soctit{ margin-top:15px; margin-bottom:15px;}
 
 .newstop .ntleft{ width:100%;}
 .newstop .ntright{ width:100%; margin-top:10px;}
 .newlist{ padding:15px 0;}
 
 .ncon{ width:100%; margin-top:10px;}
 .ncday{ width:100%; padding:15px 0 10px;}
 .ncday span{ display:inline-block}
 .buslis,.buslis2,.buslis3{ width:100%; margin-bottom:10px;}
 .buslis2 li{ margin:3% 1.5% 0}
 .busnav{ text-align:center}
 .busnav li{ padding:0 10px;}
 .buslis .hover, .buslis2 li .hover{ font-size:13px;}
 
 .culwenhua,.culwenhua2{ width:100%;}
 .ckuai1-img{ display:none;}
 .ckuai1-shiming,.ckuai1-linian{ margin-top:20px;}
 .ckuai1-pinpai,.ckuai1-gexing .ciltit1,.ckuai1-gexing .cluxo,.ckuai1-linian,.ckuai1 .ciltit1{ padding:0; right:0; left:0;}
 .ckuai1-jiazhi{ text-align:left}
 .ckuai1 .ciltit1{ background-position: center bottom; background-size:auto;}
 .ckuai1{ text-align:center}
 
 .contactbig .contadd li{ width:100%}
 .toplogo{ width:70%;}
 
 .banner .bx-wrapper .bx-controls-direction a{ height:30p; width:30px; background-size:100%; background-repeat:no-repeat;}

 .twork li{ width:31%}
 .tpopup .tpcon2{ max-height:43%}
 .tpopup .tpcon .tpleft img{ height:100px;}
 .tpopup .tpcon .tpright .tpname{ text-align:center;}
 .tpopup .tpcon .tpfanye{ bottom:20px;}
 
 .tpopup{transform: translate( 0%,0%); left:2.5%; margin-top:-250px; top:50%}
 
}
@media screen and (min-height: 1024px){
	.tpopup{ height:800px;}	
}

@media screen and (max-height: 570px) {
	.tpopup .tpcon2{ max-height:50%}
}
@media screen and (max-height: 450px) {
	.tpopup .tpcon2{ max-height:58%}
	.tpopup .tpcon .tpfanye{ bottom:15px;}
}
@media screen and (max-height: 370px) {
	.tpopup .tpcon2{ max-height:50%}
	.tpopup .tpcon .tpfanye{ bottom:10px;}
}
@media screen and (max-height: 300px) {
	.tpopup .tpcon2{ max-height:45%}
	
}
@media screen and (max-height: 260px) {
	.tpopup .tpcon2{ max-height:40%}
	
}
#page {width:100%;}
	#page ul{margin:0 auto 5px auto; display:table;text-align:center;}
	#page li{float:left;line-height:21px;height:21px;margin: 2px;display:inline; zoom:1;}
	#page span{display: block; padding: 2px 5px; background: #ffffff;color:black; border: 1px solid #CCC; color: #999999; }
	#page a{font-size:12px;display: block; text-decoration: none; margin:0px; color: #FFFFFF;padding: 2px 5px 2px 5px;background:url(bg9.gif) repeat-x;}
	#page a:link,#page a:visited {background:white;color:black;border: 1px solid #CCCCCC; }
	#page a:hover {background:#016735;color:white;}
	#page #span1 {background:white;display: block;}



























