@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-face { font-family: Hiraginowa; src: url("fonts/hiraginosansgbw3.otf") /* EOT file for IE 冬青黑细体*/ }
@font-face { font-family: Hiraginowb; src: url("fonts/hiraginosansgbw6.otf") /* EOT file for IE 冬青黑粗体*/ }
/*@font-face { font-family: Medium; src: url("fonts/dinmedium.otf")}*/
/*@font-face { font-family: Regular; src: url("dinregular.otf")}*/

* { font-family: "微软雅黑", Arial, Helvetica, sans-serif; }
html { font: normal 14px/100% /*"Hiraginowa",*/"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;overflow-y: scroll;background:#FBFBFB;line-height: 20px; min-width: 1336px; line-height: 25px;}
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; 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; }
img { border: 0; }
a:hover { color: #00a2bd; }
.clearfix:after { content: "."; height: 0; visibility: hidden; clear: both; display: block; }
*html .clearfix { height: 1%; }
.clearfix { zoom: 1; }


.row{margin:auto;}
.row:after {
    content: "";
    clear: both;
    display: block;
}
[class*="col-"] {
    float: left;
    padding: 0px;
}
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}


.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.tc{text-align:center;}
.w1200{width:1200px;margin:auto;}

.location{padding:20px 0 0;}

/*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;  background: #fff;padding:20px 0; }
.logoandnav { max-width: 1200px; margin: 0 auto; height: 55px;  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; padding-top:10px;}
.logoandnav .navs { float: left; line-height: 55px; font-size: 14px; }
.logoandnav .navs a { display: block; float: left; color: #333; line-height:45px;padding:19px;font-size:16px;font-weight:900;}
.logoandnav .navs a:hover { text-decoration: underline;color:#0073ad;}
.logoandnav .tel{float:right;color:#F37A21;font-size:24px;line-height:45px;/*padding:20px;*/ font-weight:600; margin-right:-50px; margin-top:20px;}


/*.logoandnav .navs a.active{ text-decoration: underline;color:#fff; background:#0F3983;}*/
.nav_scroll { background: #fff;  filter: alpha(opacity=90); opacity: 0.9; }
.nav_scroll .logoandnav { padding: 0; }


/*indexbanner*/
.indexbanner { position: relative; margin: 0 auto; max-height: 590px; overflow: hidden;}
.indexbanner .imgcontent { position: relative; z-index: 0; max-height: 590px;}
.indexbanner .imgcontent li { width: 100%; height: 590px; background-repeat: no-repeat; background-position: center top; }
.indexbanner .imgcontent .transalite { max-width: 1200px; margin: 170px auto 0; color: #fff; font-family: "Regular"/*"Hiraginowa"*/, "\5fae\8f6f\96c5\9ed1"; }
.indexbanner .imgcontent .transalite .textcontent { clear: both; overflow: hidden; }
.indexbanner .imgcontent .transalite h3 { font-size: 30px; line-height: 40px; margin-bottom: 44px; }
.indexbanner .imgcontent .transalite p, .indexbanner .imgcontent .transalite .gotocase { font-size: 16px; line-height: 34px; }
.indexbanner .imgcontent .transalite .gotocase { display: inline-block; clear: both; color: #fff; padding: 8px 40px; border: 2px solid #fff; margin-top: 78px; border-radius: 3px; }
.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: 10px; height: 10px; margin: 0 10px; overflow: hidden; font-size: 0; border-radius: 30px; background: #fff; border: 2px solid #fff; }
.indexbanner .dotitle ul .on { background: rgba(255, 255, 255, 0); }
.indexbanner .prev, .indexbanner .next { z-index: 1; display: block; width: 55px; height: 55px; position: relative; margin: -27% 0 0 3%; float: left; background: url(img/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: 54px; }

.index_title{margin:auto;text-align:center;}
.index_title h1{color:#0073AD;font-size:30px;height:35px;line-height:35px; font-weight:bold;}
.index_title h2{background: url(img/t_bg.png) no-repeat center;height:48px;line-height:48px;font-size:30px;}
.index_title p{line-height:30px;margin:10px 0; color:#b5b5b5;}


.case_list{line-height:30px;padding-top:20px;color:#fff;margin-bottom:50px;}
.case_list .list{}
.case_list .list li{float: left; width: 380px;text-align:center;margin-left:20px;margin-top:10px; border:1px solid #CCC;}
.case_list .list .img img{width:380px;height:228px;}
.case_list .title a{color:#333;}

.service_list{line-height:30px;background:#008FBE;background: url(img/pro_bg.jpg) no-repeat center;padding-top:20px;color:#fff;margin-bottom:50px;}
.service_list .list{}
.service_list .list li{float: left; width: 280px;text-align:center;margin-left:10px;margin-top:10px; margin-bottom:10px; border:1px solid #fff;}
.service_list .list .img img{width:280px;height:168px;}
.service_list .title a{color:#fff;}




.index_news{background:#F5F4F3;padding:50px 0;}

.index_news .foucs{position:relative;}
.index_news .foucs p{position:absolute;bottom:0px;color:#fff;background-color:rgba(0,0,0,0.7);height:80px;line-height:25px;padding:20px;width:546px;}
.index_news .type{background:#EFEEEC;height:30px;line-height:30px;margin-bottom:20px;}
.index_news .type li{float:left;width:100px;text-align:center;}
.index_news .type li:hover{background:#0073ad;color:#fff;}
.index_news .type li:hover a{color:#fff;}
.index_news .line{border-bottom:1px #ccc dashed;padding:15px 0;margin-bottom:10px;}
.index_news .list span{color:#006ACF;}
.index_news .title{padding-left:10px;line-height:25px;}
.index_news .title a{font-size:14px;font-weight:900;}
#index_news{padding-left:20px;}
.index_link{padding:20px 0;line-height:30px;}

/*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; 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 .var1 { background-image: url(img/f_ico_1.png); }
.service_area .range_icon li a:hover .var1 { background-image: url(img/f_ico_1_hover.png); }
.service_area .range_icon li .var2 { background-image: url(img/f_ico_2.png); }
.service_area .range_icon li a:hover .var2 { background-image: url(img/f_ico_2_hover.png); }
.service_area .range_icon li .var3 { background-image: url(img/f_ico_3.png); }
.service_area .range_icon li a:hover .var3 { background-image: url(img/f_ico_3_hover.png); }
.service_area .range_icon li .var4 { background-image: url(img/f_ico_4.png); }
.service_area .range_icon li a:hover .var4 { background-image: url(img/f_ico_4_hover.png); }
.service_area .range_icon li a:hover { color: #00a2bd; }
.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; }
/*communicate*/
.service_area .communicate { clear: both; padding: 80px 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 { padding: 40px 0; max-width: 1230px; }
.tocreate .work_title { font-family: "Regular", "\5fae\8f6f\96c5\9ed1"; height: 20px; line-height: 20px; margin: 0 0 20px 15px; }
.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: max-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; 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; border:1px solid #CCC; }

.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"/*"Hiraginowb"*/, "\5fae\8f6f\96c5\9ed1"; margin-bottom: 34px; text-align: center; }
.apperceive .apperheader h2, .customers .ourkehu h2 { font-size: 18px; line-height: 40px; padding-bottom: 5px; }
.apperceive .apperheader p, .customers .ourkehu p { font-family: "Regular"/*"Hiraginowa"*/, "\5fae\8f6f\96c5\9ed1"; line-height: 30px; }
.apptitlefor { margin-bottom: 20px; }
/*customers*/
.customers { padding: 40px 0 70px; }
.customers .logo_centent { text-align: center; overflow:hidden;}
/*footer*/
.footer { background: #0072AE; padding: 22px 0;color:#fff;text-align:center;}
.footer .bottom_menu { margin: 20px auto;line-height:25px;font-size:18px; }
.footer .bottom_menu a{font-size:14px;color:#00B1EB;}
.footer .bottom_menu img{vertical-align:middle;}
.footer .bottom_menu .tel{font-size:22px;line-height:25px;}

.footer a {color: #fff; }
/*copyright*/
.copyright { clear: both; font-family: "Regular", "\5fae\8f6f\96c5\9ed1"; line-height:25px;}
.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(img/sns_ico.png) no-repeat 0 0; transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: ease-out .3s; -webkit-transition: all .3s; }
.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: #00a2bd; background: url(img/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;}
.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: 90px 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: 50px auto 0; font-size: 16px; 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: 20px; }
/*how_we_work*/
.how_we_work { background: #f1f1f1; padding: 50px 0; }
.how_content { background: url(img/arrev.png) no-repeat right bottom; }
.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 img { width: 100%; height: auto; border: 0; }
/*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(img/tok_1.png) no-repeat center top; }
.our_characteristics .tit_tab li .tok_icon2 { background: url(img/tok_2.png) no-repeat center top; }
.our_characteristics .tit_tab li .tok_icon3 { background: url(img/tok_3.png) no-repeat center top; }
.our_characteristics .tit_tab li .tok { height: 180px; background-size: auto 100%; }
.our_characteristics .tit_tab li h3 { font-size: 24px; padding: 40px 0; clear: both; }
.our_characteristics .tit_tab li span { display: block; margin: 0 auto; width: 30px; height: 30px; background: url(img/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: #494e56; 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: 16px; 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(img/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: 477px; 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 .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*/
.sayhello { clear: both; background: url(img/say_hello.jpg) no-repeat center; max-height: 400px; overflow: hidden }
.sayhello a { display: block; width: 280px; height: 80px; line-height: 80px; margin: 160px auto; border-radius: 3px; text-align: center; border: 2px solid #fff; font-size: 45px; color: #fff; font-family: "Regular", "\5fae\8f6f\96c5\9ed1"; }
.sayhello a:hover { color: #35c9d7; border-color: #35c9d7; }
/*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 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: 600; font-family: "Regular"/*"Hiraginowa"*/, "\5fae\8f6f\96c5\9ed1"; }
.contect_mainbody .cc_left h4.jingli { color: #23c5c8; }
.contect_mainbody .cc_left p { line-height: 34px; font-size: 17px; }
/*form_right*/
.contect_mainbody .form_right { float: right; width: 50%; font-family: "Regular"/*"Hiraginowa"*/, "\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(img/qq_icon.png) no-repeat; padding-top: 178px; line-height: 32px; font-size: 17px; text-align: center; }
.mainshell li a p { background: #fff; }
.mainshell li a.weixin { background: url(img/qrcode.png) 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: #fff; 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: 18px; 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: #00a2bd; background-color: #f6f6f6; }
.list_maincell .side_menu li a.thisnav, .list_maincell .side_menu li a.thisnav:hover { background: #00a2bd; color: #fff; border-color: #00a2bd }
/*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(img/titbg.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: #00a2bd; }
.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; }
.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; }
/*thinks*/
.thinks { clear: both; padding: 10px 0 20px; }
.thinks .lookmoredc { display: block; background: #1d2024; color: #fff; padding: 10px 0; width: 280px; margin-right: 5px; text-align: center; float: right; clear: both; }
.thinks .lookmoredc:hover { background: #00a2bd; color: #fff; }
/*case_menu*/
.case_menu {height:40px;width:60%;margin:20px auto;text-align:center;}
.case_menu li{float:left;}
.case_menu a { font-size: 16px;height:30px;line-height:30px; border-top:solid 1px #ccc;border-bottom:solid 1px #ccc;margin:0;padding:10px 20px;margin-left:-5px;}
.case_menu a:first-child{border-left:solid 1px #ccc;}
.case_menu a:last-child{border-right:solid 1px #ccc;}
.case_menu a.this_on { color: #00a2bd; background:#0072AE;color:#fff; }
.caseimages li{width:370px;float:left;margin-left:20px;text-align:center;line-height:30px; border:1px solid #999; margin-bottom:23px;}
.caseimages li img{width:370px;height:230px;}

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