html{zoom:expression(function(ele){ele.style.zoom="1";document.execCommand("BackgroundImageCache",false,true);}(this));}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,button,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}input,select,textarea,button{font-size:100%;}fieldset,img,abbr,acronym{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400;}ol,ul{list-style:none;}h1,h2,h3,h4,h5,h6,legend{font-size:100%;font-weight:400;}:focus{outline:0;}ins{text-decoration:none;}del{text-decoration:line-through;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}body{font-size:12px;background:#fff;color:#666;}h1{font-size:18px;}h2{font-size:16px;}h3{font-size:14px;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong,caption,th{font-weight:700;}abbr,acronym{border-bottom:1px dotted#aaa;cursor:help;}em{font-style:italic;}p,fieldset,table{margin-bottom:1em;}legend{margin-left:7px;+margin:0;}.clearfix:after{content:"\20";display:block;height:0;clear:both;}.clearfix{zoom:1;}.red{color:#F00;}.black{color:#000;}.white{color:#FFF;}.blue{color:#00F;}.green{color:#008000;}.brown{color:#A52A2A;}.gray{color:#ccc;}.cb:after{content:"\20";display:block;width:0;height:0;clear:both;}.cb{zoom:1;}.ofH{overflow:hidden;}.clear{width:0;height:0;clear:both;overflow:hidden;}.bod{border:1px solid red;}a{text-decoration:none;}

.swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}

*{font-family: PingFangSC-Regular, "Microsoft YaHei", sans-serif;}
html,body{font-size:20px;}
.wrap{width: 100%; position: relative; margin: 0px auto;}
a:hover{transition: all .2s ease;}

header{width:100%; position:fixed; z-index:999;}
header .top{line-height:3; color:#888; background:#222; position:relative; padding:0px 3em; transition: all .5s ease;}
header .top2{margin-top: -3rem;}
header .top .topright{position:absolute; top:0px; right:3em;color:#FFF;}
header .top .topright a{display:inline-block; vertical-align:middle; height:1.6em; width:1.6em; margin-left:1.2em; margin-top:-2px; }

header .top .topright a.weibo{background:url(../fonts/top_nav_icon_1.svg) center center no-repeat; background-size:100% 100%; margin-left:3.5em;}
header .top .topright a.weixin{background:url(../fonts/top_nav_icon_2.svg) center center no-repeat; background-size:100% 100%; cursor: pointer;}
header .top .topright a.weixin img{position: fixed; top: 3.1rem; right: 6rem; opacity: 0; transition: all .5s ease; z-index: 1; transform: translateY(-1rem); pointer-events: none;}
header .top .topright a.weixin:hover img{opacity: 1; transform: translateY(0);}
header .top .topright a.qq{background:url(../fonts/top_nav_icon_3.svg) center center no-repeat; background-size:100% 100%;}
header .top .topright a.bdsq{background:url(../fonts/top_nav_icon_4.svg) center center no-repeat; background-size:100% 100%;}
header .top .topright a.weibo:hover{background:url(../fonts/top_nav_icon_1_hover.svg) center center no-repeat; background-size:100% 100%;}
header .top .topright a.weixin:hover{background:url(../fonts/top_nav_icon_2_hover.svg) center center no-repeat; background-size:100% 100%;}
header .top .topright a.qq:hover{background:url(../fonts/top_nav_icon_3_hover.svg) center center no-repeat; background-size:100% 100%;}
header .top .topright a.bdsq:hover{background:url(../fonts/top_nav_icon_4_hover.svg) center center no-repeat; background-size:100% 100%;}
header .navs{height:5em; padding:0px 0px; line-height:5em; position:relative; background:url(../images/navsbg.png) center  center repeat-x; background-size:100% 100%;}
header .bg2{background:#222;transition: all .2s ease; opacity:1;}
header .navs .logo{ height:5em; width:15em; overflow:hidden; margin-left:3em;}
header .navs .logo a{display:block;}
header .navs .logo a img{display:block; width:100%; height:100%; margin-top: -15px;}
header .navs ul{width:50em; position:absolute; top:0px; right:1.5em;}
header .navs ul li{float:left; width:6em; text-align:center;}
header .navs ul li a{color:#fff; display:block; font-size:0.9rem;}
header .navs ul li a:hover{font-size:1.2rem;}
header .navs ul li.for_m{display:none; position:fixed; bottom:0; right:0; width:140px;}
header .navs ul li.for_m a{display:inline-block; vertical-align:middle; height:2.4em; width:2.4em; margin:auto 10px;}
header .navs ul li.for_m a.weibo{background:url(../fonts/top_nav_icon_1.svg) center center no-repeat; background-size:100% 100%;}
header .navs ul li.for_m a.weixin{background:url(../fonts/top_nav_icon_2.svg) center center no-repeat; background-size:100% 100%;}
header .navs ul li.for_m a.qq{background:url(../fonts/top_nav_icon_3.svg) center center no-repeat; background-size:100% 100%;}
header .navs ul li.for_m a.bdsq{background:url(../fonts/top_nav_icon_4.svg) center center no-repeat; background-size:100% 100%;}
header .navs ul li.for_m a.weibo:hover{background:url(../fonts/top_nav_icon_1_hover.svg) center center no-repeat; background-size:100% 100%;}
header .navs ul li.for_m a.weixin:hover{background:url(../fonts/top_nav_icon_2_hover.svg) center center no-repeat; background-size:100% 100%;}
header .navs ul li.for_m a.qq:hover{background:url(../fonts/top_nav_icon_3_hover.svg) center center no-repeat; background-size:100% 100%;}
header .navs ul li.for_m a.bdsq:hover{background:url(../fonts/top_nav_icon_4_hover.svg) center center no-repeat; background-size:100% 100%;}

footer{padding:3em; background:#222; color:#888; font-size:1.2rem;}
footer .bottom{border-bottom:1px solid #333; padding-bottom:2em; margin-bottom:2em;}
footer .bottom .left{width:30em; float:left;}
footer .bottom .left img{display:inline-block; vertical-align:middle;}
footer .bottom .left img:nth-child(1){margin-right:2em; height:6em;}
footer .bottom .left img:nth-child(2){height:5em;}
footer .bottom .right{width:calc(100% - 30em); float:right;}
footer p{margin:0px; line-height:1.5;}
footer p img{display:inline-block; vertical-align:middle; width:30px; height:41px; margin-left:30px;}

.page{ font-size:0.8rem; padding:2rem 0 1rem 0; line-height:1; color:#888;}
.page a{display:inline-block; margin:0 0.8em 0 0; color:#888;}
.page a:hover{color:#ed7235;}
.page span{display:inline-block; margin:0 0.8em 0 0;}
.page span.current{color:#ed7235;}
.page span.prev{color:#888;}
#news_container{}

.anchor{transform: translateY(-18rem);}


.bannerwrap{padding-top:3em;}
.banner{width: 100%; position: relative; z-index: 1;}
.banner img{display:block; width:100%;}
.banner .swiper-wrapper{width: 100%; height: 100%;}
.banner .swiper-wrapper .swiper-slide{width: 100%; height: 100%; background: #FFFFFF;}
.banner .swiper-wrapper .swiper-slide a{width: 100%; height: 100%; display: block; background-position: center center; background-repeat: no-repeat;}
.banner .swiper-button-prev{position:absolute; top:auto; bottom:0; right:4em; width:4em; height:4em; margin-top:0px; left:auto; border-top-left-radius:5px; background:url(../images/left.png) center center no-repeat #fff; background-size:50% 50%;}
.banner .swiper-button-prev:hover{background-color:#ddd;}
.banner .swiper-button-next{position:absolute; top:auto; bottom:0; right:0em; width:4em; height:4em; background-color:#fff; margin-top:0px; border-top-right-radius:5px; background:url(../images/right.png) center center no-repeat #fff; background-size:50% 50%;}
.banner .swiper-button-next:hover{background-color:#ddd;}

.in_about{width:calc(100% - 4em); background-color:#fff; padding:3em 2em 5.5em 2em; overflow:hidden;}
.in_about .tit{font-size:1.6rem; line-height:1; padding-top:1em; margin:0.5em 0 1em 0; position:relative; text-align:center; width:100%;}
.in_about .tit:before{ width:70px; height:25px; content:""; position:absolute; top:-0.5em; left:50%; margin-left:-35px; background:url(../images/index_03.png) center center no-repeat;}
.in_about .tit:first-letter{color:#ed7235;}
.in_about dl dt{ float: left; display: inline-block; width: 40%; text-align: right; }
.in_about dl dt iframe{height:380px;}
.in_about dl dd{ float: left; display: inline-block; width: 53%; margin-left: 2%; }
.in_about dl dd h3{ font-size: 24px; }
.in_about .imgs{ width: 100%; height: auto; overflow: hidden; }
.in_about .imgs ul li{ float: left; display: inline-block; width: 25%; }
.in_about .imgs ul li img{max-width: 95%;}

.in_gen{width:calc(100% - 4em); background-color:#fff; padding:3em 2em 5.5em 2em; overflow:hidden;}
.in_gen .tit{font-size:1.6rem; line-height:1; padding-top:1em; margin:0.5em 0 1em 0; position:relative; text-align:center; width:100%;}
.in_gen .tit:before{ width:70px; height:25px; content:""; position:absolute; top:-0.5em; left:50%; margin-left:-35px; background:url(../images/index_03.png) center center no-repeat;}
.in_gen .tit:first-letter{color:#ed7235;}
.in_gen ul li{float:left; width:calc(25% - 2em); padding:1em; text-align:center;}
.in_gen ul li img{display:block; max-width:100%; margin:1em auto;}
.in_gen ul li .name{display:block; color:#ed7235; font-size:1.4rem; padding:0.8em 0;}
.in_gen ul li .quot{display:block; color:#666; font-size:0.8rem; padding:1em 0; line-height:1.5;}

.in_probox{width:calc(100% - 4em); background-color:#eee; padding:3em 2em 3em 2em; overflow:hidden;}
.in_probox .tit{font-size:1.6rem; line-height:1; padding-top:1em; margin:0.5em 0 2em 0; position:relative; text-align:center; width:100%;}
.in_probox .tit:before{ width:70px; height:25px; content:""; position:absolute; top:-0.5em; left:50%; margin-left:-35px; background:url(../images/index_03.png) center center no-repeat;}
.in_probox .tit:first-letter{color:#ed7235;}
.in_probox ul{text-align:center;}
.in_probox ul li{display:inline-block; width:29em; height:23em; min-width:580px; min-height:400px; line-height:3em; margin:0 0.5em;}
.in_probox ul li a.img{display:block; width:29em; height:20em; min-width:580px; min-height:400px; overflow:hidden; position:relative; border-radius:5px;}
.in_probox ul li a.img img{display:block; width:29em; height:20em; min-width:580px; min-height:400px; margin:0px;}
.in_probox ul li a.img:hover img{transform:scale(1.2);transition: all 1.5s ease;}
.in_probox ul li a.title{color:#666; font-size:1rem; text-align:center; display:block;}
.in_probox a.more{color:#ed7235; border:1px solid #ed7235; border-radius:5px; font-size:1rem; line-height:3; display:block; margin:2em auto 0 auto; padding:0; width:14em; text-align:center;}
.in_probox a.more:hover{color:#fff; background:#ed7235;}

.in_service{width:100%; position:relative; overflow:hidden; padding:0px;}
.in_service > img{display:block; position:relative; z-index:1; width:100%;}
.in_service .img_large{display:block;}
.in_service .img_small{display:none;}
.in_service .tit{font-size:1.6rem; line-height:1; color:#fff; padding-top:1em; text-align:center; width:100%; position:absolute; left:0; top:2.5em; z-index:2;}
.in_service .tit:before{ width:70px; height:25px; content:""; position:absolute; top:-0.5em; left:50%; margin-left:-35px; background:url(../images/index_03.png) center center no-repeat;}
.in_service .tit:first-letter{color:#ed7235;}
.in_service a.more{color:#fff; border:1px solid #fff; border-radius:5px; font-size:0.8rem; line-height:2.4; display:block; text-align:center; width:6em; position:absolute; bottom:3em; left:50%; margin-left:-3em; z-index:3;}
.in_service a.more:hover{color:#ed7235; border:1px solid #ed7235;}

.in_case{width:calc(100%); background-color:#eee; padding:3em 0 6em 0; overflow:hidden;}
.in_case .tit{font-size:1.6rem; line-height:1; padding-top:1em; margin:0.5em 0 2em 0; position:relative; text-align:center; width:100%;}
.in_case .tit:before{ width:70px; height:25px; content:""; position:absolute; top:-0.5em; left:50%; margin-left:-35px; background:url(../images/index_03.png) center center no-repeat;}
.in_case .tit:first-letter{color:#ed7235;}

.in_case .tplist{overflow:hidden;}
.in_case .tplist li{width:calc(33.33% - 2em); min-width:12em; margin:1em; float:left; box-shadow:0px 0px 15px#ccc; border-radius:5px; overflow:hidden;}
.in_case .tplist li a.img{position:relative; display:block; overflow:hidden; z-index:1;}
.in_case .tplist li img{display:block; width:100%;}
.in_case .tplist li img:hover{transform:scale(1.2);transition: all 1.5s ease;}
.in_case .tplist li a.name{color:#666; font-size:1rem;display:block; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; height:5em; line-height:5; background:#fff; z-index:2; position:relative;}

.yingyong dl{ float:left; display: inline-block; width: 24%; margin:0 4.5% 10px; height:520px;overflow:hidden; }
.yingyong dl dt img{ width: 100%; display: block; }
.yingyong dl dd h3{font-weight: normal; font-size: 18px;}
.yingyong dl dd h3 a span{  color: #333!important;  }
.yingyong dl dd p{ line-height: 23px; color: #999;font-size: 14px; margin-top: -10px;  }

.in_case .caselist{width:95%; overflow:hidden; margin:0px auto;}
.in_case .caselist ul li{float:left; width:33.33%;}
.in_case .caselist ul li:nth-child(1){ width:33.33%;}
.in_case .caselist ul li:nth-child(2){ width:16.66%;}
.in_case .caselist ul li:nth-child(3){ width:16.66%;}
.in_case .caselist ul li:nth-child(4){ width:33.33%;}
.in_case .caselist ul li:nth-child(5){ width:33.33%;}
.in_case .caselist ul li:nth-child(6){ width:16.66%;}
.in_case .caselist ul li:nth-child(7){ width:16.66%;}
.in_case .caselist ul li a{display:block; width:100%; height:100%; overflow:hidden;}
.in_case .caselist ul li img{width:100%; height:100%; display:block;}
.in_case .caselist ul li img:hover{transform:scale(1.2);transition: all 1.5s ease;}
.in_case .caselist ul li:nth-child(7) a{display:block; background:#ed7235; font-size:1.2rem; text-align:center; color:#fff;}


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

.in_feedback{width:100%; overflow:hidden;}
.in_feedback .fb_p1{width:100%;position:relative; z-index:1;}
.in_feedback .fb_p1 img{display:block; width:100%;}
.in_feedback .fb_p2{width:100%; position:relative; z-index:2; height:30em; background:url(../images/low_poly_bg-01-01.jpg) center center no-repeat; background-size:100% 100%;}
.in_feedback .fb_p2 img{display:block; width:100%;}
.in_feedback .fb_p2 .forms{position:absolute; width:24em; padding:2em 3em; background:#fff; top:-4em; left:50%; margin-left:-15em; border-radius:10px; box-shadow:0px 0px 15px#ccc; font-size:1rem;}
.in_feedback .fb_p2 .forms dl{ margin-bottom:2.5em; line-height:2;}
.in_feedback .fb_p2 .forms dl dt{color:#ed7235; margin-bottom:0.5em;}
.in_feedback .fb_p2 .forms dl dd{border:1px solid #ccc; padding:0.5em;}
.in_feedback .fb_p2 .forms dl dd input{border:none; color:#666; display:block; width:100%;}
.in_feedback .fb_p2 .forms .sub{color:#ed7235; border:1px solid #ed7235; border-radius:5px; font-size:1rem; line-height:3; display:block; margin:3em auto 1em auto; padding:0; text-align:center; width: 100%; background: none;}
.in_feedback .fb_p2 .forms .sub:hover{color:#fff; background:#ed7235;}

.in_coop{width:calc(100% - 4em); background-color:#fff; padding:3em 2em 1em 2em; overflow:hidden;}
.in_coop .tit{font-size:1.6rem; line-height:1; padding-top:1em; margin:0.5em 0 1em 0; position:relative; text-align:center; width:100%;}
.in_coop .tit:before{ width:70px; height:25px; content:""; position:absolute; top:-0.5em; left:50%; margin-left:-35px; background:url(../images/index_03.png) center center no-repeat;}
.in_coop .tit:first-letter{color:#ed7235;}
.in_coop .tit2{color:#aaa;font-size:1.6rem; line-height:1; padding-top:1em; margin:0 0 1em 0; position:relative; text-align:center; width:100%;}
.in_coop ul{width:1200px; margin:0px auto;}
.in_coop ul li{float:left; width:500px; padding:40px; margin:10px; background:#ed7235; overflow:hidden; color:#fff; line-height:1.15;}
.in_coop ul li .name{display:block; font-size:1.6rem; text-align:center; line-height:1; margin-bottom:1em;}
.in_coop ul li .quot{font-size:0.8rem;}
.in_coop a.more{color:#888; border:1px solid #888; border-radius:5px; font-size:0.8rem; line-height:2.4; display:block; text-align:center; width:6em; margin:2em auto 3em auto;}
.in_coop a.more:hover{color:#ed7235; border:1px solid #ed7235;}

.in_news{width:calc(100% - 4em); background-color:#eee; padding:3em 2em 3em 2em; overflow:hidden;}
.in_news .tit{font-size:1.6rem; line-height:1; padding-top:1em; margin:0.5em 0 2em 0; position:relative; text-align:center; width:100%;}
.in_news .tit:before{ width:70px; height:25px; content:""; position:absolute; top:-0.5em; left:50%; margin-left:-35px; background:url(../images/index_03.png) center center no-repeat;}
.in_news .tit:first-letter{color:#ed7235;}
.in_news dl{width:calc(33.33% - 6em); padding:2em 2em 2em 2em; margin:2em 1em 1em 1em; float:left; background:#fff; position:relative; border-radius:5px; border-top-left-radius:0px; min-height:21em;}
.in_news dl dt{position:absolute; background-color:#fff; line-height:2; font-size:1.2rem; top:-1.8em; left:0; width:7em; text-align:center; border-radius:5px; color:#ed7235; padding-top:0.3em;}
.in_news dl dd{}
.in_news dl dd ul li{line-height:2; margin-bottom:1.5em;}
.in_news dl dd ul li a{color:#666; display:block; font-size:0.9rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.in_news dl dd ul li a:hover{color:#ed7235;}
.in_news dl dd ul li span{color:#aaa; display:block; font-size:0.7rem; height:2.8rem; line-height:1.4rem; overflow:hidden;}
.in_news dl dd ul li span:hover{color:#888;}
.in_news dl dd a.more{color:#ed7235;}


.nybanner{width:100%; overflow:hidden; padding-top:3em; position:relative; z-index:1;}
.nybanner img{display:block; width:100%;}
.nyad{width:100%; overflow:hidden;}
.nyad img{display:block; width:100%;}

.bread{border-bottom:1px solid #ccc; line-height:3em; background:#fff; padding-left:3em; font-size:0.8rem; color:#888;}
.bread a{display:inline-block; color:#888; margin-right:0.5em; position:relative;}
.bread a:hover{color:#ed7235;}

.contentshow{width:calc(100% - 4em); background-color:#fff; padding:3em 2em 4em 2em; overflow:hidden;}
.contentshow .tit{font-size:1.6rem; line-height:1; padding-top:1em; margin:0.5em 0 2em 0; position:relative; text-align:center; width:100%;}
.contentshow .tit:before{ width:70px; height:25px; content:""; position:absolute; top:-0.5em; left:50%; margin-left:-35px; background:url(../images/index_03.png) center center no-repeat;}
.contentshow .tit:first-letter{color:#ed7235;}
.contentshow .content{max-width:1000px; overflow:hidden; margin:0 auto;}
.contentshow .content img{max-width:100%;}

.honor{width:calc(100% - 4em); background-color:#eee; padding:3em 2em 4em 2em; overflow:hidden;}
.honor .tit{font-size:1.6rem; line-height:1; padding-top:1em; margin:0.5em 0 2em 0; position:relative; text-align:center; width:100%;}
.honor .tit:before{ width:70px; height:25px; content:""; position:absolute; top:-0.5em; left:50%; margin-left:-35px; background:url(../images/index_03.png) center center no-repeat;}
.honor .tit:first-letter{color:#ed7235;}



.honor .honorlist{position:relative; overflow:hidden; width:100%; max-width:1200px; margin:0px auto;}
.honor .honorlist .gleft{position:absolute; width:20px; height:20px; border-left:2px solid #aaa; border-top:2px solid #aaa; position:absolute; top:225px; left:10px; transform:rotate(-45deg); cursor:pointer;}
.honor .honorlist .gleft:hover{transform:scale(1.2) rotate(-45deg); transition:all 1.5s ease;}
.honor .honorlist .gright{position:absolute; width:20px; height:20px; border-right:2px solid #aaa; border-top:2px solid #aaa;position:absolute; top:225px; right:10px; transform:rotate(45deg); cursor:pointer;}
.honor .honorlist .gright:hover{transform:scale(1.2) rotate(45deg); transition:all 1.5s ease;}
.honor .honorlist .listwrap{width:calc(100% - 120px); margin:0px auto; overflow:hidden; padding:10px 5px;}
.honor .honorlist .listwrap ul{width:9999px;}
.honor .honorlist .listwrap ul li{width:360px; margin:0; float:left;}
.honor .honorlist .listwrap ul li img{width:calc(100% - 20px); display:block; margin:0px auto; box-shadow:0px 0px 10px#999;}
@media screen and (max-width: 1280px) {
.honor .honorlist .listwrap{width:720px;}
}
@media screen and (max-width: 820px) {
.honor .honorlist .listwrap{width:360px;}
}

.newslistbox{width:calc(100% - 4em); background-color:#eee; padding:3em 2em 4em 2em; overflow:hidden;}
.newslist{width:680px; margin:0px auto; padding-right:320px; position:relative;}
.newslist .newstype_for_m{display:none;}
.newslist .newstype_for_m ul li{background-color:#fff; width:calc(100% - 2px); border:1px solid #ccc; line-height:48px; margin-bottom:10px;}
.newslist .newstype_for_m ul li a{display:block; color:#888; position:relative; text-align:center; font-size:1.2rem;}
.newslist .newstype_for_m ul li a:after{position:absolute; width:8px; height:8px; content:""; border-top:1px solid #888; border-right:1px solid #888; transform:rotate(45deg); top:20px; right:calc(50% - 50px);}
.newslist .newstype_for_m ul li a:hover{color:#ed7235;}
.newslist .newstype_for_m .newstype ul li a:hover::after{right:1.3em; transition:all .2s linear;}
.newslist .listwrap{background-color:#fff; padding:2em 2em; min-height:23em; border-radius:5px; box-shadow:0px 0px 15px#ccc;}
.newslist .listwrap ul li{line-height:3.5em; height:3.5em; font-size:0.8rem; position:relative; border-bottom:1px solid #eee;}
.newslist .listwrap ul li a{display:block; color:#888; max-width:calc(100% - 120px); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.newslist .listwrap ul li a:hover{color:#ed7235;}
.newslist .listwrap ul li span{position:absolute; top:0px; right:0px; color:#ccc; white-space:nowrap; overflow:hidden; width:90px;}
.newslist .newsright{position:absolute; top:0px; right:0px; width:300px; overflow:hidden;}
.newslist .newsright .newstype{width:150px; font-size:0.8rem;}
.newslist .newsright .newstype ul li{background-color:#fff; width:148px; border:1px solid #ccc; line-height:48px; margin-bottom:10px;}
.newslist .newsright .newstype ul li a{display:block; padding-left:1em; color:#888; position:relative;}
.newslist .newsright .newstype ul li a:after{position:absolute; width:8px; height:8px; content:""; border-top:1px solid #888; border-right:1px solid #888; transform:rotate(45deg); top:20px; right:1.5em;}
.newslist .newsright .newstype ul li a:hover{color:#ed7235;}
.newslist .newsright .newstype ul li a:hover::after{right:1.3em; transition:all .2s linear;}
.newslist .newsright .newssug{margin-top:40px;}
.newslist .newsright .newssug h2{margin:0px; line-height:1; color:#ed7235; font-weight:normal; margin-bottom:10px;}
.newslist .newsright .newssug ul li{line-height:3em; height:3em; font-size:0.8rem; position:relative; border-bottom:1px solid #ddd;}
.newslist .newsright .newssug ul li a{display:block; color:#888; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.newslist .newsright .newssug ul li a:hover{color:#ed7235;}

.newslist .newsinfo{background-color:#fff; padding:1em 2em; min-height:23em; border-radius:5px; box-shadow:0px 0px 15px#ccc;}
.newslist .newsinfo h1{font-size:0.8rem; line-height:1; padding-top:1.5em; margin:1em 0 1em 0; position:relative; text-align:center; width:100%; font-weight:normal;}
.newslist .newsinfo .others{text-align:center; color:#888; font-size:0.7rem; line-height:2; padding-bottom:1em; margin-bottom:1.5em; border-bottom:1px solid #ccc;}
.newslist .newsinfo .content{max-width:100%; overflow:hidden; margin:0 auto;}
.newslist .newsinfo .content img{max-width:100%;}

.contactus{width:calc(100% - 4em); background-color:#fff; padding:3em 2em 2em 2em; overflow:hidden;}
.contactus .tit{font-size:1.6rem; line-height:1; padding-top:1em; margin:0.5em 0 2em 0; position:relative; text-align:center; width:100%;}
.contactus .tit:before{ width:70px; height:25px; content:""; position:absolute; top:-0.5em; left:50%; margin-left:-35px; background:url(../images/index_03.png) center center no-repeat;}
.contactus .tit:first-letter{color:#ed7235;}
.contactus p{text-align:center; font-size:1rem; margin:0; line-height:1;}
.contactus ul{text-align:center;}
.contactus ul li{display:inline-block; width:178px; height:58px; padding:20px 20px 20px 100px; border:1px solid #ccc; margin:20px 10px; text-align:left;}
.contactus ul li:nth-child(1){background:url(../fonts/tel.svg) 25px 25px no-repeat; background-size:50px 50px;}
.contactus ul li:nth-child(2){background:url(../fonts/mobile.svg) 25px 25px no-repeat; background-size:50px 50px;}
.contactus ul li:nth-child(3){background:url(../fonts/qq.svg) 25px 25px no-repeat; background-size:50px 50px;}
.contactus ul li:nth-child(4){background:url(../fonts/email.svg) 25px 25px no-repeat; background-size:50px 50px;}
.contactus ul li span.name{display:block; line-height:29px; font-size:1rem; color:#666;}
.contactus ul li span.quot{display:block; line-height:29px; font-size:1rem; color:#ed7235;}
.contactus ul li:nth-child(4) span.quot{font-size:0.8rem;}

.protypelist{width:calc(100% - 4em); background-color:#fff; padding:3em 2em 2em 2em; overflow:hidden;}
.protypelist .tit{font-size:2.5rem; line-height:1; margin-bottom:3rem; position:relative; text-align:center; width:100%; color:#ed7235;}
.protypelist .tit2{font-size:1.6rem; line-height:1; padding-top:1rem; position:relative; text-align:center; width:100%; color:#666;}
.protypelist .tplist{overflow:hidden;}
.protypelist .tplist li{width:calc(33.33% - 2em); min-width:12em; margin:1em; float:left; box-shadow:0px 0px 15px#ccc; border-radius:5px; overflow:hidden;}
.protypelist .tplist li a.img{position:relative; display:block; overflow:hidden; z-index:1;}
.protypelist .tplist li img{display:block; width:100%;}
.protypelist .tplist li img:hover{transform:scale(1.2);transition: all 1.5s ease;}
.protypelist .tplist li a.name{color:#666; font-size:1rem;display:block; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; height:5em; line-height:5; background:#fff; z-index:2; position:relative;}
.protypelist .tplist2{overflow:hidden;}
.protypelist .tplist2 li{width:calc(25% - 2em); min-width:12em; margin:1em; float:left; box-shadow:0px 0px 15px#ccc; border-radius:5px; overflow:hidden;}
.protypelist .tplist2 li a.img{position:relative; width:100%;  display:block; overflow:hidden; z-index:1;}
.protypelist .tplist2 li img{display:block; width:100%;}
.protypelist .tplist2 li img:hover{transform:scale(1.2);transition: all 1.5s ease;}
.protypelist .tplist2 li a.name{color:#666; font-size:1rem;display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:1.5em 1em 0.9em 1.5em; background:#fff; z-index:2; position:relative;}
.protypelist .tplist2 li span.quot{display:block; padding:0rem 1.5rem 1.5rem 1.5rem; color:#888; font-size:0.8rem; line-height:1.5; height:3.6rem; overflow:hidden;}
.protypelist .content{max-width:960px; overflow:hidden; padding:2em; margin:0 auto 1em auto; border-radius:5px; box-shadow:0px 0px 15px#ccc;}
.protypelist .content img{width:100%; display:block;}
.col888{color:#888 !important;}

.advantage{width:calc(100% - 4em); background-color:#eee; padding:3em 2em 3em 2em; overflow:hidden;}
.advantage .tit{font-size:1.6rem; line-height:1; padding-top:1em; margin:0.5em 0 1em 0; position:relative; text-align:center; width:100%;}
.advantage .tit:first-letter{color:#ed7235;}
.advantage .tit:before{ width:70px; height:25px; content:""; position:absolute; top:-0.5em; left:50%; margin-left:-35px; background:url(../images/index_03.png) center center no-repeat;}
.advantage ul li{float:left; width:calc(33.33% - 5em); padding:2em; margin:0.5em; text-align:center; background:#fff; border-radius:5px; box-shadow:0px 0px 15px#ccc; height:14em; overflow:hidden;}
.advantage ul li img{display:block; max-width:100%; margin:0em auto;}
.advantage ul li .name{display:block; color:#ed7235; font-size:1.4rem; padding:0.8em 0;}
.advantage ul li .quot{display:block; color:#666; font-size:0.8rem; padding:1em 0; line-height:1.5; text-align:left;}

.protables{width:calc(100% - 4em); background-color:#fff; padding:1.5em 2em 3em 2em; overflow:hidden;}
.protables .tb_1{width:100%; font-size:1.4rem; text-align:center;}
.protables .tb_2{border:1px solid #ccc;}
.protables .tb_2 tr:nth-child(2n+0){background-color:#eee;}
.protables .tb_2 tr td{padding:3%; line-height:1.4; vertical-align:middle; font-size:0.8rem; border:none;}
.protables .tb_2 tr td:nth-child(1){font-size:1.2rem; text-align:center; font-weight:700; color:#ed7235;}
.protables .tb_2 tr td:nth-child(2){background-color:#ed7235; color:#fff;}
.protables .tb_2 tr:nth-child(2n+0) td:nth-child(2){background-color:#dc6930;}

.showbox{width:calc(100%); background-color:#fff; overflow:hidden;}
.showbox .tit2{font-size:1.6rem; line-height:1.5; padding-top:1em; margin:0.5em 0 0.5em 0; position:relative; text-align:center; width:100%;}
.showbox .tit2 span{color:#ed7235;}
.showbox .tit2 p{font-size:0.8rem; color:#aaa;}
.showbox .tit{font-size:2.5rem; line-height:1; padding-top:3rem; padding-bottom:1rem; position:relative; text-align:center; width:100%;}
.showbox .tit span{color:#ed7235;}
.showbox .tit p{font-size:0.8rem; color:#aaa;}
.showcontent{overflow:hidden; padding-top:2em;}
.showcontent .proshow{display:block; background-color:#eee; padding:3em 0;}
.showcontent .proshow .ptit{font-size:1.6rem; color:#ed7235; text-align:center;}
.showcontent .proshow img{display:block; margin:0px auto;}
.showcontent dl{position:relative; width:100%; float:left; display:flex;}

.showcontent dl:after{clear:both; content:""; overflow:hidden; width:0; height:0;}
.showcontent dl dt{position:absolute; width:4em; height:4em; left:50%; top:-2em; margin-left:-2em; z-index:2;}
.showcontent dl dt img{width:100%; height:100%; display:block;}
.showcontent dl dd{width:50%; position:relative; min-height:2em;}
.showcontent dl dd img{display:block; width:100%;}
.showcontent dl dd.clear{width:0; height:0; min-height:0; overflow:hidden; clear:both; display:none;}
.showcontent dl dd .text{width:50%; position:absolute; left:2em; top:50%; transform:translateY(-50%);}
.showcontent dl:nth-child(2n+0) dd .text{left:auto; right:2em;}
.showcontent dl dd .text p{margin:0px; line-height:1.5; font-size:0.8rem;}
.showcontent dl dd .text p.textname{font-size:1.6rem; color:#ed7235; margin-bottom:1.5rem;}
.showcontent dl dd .text p span{color:#ed7235;}
.showcontent dl dd .text a{display:inline-block; color:#aaa; border:1px solid #ccc; font-size:1rem; padding:0.5em 1em; margin-top:1.5em;}
.showcontent dl dd .text a:hover{color:#ed7235;border-color:#ed7235;}



.serwrap{padding:1em 2em 1em 2em;}
.serwrap ul{text-align:center;}
.serwrap ul li{display:inline-block; width:178px; height:58px; padding:20px 20px 20px 100px; border:1px solid #ccc; margin:20px 10px 0px 10px; text-align:left;}
.serwrap ul li:nth-child(1){background:url(../images/ser01.png) 25px 25px no-repeat; background-size:50px 50px;}
.serwrap ul li:nth-child(2){background:url(../images/ser02.png) 25px 25px no-repeat; background-size:50px 50px;}
.serwrap ul li span.name{display:block; line-height:29px; font-size:1rem; color:#666;}
.serwrap ul li span.quot{display:block; line-height:29px; font-size:1rem; color:#ed7235;}
.serwrap ul li a{color:#ed7235;}
.showbox .imgshow{text-align:center; padding:1rem 0 3rem 0;}
.showbox .imgshow img{display:block; max-width:100%; margin:0 auto;}
.recruitbot{background:url(../images/investment_7.jpg) center center no-repeat; width:100%; height:36em; padding:2em 0; background-size:100% 100%;}
.recruitbot .thead{text-align:center; color:#ed7235; font-size:1.6rem; margin:0.5em 0;}
.recruitbot ul{width:calc(52em + 8px); display:block; margin:0px auto;}
.recruitbot ul li{color:#fff; font-size:1rem; height:5rem; width:11rem; line-height:5rem; text-align:center; border:1px solid #fff; float:left; margin:1rem;}
.recruitbot ul:nth-child(4) li{font-size:0.8rem;}


.newslist .newsinfo .content{min-height:24em;}


.prony{margin-top:-160px;}

.m-message{width: 300px; position: fixed; right: 0;bottom: 0; border:1px solid #36a9e1; background: #FFF; border-radius: 8px 8px 0 0;}
.m-message h3{background: #36a9e1; margin-top: 0; line-height: 40px;padding-left: 10px; color: #FFF; font-size: 14px; font-weight: normal; border-radius: 8px 8px 0 0;}
.m-message h3 span{ background: url(../images/gb-01.jpg) no-repeat center; height: 40px; float: right; display: block; width: 40px; }
.m-message label{margin-bottom: 15px;display: block;font-size: 14px;}
.m-message label em{display: block;float: right;color: red;height: 32px;line-height: 32px;}
.m-message label input.inp,.m-message label textarea,.m-message label.code input{width: 90%; margin-left: 5%;;overflow: hidden;height: 32px;line-height: 32px;border: #cccccc 1px solid;border-radius: 3px;padding:0 14px;box-sizing: border-box;color: #555;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
.m-message label input:focus,.m-message label textarea:focus{border-color: #66afe9;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(247, 150, 0, .6);box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(247, 150, 0, .6);}
.m-message label textarea{height: 72px;line-height: 24px;padding:10px 14px;}
.m-message label.code{line-height: 34px;}
.m-message label.code input{width: 30%;float: left;margin-right: 30px;}
.m-message label.code .pic{display: inline-block;vertical-align: top;width: 80px;height: 32px;}
.m-message label.code img{display: block;width: 100%;height: 100%;}
.btn-1 input{width: 52px;height: 32px; font-size: 14px; margin-bottom: 20px;;line-height: 32px;background: #e8e8e8;border: none;color: #333;margin-right: 22px;cursor: pointer;transition: 0.3s;}
.btn-1{padding-left: 100px;}
.btn-1 input.focus{background: #36a9e1;color: #fff;}
.btn-1 input.focus:hover{background: #444;}
.btn-1 input:hover{background: #ccc;}
.m-message.on{ height: 40px; overflow: hidden; }
.links{padding:10px 60px;}
.links a{ margin-right:5px; color:#333;}

@media screen and (max-width: 1600px) {
    
}

@media screen and (max-width: 1440px) {
    html,body{font-size:20px;}
    .advantage ul li{height:20em;}
    .recruitbot{background-size: 100% 100%;}
    .in_case .caselist{font-size:16px;}
}

@media screen and (max-width: 1200px) {
    .in_coop ul{width:100%;}
    .in_coop ul li{width:400px; height:80px;}
    header .top{padding:0 1em;}
    header .top .topright{right:1em;}
    header .navs .logo{margin-left:1em; }
    .navshow{position:absolute; top:1em; right:1em; width:3em; height:3em; background:url(../images/navtabs.png) center center no-repeat; background-size:2em 2em; cursor:pointer;}
    header .navs ul{position:fixed; top:0em; right:0; width:140px; height:100%; background-color:#222; display:none; z-index:2;}
    header .navs ul li{float:none; width:100%;}
    header .navs ul:after{position:fixed; top:0em; left:0; width:100%; height:100%; background:#000; opacity:0.5; content:""; z-index:-1;}
    .in_gen ul li{width:calc(50% - 2em);}
    .in_service .tit{top:1.5em;}
    .in_service a.more{bottom:1em;}
    .in_coop ul li{float:none; margin:10px auto;}
    
    .in_probox ul li{height:auto;}
    .showcontent .proshow img{max-width:100%;}
    .newslist{width:calc(100% - 260px); padding-right:260px;}
    .newslist .newsright{width:240px;}
}

@media screen and (max-width: 800px) {
    html,body{font-size:12px;}
    
    header .top .topright a{display:none;}
    header .navs .logo a img{ margin-top: -10px; }
    header .navs ul li.for_m{display:block;}
    header a.weixin{opacity: 0;}
    footer{padding:2em 1em; overflow:hidden;}
    footer .bottom{width:100%; overflow:hidden; margin:0;}
    footer .bottom .left{width:100%; float:none;}
    footer .bottom .left img{display:block; max-width:100%; margin:0px auto;}
    footer .bottom .left img:nth-child(1){margin:0px auto;}
    footer .bottom .right{width:100%; float:none; text-align:center;}
    footer p{text-align:center;}
    footer p img{display:block; margin:5px auto 0px auto;}
    header .navs{background:#222;}
    .bannerwrap{padding-top:8em;background-color:rgb(34,34,34);}
    .banner .swiper-button-prev{width:3em; height:3em; right:3em;}
    .banner .swiper-button-next{width:3em; height:3em;}
    .nybanner{padding-top:8em;}
    div.tit:before{top:-1em !important; transform:scale(0.5);}
    div.tit{font-size:1.2rem !important;}
    .in_gen{padding:1em; width:calc(100% - 2em);}
    .in_gen ul li{height:260px; overflow:hidden;}
    .in_probox{padding:1em; width:calc(100% - 2em);}
    .in_probox ul li{width:100%; float:none; overflow:hidden; min-width:initial; min-height:initial; margin:0;}
    .in_probox ul li a.img{width:100%; height:auto; min-width:initial; min-height:initial; display:block; overflow:hidden;}
    .in_probox ul li a.img img{display:block; width:100%; height:auto; min-width:initial; min-height:initial;}

    .in_service .img_large{display:none;}
    .in_service .img_small{display:block;}
    
  .in_about dl dt iframe{height:180px;}
  .in_about .imgs ul li{ float: left; display: inline-block; width: 50%; }

    .in_case{padding:1em 0 2em 0;}
    .in_case .tplist ul li{float:none; width:100%;}
    .in_case .caselist ul li{float:left; width:100%;}
    .in_case .caselist ul li:nth-child(1){ width:100%;}
    .in_case .caselist ul li:nth-child(2){ width:50%;}
    .in_case .caselist ul li:nth-child(3){ width:50%;}
    .in_case .caselist ul li:nth-child(4){ width:100%;}
    .in_case .caselist ul li:nth-child(5){ width:100%;}
    .in_case .caselist ul li:nth-child(6){ width:50%;}
    .in_case .caselist ul li:nth-child(7){ width:50%;}

    .in_feedback .fb_p2 .forms{width:70%; left:calc(15% - 2em); margin:0px; padding:1em 2em; top:-1em;}
    .in_feedback .fb_p2 .forms dl{margin-bottom:1.5em;}
    .in_coop{width:calc(100% - 2em); padding:1em;}
    .in_coop ul li{width:calc(100% - 80px); float:none; height:auto;}
    .in_coop a.more{margin:1em auto;}

    .in_news{width:calc(100% - 2em); padding:1em;}
    .in_news dl{float:none; width:calc(100% - 2em); padding:1em; margin:3em 0 2em 0;}

    .serwrap ul li{width:calc(100% - 140px);}

    .showcontent dl dt{width:24px; height:24px; top:-12px; margin-left:-12px;}
    .showcontent dl dt img{width:24px; height:24px;}
    .showcontent dl dd .text{width:80%; left:10%; text-align:center;}
    .showcontent dl dd .text p.textname{font-size:1.2rem; margin-bottom:0;}

    .protypelist{width:calc(100% - 2em); padding:2em 1em 1em 1em;}
    .protypelist .tit{margin-bottom:1.5em;}
    .protypelist .tit2{font-size:1.2rem;}
    .protypelist .tplist li{width:calc(100% - 2em); margin:1em 1em 1em 1em;}
    .protypelist .tplist2 li{width:calc(100% - 2em);}
    .protypelist .content{padding:1em;}
    .protypelist .content img{max-width:100% !important;}

    .showcontent dl dd .text a{margin-top:0.5em;}
    .recruitbot{height:auto; background-size:auto 100%;}
    .recruitbot ul{width:100%; padding:0px;}
    .recruitbot ul li{width:calc(50% - 22px); margin:10px;}
    .honor{width:calc(100% - 2em); padding:2em 1em;}
    .honor .honorlist .listwrap{width:245px;}
    .honor .honorlist .listwrap ul li{width:245px;}
    .honor .honorlist .gleft{left:5px; top:150px;}
    .honor .honorlist .gright{right:5px; top:150px;}
    .contactus{width:calc(100% - 2em); padding:2em 1em 1em 1em;}
    .contactus ul li{width:calc(100% - 140px); margin:10px;}

    .advantage{width:calc(100% - 2em); padding:2em 1em 1em 1em;}
    .advantage ul li{width:calc(100% - 4em); height:auto; margin:1em auto 0em auto;}
    .protables .tb_1 img{max-width:100%; display:block;}
    .prony{margin-top:-60px;}
    .bread{line-height:2em; padding-left:1em;}
    .bread a:after{top:0.75em;}
    .newslistbox{width:calc(100% - 2em); padding:2em 1em 1em 1em;}
    .newslist{padding:0px; width:100%;}
    .newslist .newstype_for_m{display:block;}
    .newslist .newsright{position:relative; width:100%;}
    .newslist .newsright .newstype{width:100%; display:none;}
    .newslist .newsright .newssug{margin-top:20px;}
    .newslist .listwrap{padding:1em;}
    .newslist .listwrap ul li a{width:calc(100% - 80px);}
    .newslist .listwrap ul li span{width:70px;}
    .newslist .newsinfo{padding:1em;}
    .newslist .newsinfo h1{padding-top:0;}

    #newBridge{z-index:9 !important;}

    .showcontent dl{display:block; overflow:hidden;}
    .showcontent dl dd{width:100%; float:right;}
    .showcontent dl dt{display:none;}
    .showcontent dl:nth-child(2n+0) dd .text{left:auto; right:auto;}
    .showcontent dl dd .text{position:relative; margin:1em auto; width:90%; top:auto; transform:none; left:auto;}

    .in_about dl dt{ float: none; display: inline-block; width: 100%; text-align: center; }
    .in_about dl dd{ float: none; display: inline-block; width: 100%; margin-left: 0; }
  .yingyong{ padding:0 10px;}
    .yingyong dl{ float:left; display: inline-block; width: 100%; margin:0;  }
}