﻿/*主页样式*/
/****************************************************************************************************************/
@media screen and (max-width:1280px) {
.rightBox{ display: none }
.leftBox{ display: none}
body{background-position: top center}
}

@media screen and (max-width:600px) {
.page{display: none!important}
.topwrap{display: none}
.navwrap{ display: none }
#fancybox-frame{margin-left: 10px}
.search{clear: both;float: none;margin-left: 0;}
.search input:nth-child(1){width: 90%}
.main,.indexContentleft,.indexContentright,.indexmenu .indexmenucontent,.indexmenu .indexmenucontentright,.search{ width: 94%;margin:0 auto; float: none }
.main{margin-top: 32px}
#slide{ width: 100%!important;height: 
200px!important }
#slide li{ width: 100%!important ;height: 100%!important}
.headwrap{padding-top:0;}
.headwrap .logo{ width: 17% }
.headwrap .logo img{ width: 100% }
.headwrap .logo {margin-left: 5%;margin-right: 10px}
.headwrap .logoright{ width: 50%; }
.headwrap .logoright img{ width: 100%;margin-top:25px;margin-bottom:20px }
.main .bannerwrap .bannerlistcontent, .main .bannerwrap .bannerlist,.indexblock,.zhuanti,.indexmenu,.aid,.footer,.footer .content,.headwrap{ width: 100% }
.zhuanti{ height: 400px;padding-top:20px }
.zhuanti .zhuantileft{  display: none}
.zhuanti .zhuantiright{float: none; width: 100%;}
/*.zhuanti .zhuantiright li{ width: 80%;height: 70px;line-height: 70px ;font-size: 20px;margin: 10px 0}*/
.zhuanti .zhuantiright li{ width: 80%!important;height: 70px;line-height: 70px ;font-size: 20px;margin: 10px 0}
.indexmenu .indexmenucontentright .title li{ width: 50% }
.indexmenu .indexmenucontentright .indexmenucontentlist  div a{float: left;text-overflow: ellipsis; white-space: nowrap;overflow: hidden;font-size: 15px;width:70%;}
.footer .content p:nth-child(1) span,.footer .content p:nth-child(2) span{ display: block; }
.footer .content img{margin: 0!important;float: none!important; display: inline-block!important;}
.footer .content img:nth-child(2){margin: 0 20px 0 10px!important;}
.indexmenu .indexmenucontent ul li a{ width: 90% }
.navbar{float: right; position: relative;min-height: 50px;margin-bottom: 0px; display: block;margin-top: 10%;margin-right: 5% }
.container{margin-right: auto;margin-left: auto;}
.navbar-inverse .navbar-toggle{border-color: #d55639;background: #d55639}
.navbar-toggle{position: relative;float: right;padding: 7px 5px;margin-top: 0px;margin-bottom: 8px;background-color: transparent;background-image: none;border: 1px solid transparent;border-radius: 4px;}
.sr-only{position: absolute;width: 1px; height: 1px;padding: 0; margin: -1px;overflow: hidden;clip: rect(0,0,0,0); border: 0}
.navbar-inverse .navbar-toggle .icon-bar{background-color: #fff;transition: transform .2s, opacity .1s;height: 2px;width: 22px;    display: block;border-radius: 1px}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{border-color: #101010}
.nav>li{position: relative;display: block;}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{color: #fff;background-color: #d55639;}
.navbar-nav>li>a{padding-top: 10px;padding-bottom: 10px;line-height: 20px;color: #fff; display: block;padding-left: 30px; margin-bottom:15px}
.navbar-nav>li>a:hover{background: #d55639;color:#3b2e7e }
.navbar-toggle .icon-bar+.icon-bar{margin-top: 4px}
.main .bannerwrap #slide ul p a{bottom: 0;padding-left: 0;font-size: 12px;line-height: 32px;height: 32px;overflow: hidden; white-space: nowrap;text-overflow:ellipsis;}
.alistLeft ul li a{ font-size: 13px }

/*列表页样式*/
/****************************************************************************************************************/
.alist{ width: 93%; margin:20px 0 0 10px; float: none }
.alist ul li{margin:0;}
.alist ul li a{ width: 94%; display: block;white-space: nowrap; overflow: hidden;font-size: 1em; margin: 13px 0;    text-overflow: ellipsis;  }
.alist ul li span{ display: none}
.alistLeft{  width: 93%; margin:10px auto 10px auto; float: none ;padding:0;}
.alistLeft ul{ overflow: hidden; margin:0;}
.alistLeft ul li{ width: 33%;float: left; }
.alistLeft h2{ display: none }
.articletitle{padding: 20px 0 20px 20px;}
.articletitle span{ font-size: 1em }
.listPages a,.listPages span{font-size: 1em;margin:0;}
.listPages .res{display: none}
.alistLeft ul li:hover{background: #fff;padding-left: 0px}
/*内容页样式*/
/****************************************************************************************************************/
.content .article .atitle{font-size: 1.8em;margin:30px 0px; line-height: 1.4em}
.content .article p{margin-bottom:15px;line-height:1.8em;font-size: 1.3em}
.contentpic img{ width: 100% }
/*图片样式*/
/****************************************************************************************************************/
.picblock1 {height: 400px;overflow: hidden;}
.picblock1 .picblockposition{ bottom: 0;left: 0; width: 100%;overflow: hidden; padding:0; }
.picblock1 .picblockposition p{ width: 94%;margin:0 auto; }
.picblock2bg{ width: 100%!important;float: none!important;height: 200px!important }
.picblock2 .picblock2content{width: 100%!important;float: none!important; }
.picblock2 .picblock2content p{line-height: 28px}
.picblock3 ul li{ width: 100%;border:0;margin-bottom:10px }
.picblock3 ul li:nth-child(2), .picblock3 ul li:nth-child(4){margin-left: 0}
.pc_pic{ display: none }
.phone{ display: block;text-align: center}
.phone img { width:94%;margin-top:10px }
.phone .rqi{text-align: right;margin-right: 20px;margin-top:15px;color:#999;}
.phone .into{line-height: 28px;margin:10px 0;}
.phone .pages{ overflow: hidden;margin-top: 30px;border-top: 1px solid #f2f2f2;padding-top:20px }
.phone .pages a:nth-child(1){float: left;margin-left: 20px;border:1px solid #ccc;padding: 5px 10px; text-align: center}
.phone .pages a:nth-child(2){float: right;margin-right: 20px;border:1px solid #ccc;padding: 5px 10px; text-align: center}
/*业务中心*/
/****************************************************************************************************************/
.content .keshi{ width: 94%;margin:0px auto 20px auto; padding:0;}
.content .keshi ul li:nth-child(1){ width: 100%;float: none }
.content .keshi ul li:nth-child(2){ width: 100%;float: none ;overflow: hidden;}
/*业务中心内容样式*/
/****************************************************************************************************************/
.content .keshicontent .keshicontentright{ display: none }
.content .keshicontent .keshicontentleft{ width: 100% }
.content .keshicontent .keshicontentleft ul li:nth-child(1){ display: block; width: 100% }
.content .keshicontent .keshicontentleft ul li:nth-child(2){ display: block; width: 100% }
.content .keshicontent .keshicontentleft ul{border-bottom: 2px solid #f0f0f0;padding-bottom: 25px;height: auto}
/*服务平台样式*/
/****************************************************************************************************************/
.toldcontent{ display: none}
.toldcontentphone{ display: block;  }
.toldcontentphone a{ width: 50%;float: left;text-align: center;height: 40px;line-height: 16px;font-size: 13px;color:#fff;}
.toldcontentphone a:nth-child(1){background:url(../images/yewu1.png) no-repeat center 20px ,#47b5e9 ;padding-top:85px;}
.toldcontentphone a:nth-child(2){background:url(../images/yewu2.png) no-repeat center 20px  ,#7bcb65 ;padding-top:85px;}
.toldcontentphone a:nth-child(3){background:url(../images/yewu3.png) no-repeat center 20px  ,#eb756c;padding-top:85px;}
.toldcontentphone a:nth-child(4){background:url(../images/yewu4.png) no-repeat center 20px  ,#5387d1;padding-top:85px;}
.toldcontentphone a:nth-child(5){background:url(../images/yewu5.png) no-repeat center 20px  ,#75a97a;padding-top:85px;}
.toldcontentphone a:nth-child(6){background:url(../images/yewu6.png) no-repeat center 20px  ,#8253d1;padding-top:85px;}
.toldcontentphone a:nth-child(7){background:url(../images/yewu7.png) no-repeat center 20px  ,#f6ab00;padding-top:85px;}
.toldcontentphone a:nth-child(8){background:url(../images/yewu8.png) no-repeat center 20px  ,#33d176;padding-top:85px;}
.toldcontentphone a:nth-child(9){background:url(../images/yewu9.png) no-repeat center 20px  ,#c033d1;padding-top:85px;}
.toldcontentphone a:nth-child(10){background:url(../images/yewu10.png) no-repeat center 20px  ,#33d1d0;padding-top:85px;}
.toldcontentphone a:nth-child(11){background:url(../images/yewu11.png) no-repeat center 20px  ,#8253d1;padding-top:85px;}
.toldcontentphone a:nth-child(12){background:url(../images/yewu12.png) no-repeat center 20px ,#47b5e9;padding-top:85px;}


.content .article p img{width: 100%;height: 100%;float: left}
}