/*

技术支持：猎人传媒 www.srlrcm.cn
Powered By S.Y.Jang
Build202606

*/
/* CSS Document */
/*YUI 2: Reset CSS Start*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; vertical-align: top; }
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal; }
ol:after, ul:after, li:after, .wrap:after { content: ""; display: block; visibility: hidden; height: 0; clear: both; }
ol, ul { list-style: none; zoom: 1; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
/*YUI 2: Reset CSS End*/
html { overflow-x: hidden; }
body { font-size: 12px; font-family: Microsoft Yahei; line-height: 20px; background: #fff; }
a { color: #333; text-decoration: none; }
a:hover { text-decoration: underline; }
.w1200{width:1200px; margin: 0 auto;}
#container { min-width: 1200px; }
/*==================== 页眉部分 ====================*/
#top { position: relative; min-width: 1200px; height: 120px; background: #fff; }
#logo { float: left; padding: 30px 0 0 30px; }
#nav { padding: 0 300px 0 380px; /*position: absolute; left: 50%; top: 0; width: 746px; height: 80px; margin: 0 -300px 0 -320px;*/ }
#nav li { position: relative; float: left; width: 14%; text-align: center;}
#nav li a { display: block; color: #333; font-size: 18px; line-height: 120px;}
#nav li a:hover { color: #2b2f4a; text-decoration: none; }
#nav li.cur { background: url(../images/nav_cur.gif) center bottom no-repeat; }
#nav li.cur a, #nav li.cur a:hover { color: #333; text-decoration: none;  }
#nav li.cur a:hover { color: #fff; }
#nav li.navHere a { display:block; color: #fff; text-decoration: none; background:#2b2f4a;}
#nav li.navHere a:hover { color: #fff; text-decoration: none; }
#nav .navMenu { position: absolute; display: none; left: 50%; width: 100%; text-align: center; padding: 10px 0; margin: 0 -50%; background: #2b2f4a; opacity: 0.92; z-index: 999; }
#nav .pp { width: 150%; text-align: left; }
#nav .pp a { display: block; padding-left: 18px !important; }
#nav li .navMenu a { display: block; color: #fff !important; font-size: 18px; line-height: 50px; padding: 0 10px; }
#nav li .navMenu a:hover { color: #fff !important; background-image: none; background-color: #dfbf74; }
#hotline { position: absolute; top: 0; right: 0; width: 180px; height:30px; line-height:30px; margin: 38px 20px 0 0; background:url(../images/ico_phone.png) left center no-repeat; }
#hotline .tel { float: left; color: #333; font-size:12px; padding-left: 40px; }
#hotline .tel strong { color: #333; font-size: 20px; font-weight: normal; }
/*==================== 主体部分 ====================*/

#focusWrap{ width:1200px; margin:0 auto;}
#focus { position: relative; width: 1920px; height: 700px; margin: 0 -360px; background: #1064ca; }
.changeBox_a3 { float: left; width: 1920px; height: 700px; position: relative; z-index: 1; }
.changeBox_a3 .a_bigImg { position: absolute; left: 0px; top: 0px; display: none; background: #000; }
.ul_change_a3 { position: absolute; bottom: 20px; overflow: hidden; }
.ul_change_a3 li { float: left; }
.ul_change_a3 span { display: block; width: 20px; height: 20px; color: #fff; line-height: 20px; font-family: Arial; text-align: center; text-indent: -9999em; margin-left: 5px; filter: alpha(opacity=50); opacity: 0.5; cursor: hand; cursor: pointer; background: url(../images/slideNum.png) -20px 0 no-repeat; overflow: hidden; }
.ul_change_a3 span.on { color: #fff; background-position: 0 0; opacity: 1; filter: alpha(opacity=100); }
.device { display:none;}

#product{ min-width:1200px;}
#product h3 { text-align: center; padding:70px 0 40px; background:url(../images/tb1.png) center 82px no-repeat;}
#product h3 strong { display: block; color: #000; font-size: 28px; font-weight: normal; line-height: 28px; padding-bottom: 20px; }
#product h3 i { display: block; width: 66px; height: 3px; margin: 0px auto 0; background: #dfbf74; overflow: hidden; }
#product ul{ padding:0 110px 40px;}
#product li{ float:left; width:25%;}
#product li a{ display:block; margin:0 10px 20px; position:relative; overflow:hidden;}
#product li img{ width:100%;
-webkit-transition: -webkit-transform 3s ease, background-color 3s ease;
transition: transform 3s ease, background-color 3s ease;}
#product li:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);}
#product li p{ position:absolute; left:0; bottom:0; width:100%; color:#fff; font-size:30px; text-align: center; line-height:40px; text-indent:30px; padding:100px 0 30px; background:url(../images/tbg.png) left bottom repeat-x; z-index:9999;}
#product li p span{ display:block; font-size:30px;}

/*资讯*/
.news { height: 642px; padding: 60px 0 0; background: #f5f5f5 url(../images/news.jpg) center top no-repeat; }
.news h3 { text-align: center; padding-bottom: 40px; }
.news h3 strong { display: block; color: #fff; font-size: 24px; line-height: 40px; font-weight: normal; padding-bottom: 15px; }
.news h3 span { display: block; color: #fff; font-size: 18px; font-weight: normal; text-transform: uppercase; }
.news h3 i { display: block; width: 80px; height: 2px; margin: 25px auto 0; background: #fff; overflow: hidden; }
.news ul { position: relative; width: 1200px; height: 400px; }
.news li a { text-decoration: none; }
.news li.n1 { position: absolute; left: 0; top: 0; width: 590px; height: 400px; background: #fff; }
.news li.n1 .txt { padding: 30px 42px 0; }
.news li.n1 h4 { font-size: 24px; font-weight: normal; line-height: 24px; padding-bottom: 16px; }
.news li.n1 p { color: #999; font-size: 16px; line-height: 22px; }
.news li.n1 span { display: block; color: #999; padding-top: 10px; }
.news li.n2 { position: absolute; right: 0; top: 0; width: 590px; height: 190px; background: #fff; }
.news li.n3 { position: absolute; right: 0; top: 210px; width: 590px; height: 190px; background: #fff; }
.news li.n2 .pic, .news li.n3 .pic { float: left; width: 223px; padding: 15px; }
.news li.n2 .txt, .news li.n3 .txt { float: right; width: 300px; height: 134px; padding: 30px 30px 0 0; overflow: hidden; }
.news li.n2 h4, .news li.n3 h4 { font-size: 18px; font-weight: normal; line-height: 24px; padding-bottom: 0px; }
.news li.n2 p, .news li.n3 p { color: #999; font-size: 16px; line-height: 22px; }
.news li.n2 span, .news li.n3 span { display: block; color: #999; padding: 10px 0; }
.news .more { text-align: center; padding-top: 30px; }
.news .more a { display: inline-block; width: 100px; height: 36px; color: #a67753; font-size: 14px; line-height: 36px; text-align: center; border: solid 1px #ccc; background: #fff; border-radius: 36px; }

#case{ min-width:1200px;}
#case h3 { text-align: center; padding:70px 0 40px; background:url(../images/tb1.png) center 82px no-repeat;}
#case h3 strong { display: block; color: #000; font-size: 28px; font-weight: normal; line-height: 28px; padding-bottom: 20px; }
#case h3 i { display: block; width: 66px; height: 3px; margin: 0px auto 0; background: #dfbf74; overflow: hidden; }
#case ul{ padding:0 110px 40px;}
#case li{ float:left; width:50%;}
#case li a{ display:block; margin:0 10px 20px; position:relative; overflow:hidden;}
#case li img{ width:100%;
-webkit-transition: -webkit-transform 3s ease, background-color 3s ease;
transition: transform 3s ease, background-color 3s ease;}
#case li:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);}
#case li p{ position:absolute; left:0; bottom:0; width:100%; color:#fff; font-size:30px; line-height:40px; text-indent:30px; padding:100px 0 30px; background:url(../images/tbg.png) left bottom repeat-x; z-index:9999;}
#case li p span{ display:block; font-size:30px;}


.service{ position:relative; width:100%; height:800px;}
.service .s1{ position:absolute; left:0; top:0; width:60%; height:400px; background:#ccc url(../images/s1.jpg) center top no-repeat;}
.service .s1 h4{ position:absolute; left:70px; bottom:70px; height:64px; color:#fff; font-weight:normal;}
.service .s1 h4 strong{ display:block; font-size:30px; line-height:30px; font-weight:normal; padding-bottom:8px;}
.service .s1 h4 span{ display:block; font-size:26px; font-weight:100; line-height:26px; font-weight:normal;}
.service .s1 .more{ position:absolute; top:18px; left:320px; font-style:normal;}
.service .s1 .more a{ display:block; width:176px; height:46px;  line-height:46px; color:#000; font-size:16px; text-decoration:none; text-align:center; background:#fff;}
.service .s2{position:absolute;left:0; bottom:0; width:60%; height:400px; background:#56ad97}
.service .s2 .pic{ float:left; width:40%; height:400px; overflow:hidden;}
.service .s2 .txt{ float:right; width:60%;}
.service .s2 .box{ padding:80px 0 0 80px;}
.service .s2 h4{ color:#fff; font-size:30px; line-height:30px; font-weight:normal; padding-bottom:12px;}
.service .s2 span{ display:block; color:#fff; font-size:24px; line-height:26px; font-weight:100; padding:0 20px 20px 0;}
.service .s2 p{ color:#fff; font-size:16px; line-height:28px;}
.service .s2 .more{ margin:40px 0 0 80px;}
.service .s2 .more a{ display:block; width:176px; height:46px;  line-height:46px; color:#000; font-size:16px; text-decoration:none; text-align:center; background:#fff;}
.service .s3{position:absolute; right:0; top:0; width:40%; height:800px; background:url(../images/s3.jpg) left top no-repeat;}
.service .s3 .txt{ padding:80px 0 0 80px;}
.service .s3 h4{ color:#fff; font-size:30px; line-height:30px; font-weight:normal; padding-bottom:12px;}
.service .s3 span{ display:block; color:#fff; font-size:24px; line-height:26px; font-weight:100; padding-bottom:20px;}
.service .s3 p{ color:#fff; font-size:16px; line-height:28px;}
.service .s3 .more{ margin:40px 0 0 0;}
.service .s3 .more a{ display:block; width:176px; height:46px;  line-height:46px; color:#000; font-size:16px; text-decoration:none; text-align:center; background:#fff;}
.ss{display: none;}

/*快捷模块*/
#quick ul{ padding:20px 10px 20px;}
#quick li{ float:left; width:33.33%; overflow:hidden;}
#quick li img{ width:100%;-webkit-transition: -webkit-transform 3s ease, background-color 3s ease;
transition: transform 3s ease, background-color 3s ease;}
#quick li:hover img{-webkit-transform: scale(1.2);transform: scale(1.2);}
#quick li a{ position:relative; display:block; margin:0 10px; overflow:hidden;}
#quick li p{ position:absolute; left:0; bottom:0; display:block; width:100%; height:60px; color:#fff; font-size:18px; line-height:60px; text-align:center; background:url(../images/bg_x1.png) repeat-x; overflow:hidden;}
#quick li a.cur p{ height:100%; background:#2b2f4a; opacity:0.8;}
#quick li a p span{ display:none;}
#quick li a.cur p span{ position:absolute; left:0; top:0; display:block; width:100%; font-size:14px; /*text-transform:uppercase;*/ text-align:center; opacity:0.8; margin-top:30px;}



#foot{  background:#2b2f4a;}
#foot .box{ position:relative; width:1200px;height:495px; margin:0 auto;}
#foot .more{ position:absolute; left:0; top:60px; color:#fff; font-size:24px; font-weight:bold; line-height:24px;}
#foot .logo2{ position:absolute; left:0; bottom:60px;}

#foot .ewm{ position:absolute; top:55px; left:314px; width:680px;}
#foot .ewm p{ float:left; width:164px; margin-right:40px;}
#foot .ewm span{ display:block; color:#808292; font-size:16px; line-height:20px; padding-bottom:25px;}
#foot .ewm img{ padding:8px; background:#fff;}
#foot .hotline{ position:absolute; top:55px; right:0; color:#808292;}
#foot .hotline span{ display:block; font-size:16px; padding-bottom:13px;}
#foot .hotline strong{ color: #fff; font-size:38px; font-family:arial; line-height:38px; letter-spacing:-1px;}
#foot .subnav{ position:absolute; left:314px; bottom:130px; width:680px; font-size:16px; padding-bottom:20px; border-bottom:solid 1px #55596e;}
#foot .subnav ul{ width:750px;}
#foot .subnav li{ float:left; margin-right:26px; }
#foot .subnav li a{ color:#fff;}
#foot .copyright{ position:absolute; left:314px; bottom:55px; color:#808292; font-size:14px; line-height:29px;}
#foot .copyright a{ color:#808292; text-decoration: underline;}


/*banner*/
.banner { position: relative; width: 1920px; margin: 0 -360px; background: url(../images/banner.jpg) center top no-repeat; }
.b1{ position:relative; }
.b1 .txt{ position:absolute; left:50%; top:0; width:1200px; color:#fff; margin:0 -600px; padding-top:120px;}
.b1 .txt .en{ font-size:18px; line-height:40px;}
.b1 .txt .t1{ font-size:40px; line-height:50px;}
.b1 .txt .t2{ font-size:40px; line-height:50px;}
.pcImg{}
.mImg{ display: none;}

#banner{ height:260px; background:#0f4c9c url(../images/banner.jpg) center top no-repeat;}
#banner h5{ width:1200px; color:#fff; font-size:36px; font-weight:normal; line-height:260px; margin:0 auto;}
#banner h5 span{ font-weight:100; text-transform:uppercase;}

.ps{ height:60px; line-height:60px; padding:0 60px 0 40px; background:#e5e5e5; overflow:hidden;}
.ps .sort{ float:left; font-size:14px; color:#ccc;}
.ps .sort a{ display:inline-block; color:#333; padding:0 20px;}
.ps .sort a:hover,
.ps .sort a.cur,.ps .sort a.cur:hover{ color:#12509f;}
.ps .wz{ float:right; color:#666; font-size:14px;}
.ps .wz a{ display:inline-block; color:#666; padding:0 8px 0 13px; background:url(../images/icon5.gif) left center no-repeat;}
.ps .wz a.home{ margin-left:3px; padding:0 8px 0 25px; background:url(../images/icon6.png) left center no-repeat;}
.ps .wz a:hover{ color:#1756a5; text-decoration:none;}

.about{ width:1200px; padding:100px 0;}
.about .pic{ float:left; width:486px;}
.about .txt{ float:right; width:610px; overflow: hidden}
.about .txt h3{ color:#dfbf74; font-size:28px; line-height:24px; font-weight:normal; padding:10px 0 10px;}
.about .txt h4{ color:#2b2f4a; font-size:30px; line-height:30px; padding-bottom:30px;}
.about .txt p{ color:#4c4c4c; font-size:20px; line-height:40px;}
.about .txt ul{ width: 800px; padding-top:65px;}
.about .txt li{ float:left; text-align:center; padding-right:100px;}
.about .txt li span{ color:#ed1c24;font-size:56px; line-height:56px;}
.about .txt li p{ color:#666; font-size:14px; padding-top:12px;}
.adv img{ width: 100%;}
#honor{ min-width:1200px; padding-bottom: 100px;}
#honor h3 { text-align: center; padding:70px 0 40px; background:url(../images/tb1.png) center 82px no-repeat;}
#honor h3 strong { display: block; color: #000; font-size: 28px; font-weight: normal; line-height: 28px; padding-bottom: 20px; }
#honor h3 i { display: block; width: 66px; height: 3px; margin: 0px auto 0; background: #dfbf74; overflow: hidden; }
#honor ul{ padding:0 18rem 0px;}
#honor li{ float:left; width:25%;}
#honor li a{ display:block; margin:0 20px 20px; position:relative; text-decoration:none;overflow:hidden;}
#honor li img{ width:100%;}
#honor li p{ width:100%; color:#333; font-size:25px; text-align: center; line-height:40px; padding:10px 0 0; z-index:9999;}
#honor li a:hover p{ color:#f00; text-decoration: none;}
#honor .more{text-align: center; padding-top: 30px;}
#honor .more a{ display:inline-block; width: 180px;height: 50px; font-size: 20px; line-height: 50px; border:solid 1px #ccc;border-radius: 8px;}

.fl{ float:left;}
.fr{ float:right;}
.cc { height: 640px; background: #f4f4f4;}
.cc .l { width: 50%; /*padding: 100px*/ }
.cc .l .title { text-align: left; padding: 100px 0 30px 100px }
.cc .l .title h2.en { font-size: 24px; color: #f08519; text-transform: uppercase; font-weight: normal; padding: 0 }
.cc .l .title h2.cn { color: #313131; font-size: 30px; padding: 10px 0; font-weight: normal }
.cc .l .title .line { width: 30px; height: 4px; background: #f08519 }
.cc .l .title h3 { font-size: 18px; font-weight: normal }
.cc .l .text { font-size: 18px; color: #4c4c4c; line-height: 40px; padding:0 0 0 100px;}
.cc .r { width: 50%; height: 100%; background: url(../images/p.jpg) left center no-repeat }

/*列表分页*/
.pageNavi { text-align: center; }
.pageNavi span, .pageNavi b, .pageNavi a { display: inline-block; color: #999; font-size: 14px; font-weight: normal; line-height: 42px; text-decoration: none; margin: 0 4px; padding: 0 19px; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,.05); }
.pageNavi span { color: #ccc; }
.pageNavi b { color: #fff; background: #1f2229; }
.pageNavi a { transition: all 0.2s linear; }
.pageNavi a:hover { color: #fff; background: #0f4385; }


@media screen and (max-width: 1588px) {
/*#ps li span { font-size: 13px; }*/
}

@media screen and (max-width: 1400px) {
#nav {padding: 0 160px 0 260px;}
.pimg{ width:1200px; margin:0 auto 40px; background:#fff; box-shadow:0 0 40px rgba(0,0,0,.1);}
.pimg h3 { color:#00479c; font-size:20px; font-weight:normal; padding:40px 0 30px 60px;}
.pimg ul{ padding:0 0 60px 60px;}
.pimg li{ float:left; width:530px; margin-right:20px;}

.about-a1 .txt h1{ font-size:30px; line-height:36px; font-weight:normal; padding-bottom:20px;}
.about-a1 .txt h4{ color:#888; font-size:15px; line-height:25px; font-weight:normal; padding-bottom:10px;}
.about-a1 .txt .box{ padding:50px 17% 0 7.8%;}
.about-a1 .txt li{ float:left; width:25%; padding-bottom:10px;}
.about-a1 .txt li.x2{ padding-right:0;}

.about-a2 .txt .box{ padding:50px 7.8% 0 17%;}
}

@media screen and (max-width: 768px) {
body{ min-width:auto !important;}
.w1200{ width:100%;}
/*页眉*/
#top { position: relative; min-width:auto; height:3.5rem; background: #fff; }
#logo { float: left; padding: 1rem 0 0 20px; }
#logo img{ height:1.5rem;}
.m-all{ position:absolute; top:1rem; right:1rem; width:1.5rem; height:1.5rem; background:url(../images/icon.gif) no-repeat; background-size:cover;}
.mcur{background:url(../images/icon2.png) no-repeat; background-size:cover;}
#nav { display:none; position:fixed; z-index:9999; top:3.5rem; width:100%; height:100%; padding: 0; background:#fff; /*position: absolute; left: 50%; top: 0; width: 746px; height: 80px; margin: 0 -300px 0 -320px;*/ }
#nav li { position: relative; float: none; width: 100%; text-align: left; border-bottom:solid 1px #ccc;}
#nav li a { display: block; color: #333; font-size: 1rem; line-height:2.5rem; padding:0 5%;}
#nav li a:hover { color: #00b5d9; text-decoration: none; }
#nav li.navHere a { color: #0068b3; text-decoration: none; background: #fff; }
#nav li.curr { background: url(../images/nav_line.gif) center bottom repeat-x; }
#nav li.curr a, #nav li.curr a:hover { color: #ee0707; text-decoration: none; }
#nav .navMenu { position:relative; display: none; left:auto; width: 90%; text-align: left; border-top:solid 1px #ccc; padding:1rem 0; margin: 0 5%; background: #fff; opacity: 0.92; z-index: 999; }
#nav li .navMenu a { display: block; color: #333 !important; font-size: 0.8rem; line-height: 1.6rem; padding:0; background:#fff;}
#nav li .navMenu a:hover { color: #0068b3 !important; background:#fff;}
#hotline{ display:none;}

#focus { display:none;}
.swiper-container { margin: 0 auto; position: relative; overflow: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* Fix of Webkit flickering */ z-index: 1; }
.swiper-wrapper { position: relative; width: 100%; -webkit-transition-property: -webkit-transform, left, top; -webkit-transition-duration: 0s; -webkit-transform: translate3d(0px, 0, 0); -webkit-transition-timing-function: ease; -moz-transition-property: -moz-transform, left, top; -moz-transition-duration: 0s; -moz-transform: translate3d(0px, 0, 0); -moz-transition-timing-function: ease; -o-transition-property: -o-transform, left, top; -o-transition-duration: 0s; -o-transform: translate3d(0px, 0, 0); -o-transition-timing-function: ease; -o-transform: translate(0px, 0px); -ms-transition-property: -ms-transform, left, top; -ms-transition-duration: 0s; -ms-transform: translate3d(0px, 0, 0); -ms-transition-timing-function: ease; transition-property: transform, left, top; transition-duration: 0s; transform: translate3d(0px, 0, 0); transition-timing-function: ease; }
.swiper-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; }
.swiper-slide { float: left; }
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal { -ms-touch-action: pan-y; }
.swiper-wp8-vertical { -ms-touch-action: pan-x; }
/*begin*/
.device { display:block; position: relative; }
.content-slide { padding: 20px; color: #fff; }
.swiper-slide img { width: 100%; }
/*.title { font-size: 25px; margin-bottom: 10px; }*/
.pagination { position: absolute; left: 0; bottom: 5px; text-align: center; width: 100%; z-index: 999; }
.swiper-pagination-switch { display: inline-block; width: 8px; height: 8px; border-radius: 8px; background: #000; margin: 0 2px; cursor: pointer; filter: alpha(opacity=50); opacity: 0.5; }
.swiper-active-switch { background: #fff; filter: alpha(opacity=100); opacity: 1; }

#product{ min-width:100%;}
#product h3 { text-align: center; padding:2rem 0 2rem; background:url(../images/tb1.png) center 82px no-repeat;}
#product h3 strong { display: block; color: #000; font-size:1.2rem; font-weight: normal; line-height: 28px; padding-bottom: 20px; }
#product h3 i { display: block; width: 66px; height: 3px; margin: 0px auto 0; background: #dfbf74; overflow: hidden; }
#product ul{ padding:0 0.25rem 0;}
#product li{ float:left; width:50%;}
#product li a{ display:block; margin:0 0.25rem 0.5rem; position:relative; overflow:hidden;}
#product li img{ width:100%;
-webkit-transition: -webkit-transform 3s ease, background-color 3s ease;
transition: transform 3s ease, background-color 3s ease;}
#product li:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);}
#product li p{ position:absolute; left:0; bottom:0; width:100%; color:#fff; font-size:0.8rem; text-align: center; line-height:40px; text-indent:0; padding:5rem 0 0rem; background:url(../images/tbg.png) left bottom repeat-x; background-size: auto 30%; z-index:9999;}
#product li p span{ display:block; font-size:0.8rem;}
	

/*资讯*/
.news { height:auto; padding:2rem 0; background: #f5f5f5 url(../images/news.jpg) center top no-repeat; background-size:cover; }
.news h3 { text-align: center; padding-bottom:2rem; }
.news h3 strong { display: block; color: #fff; font-size:1rem; line-height:1rem; font-weight: normal; padding-bottom:0.5rem; }
.news h3 span { display: block; color: #fff; font-size: 18px; font-weight: normal; text-transform: uppercase; }
.news h3 i { display: block; width: 80px; height: 2px; margin: 25px auto 0; background: #fff; overflow: hidden; }
.news ul{display:flex; flex-wrap:wrap; width:auto; height:auto; padding:0 0.6rem;}
.news li a{display:flex; flex-wrap:wrap;  text-decoration:none;}
.news li.n1{ position:relative; width:100%; height:auto; margin-bottom:0.8rem; background:#fff;}
.news li.n1 .pic { width:100%;}
.news li.n1 img{ width:100%; height:auto;}
.news li.n1 .txt{ padding:1.5rem 1rem 1.5rem;}
.news li.n1 h4{ font-size:1rem; font-weight:normal; line-height:1.2rem; padding-bottom:0.75rem;}
.news li.n1 p{ color:#999; font-size:0.7rem; line-height:1rem;}
.news li.n1 span{ display:block; color:#999; padding-top:10px;}
.news li.n2{ position:relative; width:49%; height:auto;  margin-right:2%;background:#fff;}
.news li.n3{ position:relative; top:0; width:49%; height:auto; background:#fff;}
.news li.n2 img,.news li.n3 img{ width:100%; height:auto;}
.news li.n2 .pic,.news li.n3 .pic{width:100%;}
.news li.n2 .txt,.news li.n3 .txt{ width:300px; height:auto; padding:0 1rem 1rem;}
.news li.n2 h4,.news li.n3 h4{ font-size:0.8rem; font-weight:normal; line-height:1rem; padding-bottom:0px;}
.news li.n2 p,.news li.n3 p{ color:#999; font-size:0.6rem; line-height:0.8rem;}
.news li.n2 span,.news li.n3 span{ display:block; color:#999; padding:10px 0;}
.news .more{ text-align:center; padding-top:1.5rem;}
.news .more a{ display:inline-block; width:5rem; height:1.8rem; color:#c00000; font-size:0.7rem; line-height:1.8rem; text-align:center; border:solid 1px #ccc; background:#fff; border-radius:1.8rem;}

#case{ min-width:100%;}
#case h3 { padding:2rem 0 2rem; background:url(../images/tb1.png) center 82px no-repeat;}
#case h3 strong { font-size: 1.2rem;  line-height: 28px; padding-bottom: 20px; }
#case h3 i { display: block; width: 66px; height: 3px; margin: 0px auto 0; background: #dfbf74; overflow: hidden; }
#case ul{ padding:0rem;}
#case li{ float:left; width:100%;}
#case li a{ display:block; margin:0 0.5rem 0.5rem; position:relative; overflow:hidden;}
#case li img{ width:100%;
-webkit-transition: -webkit-transform 3s ease, background-color 3s ease;
transition: transform 3s ease, background-color 3s ease;}
#case li:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);}
#case li p{ position:absolute; left:0; bottom:0; width:100%; color:#fff; font-size:1rem; line-height:1.5rem; text-indent:1rem; padding:5rem 0 0.5rem; background:url(../images/tbg.png) left bottom repeat-x; z-index:9999;}
#case li p span{ display:block; font-size:1rem;}

.service{ display:none;	}
.ss{ display: block; position:relative; width:auto; height:auto;}
.ss img{ width:100%;}

#quick li{ float:none; width:100%; padding-bottom: 10px; overflow:hidden;}


#foot .box{ position:relative; width:auto;height:auto}
#foot .more{ position:relative; left:0; top:0; color:#fff; font-size:1.2rem; font-weight:bold; text-align: center; line-height:1.2rem; padding: 2rem 0 0;}
#foot .logo2{ position:relative; left:0; bottom:0; text-align: center; padding: 1rem 0 2rem;}

#foot .ewm{ position:relative; display: flex; top:0; left:0; width:auto; text-align: center; padding-left: 0.25rem;}
#foot .ewm p{ float:none; width:30%; margin:0 0.2rem;}
#foot .ewm span{ display:block; color:#808292; font-size:0.75rem; line-height:1rem; padding-bottom:0.5rem;}
#foot .ewm img{ width:98%; height: auto; padding:1%; background:#fff;}
#foot .hotline{ position:relative; display: block; top:0; right:0; color:#808292; text-align: center; padding: 1rem 0;}
#foot .hotline span{ display:block; font-size:16px; padding-bottom:13px;}
#foot .hotline strong{ color: #fff; font-size:38px; font-family:arial; line-height:38px; letter-spacing:-1px;}
#foot .subnav{ position:relative; left:0; bottom:0; width:100%; font-size:16px; padding-bottom:0;}
#foot .subnav ul{ width:100%; display: flex;flex-wrap:wrap; }
#foot .subnav li{ float:none; width:25%; text-align: center; margin-right:0; }
#foot .subnav li a{ display: block; line-height:2rem; border-top: solid 1px #55596e;border-right: solid 1px #55596e;}
#foot .copyright{ position:relative; left:0; bottom:0; color:#808292; font-size:0.7rem; line-height:29px; padding: 1rem 2rem; text-align: center}


/*关于涂博莱*/
.banner {position: relative;width:100%;margin:0;background:0;}
.b1{ height:auto;}
.b1 .txt{ display:none; height:auto;}
.pcImg{ display: none;}
.mImg{  display: block; width: 100%;}
.about{ width:100%; padding:4rem 0 1rem;}
.about .pic{ float:none; width:100%; text-align: center;}
.about .pic img{width:50%; padding-bottom: 2rem;}
.about .txt{ float:none; width:100%; overflow:}
.about .txt h3{ color:#dfbf74; font-size:1rem; text-align:center;line-height:1.2rem; font-weight:normal; padding:10px 0 10px;}
.about .txt h4{ color:#2b2f4a; font-size:1rem; text-align:center;line-height:1.5rem; padding-bottom:1.5rem;}
.about .txt p{ color:#4c4c4c; font-size:0.8rem; line-height:40px; padding: 0 1rem;}
.about .txt ul{ width: 100%; padding:3rem 0 0;}
.about .txt li{ float:none; text-align:center;  padding:0; margin:0 1rem 0.3rem; overflow: hidden; background: #f2f2f2;}
.about .txt li span{ color:#ed1c24;font-size:56px; line-height:56px;}
.about .txt li span img{ display: none;}
.about .txt li p{ color:#666; font-size:0.8rem; padding-top:0px;}
.adv img{ width: 100%;}

#honor{ min-width:100%; padding-bottom: 2.5rem;}
#honor h3 { text-align: center; padding:2rem 0 1rem; background:url(../images/tb1.png) center 82px no-repeat;}
#honor h3 strong { display: block; color: #000; font-size: 28px; font-weight: normal; line-height: 28px; padding-bottom: 20px; }
#honor h3 i { display: block; width: 66px; height: 3px; margin: 0px auto 0; background: #dfbf74; overflow: hidden; }
#honor ul{ padding:0 0.5rem 0;}
#honor li{ float:left; width:50%;}
#honor li a{ display:block; margin:0 0.25rem 0; position:relative; overflow:hidden;}
#honor li img{ width:100%;}
#honor li p{ width:100%; color:#333; font-size:0.8rem; text-align: center; line-height:40px; padding:0 0 0; z-index:9999;}
#honor li a:hover p{ color:#f00; text-decoration: none;}
#honor .more a{ width: 6rem; font-size: 0.7rem;}
	
.cc { height:auto; }
.cc .l { float: none; width: 100%; /*padding: 100px*/ }
.cc .l .title { text-align: left; padding: 2.5rem 0 0 1rem}
.cc .l .title h2.en { font-size: 24px; color: #f08519; text-transform: uppercase; font-weight: normal; padding: 0 }
.cc .l .title h2.cn { color: #313131; font-size: 30px; padding: 10px 0; font-weight: normal }
.cc .l .title .line { width: 30px; height: 4px; background: #f08519 }
.cc .l .title h3 { font-size: 18px; font-weight: normal }
.cc .l .text { font-size: 0.7rem; color: #4c4c4c; line-height:1.8rem; padding:1.5rem 1rem 1.5rem;}
.cc .r {float: none;  width: 100%; height: 100%; background: url(../images/p.jpg) left center no-repeat }
.cc .r img{ width:100%;}	
	
.ps{ height:3rem; line-height:3rem; padding:0 0 0 0rem; text-align: center; background:#e5e5e5; overflow:hidden;}
.ps .sort{ float:none; font-size:0.75rem; color:#ccc;}
.ps .sort a{ display:inline-block; color:#333; padding:0 20px;}
.ps .sort a:hover,
.ps .sort a.cur,.ps .sort a.cur:hover{ color:#12509f;}
.ps .wz{ float:right; color:#666; font-size:14px;}
.ps .wz a{ display:inline-block; color:#666; padding:0 8px 0 13px; background:url(../images/icon5.gif) left center no-repeat;}
.ps .wz a.home{ margin-left:3px; padding:0 8px 0 25px; background:url(../images/icon6.png) left center no-repeat;}
.ps .wz a:hover{ color:#1756a5; text-decoration:none;}
	
	
}

/*自适应*/
html { font-size: 125%; /* 20*16=125% min-font-size:12px bug*/ }

@media only screen and (min-width: 481px) {
html { font-size: 188%!important; /* 30.08*16=188% */ }
}

@media only screen and (min-width: 561px) {
html { font-size: 218%!important; /* 38.88*16=218% */ }
}

@media only screen and (min-width: 641px) {
html { font-size: 140%!important; /* 40*16=250% */ }



}