@font-face { font-family: 'Medium'; src: url('fonts/dinmedium/dinmedium.eot'); src: local('☺'), url('fonts/dinmedium/dinmedium.woff') format('woff'), url('fonts/dinmedium/dinmedium.ttf') format('truetype'), url('fonts/dinmedium/dinmedium.svg') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Regular'; src: url('fonts/dinregular/dinregular.eot'); src: local('☺'), url('fonts/dinregular/dinregular.woff') format('woff'), url('fonts/dinregular/dinregular.ttf') format('truetype'), url('fonts/dinregular/dinregular.svg') format('svg'); font-weight: normal; font-style: normal; }

* { font-family: "Regular", "\5fae\8f6f\96c5\9ed1", Arial, Helvetica, sans-serif; }
html { font: normal 14px/100% "Regular", "\5fae\8f6f\96c5\9ed1", Arial, Helvetica, sans-serif; color: #444; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% }
body { margin: 0; padding: 0; background: #ebebeb; overflow-y: scroll }
ul, li, div, input, p, dl, dd, dt, h3, h4, h1, h2, h5, h6, pre, span, sub, strong, i, em, article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary, audio, canvas, progress, video, input, textarea { padding: 0; margin: 0; font-weight: normal; font-style: normal; list-style: none; outline: 0; }
div, p, span, li, strong, h1, h2, h3, h4, h5 { word-break: break-all; word-wrap: break-word; }
input, textarea { font-family: "Regular", "\5fae\8f6f\96c5\9ed1", Arial, Helvetica, sans-serif; -webkit-appearance: none; border-radius: 0; }
a { color: #444; text-decoration: none;}
img { border: 0; }
a:hover { color: #F38001; }
.clearfix:after { content: "."; height: 0; visibility: hidden; clear: both; display: block; }
*html .clearfix { height: 1%; }
.clearfix { zoom: 1; }
/*header*/
.header { position: fixed; width: 100%; z-index: 5000; transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; -webkit-transition: all .3s ease-out; }
.logoandnav { max-width: 1200px; margin: 0 auto; height: 35px; padding: 20px 0; transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; -webkit-transition: all .3s ease-out; }
.logoandnav .logo { float: left; }
.logoandnav .navs { float: right; line-height: 35px; font-size: 12px; }
.logoandnav .navs a { display: block; float: left;/* font-weight:100; */color: #fff; margin: 0 30px; transition:none;}
.logoandnav .navs a:hover { background:url(../images/index_dot.png) no-repeat center bottom;}
.logoandnav .mnavs{ display:none;}
.nav_scroll { background: #000; padding: 10px 0;}
.nav_scroll .logo img{ width:80%; height:25px;padding-top:5px;}
.nav_scroll .logoandnav { padding: 0; }
.nav_scroll .logoandnav .navs a.index_curr,.nav_scroll  .logoandnav .navs a.index_curr:hover{ color:#959595; background:none!important;}
/*indexbanner*/
.indexbanner { position: relative; margin: 0 auto; max-height: 598px; overflow: hidden; }
.indexbanner .imgcontent { position: relative; z-index: 0; max-height: 598px; }
.indexbanner .imgcontent li { width: 100%; height: 598px; background-repeat: no-repeat; background-position: center top;}
.indexbanner .imgcontent li a{ display:block; width:100%; height:100%;}
.indexbanner .imgcontent .transalite { max-width: 1200px; margin: 170px auto 0; color: #fff; font-family: "Regular", "\5fae\8f6f\96c5\9ed1"; }
.indexbanner .imgcontent .transalite .textcontent {clear: both; overflow: hidden; }
.indexbanner .imgcontent .transalite h3 { font-size: 20px; line-height:30px; margin-bottom: 44px; }
.indexbanner .imgcontent .transalite p, .indexbanner .imgcontent .transalite .gotocase { font-size: 14px; line-height:22px; }
.indexbanner .imgcontent .transalite .gotocase { display: inline-block; clear: both; color: #fff; padding: 2px 40px; border: 2px solid #fff; margin-top: 78px; border-radius: 3px; font-size:16px; line-height:35px }
.indexbanner .dotitle { position: relative; z-index: 1; bottom: 50px; height: 30px; line-height: 30px; text-align: center; }
.indexbanner .dotitle ul { text-align: center; padding-top: 0; }
.indexbanner .dotitle ul li { cursor: pointer; display: inline-block; *display:inline;
zoom: 1; width: 7px; height: 7px; margin: 0 10px; overflow: hidden; font-size: 0; border-radius: 30px; background: #eee; border: 2px solid #eee; }
.indexbanner .dotitle ul .on { background: rgba(255, 255, 255, 0); }
.indexbanner .prev, .indexbanner .next { z-index: 1; display: none; width: 55px; height: 55px; position: relative; margin: -27% 0 0 3%; float: left; background: url(../images/arrow.png) 0 0 no-repeat; filter: alpha(opacity=20); opacity: 0.2; transition: all .3s ease-out }
.indexbanner .next { background-position: right 0; float: right; margin-right: 3% }
.indexbanner .prev:hover, .indexbanner .next:hover { filter: alpha(opacity=80); opacity: 0.8; }
/*warpper*/
.range_icon, .communicate, .tocreate, .apperceive .apperimages, .customers, .mainbootom, .bottom_menu, .copyright, .how_content, .about_2_image, .working_nothing, .contect_mainbody, .mainshell, .list_maincell, .article { max-width: 1200px; margin: 0 auto; }
/*service_area*/
.service_area { clear: both; background: #fff; padding-top: 34px; }
/*range_icon*/
.service_area .range_icon { margin: 0 auto; padding: 0; width: 100%; text-align: center; overflow: hidden }
.service_area .range_icon li { float: left; padding:20px 0; width: 25%; text-align: center; }
.service_area .range_icon li .icon_drop { width: 54px; height: 54px; background-repeat: no-repeat; background-position: center center; background-size: 54px; overflow: hidden; margin: 0 auto; }
.service_area .range_icon li.bgcolor,.service_area .range_icon li.bgcolor a,.service_area .range_icon li.bgcolor a:hover{ background:#eee; color:#000;}
.service_area .range_icon li .var1 { background-image: url(../images/web.png); }
.service_area .range_icon li.bgcolor .var1 { background-image: url(../images/web2.png); }
.service_area .range_icon li .var2 { background-image: url(../images/zimeiti.png); }
.service_area .range_icon li.bgcolor .var2 { background-image: url(../images/zimeiti2.png); }
.service_area .range_icon li .var3 { background-image: url(../images/kaifa.png); }
.service_area .range_icon li.bgcolor .var3 { background-image: url(../images/kaifa2.png); }
.service_area .range_icon li .var4 { background-image: url(../images/tuoguan.png); }
.service_area .range_icon li.bgcolor .var4 { background-image: url(../images/tuoguan2.png); }
.service_area .range_icon li a:hover { color: #fff; }
.service_area .range_icon h3 { font-size: 18px; line-height: 100%; padding: 21px 0 10px; }
.service_area .range_icon .destext { color: #838484; font-size: 12px; }
.service_area .range_icon .a2{ display:none; margin-top:8px;}
/*communicate*/
.service_area .communicate { clear: both; padding: 60px 0 30px; }
.service_area .communicate .scheme { font-size: 18px; line-height: 36px; float: left; color: #2a2a2a; font-weight: 500; }
.service_area .index_contect_f { float: right; text-align: right; line-height: 100%; font-size: 12px; }
.service_area .index_contect_f li { padding-bottom: 3px; }
.service_area .index_contect_f li.margin10 { padding: 7px 0 0; height: 0; line-height: 0; font-size: 0; }
/*tocreate*/
.tocreate .work_titles { font-family: "Regular", "\5fae\8f6f\96c5\9ed1"; margin-bottom: 34px; text-align: center; }
.tocreate .work_titles h2 { position:relative;font-size: 18px; line-height: 40px; padding-bottom: 5px; }
.tocreate .work_titles p { font-family: "Regular", "\5fae\8f6f\96c5\9ed1"; line-height: 30px; }
.tocreate .work_titles .small_line{ margin:-5px auto 20px!important}

.tocreate { padding: 40px 0 20px; max-width: 1230px; }
.tocreate .work_title {font-family: "Regular", "\5fae\8f6f\96c5\9ed1"; margin-bottom: 34px; text-align: center}
.tocreate .workitemfile { padding-bottom:1px; }
.tocreate .workitemfile li, .apperceive .apperimages li { float: left; width: 25%; text-align: center; transition: ease .5s; -moz-transition: ease .5s; -ms-transition: ease .5s; -o-transition: ease .5s; -webkit-transition: ease .5s; }
.tocreate .workitemfile li a, .apperceive .apperimages li a { display: block; margin: 0 15px 30px; background: #fff; }
.tocreate .workitemfile li .imagebox, .apperceive .apperimages li .imagebox { width: 280px; height:209px; overflow: hidden; }
.tocreate .workitemfile a:hover, .apperceive .apperimages a:hover { box-shadow: 0 0 15px #bbb; }
.tocreate .workitemfile li img, .tocreate .workitemfile li .imagebox, .apperceive .apperimages li img, .apperceive .apperimages li .imagebox { display: block; width: 100%; max-height: 209px; min-height: 209px; transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; overflow: hidden; }
.tocreate .workitemfile li img, .apperceive .apperimages li img { transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; }
.tocreate .workitemfile li img:hover, .apperceive .apperimages li img:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.tocreate .workitemfile li.m0, .apperceive .apperimages li.m0 { margin-right: 0; }
.tocreate .workitemfile li .case_name, .apperceive .apperimages li .case_name { padding: 15px 10px; }
.tocreate .workitemfile li .case_name h3, .apperceive .apperimages li .case_name h3 { font-size: 15px; line-height: 18px; margin-bottom: 12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.tocreate .workitemfile li .case_name p, .apperceive .apperimages li .case_name p { font-size: 12px; color: #838484 }
/*apperceive*/
.apperceive { padding: 40px 0; background: #fff; }
.apperceive .apperimages { max-width: 1230px; }
.apperceive .apperheader, .customers .ourkehu { font-family: "Regular", "\5fae\8f6f\96c5\9ed1"; margin-bottom: 34px; text-align: center; }
.apperceive .apperheader h2, .customers .ourkehu h2 { position:relative;font-size: 18px; line-height: 40px; padding-bottom: 5px; }
.apperceive .apperheader p, .customers .ourkehu p { font-family: "Regular", "\5fae\8f6f\96c5\9ed1"; line-height: 30px; }
.apptitlefor { margin:0 0 20px 15px; }
.small_line {background-color:#444;height: 2px;position: relative;width:20px;display: block;margin:-2px auto 15px;}
/*customers*/
::selection {background:#F38001; color:#fff;}
::-moz-selection {background:#F38001; color:#fff;}
::-webkit-selection {background:#F38001; color:#fff;}
.customers { padding: 40px 0 70px; }
.customers .logo_centent { text-align: center; overflow:hidden;}
/*footer*/
.footer { background: #1b1b1b; padding: 22px 0; }
.footer .mainbootom { font-size: 14px; font-family: "Regular", "\5fae\8f6f\96c5\9ed1"; padding-bottom: 15px; line-height: 30px; border-bottom: 2px solid #515151; }
.footer .mainbootom p { color: #636363; }
.footer .mainbootom p span { margin-right: 50px; }
.footer .mainbootom p span.telnum { margin: 0 0 0 15px; color: #fff; font-size: 26px; }
.footer .mainbootom .self_botton { float: right; margin-top: 17px; }
.footer .mainbootom .self_botton a { display: inline-block; width: 132px; text-align: center; border: 1px solid #fff; color: #fff; line-height: 100%; padding: 11px 0; font-size: 15px; border-radius: 3px; font-family: "Regular", "\5fae\8f6f\96c5\9ed1"; transition: all .3s ease-out }
.footer .mainbootom .self_botton a.maps { padding-left: 20px; width: 112px; background: url(../images/pointer.png) no-repeat 15px center; }
.footer .mainbootom .self_botton a.qqtalk { margin-left: 25px; }
.footer .mainbootom .self_botton a:hover { background-color: #F38001; border: 1px solid #F38001; }
.footer .bottom_menu { margin: 20px auto; }
.footer .bottom_menu a { margin-right:20px; color: #636363;margin-top:10px;float:left}
.footer .bottom_menu a:hover{ color:#CCC}
.gotop{ position:fixed; right:30px; bottom:200px; z-index:50000; cursor:pointer; background:url(../images/gotop.png) no-repeat center; width:37px; height:37px;}
/*copyright*/
.copyright { clear: both; font-family: "Regular", "\5fae\8f6f\96c5\9ed1"; }
.copyright p { float: left; color: #636363; font-size: 12px; padding-top: 20px; }
.copyright .webshare { float: right; margin-top: -10px; }
.copyright .webshare a { position: relative; display: inline-block; width: 40px; height: 40px; margin-left: 20px; background: url(../images/sns_ico.png) no-repeat 0 0; transition:none;}
.copyright .webshare .wechat { background-position: 0 0; }
.copyright .webshare .wechat:hover { background-position: 0 -44px; }
.copyright .webshare .weibo { background-position: -82px 0; }
.copyright .webshare .weibo:hover { background-position: -82px -44px; }
.copyright .webshare .douban { background-position: -163px 0; }
.copyright .webshare .douban:hover { background-position: -163px -44px; }
.copyright .webshare .email { background-position: -245px 0; }
.copyright .webshare .email:hover { background-position: -245px -44px; }
.copyright .webshare .wechatimg { position: absolute; left: 50%; margin-left: -65px; font-size: 12px; bottom: 50px; background: #fff; width: 130px; text-align: center; display: none; }
.copyright .webshare .wechatimg:before { content: ""; position: absolute; bottom: -5px; display: block; width: 0; border: 5px solid #fff; border-color: #fff #212121 #212121 #212121; border-bottom: 0; font-size: 0; line-height: 0; height: 0; left: 50%; margin-left: -6px; }
.copyright .webshare .wechatimg p { line-height: 100%; padding: 0 0 6px; text-align: center; float: none }
.copyright .webshare .wechatimg img { width: 120px; height: 120px; }
/*about*/
.intop { background: #fff; overflow: hidden; }
.intop .navs a { color: #000; }
.intop .navs a.current, .intop .navs a:hover { color: #F38001; background: url(../images/curent.png) no-repeat center bottom; text-decoration: none; transition: none; -webkit-transition: none; -ms-transition: none; -moz-transition: none; }
/*mainwarpper*/
.mainwarpper { background: #fff; clear: both; padding-top: 80px; }
.banner_photo { background: #fff; text-align: center; height: 363px; overflow: hidden; background-position: center top; background-repeat: no-repeat; background-color: #fff; }
.banner_photo h2 { max-width: 1200px; margin: 150px auto 0; font: normal 45px "Regular", "\5fae\8f6f\96c5\9ed1"; color: #fff; text-align: left; }
.banner_photo p { text-align: left; color: #fff; max-width: 1200px; margin: 30px auto 0; font-size: 14px; line-height: 36px; }
/*innovation_design*/
.innovation_design { background: #fff; padding: 50px 0; line-height: 40px; text-align: center; }
.innovation_design h3 { font-size: 22px; font-weight: bold; padding-bottom: 20px; }
.innovation_design p { font-size: 18px; }
/*how_we_work*/
.how_we_work { background: #f1f1f1; padding: 50px 0; }
.how_content { background: url(../images/mlogo.png) no-repeat right center; }
.ds_in_chengdu { float: left; width: 638px; font-size: 14px; line-height: 24px; }
.ds_in_chengdu strong { font-weight: bold; }
.about_2_image { padding-top: 40px; }
.about_2_image li{ float:left; width:25%; overflow:hidden;}
.about_2_image img { display:block; width: 100%; height: auto; border: 0; }
.about_2_image .tupb{ display:none;}
.consumthiscommend{ clear:both; margin-bottom:50px; overflow:hidden; width: 100%;}
.consumthiscommend li{ width:33.33%; float:left;}
.consumthiscommend li img{ width:100%;}
.consumthiscommend li .tupb{ display:none;}
/*our_characteristics*/
.our_characteristics { background: #fff; clear: both; overflow: hidden; }
.our_characteristics .tit_tab { text-align: center; clear: both; max-width: 1200px; padding: 50px 0; margin: 0 auto; }
.our_characteristics .tit_tab li { float: left; width: 33.33%;filter: alpha(opacity=70); opacity: 0.7;}
.our_characteristics .tit_tab li .tok_icon1 { background: url(../images/tok_1.png) no-repeat center top; }
.our_characteristics .tit_tab li .tok_icon2 { background: url(../images/tok_2.png) no-repeat center top; }
.our_characteristics .tit_tab li .tok_icon3 { background: url(../images/tok_3.png) no-repeat center top; }
.our_characteristics .tit_tab li .tok { height: 145px; background-size: auto 100%; }
.our_characteristics .tit_tab li h3 { font-size: 24px; font-weight:normal; padding: 40px 0; clear: both; }
.our_characteristics .tit_tab li span { display: block; margin: 0 auto; width: 30px; height: 30px; background: url(../images/add_ico.png) no-repeat center center; background-size: cover; }
.our_characteristics .tit_tab li.on { filter: alpha(opacity=100); opacity: 1; }
/*torget_info*/
.torget_info { padding: 60px 0; height: 200px; background: #000; display: none; }
.naturebody { clear: both; max-width: 1100px; padding: 0 50px; margin: 0 auto; position: relative; color: #fff; }
.naturebody li { padding-right: 200px; width: 900px; min-height: 200px; }
.naturebody h4 { line-height: 40px; font-size: 24px; font-weight: normal; padding-bottom: 10px; }
.naturebody p { line-height: 26px; font-size: 12px; height: 70px; }
.naturebody .contect_us_link { clear: both; padding-top: 30px; }
.naturebody .contect_us_link a { display: inline-block; line-height: 40px; padding: 0 30px; text-align: center; color: #fff; border: 1px solid #fff; border-radius: 3px; margin-right: 40px; }
.naturebody .contect_us_link a:hover { background: #fff; color: #000; }
/*modtool*/
.modtool { position: absolute; right: 0; top: -20px; z-index: 10 }
.modtool span { display: inline-block; width: 29px; height: 29px; cursor: pointer; margin-right: 10px; background: url(../images/close_ico.png) no-repeat; overflow: hidden; }
.modtool span.prev { background-position: 5px 0; }
.modtool span.next { background-position: -46px 0; }
.modtool span.closebox { background-position: top right; }
.modtool span.prevStop, .modtool span.nextStop { display: none; }
/*our_services_cate*/
.our_services_cate { background: #f1f1f1; overflow: hidden; }
.our_services_cate .innovation_design { background: #f1f1f1; }
.our_services_cate .working_nothing { clear: both; display: table; padding-bottom: 30px; }
.our_services_cate .working_nothing li { display: table-cell; width: 25%; text-align: center; }
.our_services_cate .working_nothing li .visitem { margin: 20px; padding: 30px 20px; height:265px; background: #fff; }
.our_services_cate .working_nothing li strong { display: block; font-size: 26px; padding: 30px 0; }
.our_services_cate .working_nothing li p { line-height: 36px; font-size: 14px; }
/*professional*/
.professional { clear: both; padding-bottom: 60px; }
.professional .innovation_design{ padding:90px 0 174px;}
.professional .imageslidebox { overflow: hidden; position: relative; }
.professional .imginvaotel { text-align: center; padding-bottom: 40px; }
.professional .imginvaotel img { display: block; height: 307px; margin: 0 auto; border: 0; }
.professional .dot_arr { clear: both; overflow: hidden; height: 15px; zoom: 1; margin-top: 10px; zoom: 1; text-align: center; }
.professional .dot_arr span { display: inline-block; margin: 0 15px; width: 11px; height: 11px; border-radius: 100%; border: 2px solid #808080; background: #808080; cursor: pointer; }
.professional .dot_arr span.on { background: #fff; border: 2px solid #808080; }
/*sayhello*/
.hellokjfk{ font-size:24px; color:#595656; line-height:150px; background:#f1f1f1; text-align:center;}
.sayhello { clear: both; background: url(../images/lianxiwo.jpg) no-repeat center; max-height: 400px; overflow: hidden }
.sayhello a { display: block; width: 164px; height: 45px; line-height: 45px; margin: 160px auto; border-radius: 3px; text-align: center; border: 2px solid #fff; font-size: 28px; color: #fff; font-family: "Regular", "\5fae\8f6f\96c5\9ed1"; }
.sayhello a:hover { background: #F38001; border-color: #F38001; }
/*contect_mainbody*/
.contect_mainbody { background: #fff; padding: 50px 0; font-family: "Regular", "\5fae\8f6f\96c5\9ed1"; }
.contect_mainbody .cc_left { float: left; width: 50%; }
.contect_mainbody .cc_left p b{font-weight:normal;color:#F38001}
.contect_mainbody .cc_left strong { display: block; font-size: 14px; }
.contect_mainbody .cc_left h1 { font-size: 53px; line-height: 90px; padding-bottom: 10px; }
.contect_mainbody .cc_left h4 { line-height: 30px; font-size: 22px; font-weight: normal; font-family: "Regular", "\5fae\8f6f\96c5\9ed1"; margin:30px 0;}
.contect_mainbody .cc_left h4.jingli { color: #333; }
.contect_mainbody .cc_left p { line-height: 34px; font-size: 15px; }
/*form_right*/
.contect_mainbody .form_right { float: right; width: 50%; font-family: "Regular", "\5fae\8f6f\96c5\9ed1"; }
.contect_mainbody .form_right h2 { font-size: 17px; padding-bottom: 20px; }
.contect_mainbody .form_right li { position: relative; background: #f1f1f1; margin-bottom: 20px; padding: 5px 10px; }
.contect_mainbody .form_right input, .contect_mainbody .form_right textarea { display: block; background: #f1f1f1; width: 100%; height: 30px; line-height: 30px; width: 300px; border: 0; font-family: "Regular", "\5fae\8f6f\96c5\9ed1"; }
.contect_mainbody .form_right textarea { height: 200px; width: 100%; }
.contect_mainbody .form_right .getmsg { position: absolute; width: 150px; height: 30px; line-height: 30px; text-align: center; color: #fff; font-size: 14px; right: 0; bottom: 0; background: #adafaf; z-index: 100; cursor: pointer; }
.contect_mainbody .form_right .getmsg:hover { background: #666; }
/*other_msg*/
.other_msg { clear: both; padding-bottom: 60px; background: #fff; }
.mainshell { clear: both; overflow: hidden; }
.mainshell li { float: left; width: 25%; }
.mainshell li a { display: block; margin: 0 30px; background: url(../images/qq_icon.png) no-repeat; padding-top: 178px; line-height: 32px; font-size: 12px; text-align: center; transition:none}
.mainshell li a p { background: #fff; }
.mainshell li a.weixin { background: url(../images/erweima.gif) no-repeat center top}
.mainshell li a.maps { background-position: 88px 38px}
.mainshell li a.maps:hover { background-position: 88px -167px; }
.mainshell li a.qicq { background-position: -149px 42px; }
.mainshell li a.qicq:hover { background-position: -149px -163px; }
.mainshell li a.telus { background-position: -409px 38px; }
.mainshell li a.telus:hover { background-position: -409px -167px; }
/*list_maincell*/
.deepting { background: #f1f1f1; clear: both; overflow: hidden; }
.list_maincell { padding: 40px 0; }
.list_maincell .side_menu { float: left; width: 300px; }
.list_maincell .side_menu li { height: 60px; line-height: 60px; font-size: 14px; text-align: center; }
.list_maincell .side_menu li a { display: block; border: 1px solid #ccc; background: #fff; }
.list_maincell .side_menu li a:hover { color:#F38001; background-color: #f6f6f6; }
.list_maincell .side_menu li a.thisnav, .list_maincell .side_menu li a.thisnav:hover { background: #F38001; color: #fff; border-color: #F38001 }
/*right_list_feild*/
.right_list_feild { float: right; width: 860px; overflow: hidden; }
.right_list_feild li { display: block; background: #fff; position: relative; margin-bottom: 30px; }
.right_list_feild li span { display: block; position: absolute; left: 0; top: 25px; z-index: 20; background: url(../images/fenlei.png) no-repeat; width: 73px; height: 25px; line-height: 25px; text-indent: 10px; color: #fff; font-size: 12px; }
.right_list_feild li .tupian { overflow: hidden; border-bottom: 1px solid #ccc; }
.right_list_feild li .tupian img { display: block; width: 100%; height: auto; border: 0; }
.right_list_feild li .title_size { padding: 20px 30px; }
.right_list_feild li .title_size h3 { font-size: 23px; font-weight: normal; line-height: 30px; }
.right_list_feild li .title_size h3 a:hover { color: #F38001; }
.right_list_feild li .title_size p { font-size: 12px; padding-top: 10px; line-height: 22px; }
/*show_page*/
.show_page { font-size: 14px; text-align: center; padding: 10px 0 40px; letter-spacing: 1px }
/*article*/
.article { padding: 40px 10px; }
.article h1 { font-size: 24px; line-height: 30px; font-weight: bold; }
.article .vcation { padding-top: 15px; font-size: 14px; }
.article .vcation span { padding-right: 30px; }
.article .vcation span a { margin: 0 5px; }
.article .bdsharebuttonbox { float: right; margin-top: -3px;color:#999; }
.article .bdsharebuttonbox .tname { background: none; margin-left: 0!important; text-indent: 0; width: auto; color: #000; }
.bdshare-button-style1-32 a { margin: 0 10px 0!important; }
.article .contentarea, .content_design_show { line-height: 28px; font-size: 14px; padding: 70px 0; color: #595757; }
.article .contentarea p, .article .contentarea div, .content_design_show p, .content_design_show div { margin-bottom: 10px; }
.content_design_show img, .article .contentarea img { max-width: 100%; height: auto}
.content_design_show img{float:left}
/*thinks*/
.thinks { clear: both; padding: 0 0; }
.thinks .lookmoredc { display: block; background: #1d2024; color: #fff; padding: 10px 0; width: 280px; margin-right: 15px; text-align: center; float: right; clear: both; }
.thinks .lookmoredc:hover { background: #F38001; color: #fff; }
.thinks .indexmorecase { display: block; background: none; color: #000; padding: 10px 0; width: 180px; text-align: center; float: right; clear: both; margin-right:15px; text-align:right;}
.thinks .indexmorecase:hover{ background: #000; color: #fff;}
/*case_menu*/
.case_menu { clear: both; margin:0 0 30px 15px;}
.case_menu a { display: inline-block; font-size: 16px; margin-right: 20px; }
.case_menu a.this_on { color: #F38001; }
.baseinfo { clear: both; overflow: hidden; }
.baseinfo .vcation { font-size: 16px; line-height: 30px; }
.baseinfo .bdsharebuttonbox { float: none; margin-top: 50px; }
.baseinfo .descriptions { float: right; width: 680px; line-height: 22px; font-size: 13px; }
.content_design_show { padding: 70px 0 0; }

@media screen and (max-width:800px) {
	* { font-family: Microsoft yahei; }
	.range_icon, .communicate, .tocreate, .apperceive .apperimages, .customers, .mainbootom, .bottom_menu, .copyright, .how_content, .about_2_image, .working_nothing, .contect_mainbody, .mainshell, .list_maincell, .article { max-width: 100%; margin: 0 auto; }
	/*float*/
	.logoandnav .navs a, .service_area .communicate .scheme, .service_area .index_contect_f, .footer .mainbootom .self_botton, .list_maincell .side_menu, .right_list_feild, .thinks .lookmoredc, .ds_in_chengdu, .contect_mainbody .cc_left, .contect_mainbody .form_right { float: none; }
	/*width*/
	.right_list_feild, .ds_in_chengdu, .service_area .range_icon li, .logoandnav .logo img { width: auto; }
	/*height*/
	.logoandnav, .indexbanner .dotitle, .naturebody p, .torget_info, .our_services_cate .working_nothing li .visitem { height: auto; }
	/*margin*/
	.footer .mainbootom .self_botton a.qqtalk, .footer .bottom_menu a, .our_services_cate .working_nothing li .visitem { margin: 0; }
	/*display*/
	.indexbanner .prev, .indexbanner .next, .copyright, .article .bdsharebuttonbox, .our_characteristics .tit_tab li h3, .our_characteristics .tit_tab li span, .modtool, .our_services_cate .working_nothing li p, .professional .imageslidebox, .other_msg,.baseinfo .descriptions{ display: none; }
	/*width*/
	.tocreate .workitemfile li, .apperceive .apperimages li, .customers .logo_centent img, .list_maincell .side_menu, .our_services_cate .working_nothing li, .naturebody li, .contect_mainbody .cc_left, .contect_mainbody .form_right, .contect_mainbody .form_right input, .contect_mainbody .form_right textarea { width: 100%; }
	/*logoandnav*/
	.gotop{ height:0; line-height:0; font-size:0; width:0; overflow:hidden; text-indent:-9999px;}
	.intop{ overflow:visible;}
	.mainwarpper{ padding-top:52px;}
	.logoandnav{ position:relative;padding:10px;}
	.logoandnav .mnavs{display:block; width:32px; height:32px; background:url(../images/mclick.png) no-repeat 0 0; background-size:32px; float:right;}
	.logoandnav .index_cat{ background-position:0 7px;}
	.intop .logoandnav .mnavs{ background-position:0 -24px;}
	.logoandnav .hover,.intop .logoandnav .hover{ background-position:left bottom;}
	.logoandnav .logo { text-align: center; }
	.logoandnav .logo img { height: 30px; }
	.logoandnav .navs { display: none; position:absolute; left:0; top:52px; background:#fff;width:100%; padding-bottom:20px; overflow: hidden; }
	.logoandnav .navs a { display:block; float:none; font-size: 16px; color:#444; line-height:45px; height:45px; text-align: center; border-bottom:1px solid #444;}
	.nav_scroll{ padding:0;}
	.nav_scroll .logoandnav{ padding:10px;}
	.indexbanner, .indexbanner .imgcontent, .indexbanner .imgcontent li{ height:200px;}
	.indexbanner .imgcontent li{ height:200px; background-position: center top; background-size:auto 200px;}
	.banner_photo { max-height: 280px; background-position: center top; background-size: cover; }
	.indexbanner .imgcontent .transalite { margin:80px 0 0; text-align: center; }
	.indexbanner .imgcontent .transalite h3, .banner_photo h2 { font-size: 18px; line-height: 150%; margin-bottom: 10px; }
	.indexbanner .imgcontent .transalite h3 { line-height: 140%; }
	.indexbanner .imgcontent .transalite p, .indexbanner .imgcontent .transalite .gotocase { line-height: 140%; font-size:12px;}
	.indexbanner .imgcontent .transalite .gotocase { margin-top:15px; padding:8px 40px;}
	.indexbanner .dotitle { bottom: 25px; }
	.indexbanner .dotitle ul li { width: 5px; height: 5px; }
	.service_area { padding-top: 20px; }
	.service_area .range_icon li {height:117px; overflow: hidden; width:50%;}
	.service_area .range_icon li a{ display:block; padding:0 10px;}
	.service_area .range_icon .a2{ font-size:14px; font-weight:bold;}
	.service_area .range_icon .destext{ text-overflow:ellipsis;white-space:nowrap; overflow:hidden;}
	.service_area .communicate { padding: 20px 10px; }
	.service_area .communicate .scheme { line-height: 160%; font-size: 17px; text-align: center; }
	.service_area .index_contect_f { padding-top: 20px; border-top: 1px solid #ccc; margin-top: 20px; }
	/*tocreate*/
	.tocreate .workitemfile li a, .apperceive .apperimages li a { margin: 10px; }
	.tocreate .workitemfile li img, .tocreate .workitemfile li .imagebox, .apperceive .apperimages li img, .apperceive .apperimages li .imagebox { display: block; width: 100%; height: auto; max-height: none; min-height: auto; overflow: hidden; }
	
	.tocreate .workitemfile { padding: 0; }
	.apperceive { padding: 20px 0 0; }
	.footer { padding: 20px 0 2px; }
	.footer .mainbootom .self_botton { margin: 0 auto 20px; text-align: center; }
	.footer .mainbootom .self_botton a { margin: 0 10px; }
	.footer .mainbootom .self_botton a.maps { margin-left: 0; }
	.footer .mainbootom p { text-align: center; line-height: 200%; }
	.footer .mainbootom p span { display: block; clear: both; margin: 0; }
	.footer .bottom_menu { text-align: center; }
	.footer .bottom_menu a { padding: 0 14px; }
	.about_2_image ul{ padding:0 10px;}
	.about_2_image li{ width:50%;}
	/*banner_photo*/
	.banner_photo, .banner_photo h2, .banner_photo p { text-align: center; }
	.banner_photo p { font-size: 14px; margin-top: 20px; line-height: 20px; }
	.list_maincell { padding: 20px 0; }
	.case_menu { margin: 0; overflow: hidden; }
	.case_menu a { display: block; float: left; width: 33.33%; text-align: center; margin: 0; line-height: 40px; }
	/*list_maincell*/
	.list_maincell .side_menu { overflow: hidden; border-bottom: 1px solid #ccc; }
	.list_maincell .side_menu li { float: left; width: 33.33%; }
	.list_maincell .side_menu li a { border-left: 0; }
	.right_list_feild { padding-top: 20px; }
	.right_list_feild li .title_size { padding: 10px; }
	.right_list_feild li .title_size h3 { font-size: 18px; line-height: 130%; }
	.right_list_feild li .title_size p { line-height: 150%; }
	.thinks .lookmoredc, .naturebody .contect_us_link { margin: 0 auto; }
	.thinks{ padding-bottom:10px;}
	.hellokjfk{ font-size:16px; line-height:340%}
	/*article*/
	.article h1 { line-height: 130%; }
	.article .vcation { border-bottom: 1px solid #ccc; }
	.article .vcation span { display: block; padding: 10px 0; }
	.article .contentarea, .content_design_show { padding: 20px 0; line-height: 150%; }
	.akshow { max-height: 170px; }
	/*innovation_design*/
	.innovation_design, .how_we_work, .our_characteristics .tit_tab, .torget_info { padding: 20px 0; }
	.innovation_design h3 { font-size: 18px; }
	.innovation_design p { font-size: 15px; line-height: 20px; }
	.how_content { background: none; }
	.ds_in_chengdu, .innovation_design p, .banner_photo p, .naturebody { padding: 0 10px; }
	.our_characteristics .tit_tab li .tok { height: 75px; background-size: 70px auto; }
	.torget_info { display: block; }
	/*naturebody*/
	.naturebody h4 { font-size: 18px; line-height: 24px; }
	.naturebody p {line-height: 20px; }
	.naturebody ul { width: 100%; }
	.naturebody li { min-height: inherit; padding: 0; }
	.naturebody .contect_us_link a { margin: 0 10px; }
	.thinks .lookmoredc, .naturebody .contect_us_link { text-align: center }
	/*our_services_cate*/
	.apptitlefor{ text-align:center;}
	.our_services_cate .working_nothing { padding: 10px 0; }
	.our_services_cate .working_nothing, .our_services_cate .working_nothing li { display: block; }
	.our_services_cate .working_nothing { background: #fff; border-bottom: 1px solid #ddd; }
	.our_services_cate .working_nothing li { width: 50%; float: left; text-align: center; }
	.our_services_cate .working_nothing li strong { font-size: 16px; padding: 10px 0; }
	.our_services_cate .working_nothing li .visitem { padding: 10px; }
	.our_services_cate .working_nothing li .pictures img { height: 70px; width: auto; }
	/*professional*/
	.professional { padding-bottom: 20px; }
	.sayhello { max-height: 200px; }
	.sayhello a { margin: 30px auto; font-size: 18px; width: 100px; line-height: 200%; height: auto; }
	.contect_mainbody { padding: 20px 10px; }
	.contect_mainbody .cc_left h1 { font-size: 20px; font-weight: bold; line-height: 100%; padding: 20px 0; }
	.contect_mainbody .cc_left p { font-size: 14px; line-height: 30px; }
	.contect_mainbody .cc_left h4 { font-size: 18px; }
	.contect_mainbody .cc_left { clear: both; padding-bottom: 30px; border-bottom: 1px solid #ccc; }
	.contect_mainbody .form_right { padding-top: 30px; }
	.small_line{ margin:-20px auto 20px!important;}
	.apperceive .apperheader .small_line, .customers .ourkehu .small_line{ margin:-5px auto 20px!important}
	.thinks .indexmorecase{ float:none; width:auto; margin:0 10px}
	.professional .innovation_design{ padding:40px 0;}
}
@media only screen and (min-width: 480px) and (max-width: 800px) {
	.tocreate .workitemfile li, .apperceive .apperimages li { width: 50%; }
	.tocreate .workitemfile li img, .tocreate .workitemfile li .imagebox, .apperceive .apperimages li img, .apperceive .apperimages li .imagebox { display: block; width: 100%; height: auto; max-height: none; min-height: auto; overflow: hidden; }
}
@media only screen and (min-width: 800px) and (max-width: 1070px) {
	.logoandnav .navs{ display:block!important}
	.service_area .communicate{ padding:80px 10px 30px;}
	.customers .logo_centent img{ width:100%; height:auto; border:0;}
	.tocreate .workitemfile li, .apperceive .apperimages li { width: 33.33%; }
	.apperceive .apperimages li:nth-child(3),.footer .mainbootom .self_botton{ display:none;}
	.list_maincell .side_menu,.right_list_feild{ float:none; width:auto;}
	.banner_photo h2,.banner_photo p{ text-align:center; padding:0 10px;}
	.how_content {background: none;}
	.case_menu{ text-align:center;}
	.apptitlefor{ text-align:center;}
	.list_maincell .side_menu{ margin-bottom:30px;}
	.list_maincell .side_menu li{ float: left; width: 33.33%;}
	.ds_in_chengdu,.indexbanner .imgcontent .transalite .textcontent{ float:none; width:auto; padding:10px;}
	.contect_mainbody{ padding:50px 10px;}
	.footer{ padding:22px 10px;}
	.tocreate .workitemfile li img, .tocreate .workitemfile li .imagebox, .apperceive .apperimages li img, .apperceive .apperimages li .imagebox { display: block; width: 100%; height: auto; max-height: none; min-height: auto; overflow: hidden; }
}
.alert-contact-box{width:577px;height:342px;background:url(../images/alertbox.jpg) no-repeat center;position:fixed;z-index:99999;left:50%;margin-left:-288px;top:50%;margin-top:-171px;display:none;text-align:center;line-height:1.35;color:#fff}
.alert-contact-box .close{display:block;width:35px;height:35px;position:absolute;right:27px;top:21px;cursor:pointer}
.alert-contact-box .word1{font-size:26px;margin-top:50px}
.alert-contact-box .word2{font-size:48px}
.alert-contact-box .word3{font-size:13px;opacity:.8}
.alert-contact-box .tel{position:relative;display:inline-block;font-size:21px;padding:0 10px}
.alert-contact-box .qqlink{display:block;width:190px;height:42px;margin:35px auto 20px;cursor:pointer;color:#f38001;background-color:#fff;text-align:center;line-height:42px;font-size:18px;box-shadow:0 3px 10px rgba(0,0,0,.15)}