/* CSS reset */
html{-webkit-text-size-adjust:none; overflow-y:scroll; overflow-x:hidden;}
*,body{ margin:0; padding:0; font-family: Microsoft YaHei,Helvetica,STHeiti STXihei, Microsoft JhengHei,  Tohoma, Arial; }
* {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
::-webkit-input-placeholder { color:#999999; }
:-moz-placeholder { color:#999999; }
::-moz-placeholder { color:#999999; }
:-ms-input-placeholder { color:#999999; }
body{ font-size:100%; background:#fff; color:#666666; line-height:2; font-size:14px;}
table{border-collapse:collapse;border-spacing:0; }
th,td{border-collapse:collapse;}
img,a img,a:hover img{ border:0; }
th,optgroup{font-style:inherit;}
ol,ul,dl,li,dt,dd{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input{-webkit-appearance:none;}
:focus{outline:0;}
a{color:#666666;text-decoration:none;vertical-align:middle;}
a:hover{color:#fe550d;text-decoration:none;}
a,a:hover{ transition:all 300ms ease; -webkit-transition:all 300ms ease;-moz-transition:all 300ms ease; -o-transition:all 300ms ease;}
button{cursor:pointer;}
.clear{height:0;font-size:0px;overflow:hidden;clear:both;float:none;}
.mr0 { margin-right:0px !important;}

.mainbox { width:1200px; margin:0px auto; }

#wrap { min-width:1200px;}

#header { position:relative; height:80px; }
#mainer { }

.topbox { position:fixed; left:0; top:0; width:100%; background:#ffffff; background:rgba(255,255,255,0.9); height:80px; z-index:999;}
.topbox_m { padding:3px 50px 0px 50px;}
.topbox .logo{ float:left; padding-top:2px; }
.topbox .logo img { float: left; height: 70px;}
.topbox .logo p { float: left; margin-top: 8px; padding: 2px 20px; line-height: 26px; font-size: 16px; color: #000000; letter-spacing: 5px; border-left: 2px #fe550d solid; margin-left: 1em;}
.topbox .toptel { float:right; margin-top:10px; background: url(../images/top/toptel.png) left center no-repeat; height:58px; line-height:58px; font-size:18px; padding-left:25px;margin-left:15px; letter-spacing:2px; }
.topbox .topnav { float:right; margin-top:10px;}
.topbox .topnav ul li{ float:left; background:url(../images/top/line.png) right center no-repeat;}
.topbox .topnav ul li a{ display:block; padding:0px 25px; height:58px; line-height:58px; font-size:18px; color:#333333;}
.topbox .topnav ul li a:hover ,.topbox .topnav ul li a.on{ color:#fe550d;}


.topminnav { display:none; float:right; margin-top:12px; width:50px; height:50px; border-radius:15px; background:#ededed; cursor:pointer; }
.topminnav span{ display:block; margin:12px auto 0 auto; width:36px; height:5px; border-top:5px solid #fe550d; border-bottom:5px solid #fe550d; background-color:#fe550d; padding:6px 0; background-clip:content-box; }


.main_a { position:relative; z-index:99; background:#fff; top:845px; }

#banner { position:fixed; left:0; width:100%; top:80px;}

.ibanner { position:fixed; left:0; width:100%; top:80px; background:#fe550d; z-index:9;}
.ibanner_m { position:absolute; left:0; top:50%; width:100%; color:#ffffff; margin-top:-180px; z-index:10;}
.ibanner_m .t{ text-align:center; font-size:100px; line-height:1.5;}
.ibanner_m .t2{ text-align:center; font-size:50px; line-height:2; font-weight:lighter;}
.ibanner_m .m{ text-align:center; font-size:24px; line-height:2.5; font-weight:lighter;}

.index_banner { position: relative; }
.index_banner .img { }
.index_banner .img img { display: block; width: 100%; }

.index_banner .swiper-pagination { position: absolute; left: 0; right: 0; bottom: 20px; z-index: 999; text-align: center;}
.index_banner .swiper-pagination .swiper-pagination-bullet { background: #ffffff; opacity: 0.5;}
.index_banner .swiper-pagination .swiper-pagination-bullet-active { background: #ffffff; opacity: 1;}


/*首页*/
.iabout { padding: 50px 0; background: #f7f7f7; color: #333333; text-align: center;}
.iabout .t { line-height: 1.8; font-size: 28px; margin-bottom: 10px;}
.iabout .m { font-size: 18px; line-height: 2.2;}


.imain1 { background:#ffffff; padding:30px 30px 60px 30px;}
.imain1_m { }

.icase_t { padding:10px 20px; line-height:60px; height:60px; font-size:18px;}
.icase_t .t { float:left;}
.icase_t .r { float:right;}
.icase_t .r a{ margin-left:25px; display:inline-block; }
.icase_t .r span{ margin-left:25px; display:inline-block; }
.icase_t .r a:hover ,.icase_t .r a.on{ color:#fe550d; font-weight:bold; text-decoration:underline; }
.icase_t2 { padding:10px 50px;}




.index_case_list { }
.index_case_list .item { }
.index_case_list .item_m{ display: block; position: relative;}
.index_case_list .item .img { position: relative; overflow: hidden;}
.index_case_list .item img{ display: block; width: 100%; transform: scale(1); transition: transform 0.3s; z-index: 10;}
.index_case_list .item .con{ position: relative; padding: 20px 50px; z-index: 12; text-align: center;}
.index_case_list .item .con .t{ font-size: 18px;font-weight: bold; }
.index_case_list .item .con .m{ font-size: 18px;font-weight: bold; }
.index_case_list .item .con .f{ font-size: 14px; color: #999; }
.index_case_list .item .con .more{ font-size: 14px; color: #333; margin-top: 5px; }
.index_case_list .item .con .more:after{ display: inline-block; vertical-align: middle; margin-left: 15px; height: 2px; width: 4em; background: #158c84; content: ''; }
.index_case_list .item .item_m:hover img{ transform: scale(1.06); }
.index_case_list:after {display: block; content: ''; clear: both;}


.index_case_list .item:nth-child(n+8) { display: none; }


.imore { position: relative; padding-bottom: 20px;}
.imore a ,.imore span{ display: block; text-align: center; width: 8em; font-size: 16px; line-height: 60px; margin: 0 auto; cursor: pointer; }
.imore:after { display: block; content: ''; position: absolute; left: 50%; bottom: 30px; width: 50px; height: 5px; margin-left: -25px; background: #333;}

.imore_show { display: block;}
.imore_hide { display: none;}


.inews_ban { background: url(../images/index/ibg3.jpg?2) center center no-repeat; background-size: cover; background-attachment: fixed; padding: 170px 0 320px 0; }
.inews_ban_t { text-align: center; color: #fff; margin-bottom: 100px;}
.inews_ban_t span { display: block; width: 6em; margin: 0 auto; border-bottom: 6px #fff solid; font-size: 45px; line-height: 76px;}
.inews_ban_m { overflow: hidden; position: relative;}
.inews_ban_m .swiper-slide a { display: block; text-align: center; width: 60%; margin: 0 auto; color: #fff;}
.inews_ban_m .swiper-slide a b { display: block; font-size: 62px; line-height: 100px; height: 100px; text-overflow: ellipsis; white-space: nowrap;  overflow: hidden; font-weight: normal; letter-spacing: 10px;}
.inews_ban_m .swiper-slide a span { display: block; font-size: 34px; line-height: 80px; height: 80px; text-overflow: ellipsis; white-space: nowrap;  overflow: hidden;}

.inews_ban .swiper-button-prev, .inews_ban .swiper-button-next{ position: absolute; top: 50%; width: 100px; height: 100px; line-height: 90px; text-align: center; font-size: 80px; color: #fff; border-radius: 10px; margin-top: -50px; cursor: pointer; z-index: 999; transition:all 300ms ease; z-index: 1; }
.inews_ban .swiper-button-prev { left: 10%; }
.inews_ban .swiper-button-next { right: 10%; }
.inews_ban .swiper-button-prev:hover { background-color: rgba(0, 0, 0, 0.1); }
.inews_ban .swiper-button-next:hover { background-color: rgba(0, 0, 0, 0.1); }


.index_news { padding:30px 25px; background: #fff;}
.index_news .item { float: left; width: 33.333%; padding: 20px 0;}
.index_news .item .item_m { position: relative; display: block; overflow: hidden; background: #f7f7f7; padding: 50px 50px 0 50px; height: 340px; margin: 0 25px;}
.index_news .item .tit { font-size: 24px; line-height: 32px; max-height: 64px; overflow: hidden; margin-bottom: 20px;}
.index_news .item .con{ font-size: 18px; line-height: 32px; max-height: 160px; overflow: hidden; color: #555555;}
.index_news .item .time{ font-size: 16px; line-height: 20px; color: #7a7a7a; padding-top: 20px; margin-top: 20px; border-top: 1px #dcdcdc solid; }

.index_news .item .item_m:hover { box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); background: #f1f1f1;}
.index_news:after {display: block; content: ''; clear: both;}


.icontact { background: url(../images/index/ibg4.jpg) center center no-repeat; background-size: cover; background-attachment: fixed; padding: 240px 0; text-align: center; }
.icontact .tit { text-align: center; color: #fff; font-size: 62px; line-height: 96px; letter-spacing: 20px; margin-bottom: 30px;}
.icontact .con { display: inline-block; background: #1d1d1d; padding: 0 90px 0 20px; font-size: 24px; line-height: 80px; height: 80px; color: #fff; position: relative;}
.icontact .con:after{ display: block; content: ''; position: absolute; right: 20px; top: 50%; width: 60px; height: 60px; margin-top: -30px; background: url(../img/index/r.png) center center no-repeat; background-size: contain;}
.icontact .con:hover { background: #333;}

.city_list { padding: 40px 40px 20px 40px; text-align: center;border-bottom: 1px #dedede solid;border-top: 1px #eeeeee solid;}
.city_list ul li { display: inline-block; padding: 10px;}
.city_list ul li a { display: block; width: 10em; border: 1px #dedede solid; text-align: center;}

.icase_list {}
.icase_list .item { float:left; width:50%; margin-bottom:15px;}
.icase_list .item .item_m { padding:0px 20px;}
.icase_list .item .img{ display:block; overflow:hidden; margin-bottom:15px;}
.icase_list .item .img img{ display:block; width:100%; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; -ms-transition: -moz-transform 0.3s; transition: transform 0.3s; }
.icase_list .item .t{ display:block; height:34px; line-height:34px; font-size:18px; overflow:hidden; color:#333333; }
.icase_list .item .t:hover{ color:#fe550d; }
.icase_list .item .m{ display:block; height:30px; line-height:30px; font-size:15px; overflow:hidden; color:#888888; }
.icase_list .item:hover .img img{ -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);}
.icase_list .item:hover .t{ color:#fe550d; }
.icase_list .item:hover .m{ color:#666666; }


.imain2 { background:#f3f3f3; padding:30px 0px 80px 0px;}
.imain2_m { }

.inews_t { color:#222222; font-size:18px; text-align: center; line-height:46px; margin-bottom:38px; font-weight:bold;}
.inews_t i{ display:block; margin:0 auto; height:3px; width:3em; background:#3b3b3b; overflow:hidden;}

.inews_list {}
.inews_list ul li { float:left; width:25%; position:relative; overflow:hidden; background:#1c2661;} 
.inews_list ul li .img{ display:block; overflow:hidden; position:relative; height:0; padding-bottom:66.67%; }
.inews_list ul li .img img{ position:absolute; top:0; bottom:0; left:0; right:0px; height:100%; width:100%; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; -ms-transition: -moz-transform 0.3s; transition: transform 0.3s; }
.inews_list ul li .con{ display:none; position:absolute; left:0; top:0; width:100%; bottom:0; background:rgba(0,0,0,0.6);}
.inews_list ul li .t{ position:absolute; left:40px; right:40px; top:20px; display:block; height:34px; line-height:34px; font-size:18px; text-align:center; overflow:hidden; color:#ffffff; }
.inews_list ul li .m{ position:absolute; left:40px; right:40px; top:50%; margin-top:-48px; display:block; height:96px; line-height:24px; font-size:14px; text-align:left; overflow:hidden; color:#f5f5f5; }
.inews_list ul li .time{ position:absolute; left:40px; right:40px; bottom:20px; display:block; height:30px; line-height:30px; font-size:14px; text-align:center; overflow:hidden; color:#888888; }
.inews_list ul li:hover .img img{ -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);}
.inews_list ul li:hover .con{ display:block; }


.about_main { padding:0; }
.about_main_m {}
.about_pic img { display:block; width:100%; }
.about_box { background:#f3f3f3; padding:170px 70px 60px 70px; }
.about_box_l { float:left; text-align:left; font-size:22px; line-height:2; width:30%; padding-left:20%; color:#000; }
.about_box_r { float:right; width:40%; padding: 0 10% 0 0; font-size:16px; line-height:28px; text-align: justify; word-wrap: break-word;}
.about_box_r b{ color:#000; }
.about_box_r .t{ font-size:22px; line-height:2; color:#000; margin-bottom:30px; }

.about_box2{ }
.about_box2 ul li{ float:left; width:49.75%; margin-bottom:0.5%; }
.about_box2 ul li:nth-child(even) { margin-left:0.5%;}
.about_box2 ul li img{ display:block; width:100%; }

.about_box3 { background:#f3f3f3; padding:70px 70px 160px 70px; }


.case_info { padding:50px 0px;}
.case_info_m { width:1200px; margin:0px auto;}
.case_info_m .t{ font-size:22px; color:#333333; margin-bottom:10px;}
.case_info_m .m{ font-size:16px; }


/*案例详情*/
.case_timg {}
.case_timg img { display: block; width:100%;}

.case_tit { width:1120px; margin:0px auto; padding:50px 0px 40px 0px; border-bottom:1px #cecece solid;}
.case_tit .t{ font-size:25px; line-height:40px; margin-bottom:7px;}
.case_tit .m{ font-size:15px; line-height:26px; color:#727171;}

.case_box { padding-bottom:0px;}

.case_img img{ width:100%; display:block;}
.case_imgs img { display:block; width:100%; margin-bottom:15px;}
.case_con { width:1120px; margin:0px auto; padding:30px 0px; font-size:18px; color:#727171; line-height:1.8;}
.case_con h2{ font-size:24px; font-weight: bold; margin-bottom: 0.5em;}
.case_con h3{ font-size:20px; font-weight: bold; margin-bottom: 0.5em;}
.case_con img{ max-width:100% !important; height:auto !important;}

.sheji_box { width:1120px; margin:0px auto; padding:80px 0px; font-size:14px; color:#727171; line-height:25px;}
.sheji_box h1{ font-size:24px; color:#212111; font-weight:normal;}

.ffenxiang { width:1120px; margin:0px auto; padding-bottom:100px;}
.ffenxiang b.ts{ font-size:14px; margin-right:13px;}

.ffenxiang2 { width:auto; margin:0 50px;}

.case_tcon { background:#66beaa; padding:70px 0px;}

.case_daoyan { font-size:16px; color:#ffffff; line-height:1.8;}
.case_daoyan2 { }
.case_daoyan_l { float:left; width:36%; text-align:right; }
.case_daoyan_r { float:right; width: 40%; margin-right: 11%;}
.case_daoyan .t{ font-size:24px; line-height:1.8; font-weight: bold;}
.case_daoyan .m { font-size:18px; line-height:1.8;}
.case_daoyan .m h2{ font-size:24px; font-weight: bold; margin-bottom: 0.5em;}
.case_daoyan .m h3{ font-size:20px; font-weight: bold; margin-bottom: 0.5em;}

.case_video { margin:0px 50px;}
.case_video iframe { width:100%; display:block;}


.service_ban { position:relative;}
.service_ban .m{ position:absolute; width:1120px; left:50%; top:50%; margin-left:-560px; font-size:28px; color:#fff; line-height:2; margin-top:-3em; font-weight:lighter;}
.service_ban .bg img{ display:block; width:100%;}

.service_box { padding:80px 70px 80px 70px; background:#f3f3f3; }
.service_box_l { float:left; text-align:left; width:25%; padding-left:10%; font-size:16px; line-height:2.8; }
.service_box_l .t{ font-size:22px; line-height:2; color:#000; }
.service_box_l b{ color:#000; }
.service_box_r { float:right; width:40%; padding:0 10% 0 0; font-size:16px; line-height:2.8; text-align: justify; word-wrap: break-word;}
.service_box_r b{ color:#000; }
.service_box_r .t{ font-size:22px; line-height:2; color:#000; margin-bottom:30px; }

.service_img { position:relative;}
.service_img .m{ position:absolute; width:49%; left:11%; top:50%; font-size:28px; color:#fff; line-height:2; margin-top:-3em; font-weight:lighter;}
.service_img .bg img{ display:block; width:100%;}




.news_main { width:1120px; margin:0 auto;}

.news_nav { font-size:14px; line-height:2; padding:30px 0; }
.news_nav b{ font-size:24px; font-weight:lighter; }
.news_nav a{margin:0 18px;}


.news_list { padding:30px 0px;}
.news_list ul li { position:relative; padding-left:420px; height:240px; margin-bottom:40px; padding-bottom:40px; border-bottom:1px #eeeeee solid;}
.news_list ul li .img{ display:block; overflow:hidden; position:absolute; left:0; top:0; width:360px; height:240px; }
.news_list ul li .img img{ display:block; width:100%; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; -ms-transition: -moz-transform 0.3s; transition: transform 0.3s; height:240px; }
.news_list ul li .time{ display:block; line-height:36px; font-size:16px; color:#000000; margin-bottom:15px; }
.news_list ul li .t{ display:block; line-height:1.6; font-size:24px; color:#000000; margin-bottom:25px; }
.news_list ul li .m{ display:block; line-height:24px; font-size:14px; text-align:left; overflow:hidden; margin-bottom:25px; }
.news_list ul li .more{ text-decoration:underline; }
.news_list ul li:hover .img img{ -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);}


.news_ban { position:relative; z-index:2;}


.news_v_l { float:left; padding:80px 0px; font-size:14px; line-height:2;}
.news_v_l b{ font-size:18px; }
.news_v_r { float:right; width:710px; padding:80px 0px;}
.news_v_r .t{ font-size:22px; padding-bottom:40px; border-bottom:1px #ccc solid; margin-bottom:40px; color:#000; }
.news_v_r .m{ font-size:16px; }

.news_tool { position:fixed; right:10%; top:50%; margin-top:-90px; z-index:1;}
.news_tool a{ display:block; width:30px; height:30px; margin-bottom:15px;}
.news_tool a.clo{ background:url(../images/news/clo.png) center center no-repeat;}
.news_tool a.r{ background:url(../images/news/r.png) center center no-repeat;}
.news_tool a.l{ background:url(../images/news/l.png) center center no-repeat;}
.news_tool a.f{ background:url(../images/news/f.png) center center no-repeat;}
.news_tool a:hover{ opacity:0.5;}


.contact_mainer { background:#f3f3f3; margin:0 40px;}
.contact_main { width:1120px; margin:0 auto; padding:80px 0px;}

.contact_l { float:left; font-size:28px; line-height:2;}
.contact_r { float:right; width:710px; font-size:16px; }
.contact_r b{ color:#000;}


/*页面底部*/
#footer { position:relative; z-index:2; border-top:15px #c7a981 solid; background:#fd550c; }

.foottool { background:#fe550d; padding:30px 50px;}
.foottool_l { float:left; height:44px; }
.foottool_l a{ float:left; height:44px; width:44px; background:url(../images/foot/fb.png) left top no-repeat; margin-right:18px; border-radius:50%;}
.foottool_l a.t1{ background-position:0 0;}
.foottool_l a.t2{ background-position:-62px 0;}
.foottool_l a.t3{ background-position:-125px 0;}
.foottool_l a.t4{ background-position:-184px 0;}
.foottool_l a:hover{ opacity:0.5;}
.foottool_r { float:right; height:44px; line-height:44px; background:url(../images/foot/ftel.png) left center no-repeat; padding-left:65px; font-size:34px; color:#000; letter-spacing:2px;}

.footbox { padding:50px 10px 50px 350px;}
.footbox .flogo{ position:absolute; left:50px; top:50%; margin-top:-70px;}
.footbox .item{ float:left; width:20%;}
.footbox .item .t{ margin-right:38px; font-size:16px; color:#ffffff; line-height:58px; border-bottom:1px #c7a981 solid;}
.footbox .item .m{ margin-right:38px; font-size:12px; color:#ffffff; line-height:22px; padding-top:22px; }
.footbox .item .m a{ color:#ffffff; }
.footbox .item .m a:hover{ color:#ffffff; }
.footbox .item .f{ font-size:12px; color:#ffffff; line-height:18px; padding-top:21px; }
.footbox .item .f ul li{ float:left; width:42%;}
.footbox .item .f ul li img{ margin-bottom:15px; display:block; width:90%;}

.footbox .flist1 { margin-bottom:22px;}
.footbox .flist1 ul li{ float:left; width:25%; text-align:center;}
.footbox .flist1 ul li.t1{ text-align:left;}
.footbox .flist1 ul li.t4{ text-align:right;}

.footbox .flist2 { float:left; width:50%;}


.footbox .item1{ width:24%;}
.footbox .item2{ width:22%;}
.footbox .item3{ width:16%;}
.footbox .item4{ width:16%;}
.footbox .item5{ width:22%;}


.fcopy { text-align:center; background:#101c34; padding:10px 0px; line-height:25px; font-size:12px; color:#727171;}

.footlogo { text-align:center; padding:80px 0px; }
.footlogo img{ display:block; margin:0 auto; }

.backtop{ width:43px; height:43px; display:none; position:fixed; bottom:20px; right:5px; background:url(../images/foot/backtop.png) center top no-repeat; z-index:99999; cursor:pointer; border-radius:5px; opacity:0.33;}

.backtop:hover{ opacity:1;}


.footbox2 { background:#26283b; padding:70px 110px 0px 110px;}

.fcase_lits {}
.fcase_list .item { float:left; width:20%; }
.fcase_list .item .item_m { background:#f0f0f0; background-image:-webkit-gradient(linear,0% 0%, 100% 100%, from(#FBFBFB), to(#EBEBEB)); padding-bottom:20px; }
.fcase_list .item .img{ display:block; overflow:hidden; margin-bottom:15px;}
.fcase_list .item .img img{ display:block; width:100%; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; -ms-transition: -moz-transform 0.3s; transition: transform 0.3s; }
.fcase_list .item .t{ display:block; height:28px; line-height:28px; font-size:14px; overflow:hidden; color:#333333; padding-left:20px; margin-right:20px; padding-top:5px; }
.fcase_list .item .t:hover{ color:#fe550d; }
.fcase_list .item .m{ display:block; height:24px; line-height:24px; font-size:12px; overflow:hidden; color:#888888; padding-left:20px; margin-right:20px; }
.fcase_list .item:hover .img img{ -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);}
.fcase_list .item:hover .t{ color:#fe550d; }
.fcase_list .item:hover .m{ color:#666666; }



.footmore { padding:50px 0px; }
.footmore a{ color:#fe550d; display:block; line-height:50px; text-align:center; font-size:20px; font-weight:lighter;}
.footmore a:hover{ color:#4bbcb5; }

.case_rtool { position:fixed; right:10px; top:20%; }
.case_rtool a{ display:block; width:30px; height:30px; background:url(../images/tool.png) no-repeat; margin-bottom:20px;}
.case_rtool a.clo{ background-position:-36px 0px;}
.case_rtool a.left{ background-position:-36px -41px;}
.case_rtool a.right{ background-position:-36px -80px;}
.case_rtool a.clo:hover{ background-position:0px 0px;}
.case_rtool a.left:hover{ background-position:0px -41px;}
.case_rtool a.right:hover{ background-position:0px -80px;}


.pages { clear:both; padding:0px 0 50px 0;text-align:center; font-size:14px; }
.pages a ,.pages span{ display:inline-block; padding:0px 10px; height:30px; line-height:30px; background:#f1f1f1; text-align:center; color:#333; margin-left:3px; vertical-align:middle;}
.pages a:hover { background:#fe550d; color:#fff; }
.pages span { background:#fe550d; color:#fff; }


.main_404 { }
.main_404 .mainbox{ width:1200px; margin:0 auto; background:url(../images/404.jpg) right center no-repeat; height:430px; padding-top:300px;}
.main_404 b { font-size:130px; color:#333333; font-weight:normal; letter-spacing:25px; line-height:150px; display:block; text-align:left;}
.main_404 p { font-size:32px; color:#333333; font-weight: normal; letter-spacing:5px; line-height:58px; display:block; text-align:left;}

.mf { display:none;}


@media (min-width:1000px) and (max-width:1220px){

.mainbox{width:auto !important;margin-left:30px !important;margin-right:30px !important;}

.topbox_m { padding:3px 30px 0px 30px;}

.topbox .toptel { display:none;}
.topbox .topminnav { display: block; }

.topbox .topnav { float:none; margin-top:0; position:fixed; left:0; top:80px; width:100%; background:#333333; display:none;}
.topbox .topnav ul li { float:none; width:100%; background:none; border-bottom:1px #555555 solid;}
.topbox .topnav ul li a { color:#fff; text-align:center;}
.topbox .topnav ul li a.on { margin-right:0; color:#fe550d;}


.ibanner_m .t2 { padding:30px 150px; line-height:1.5;}

.footbox { padding:40px 0px 40px 0px;}
.footbox .flogo { position:relative; left:auto; top:auto; text-align:center; margin-top:0px;}

.footbox .item1 { display:none;}
.footbox .item2 { display:none;}
.footbox .item3 { display:none;}
.footbox .item4 { display:none;}
.footbox .item5 { width:33%; float:none; margin:0 auto;}
.footbox .item5 .t{ display:none;}

.footbox .item .f ul li { width:50%; text-align:center;}
.footbox .item .f ul li img { width:80%; display:block; margin:0 auto 15px auto;}

}


@media (min-width:120px) and (max-width:800px){
	
body { font-size:12px; line-height:2em; }
		
#wrap { padding-top:50px; min-width:320px; overflow:hidden;}
.mainbox{width:auto !important;margin-left:10px !important;margin-right:10px !important;}
#header { height:50px; position:fixed; left:0; top:0; width:100%; z-index:9999; background:#ffffff; box-shadow:0 0 10px rgba(0,0,0,0.2); }

.topbox_m { padding:0px 10px 0px 10px;}
.topbox { height:40px; padding:5px 0px; }
.topbox .logo { padding:0px; position:relative; z-index:10000; }
.topbox .logo img{ height:40px; }
.topbox .logo p { margin-top: 4px; padding: 2px 0 2px 12px; line-height: 15px; font-size: 11px; letter-spacing: 2px; border-left-width: 1px;}
.topbox .toptel { display:none;}
.topbox .topminnav { display: block; }

.topminnav { margin-top:5px; width:30px; height:30px; border-radius:10px; }
.topminnav span{ margin:7px auto 0 auto; width:16px; height:2px; border-top:2px solid #fe550d; border-bottom:2px solid #fe550d; padding:4px 0; }


.topbox .topnav { float:none; margin-top:0; position:fixed; left:0; top:50px; width:100%; background:#333333; display:none;}
.topbox .topnav ul li { float:none; width:100%; background:none; border-bottom:1px #555555 solid;}
.topbox .topnav ul li a { color:#fff; text-align:center; font-size:16px;}
.topbox .topnav ul li a.on { margin-right:0; color:#fe550d;}


.ibanner { top:50px;}
.ibanner_m {margin-top: -120px;}
.ibanner_m .t { font-size:36px;}
.ibanner_m .t2 { padding:12px 20px 8px 20px; line-height:1.8; font-size:18px;}
.ibanner_m .m { padding:5px 30px; font-size:14px; line-height:1.8;}


.iabout { padding: 24px 15px; display: none;}
.iabout .t { font-size: 18px; line-height: 1.8; }
.iabout .m { font-size: 14px; line-height: 1.8;}


.imain1 { padding:10px 0px; }

.icase_t { height: auto; line-height:30px; font-size:16px; margin-bottom:10px; padding:5px 10px;}
.icase_t .t { float:none; text-align:left;}
.icase_t .r { float:none; font-size:12px; text-align:left; line-height:24px;}
.icase_t .r a { margin-left:0; margin-right:15px;}
.icase_t .r span { margin-left:0; margin-right:15px;}

.icase_t2 { padding: 5px 10px;}


.index_case_list .item .con{ padding: 10px 15px; }
.index_case_list .item .con .t{ font-size: 15px; }
.index_case_list .item .con .m{ font-size: 15px; }
.index_case_list .item .con .f{ font-size: 12px; display: none; }
.index_case_list .item .con .more{ font-size: 12px; }


.inews_ban { padding: 70px 0 100px 0; }
.inews_ban_t {  margin-bottom: 50px;}
.inews_ban_t span { width: 5em; border-bottom: 3px #fff solid; font-size: 24px; line-height: 40px;}
.inews_ban_m .swiper-slide a { width: 80%; }
.inews_ban_m .swiper-slide a b { font-size: 22px; line-height: 40px; height: 40px; letter-spacing: 2px;}
.inews_ban_m .swiper-slide a span { font-size: 14px; line-height: 30px; height: 30px; }

.inews_ban .swiper-button-prev, .inews_ban .swiper-button-next{ width: 40px; height: 40px; line-height: 28px; font-size: 30px; border-radius: 6px; margin-top: -20px; }
.inews_ban .swiper-button-prev { left: 10px; }
.inews_ban .swiper-button-next { right: 10px; }


.index_news { padding-bottom: 20px;}
.index_news .item { width: 50%;}
.index_news .item .con .t{ font-size: 16px; left: 24px; right: 24px; }
.index_news .item .con .time{ font-size: 12px; left: 24px; right: 24px; }



.index_news { padding:20px 8px; }
.index_news .item { float: left; width: 50%; padding: 7px 0;}
.index_news .item .item_m { padding: 15px 15px 0 15px; height: 210px; margin: 0 7px;}
.index_news .item .tit { font-size: 15px; line-height: 22px; max-height: 44px; margin-bottom: 10px;}
.index_news .item .con{ font-size: 13px; line-height: 20px; max-height: 100px; }
.index_news .item .time{ font-size: 12px; line-height: 16px; padding-top: 12px; margin-top: 12px; }


.icontact { padding: 100px 15px; }
.icontact .tit { font-size: 28px; line-height: 42px; letter-spacing: 6px; margin-bottom: 20px;}
.icontact .con { padding: 10px 50px 10px 12px; font-size: 14px; line-height: 26px; height: auto; }
.icontact .con:after{ right: 15px; width: 30px; height: 30px; margin-top: -15px; }

.city_list { padding: 40px 10px; }
.city_list ul li { padding: 5px; }
.city_list ul li a{ font-size: 12px; }

.icase_list { padding:0 5px;}
.icase_list .item { float:none; width:100%; margin-bottom:10px;}
.icase_list .item .item_m { padding:0px 5px;}
.icase_list .item .img{ margin-bottom:5px;}
.icase_list .item .t{ height:22px; line-height:22px; font-size:14px; text-align:center; }
.icase_list .item .m{ display:none; }


.imain2 { display:none; padding:15px 0px 20px 0px;}
.inews_t { font-size:16px; line-height:26px; margin-bottom:18px;}
.inews_t i { height:2px;}

.inews_list ul li { float:left; width:50%;}


.about_main { padding:0px;}
.about_box { padding:30px 10px 30px 10px; }
.about_box_l { float:none; width:100%; padding-left:0; text-align:center; font-size:16px; line-height:1.8; margin-bottom:20px;}
.about_box_r { float:none; width:100%; padding: 0; font-size:14px; line-height:1.7;}
.about_box_r .t { font-size:16px; line-height:1.7; margin-bottom:15px;}

.about_box2 ul li { float:none; width:100%;}

.case_tcon { background:#66beaa; padding:30px 0px;}

.case_daoyan { font-size:14px !important; color:#ffffff; line-height:2em !important;}
.case_daoyan2 { }
.case_daoyan_l { float:none; width:90%; text-align:left; padding-left:5%; font-size:16px; margin-bottom:5px; }
.case_daoyan_r { float:none; width:90%; margin-right:0; padding-left:5%}
.case_daoyan .t{ font-size:20px;}

.case_daoyan .m { font-size:16px;}
.case_daoyan .m h2{ font-size:20px;}
.case_daoyan .m h3{ font-size:18px;}

.case_img { }
.case_img img { width:100%; display:block;}


.case_video { margin:0px 10px;}
.case_video iframe { width:100%; display:block;}



.service_box { padding:30px 10px 30px 10px; }
.service_box_l { float:none; width:100%; padding-left:0; text-align:left; font-size:16px; line-height:1.8; margin-bottom:20px;}
.service_box_r { float:none; width:100%; padding:0; font-size:14px; line-height:1.7;}
.service_box_r .t { font-size:16px; line-height:1.7; margin-bottom:15px;}



.service_img .m{width:80%; left:10%; top:50%; font-size:16px; color:#fff; line-height:2; margin-top:-3em; font-weight:lighter;}
.service_img .bg img{ display:block; width:200%; margin-left:-100%;}




.news_main { width: auto; margin:0 auto; padding:0 10px;}

.news_nav { font-size:16px; line-height:2; padding:10px 0; text-align:center; }
.news_nav b{ font-size:16px; margin-right:0px;}


.news_list { padding:0px 0px 20px 0px;}
.news_list ul li { position:relative; padding-left:0px; height: auto; margin-bottom:10px; padding-bottom:10px; border-bottom:1px #eeeeee solid;}
.news_list ul li .img{ overflow:hidden; position: relative; left:0; top:0; width: 100%; height: auto; }
.news_list ul li .img img{ width:100%; height: auto; }
.news_list ul li .time{ line-height:26px; font-size:12px; margin-bottom:10px; }
.news_list ul li .t{ line-height:1.6; font-size:14px; color:#000000; margin-bottom:10px; }
.news_list ul li .m{ line-height:20px; font-size:12px; text-align:left; overflow:hidden; margin-bottom:10px; }


.news_ban { position:relative; z-index:2;}
.news_ban img{ width:150%; margin-left:-25%;}

.news_v_l { float:none; padding:20px 0px; font-size:14px; line-height:2;}
.news_v_l b{ font-size:16px; }
.news_v_r { float:none; width: auto; padding:20px 0px;}
.news_v_r .t{ font-size:16px; padding-bottom:20px; margin-bottom:20px; color:#000; }
.news_v_r .m{ font-size:14px !important; line-height:2em !important; }
.news_v_r .m div{ font-size:14px !important; line-height:2em !important; }
.news_v_r .m p{ font-size:14px !important; line-height:2em !important; }
.news_v_r .m span{ font-size:14px !important; line-height:2em !important; }
.news_v_r .m img{ max-width:100%; }


.contact_mainer { background:#f3f3f3; margin:0 10px;}
.contact_main { width: auto; margin:0 auto; padding:20px 10px;}

.contact_l { float:none; font-size:16px; line-height:2;}
.contact_r { float:none; width: auto; font-size:14px; }
.contact_r b{ color:#000;}



.case_info { padding:20px 10px;}
.case_info_m { width:auto;}
.case_info_m .t { font-size:14px;}
.case_info_m .m { font-size:12px;}

.case_tit { width:auto; padding:20px 10px;}
.case_tit .t { font-size:16px; line-height:20px;}
.case_tit .m { font-size:14px; line-height:18px;}

.case_con { width:auto; padding:20px 10px; }
.case_con img {}
.case_con { font-size:16px;}
.case_con h2{ font-size:20px;}
.case_con h3{ font-size:18px;}

.footbox { padding:0px 0px 15px 0px;}
.footbox .flogo { display:none; position:relative; left:auto; top:auto; text-align:center; margin-top:0px;}
.footbox .flogo img{ height:40px;}

.footbox .item1 { display:none;}
.footbox .item2 { display:none;}
.footbox .item3 { display:none;}
.footbox .item4 { display:none;}
.footbox .item5 { width:80%; float:none; margin:0 auto;}
.footbox .item5 .t{ display:none;}

.footbox .item .f ul li { width:50%; text-align:center;}
.footbox .item .f ul li img { width:80%; display:block; margin:0 auto 10px auto;}

#footer {border-top:none;}
.footlogo { display:none; padding:20px 0px;}
.footlogo img { height:40px;}

.fcopy { display: none;}


.backtop{ width:30px; height:30px; display:none; position:fixed; bottom:10px; right:5px; background:url(../images/foot/backtop.png) center top no-repeat; background-size:30px 30px; }

.mf { display:block;}

.ffenxiang2 { margin:0 10px;}
.ffenxiang { width:auto; margin:0 10px; padding-bottom:20px;}


.case_rtool { position:fixed; right:3px; top:20%; }
.case_rtool a{ display:block; width:15px; height:15px; background:url(../images/tool.png) no-repeat; background-size:33px 61px; margin-bottom:10px;}
.case_rtool a.clo{ background-position:-18px 0px;}
.case_rtool a.left{ background-position:-18px -20px;}
.case_rtool a.right{ background-position:-18px -40px;}
.case_rtool a.clo:hover{ background-position:0px 0px;}
.case_rtool a.left:hover{ background-position:0px -20px;}
.case_rtool a.right:hover{ background-position:0px -40px;}

.pages { clear:both; padding:0px 0 30px 0;text-align:center; font-size:12px; }
.pages a ,.pages span{ display:inline-block; padding:0px 10px; height:28px; line-height:28px; background:#f1f1f1; text-align:center; color:#333; margin-left:3px;}
.pages a:hover { background:#fe550d; color:#fff; }
.pages span { background:#fe550d; color:#fff; }
.pages .a1 ,.pages .t3{ display:none; }


.main_404 { }
.main_404 .mainbox{ width: auto; margin:0 10px; background:url(../images/404.jpg) right top no-repeat; background-size: contain; height: auto; padding-top:360px;}
.main_404 b { font-size:20px; color:#333333; font-weight:normal; letter-spacing:0px; line-height:2em; display:block; text-align: center;}
.main_404 p { font-size:16px; color:#333333; font-weight: normal; letter-spacing:0px; line-height:2em; display:block; text-align: center;}


}

.friendlink { text-align: center;}
.friendlink a{ margin: 0 1em;}