/* CSS Document */
html{font-size:20px;}
body{font-size:.8rem;color:#333333;font-family:'Microsoft YaHei',Simsun,Arial,Verdana,Sans-serif;}
html,body{margin:0px;padding:0px;width:100%;height:100%;}
html *{outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal;margin:0;padding:0; }
img{border:none;max-width:100%; display: inline-block; line-height: 0; font-size: 0; vertical-align:bottom; }
div,ul,li,dl,dt,dd,p,form{margin:0;padding:0;}
ul,li,dl,dt,dd{list-style:none;}
a{font-size:inherit;text-decoration:none;color:#333;}
a:hover,
a:focus{ text-decoration:none; color:#4CBACC;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
a:active{color:inherit; text-decoration:none;}
i,em{font-style:normal;}
select,input,textarea,button{font-family:inherit; font-size:inherit;}
table { border-spacing: 0; border-collapse: collapse; background-color: transparent; }
td, th { padding: 0; }
th { text-align: left; }
tr { vertical-align: middle; }

.clearfix:before,
.clearfix:after{display:table;content:" ";clear:both;}
.tbl-type{display:table;width:100%;table-layout:fixed}
.tbl-cell{display:table-cell; vertical-align: top; }
.fl{float:left;}
.fr{float:right;}
.fn{float:none;}
.center{ text-align:center; }
.right{ text-align:right; }
.valign *{ display:inline-block; vertical-align:middle; }
.ellipsis{ display: block; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis; white-space: nowrap; word-wrap: break-word; }
.shadow { box-shadow: 0 7px 30px rgba(103, 103, 103, .1); }
.shadow-s2 { box-shadow: 2px 7px 10px rgba(103, 103, 103, .3); }
.hide{ display: none; }
.btn { display: inline-block; padding: 10px 20px; border: 1px solid transparent; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; background-image: none; touch-action: manipulation; -ms-touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.btn-default { color: #333333; background-color: #ffffff; width: auto; border-radius: 0; border:#dddddd 2px solid; line-height: normal; }
.btn-submit { color: #ffffff; background-color: #4CBACC; width: auto; border-radius: 0; border:0; line-height: normal; font-size: .9rem; padding: 10px 40px; }
.btn-reset { color: #333333; background-color: #dddddd; width: auto; border-radius: 0; border:0; line-height: normal; font-size: .9rem; padding: 10px 40px; }

.btn-view { color: #666666; background-color: transparent; border:#666666 1px solid; width: auto; border-radius: 30px; height: 30px; line-height: 30px; padding: 0 25px; }
.btn-view:hover{ background-color:#4cbacc; color: #ffffff; border:#4cbacc 1px solid; }

.table { width: 100%; max-width: 100%; }
.table > thead:first-child > tr:first-child > th,
.table > thead:first-child > tr:first-child > td { border-top: 0; }
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td { padding: 5px; word-break:break-all; }

.form-control{ display: inline-block; width: 100%; padding: 10px 20px; background-color: #fff; background-image: none; border: 1px solid #dddddd; border-radius:0; border-radius: 0; }
.form-control[type="radio"] + label::before { content: "\a0"; /*不换行空格*/ display: inline-block; vertical-align: middle; width: 15px; height: 15px; margin-right: .4em; border-radius: 50%; border: 4px solid #dddddd; text-indent: .15em; line-height: 1; background-color: #ffffff; margin-top: 10px; margin-bottom: 10px; }
.form-control[type="radio"]:checked + label::before { width: 15px; height: 15px; border: 4px solid #dddddd; background-color:#4cbacc; }
.form-control[type="radio"] { width: 0; height: 0; margin:0; padding: 0; position: absolute; clip: rect(0, 0, 0, 0); }
.form-control[type="checkbox"] { width: 18px; height: 18px; display: inline-block; vertical-align: middle; }

.red{ color: #4cbacc; }

body{ background-color: #ffffff; }
.wrap{ width:1200px; margin:auto; padding:0; }
.iconfont{ font-size: .7rem; }
.wp{ padding: 15px; }
.wp-h{ padding-left: 15px; padding-left: 15px; }
.wp-v{ padding-top: 15px; padding-bottom: 15px; }
.bg-white{ background-color: #ffffff; }
.bg-gray{ background-color: #f3f3f3 }
.bg-pro{ background:url(../image/bg-pro.png); }
.bg-about{ background: url(../image/bg-about.jpg) top center no-repeat; position: relative;}
.bg-news{ background: url(../image/bg-news.jpg) top center no-repeat;}
.bg-mas{ background-color: #eef3f4;}
.bg-foot{ background: url(../image/bg-foot.jpg) top center no-repeat; background-size: cover;}

.p-top-xs{ padding-top: 15px; }
.p-top-s{ padding-top: 30px; }
.p-top-m{ padding-top: 50px; }
.p-top-l{ padding-top: 80px; }

.p-bot-xs{ padding-bottom: 15px; }
.p-bot-s{ padding-bottom: 30px; }
.p-bot-m{ padding-bottom: 50px; }
.p-bot-l{ padding-bottom: 80px; }

.m-top-xs{ margin-top: 15px; }
.m-top-s{ margin-top: 30px; }
.m-top-m{ margin-top: 50px; }
.m-top-l{ margin-top: 80px; }

.m-bot-xs{ margin-bottom: 15px; }
.m-bot-s{ margin-bottom: 30px; }
.m-bot-m{ margin-bottom: 50px; }
.m-bot-l{ margin-bottom: 80px; }


.header .logo{ float: left; width: auto; }
.header .btn-lag{ float: right; background-color: #00b050; color: #fff; margin-left: 30px; padding: 0 10px; border-radius: 4px; margin-top: 24px;}
.header .btn-lag a{background-color: #00b050; color: #fff;line-height: 40px;}

.nav{ width: auto; float: right; }
.nav ul li{ float: left; width:auto; display:block; position: relative; }

.nav ul li .tit{ display: block; text-align: center; font-size: .8rem; height:88px; line-height: 88px; display: block; padding: 0 15px; position: relative; color:#333333; }
.nav ul li:hover .tit,
.nav ul li.on .tit{  position: relative; font-weight: 700; color: #4CBACC; }/*border-bottom: 2px solid red; color:#4cbacc;*/

.nav ul li.on:after {content: ''; width: 30px; height: 3px; background-color: #4CBACC; margin: 0 auto; position: absolute; bottom: 10px; left: calc(50% - 15px);}

.nav ul li .child{ background-color: #4cbacc; display: none; position: absolute; top: 88px; left: 0; width:200px; z-index: 99; text-align: left; }
.nav ul li:hover .child{ display: block; padding: 10px 0; }
.nav ul li .child a{ display: block; line-height: 2; font-size: .8rem; color: #fff; padding: 0 15px;border-bottom: 1px solid #4cbacc; background: url(../image/icon-right.png) no-repeat;
    background-position: 180px center;}
.nav ul li .child a:hover{color:#fec14c;}

.menu-button{ display:none; position:absolute; top: 10px; right:15px; z-index:999; padding: 10px 0; border-radius: 5px; }
.menu-button button{ display:block; background:none; overflow:hidden; cursor:pointer; z-index:1000; border:0; width:40px; height:30px; padding:0; outline:0; position:relative; -webkit-appearance: none;
	-webkit-transition:.3s all;
	transition:.3s all;
}
.menu-button button::before,
.menu-button button::after,
.menu-button button span{ background:#414141; border-radius:3px; }
.menu-button button::before,
.menu-button button::after{ content:''; position:absolute; height:3px; width:100%; left:0; top:50%;
	-webkit-transform-origin:50% 50%;
	transform-origin:50% 50%;
	-webkit-transition:-webkit-transform .25s;
	transition:transform .25s;
}
.menu-button button span{ display:block; position:absolute; height:3px; width:80%; left:0; top:50%; margin-top:0; overflow:hidden; text-indent:200%;
	-webkit-transition:opacity .25s;
	transition:opacity .25s
}
.menu-button button::before{ -webkit-transform:translate3d(0,-12px,0); transform:translate3d(0,-12px,0); }
.menu-button button::after{ -webkit-transform:translate3d(0,12px,0); transform:translate3d(0,12px,0); width:93%; }
.menu-button.open button span{ opacity:0; background:#fff; }
.menu-button.open button::before{ -webkit-transform:rotate3d(0,0,1,45deg); transform:rotate3d(0,0,1,45deg); background:#fff; }
.menu-button.open button::after{ -webkit-transform:rotate3d(0,0,1,-45deg); transform:rotate3d(0,0,1,-45deg); background:#fff; width:100%; }

.banner-box{ position: relative; }
.banner-box .swiper-container-horizontal>.swiper-pagination-bullets,
.banner-box .swiper-pagination-custom,
.banner-box .swiper-pagination-fraction { bottom: 20px; }
.banner-box .swiper-pagination{ z-index: 999;}
.banner-box .swiper-pagination-bullet{ width:6px; height:12px; background-color:#ffffff; opacity: 1; border-radius: 8px; }
.banner-box .swiper-pagination-bullet-active { background: #4CBACC; height: 20px; border-radius: 8px;}
.banner-box .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 6px; }

.nbanner-box{ position: relative; overflow: hidden; margin-top: 5px;}
.nbanner-box .box{ position:absolute; left:50%; margin-left:-960px; width:1920px; }

.title-s1{ text-align:center; padding:5px 0; margin-bottom:30px; }
.title-s1 h2{ font-size:1.5rem; display:block; position:relative; padding-bottom:10px; text-transform: uppercase; color: #4CBACC; }
.title-s1 p{width: 30px; height: 3px; background-color:#00b050; margin: 0 auto 10px;}
.title-s1 span{ color: #4CBACC; font-size:1rem; }

.title-s1.rw1 h2{ color:#ffffff; }
.title-s1.rw1 span{ color:#ffffff; }

.title-s1.rlf h2{ text-align: left; margin-bottom: -20px;}

.title-s2{text-align: center;}
.title-s2 h2{ color: #333; font-size: 24px;}
.title-s2 span{ width: 30px; height: 2px; background-color: #00b050; display: block;margin: 10px auto 0; }


.list-s1{ overflow:hidden; }
.list-s1 ul{ margin-left:-20px; margin-top: -20px; }
.list-s1 ul li{ width:25%; float:left; padding-left:20px; padding-top:20px; }
.list-s1.join-process ul li{position: relative;}
.list-s1.join-process ul li:after{ content: ''; display: block; width: 13px; height: 24px; background: url(../image/contact-dec.png) no-repeat; background-position: -36px -125px; position: absolute; right: 0; top: calc(50% - 12px);}
.list-s1 ul li .img-box{ display:block; padding: 30px 0 30px 0px; border-right: 30px solid #fff; border-left: 30px solid #fff; box-sizing:border-box; background-color: #ffffff; position: relative; overflow: hidden; text-align:center; }
.list-s1 ul li .img-box img{ display:block;
	-webkit-transform: rotate(0deg) scale(1) translate(0px, 0px);
    -ms-transform: rotate(0deg) scale(1) translate(0px, 0px);
    transform: rotate(0deg) scale(1) translate(0px, 0px);
    transition: all 0.5s ease; margin: 0 auto;  height: 165px;}
.list-s1 ul li em{ display: block; text-align: center; line-height: 58px; height: 58px; background-color: #fff; font-size: 0.8rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 20px;}
.list-s1 ul li a:hover em{ background-color:#4CBACC; color:#ffffff; }
.list-s1 ul li a:hover .img-box{ background-color: #4CBACC; border-right-color: #4CBACC; border-left-color: #4CBACC;}
.list-s1 ul li a:hover img{
	-webkit-transform:rotate(0deg) scale(1.15) translate(0px, 0px);
	-ms-transform:rotate(0deg) scale(1.15) translate(0px, 0px);
	transform:rotate(0deg) scale(1.15) translate(0px, 0px);
	transition:all 0.5s ease;
}
.list-s1 ul li .icon{ margin: 0 auto; }
.list-s1 ul li p{ text-align: center; margin-top: 20px;}
.list-s1 ul li:nth-child(1) .icon{display: block; width: 63px; height: 51px; background: url(../image/contact-dec.png) no-repeat; background-position: 0 -60px;}
.list-s1 ul li:nth-child(2) .icon{display: block; width: 50px; height: 51px; background: url(../image/contact-dec.png) no-repeat; background-position: -78px -60px;}
.list-s1 ul li:nth-child(3) .icon{display: block; width: 55px; height: 51px; background: url(../image/contact-dec.png) no-repeat; background-position: -137px -60px;}
.list-s1 ul li:nth-child(4) .icon{display: block; width: 50px; height: 51px; background: url(../image/contact-dec.png) no-repeat; background-position: -202px -60px;}

.list-s2 ul li{ width: 25%; float: left; }
.list-s2 ul li a{ display: block; text-align: center; }
.list-s2 ul li .img-box{ display: block; background-color: #ffffff; border: #eeeeee 1px solid; padding: 10px; height: 260px;overflow: hidden; }
.list-s2 ul li .img-box img{ display: block; width: 60%; position: relative; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.list-s2 ul li span{ display: block; line-height: 2; }
.list-s2.rw1 ul{ margin-left: -30px; margin-top: -30px; }
.list-s2.rw1 ul li{ width: 33.33%; padding-left: 30px; margin-top: 30px; }

.list-s3 ul li{ margin-bottom: 20px;}
.list-s3 ul li .tit{ display: block; font-size: .8rem; font-weight: 700; }
.list-s3 ul li:last-child{ margin-bottom: 0; }
.list-s3 ul li time{ display: block; color: #666666; line-height: 30px; }
.list-s3 ul li p{ color: #666666; margin-top: 10px; margin-bottom: 10px; line-height: 1.75; }

.list-s4 ul li{ position: relative; margin-bottom: 30px; border-bottom: #f0f0f0 1px dashed; padding-bottom: 30px; }
.list-s4 ul li .img{ float:left; width:250px; margin-right:30px; }
.list-s4 ul li::after{ content:''; display:table; clear:both; }
.list-s4 ul li h3{ display: block; font-size:1rem; }
.list-s4 ul li time{ display: block; color:#888888; font-size: .7rem; margin-top: 10px; }
.list-s4 ul li p{ line-height:1.5; color:#666; margin-top:10px; }

.list-s5 ul li{width: 50%; float: left; margin-bottom: 30px; display: flex; align-items: center; padding-left: 100px;}
.list-s5 ul li em{font-size: 16px; font-weight: 700;}
.list-s5 ul li p{ font-size: 14px; color: #666; margin-top: 10px;}
.list-s5 ul li i{width: 80px; height: 90px; display: inline-block; float: left; margin-right: 10px;}
.list-s5 ul li:nth-child(1) i{background: url(../image/join-1.png) top center no-repeat; }
.list-s5 ul li:nth-child(2) i{background: url(../image/join-2.png) top center no-repeat; }
.list-s5 ul li:nth-child(3) i{background: url(../image/join-3.png) top center no-repeat; }
.list-s5 ul li:nth-child(4) i{background: url(../image/join-4.png) top center no-repeat; }

.list-s6 ul li{ margin-bottom: 30px;}



.content-s1{ display: block; line-height: 2; font-size: .8rem; padding: 50px 40px; color: #666666; }

.graphic-box{ width:40%; padding-right: 50px; float: left; position: relative; }
.graphic-box .txt-box{ position: absolute; background: #ffffff; padding: 20px; bottom: 0; right: 50px; left: 120px; }
.graphic-box .txt-box .tit{ display: block; font-size: .8rem; font-weight: 700; }
.graphic-box .txt-box p{ color: #666666; margin-top: 10px; margin-bottom: 10px; line-height: 1.75; }
.graphic-box .txt-box .time{ display: none; }
.graphic-box .img-box img{width: 100%;}
.graphic-box time{ display: block; float: left; text-align: center; width: 120px; color: #666666; }
.graphic-box time span{ display: block; font-size: 2.5rem; }

.graphic-title-box{ width:60%; padding-right: 20px; float: left; position: relative; }


.ind-news-box{ width: 60%; float: right; }
.ind-news-box ul li{padding: 10px 0;}
.ind-news-box ul li:after{content: ''; width: 100%; height: 1px; border-bottom: 1px dashed #ddd; padding-top: 8px; }
.ind-news-box ul li .fr{color: #999; font-size: 14px;}
.ind-news-box .news-text a{ display: inline-block; width: 400px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.ind-mas-box{width: 40%; float: right;}
.ind-mas-box.mas-in{ padding-left: 20px; padding-right: 20px;}

.honor-morebox{ position: relative; text-align: center; padding-top: 50px; }
.honor-morebox a{ display: inline-block; width: 35px; height: 35px; line-height: 35px; text-align: center; background-color: #adadad; margin-left: 60px; cursor: pointer; }
.honor-morebox a:hover{ background-color: #4cbacc; }
.honor-morebox a:first-child{ margin-left: 0; }
.honor-morebox a .iconfont{ font-size: 1.2rem; color: #ffffff; }

.footer{ padding: 60px 0 0; overflow: hidden; background-color: #333333; }

.contact a{ display: inline-block; line-height: 40px; font-size: .8rem; color: #999; margin-left: 30px; }
.contact a:first-child{ margin-left: 0; }
.contact .iconfont{ font-size: 1.5rem; margin-right: 10px; display: inline-block; color: #ffffff; vertical-align: middle; }
.contact a span{ color: #ffffff; }

.botnav{ width:90%; margin: 0 auto;}
.botnav ul{width: 100%; }
.botnav ul li{ float:left; width:12.5%; text-align: center; border-right: 1px solid #a4a4a4;}
.botnav ul li:last-child{ border-right: 0;}
.botnav ul li a{ display:block; color:#999; line-height: 16px; font-size:14px; }
.botnav ul li a:hover{ color:#fff; }
.botnav ul li a.tit{ color:#ffffff; }

.botcon{ margin-top: 20px;}
.botlogo{ width: 25%; padding: 0 20px; text-align: center;}
.botinfo{ width: 50%;}
.botinfo ul li{ font-size: 14px; color: #FFFFFF; width: 55%; margin: 0 auto;}
.botinfo ul li p{ line-height: 36px;}
.botqr{ width: 25%; padding: 0 20px; text-align: center;}
.botqr p{color: #FFFFFF; font-size: 14px; margin-top: 10px; }


.learnmore{ width: 30%; text-align: center; color: #cccccc; line-height: 2; }
.learnmore img{ width:130px; }
.learnmore span{ font-size: .8rem; display: inline-block; background: url(http://www.ahjinnike.com/images/s1s-icon.png) left center no-repeat; padding-left: 30px; }

.copyright { width: 100%; color: #999; line-height: 2; border-top: #3c3c3c 1px solid; font-size: 14px; padding: 10px 0; }
.copyright a{ color: #999; padding-left: 15px; }

.sidebar{ width:24%; float: left; }
.maincol{ width:76%; float: right; padding-left: 40px; }

.subnav h2{ background: #4cbacc; padding: 15px 20px; color:#fff; }
.subnav h2 span{font-size:1.2rem; display: block; margin-bottom:5px; }
.subnav h2 em{ font-size:.8rem; font-weight: normal; }

.subnav ul{ background:#e7e7e7; padding:0 0 20px;}
.subnav ul li{ border-bottom:1px solid #fff; }
.subnav ul li a{ display:block; padding:15px 20px; }
.subnav ul li a:hover{ color:#fff; }
.subnav ul li a.on{ color:#fff; }

.subnav-pro ul li i{ margin-right: 10px; display: block; width: 10px; height: 16px; background: url(../image/contact-dec.png) no-repeat; background-position: 0px -126px;}
.subnav-pro ul li div{display: flex; align-items: center; justify-content: space-between;}
.subnav ul li div:hover{ background: #999; }
.subnav ul li div:hover a{ color: #FFFFFF;}
.subnav ul li div.on{ background:#999999; color:#fff; }
.subnav-pro ul li div.on i{ background: url(../image/contact-dec.png) no-repeat; background-position: -17px -126px;}

.position{ border-bottom:1px solid #ccc; line-height: 50px; line-height: 50px; margin-bottom:30px; }
.position h4{ color:#666; font-size:1rem; font-weight:normal; color:#888;}
.position p{ color:#888; }
.position p a{ color:#888; line-height: 60px; }

.n-content{ line-height:2; color:#666666; }
.n-content a{ color:#666666; }
.n-content p{ margin-bottom:15px; }

.pager{ text-align:center; margin-top:50px; }
.pager a,.pager strong{ display: inline-block; border:1px solid #4cbacc; padding:5px 10px; margin:0 4px; }
.pager a:hover,.pager strong{ background:#4cbacc; color:#fff; }

.about-cont ul li{ float: left; width: 33.33%; border-left: #999999 1px solid; padding-left: 80px; padding-right: 0; height: 80px; padding-top: 10px; }
.about-cont ul li:first-child{ border-left: none; }
.about-cont ul li .iconfont{ display: block; float: left; width: 50px; height: 50px; border: #999999 1px solid; border-radius: 50%; text-align: center; line-height: 50px; margin-right: 10px; font-size: 1.5rem; color: #999999; }
.about-cont ul li em{ color: #0e60a9; padding-bottom: 5px; display: block; }
.about-cont ul li p{ color: #666666; line-height: 1rem; display: block; }

.pro-btn { text-align: center;}
.pro-btn a{display: inline-block; background-color: transparent; border: 1px solid #666; color: #666; font-size: 14px; border-radius: 4px; padding: 6px 16px; }
.pro-btn a:hover{ background-color: #4CBACC; border-color: #4CBACC; color: #fff;}

.about-conent { float: left;  width: 75%; background: #FFFFFF; padding: 20px 30px;}	
.about-conent p{ font-size: 14px; color: #666; line-height: 26px; letter-spacing: 1px;}
.about-img { float: left; width: 25%; background-color: #FFFFFF; }
.about-img img{ width: 100%;}

.about-shadow{ -moz-box-shadow: 0px 10px 2px #ccc; 
				-webkit-box-shadow: 0px 10px 2px #ccc; 
				box-shadow: 0px 10px 2px #ccc;}

.about-conent .rlf{text-align: left;}

.about-info .Square{ float: left; border: 4px solid #4CBACC; width:350px; height: 350px; margin: 0 40px 40px 0;  position: relative;}
.about-info img{  position: absolute; top: 15px; left: 15px; }
.about-info p{ font-size: 16px; color: #666666;line-height: 30px; letter-spacing: 1px; text-indent: 32px; margin-bottom: 20px;}

.about-oth ul li{margin-bottom:10px;}
.about-oth ul li i{font-size: 16px; color: #4CBACC; font-weight: 700;}
.about-oth ul li p{ font-size: 14px; color: #666666; line-height: 26px; margin: 10px 0 15px; text-indent: 32px;}

.map-box{border: 1px solid #ddd;}

.input-group{display: flex; margin-bottom: 20px; align-items: center; justify-content: center;}
.input-group label{ font-size: 14px; color: #666;  width: 50px; text-align: right;}
.input-group input{ width: 100%; padding: 5px; font-size: 14px; border: 1px solid #ddd; border-radius: 4px ;}
.input-group textarea{ width: 100%; padding: 5px; font-size: 14px; border: 1px solid #ddd; border-radius: 4px ;}
.input-group.baseline{align-items: baseline;}
.ind-btn-subm{ width: calc(100% - 50px); float: right; border-radius: 4px;}

.teb-info{ height: 60px;}
.teb-info ul li{ float: left; padding:0 5px; margin-right: 10px; line-height: 60px;}
.teb-info ul li.on{border-bottom: 2px solid #4CBACC; font-weight: 700;}
.teb-info ul li.on a{ color: #4CBACC;}

.idea-conainer .idea-con{font-size: 16px; color: #666; line-height: 30px; letter-spacing: 1px; text-indent: 32px;}

.sales-con .view-content p span{ font-size: 16px; text-indent:2em;line-height:1.5;}



.work-tit{ font-size: 16px; font-weight: 700; border-left: 4px solid #4cbacc; padding-left: 16px; line-height: 26px;}
.lit-tit{ font-size: 16px; font-weight: 700; color: #666; margin-bottom: 10px;}
.work-duty{ font-size: 14px; color: #666; line-height: 26px; margin-bottom: 20px;}

/*Timeline001915*/
.Timeline001915{ padding-bottom:4%;}
.Timeline001915 .list{ background:url(../image/Timeline001915-logo.jpg) no-repeat center top; padding-top:64px;}
.Timeline001915 .list ul{ background:url(../image/Timeline001915-ul.jpg) repeat-y center top; padding:54px 0;}
.Timeline001915 li{ padding-left:50%; background:url(../image/Timeline001915-li.png) no-repeat center top; padding-top:10px; padding-bottom:10px;}
.Timeline001915 li div{ padding-left:36px;}
.Timeline001915 li div p{ line-height:24px;font-family:'黑体'; color: #666666; font-size: 14px;}
.Timeline001915 ul li:nth-child(2n){ text-align:right; padding-left:0; padding-right:50%;}
.Timeline001915 ul li:nth-child(2n) div{padding-left:0; padding-right:36px;}
.Timeline001915 li time{ display:block; color:#4cbacc; font-size:18px; border-top:1px solid #e1e1e4;}
.Timeline001915 li time:before{ display:block; margin:-3px 0 10px 0; content:''; background-color:#4cbacc; width:20px; height:5px;}
.Timeline001915 ul li:nth-child(2n) time:before{ float:right;}
.Timeline001915 ul li:nth-child(2n) time span{ clear:both; display:block;}
.Timeline001915 ol{ text-align:center;}
.Timeline001915 ol a{ display:inline-block; width:142px; height:30px; line-height:30px; text-align:center; background-color:#4cbacc; color:#fff; font-size:14px; border-radius:5px;}
@media(max-width:1000px){
}
@media(max-width:640px){
}
@media(max-width:480px){
.Timeline001915 .list{ background-position: left top; padding-left:20px;}
.Timeline001915 .list ul{ background-position: 8px top;}
.Timeline001915 li{ padding:0 !important; background-position: left top;}
.Timeline001915 li div{ padding:10px 10px 10px 36px !important;}
.Timeline001915 ul li:nth-child(2n){ text-align:left;}
.Timeline001915 ul li:nth-child(2n) time:before{ float:none;}
}
/*Timeline001915 end*/

.com-container,.industry-container,.work-container,.ales-container,.deve-conainer,.idea-conainer,.sales-container{display: none;}

.detail-box{ padding:20px 0 30px 0; }
	.view-title{ margin-top:10px; font-size: 30px; text-align:center; }
	.view-element{ text-align:center; color:#888888; border-bottom:1px solid #dddddd; margin: 0 0 20px; padding: 15px 0;}
	.view-element a{ color:#333; }
	.view-element #bdshare,.view-element #bdshare .bdshare-button-style1-24{ display:inline; padding-left:5px; }
	.view-element #bdshare .bdshare-button-style1-24 a,.view-element #bdshare .bdshare-button-style1-24 .bds_more { float:none; margin:0; background: url(../image/share_icons.png) no-repeat; }
	.view-element #bdshare .bdshare-button-style1-24 .bds_tsina { background-position: 0 -98px; }
	.view-element #bdshare .bdshare-button-style1-24 .bds_weixin { background-position:0 -162px; }
	.view-element #bdshare .bdshare-button-style1-24 .bds_qzone { background-position: 0 -47px; }
	.view-element #bdshare .bdshare-button-style1-24 .bds_sqq{ background-position: 0 -260px; }
	.view-content{ line-height:2; }
	.view-content p{text-indent:2em; }
	.view-assoc{ margin-top:40px; border-top:1px solid #dddddd; padding-top:20px; }
	.view-assoc div{ margin:12px 5px; }
	.view-assoc a{ color:#888888; letter-spacing:1px; }
	
.view-assoc .prev{ float: left; }
.view-assoc .next{ float: right; }

.lang { display:none; position:absolute; background-color: #00b050; color: #fff; padding: 0 10px; border-radius: 4px; top: 24px; left: 20px; }
.lang a { color: #ffffff; line-height: 40px; }

/*中等屏幕   w<1200*/
@media screen and (max-width: 1200px) {
	.wrap{ width:1000px; }
	
	.nav ul li .tit{ padding: 0 20px; }
	
		.wrap{ width:100%; padding-left:15px; padding-right: 15px; }
	
	.header .nav{ display: none; }
	.menu-button{ display:block; }
	
	.smart-nav { display: block; }
	.smart-nav { position: fixed; width: 70%; z-index: 998; left: auto; right:-70%; top: 0; bottom: 0; background: rgba(76, 186, 204, 0.9); padding-top: 88px; overflow: hidden;
		-webkit-transition: .3s all;
		transition: .3s all;
	}
	.smart-nav.open { right: 0; }
	.smart-nav.open .lang{ display:block; }
	.smart-nav ul{ display: block; width: 100%; height: 100%; border-top: 1px solid rgba(255, 255, 255, .5); overflow-y: auto; }
	.smart-nav ul li { position: relative; border-bottom: 1px solid rgba(255, 255, 255, .5); cursor: pointer; }
	.smart-nav ul li .tit{ font-size: 1rem; text-indent: 1em; display: block; padding: 20px 0; color: #ffffff; }
	.smart-nav ul li .tit.ignore{ background:none; }
	.smart-nav ul li .child { border-top: 1px solid rgba(206,206,206,0.5); display: none; }
	.smart-nav ul li .child a{ display: block; padding: 5px 0; font-size: .9rem; line-height: 2; color: #eeeeee; text-indent: 2em; }
	.smart-nav ul li .child a:first-child{ padding-top: 10px; }
	.smart-nav ul li .child a:last-child{ padding-bottom: 10px; }

	.smart-nav ul li .tit:hover,
	.smart-nav ul li .child a:hover{ background-color: #ffffff; color:#4cbacc; }
	
	.about-conent{width: 65%;}
	.about-img{ width: 35%; }
	.about-img img{ width: 100%;}
	
	.list-s5 ul li{padding-left: 50px;}
	
	.btn-lag{ display: none;}
	
}
/*pad: w< 992*/
@media screen and (max-width: 992px) {
	.wrap{ width:100%; padding-left:15px; padding-right: 15px; }
	
	.header .nav{ display: none; }
	.menu-button{ display:block; }
	
	.smart-nav { display: block; }
	.smart-nav { position: fixed; width: 70%; z-index: 998; left: auto; right:-70%; top: 0; bottom: 0; background: rgba(76, 186, 204, 0.9); padding-top: 88px; overflow: hidden;
		-webkit-transition: .3s all;
		transition: .3s all;
	}
	.smart-nav.open { right: 0; }
	.smart-nav ul{ display: block; width: 100%; height: 100%; border-top: 1px solid rgba(255, 255, 255, .5); overflow-y: auto; }
	.smart-nav ul li { position: relative; border-bottom: 1px solid rgba(255, 255, 255, .5); cursor: pointer; }
	.smart-nav ul li .tit{ font-size: 1rem; text-indent: 1em; display: block; padding: 20px 0; color: #ffffff; }
	.smart-nav ul li .tit.ignore{ background:none; }
	.smart-nav ul li .child { border-top: 1px solid rgba(206,206,206,0.5); display: none; }
	.smart-nav ul li .child a{ display: block; padding: 5px 0; font-size: .9rem; line-height: 2; color: #eeeeee; text-indent: 2em; }
	.smart-nav ul li .child a:first-child{ padding-top: 10px; }
	.smart-nav ul li .child a:last-child{ padding-bottom: 10px; }

	.smart-nav ul li .tit:hover,
	.smart-nav ul li .child a:hover{ background-color: #ffffff; color:#4cbacc; }
	

	.ind-news-box,
	.graphic-box{ float: none; width: 100%; padding-right: 0; }
	.graphic-box .img-box { height: 300px; overflow: hidden; }
	.ind-news-box{ margin-top: 30px; }
	.ind-news-box .news-text a{ width: 280px;}
	
	.sidebar{ width:100%; margin-bottom: 15px; }
	.maincol{ width:100%; padding: 0; }
	.subnav ul{ border-top:1px solid #dcdcdc; border-left:none; border-right:none; margin-top: 1px; }
	
	
	.about-conent{width: 100%;}
	.about-img{display: none; }
	.about-conent .pro-btn{ text-align: center;}
	
	.list-s5 ul li{padding-left: 0px;}
	
}
/*mobile: w < 768*/
@media screen and (max-width: 768px) {
	.list-s1 ul li{ width:50%; }
	
	.list-s2 ul li{ width: 50%; }
	.list-s2.rw1 ul li{ width: 50%; }
	
	.list-s4 ul li .img{ float:none; width:100%; margin-right:0; }
	.list-s4 ul li .img img{ width:100%; }
	.list-s4 ul li h3{ margin-top:10px; }
	
	.graphic-box .txt-box{ position: static; padding: 0; right: 0; left: 0; padding-top: 20px; }
	.graphic-box .txt-box .time{ display: block; }
	.graphic-box time{ display: none; }
	
	/*.graphic-box .img-box{ height: 300px; overflow: hidden; width: 100%;}*/
	
	.graphic-title-box{width: 100%;	padding-right: 0;}
	.ind-mas-box{ width: 100%;}
	
	.contact,
	.botnav{ display:none; }
	
	.about-cont ul li{ float: none; width: 100%; border-left: none; padding-left: 0; height: 80px; padding-top: 10px; }
	
	.ind-news-box .news-text a{ width: 280px;}
	
	
	.footer{ padding: 40px 0 0;}
	.footer .tbl-cell{ display: block; }
	.footer .learnmore{ width: 100%; }
	.footer .copyright .fr{ float: none; }
	.footer .botnav{display: none;}
	.footer .botlogo{display: none;}
	.footer .botinfo{display: none;}
	.footer .botqr{ width: 100%;}
	
	.view-assoc .prev{ float: none; }
	.view-assoc .next{ float: none; }
}
/*mobile: w < 640*/
@media screen and (max-width: 640px) {
	.position h4{ display: none; }
	.position p{ float: none; }
	
	.ind-news-box .news-text {width: 100%;}
	.ind-news-box .fr{ width: 100%; float: left !important; margin-top: 5px; padding-left: 10px;}
	.teb-info{ float: none; width: 100%;}
	.tab-road .position .top-position{ float: none; width: 100%;margin-top: 2px; }
}
/*mobile: w < 480*/
@media screen and (max-width: 480px) {

}