@charset "UTF-8";
body{margin:0;padding:0;font-size:14px; font-family:'Hiragino Sans GB','微软雅黑',arial,sans-serif; color:#666; font-weight:normal;}
p,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,select,textarea,blockquote{padding:0;margin:0;}
ul,li,ol{list-style-type:none;}
img{border:0;}
a{color:#666; text-decoration:none;/* -moz-transition:all 0.3s linear; -webkit-transition:all 0.3s linear; */}
i,b{ font-weight:normal; font-style:normal;}
a:hover{ text-decoration: none;}
input,select,textarea{outline: none;}
em{ font-style: normal;}
/*公共样式*/
.fl{ float:left;}
.fr{ float:right;}
.clear{clear: both;}
.clearfix:after{content: '';display: block;clear: both;}
.ovh{ overflow: hidden;}
.hide{display: none;}
.show{display: block;}
.img100{width: 100%;}
.relative{position: relative;}
.pull-right{text-align: right;}
.text-center{text-align: center;}
input[type="radio"],input[type="checkbox"]{margin:0 8px;}
.overflow{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.row{margin-left:0;margin-right:0;}
.w100{width: 100%!important;}
.pointer{cursor: pointer;}
.borderNone{border: none!important;}
.border{border: 1px solid #ddd;}
.bgFFF{background: #fff;}
.textarea{padding: 0 10px; border: 1px solid #ddd;width: 100%;height: 100px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
textarea{padding:0 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.codeInput{width: 100px;font-size: 16px;padding: 0 10px;}
.navbar-form{padding: 0;}
.flex{display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    flex-wrap:wrap;
}
.flexLi{
    -webkit-box-flex: 1.0;
    -moz-flex-grow: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
}
/*颜色*/
.ThemeFborder{ border-color: #3089e7 !important;}
.company_list_box .company_topmenu li:hover a.title:before,.company_list_box .company_topmenu li.active a.title:before{border-bottom-color: #3089e7 !important;}
.Themefont,
.Themetxthover:hover,
.list_children a span,
.qyk_sublistleft h3,
.qyk_sublistleft .sublist_about li.three_btn .iconfont:before,
.qiye_xinxi .successUl li:before,
.company_list_box .company_topmenu li.active a.title{ color: #3089e7 !important;}
.Themebg,
.Themebghover:hover,
.company_list_box .company_topmenu li a.title:after{ background-color: #3089e7 !important;}
.red{color: #fd8373!important;}
.redBg{background: #fd8373!important;}
.OrangeFont{color: #fe9900 !important;}
.OrangeBg{background: #fe9900 !important}
.GreenFont{color: #69b200 !important}
.GreenBg{background: #69b200 !important}
.black{color: #333;}
.white{color: #fff;}
.bge6{background: #e6e6e6;}
.bgf6{background: #f6f6f6;}
.bgfff{background: #fff!important;}
.PurplishredFont{color: #ff2e5a !important;}
.PurplishredBg{background: #ff2e5a !important;}
/*表单公用*/
.cruDiv{cursor: pointer;display: inline-block;}
/*距离*/
.mt0{margin-top: 0!important}
.mt4{ margin-top: 4px;}
.mt5{margin-top:5px;}
.mt10{ margin-top: 10px !important;}
.mt16{ margin-top: 12px !important;}
.mt12{ margin-top: 16px;}
.mt20{ margin-top: 10px !important;}
.mt30{ margin-top: 30px;}
.mt50{ margin-top: 50px!important;}

.mb12{ margin-bottom: 12px;}
.mb20{ margin-bottom: 20px;}
 
.ml5{ margin-left: 5px;}
.ml10{ margin-left: 10px !important;}
.ml12{ margin-left: 12px;}
.ml20{ margin-left: 20px;}
.ml30{ margin-left: 30px;}
.ml40{ margin-left: 40px;}
.ml50{ margin-left: 50px;}

.mr0{margin-right: 0px!important;}
.mr5{margin-right: 5px;}
.mr10{ margin-right: 10px;}
.mr20{ margin-right: 20px;}
.mr30{ margin-right: 30px;}
.mr40{ margin-right: 40px;}

.pt10{ padding-top: 10px;}
.pt15{ padding-top: 15px;}
.pt20{ padding-top: 20px;}
.pt30{ padding-top: 30px;}
.pb5{ padding-bottom: 5px;}
.pb10{ padding-bottom: 10px;}
.pb20{ padding-bottom: 20px;}
.pb30{ padding-bottom: 30px;}
.pl5{ padding-left: 5px;}
.pl10{ padding-left: 10px;}
.pr10{ padding-right: 10px;}
.pl20{ padding-left: 20px;}
.pr30{ padding-right: 30px;}
.pr50{ padding-right: 50px;}

.p020{padding: 0 20px;}
.padding5{padding:5px;}
.padding10{padding:10px;}

/*字体*/
.f12{font-size: 12px;}
.f14{ font-size: 14px;}
.f16{font-size: 16px;}
.f20{font-size: 20px;}
.weight{font-weight: bold;}
/*边框*/
.border{border-color:#ddd;}
/*按钮*/
.btn{height: 38px;  color: #fff; border-radius: 2px;-webkit-border-radius: 2px;-o-border-radius: 2px;-ms-border-radius: 2px;-moz-border-radius: 2px;}
.btn:hover{filter:Alpha(opacity=70);opacity:0.7;}
/*导航菜单图标*/
.StoreIndex .conBox li a.icon-menu:before {font-size: 22px;vertical-align: middle;}

/*结构*/
.conBox{width: 1190px; margin: 0 auto;}
.col-md-6{float: left; width: 50%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
@font-face {font-family: "icon";
  src: url('icon/iconfont.eot'); 
  src: url('icon/iconfont.eot?#iefix') format('embedded-opentype'), 
  url('icon/iconfont.woff') format('woff'), 
  url('icon/iconfont.ttf') format('truetype'), 
  url('icon/iconfont.svg#iconfont') format('svg');
}

.iconfont:before,.iconfont:after{
  font-family:"icon" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0px;
  -moz-osx-font-smoothing: grayscale;
}

.icon-jixieqimo:before { content: "\e606"; }
.icon-jingxihuaxue:before { content: "\e61a"; }
.icon-weixin:before { content: "\e62e"; }
.icon-abc:before { content: "\e600"; }
.icon-huo:before { content: "\e623"; }
.icon-baozhuangyinshua:before { content: "\e613"; }
.icon-tubiao:before { content: "\e615"; }
.icon-diangongdianqi:before { content: "\e616"; }
.icon-shipin:before { content: "\e604"; }
.icon-xiangjiaosuliao:before { content: "\e605"; }
.icon-douban:before { content: "\e630"; }
.icon-infenicon18:before { content: "\e7b4"; }
.icon-qicheyongpin:before { content: "\e603"; }
.icon-dianhua:before { content: "\e60a"; }
.icon-lianjie:before { content: "\e8d3"; }
.icon-lishi:before { content: "\e601"; }
.icon-bangzhuzhongxin:before { content: "\e61c"; }
.icon-28shixintaoxin:before { content: "\e63c"; }
.icon-shouye:before { content: "\e608"; }
.icon-tengxun:before { content: "\e632"; }
.icon-fangdajing:before { content: "\e60c"; }
.icon-xia:before { content: "\e61d"; }
.icon-wode:before { content: "\e629"; }
.icon-youjiantou:before { content: "\e602"; }
.icon-fenlei2:before { content: "\e619"; }
.icon-yejinkuangchan:before { content: "\e609"; }
.icon-wujingongju:before { content: "\e621"; }
.icon-jixieqimo1:before { content: "\e622"; }
.icon-iconjiayongdianqi:before { content: "\e60d"; }
.icon-ad80:before { content: "\e62a"; }
.icon-icon:before { content: "\e624"; }
.icon-dianhua1:before { content: "\e611"; }
.icon-nongye:before { content: "\e607"; }
.icon-shenpicaigou:before { content: "\e60e"; }
.icon-shangwuquan:before { content: "\e617"; }
.icon-fenlei1:before { content: "\e60f"; }
.icon-huore:before { content: "\e633"; }
.icon-zhengque:before { content: "\e62c"; }
.icon-jiajujiafang:before { content: "\e61b"; }
.icon-gou:before { content: "\e67a"; }
.icon-guanbi:before { content: "\e626"; }
.icon-cuowu:before { content: "\e62d"; }
.icon-apartment:before { content: "\e638"; }
.icon-crmtubiao31:before { content: "\e612"; }
.icon-shaixuan:before { content: "\e61e"; }
.icon-pdf:before { content: "\e651"; }
.icon-qiye:before { content: "\e614"; }
.icon-fenlei:before { content: "\e625"; }
.icon-zuojiantou:before { content: "\e610"; }
.icon-zixun:before { content: "\e618"; }
.icon-iconfontanquanfanghu:before { content: "\e60b"; }
.icon-icon1:before { content: "\e61f"; }
.icon-xinwen:before { content: "\e620"; }
.icon-gouwuche:before { content: "\e635"; }
.icon-yaochi:before { content: "\e62b"; }
.icon-x-xlsx:before { content: "\e690"; }
.icon-yanjing:before { content: "\e627"; }
.icon-verify:before { content: "\e62f"; }
.icon-huiyuan:before { content: "\e634"; }
.icon-biyan:before { content: "\e628"; }
.icon-sina:before { content: "\e631"; }
.icon-xingye:before { content: "\e637"; }
.icon-wrong:before { content: "\e667"; }
.icon-huo1:before { content: "\e636"; }
.icon-gongwenjiansuo32x32:before { content: "\e6ce"; }
.icon-icon11:before { content: "\e63b"; }
.icon-word:before { content: "\e652"; }
.icon-txt:before { content: "\e659"; }
.icon-youzhitubiao:before { content: "\e639"; }
.icon-zixun1:before { content: "\e6b0"; }

.wrap{ width: 100%; background-color: #f6f6f6; padding-top: 52px;}
.wrap2{padding-top: 0;}
/*banner*/
.banner li{display: none;position: relative;}
.banner li:first-child{display: block;}
.banner li img{vertical-align: bottom;}
.banner.bannerIndex .round{bottom: 60px;}
.banner .round{position: absolute;bottom:10px;width: 100%; text-align: center;}
.banner .round a{display: inline-block;border-radius:50%;width: 8px;height: 8px;border:1px solid #333;}
.banner .round a.active{background: #da0202; border:1px solid #da0202;}
.banner .roundNew{bottom:43px;}
.banner li .text{position:absolute;bottom: 0;left: 0;width: 100%; background: rgba(0,0,0,.7);color: #fff;line-height: 35px;font-size: 12px;padding: 0 10px;}

nav.nav{background: #f4f2ec;padding: 15px 0;border-bottom: 1px solid #ddd;}
nav.nav li{width: 25%;float: left;}
nav.nav li a:before{width: 88px;height: 88px;line-height: 88px;text-align: center;display: block;margin: 0 auto; font-size:45px;background: #94da6e;border-radius:50% 0px 50% 50%;color: #fff; box-shadow: 3px 3px #7ab35a;}
a,img,button,input,textarea{-webkit-tap-highlight-color:rgba(255,255,255,0);tap-highlight-color:rgba(255,255,255,0);}
nav.nav li:nth-child(2n) a:before{background: #f4873e;border-radius:50% 50% 50% 0px; box-shadow: 3px 3px #a95e2b;}
nav.nav li:nth-child(3n) a:before{background: #40bbda;border-radius:0px 50% 50% 50%;  box-shadow: 3px 3px #318fa7;}
nav.nav li:nth-child(4n) a:before{background: #9370da;border-radius:50% 50% 0px 50%;  box-shadow: 3px 3px #6c52a0;}
nav.nav li a{display: block;text-align: center;padding: 0 15px;box-sizing:border-box; position: relative; z-index: 2}
nav.nav li a p{margin-top: 10px; font-size: 15px; }


/*盖楼*/
.building{ margin-bottom: 15px;}
.newsBox{margin-bottom: 15px; background: #fff; padding: 15px 0px 0px;}
.building h3.font_blue{ color: #40bbda;}
.building h3:before{ font-size: 22px;font-weight: normal; margin-right: 10px;}
.building h3.title{  height: 30px; line-height: 30px; position: relative; background-color: #fff; font-size: 16px; padding: 10px 20px 5px 12px;}
.building h3.title a,.newsBox h3.title a{color: #666;font-size: 14px;font-weight: normal;}
/*.building h3.title a:before,.newsBox h3.title a:before{content: '';display: block;width:10px;height: 10px;margin: 11px; border: 1px solid #3089e7;border-width: 1px 1px 0 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}*/
.building ul{border-top: 1px solid #ddd;border-left: 1px solid #ddd;}
.building li{float: left;position: relative; width: 50%;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.building li .title{position: absolute;top: 20px;left:10px;}
.building li img{width: 50%;}
.building li .title .name i{border-radius: 50%;vertical-align: middle; width:11px;height: 11px;display: inline-block;text-align: center;margin-left: 5px;}
.building li .title .name i:before{content: '';width: 4px;height: 4px;position: relative;top: 3px;left: 2px; display:block; border: 1px solid #fff;border-width:1px 1px 0 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}
.building li .title p{background:rgba(255,255,255,.2);}
.buiTwo .bulid_content .left{float: right;border-left: 1px solid #ddd;border-right: none;}
.buiTwo .bulid_content .right{right: auto;left: 0;}
.bulid_content{ height:auto; overflow: hidden; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; width: 100%; position: relative;}
.bulid_content .left{ width:36%;  background-color: #fafafa; border-right: 1px solid #ddd; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; overflow: hidden; height: auto; position: relative;}
.bulid_content .left img{ width: 100%;}
.bulid_content .right{ width:64%;  background-color: #fff;overflow: hidden; position: absolute;right: 0; top: 0px; bottom: 0px;}
.bulid_content .right .right_top{  border-bottom: 1px solid #ddd; position: absolute; overflow: hidden; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; bottom: 50%; top: 0; width: 100%;}
.bulid_content .right .right_top a{ display: block;}
.bulid_content .right .right_top .ritop_img{  margin-left: 7%; width: 43%; display: inline-block; position: relative;}
.bulid_content .right .right_top .ritop_img:before{ content: "hot"; color: #fff; font-size: 10px; position: absolute; text-transform: uppercase; top: 10px; right: 6px; z-index: 2;}
.bulid_content .right .right_top .ritop_img:after{ content: "\e61f"; color: #ff0700; font-size: 33px;position: absolute;right: 0px; top: 0px; }
.bulid_content .right .right_top .ritop_img img{ width: 100%;}
.bulid_content .right .right_top .rit_name{ display: inline-block; vertical-align: top; margin-top: 30px; width:40%;} 
.bulid_content .right .right_top .rit_name img{ width: 100%;}
.bulid_content .right .right_btm{ position: absolute; overflow: hidden; top: 50%; bottom: 0; width: 100%;}
.right_btm_left{ width: 50%; border-right: 1px solid #ddd; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; height: 100%; position: relative;}
.rbtm_name{ margin-top: 20px; margin-left: 10px; width: 60%;}
.rbtm_name img{ width: 100%;}
.rbtm_left{ position: absolute; right: 0px; bottom: -4px; width: 50%;}
.rbtm_left img{ width: 100%;}
/*行业分类*/
.Profession{background: #fff;}
.Profession li:nth-child(6):before{content: '';width: 100%;height: 1px;background: #ddd;position: absolute;top: -1px;left: 0;z-index: 1;}
.Profession li:first-child{border: none;}
.Profession li:first-child .imgBox{padding: 30% 0;}
.Profession li:nth-child(2):before,.Profession li:nth-child(4):before{content: '';height:calc( 100% + 1px);height:-webkit-calc( 100% + 1px);width: 1px;background: #ddd;position: absolute;top: 0;left: -1px;z-index: 1}

.Profession li a{display: block;}
.Profession li{box-sizing:border-box;float: left;width: 33.33%;position: relative;padding:0 10px 10px 10px;text-align: center;}
.Profession li .imgBox{margin: 10px auto;width:100%;}
.Profession li img{width:100%;}
@media screen and (min-width: 650px) {
  .Profession li:first-child .imgBox{padding: 15% 0;}
}

/*礼品*/
.building h3.font_green{ color: #6fbc5d;}
.building h3.icon-crmtubiao31:before{ font-size: 22px; margin-right: 10px;}
.bulid_content2 .left{ border-left: 1px solid #ddd;}
.bulid_content2 .right{ left: 0; top: 0px; bottom: 0px;}
.right_btm_left2{ border-right: 0;}

/*友情链接*/
.company_information{ background-color: #fff; height: auto; overflow: hidden; }
.company_information2{ border-bottom: 0 !important;}
.company_information ul.tabs{height: 40px; line-height: 40px; color: #666;}
.company_information2 ul.tabs li{ float: left; width:25%; text-align: center; font-size: 14px; box-sizing:border-box;border: 1px solid #ddd; position: relative; border-right: 0;}
.company_information ul.tabs li:first-child{ border-right: none;}
.company_information ul.tab_conbox{ padding: 0px 3.1% 20px; height: auto; overflow: hidden; width: 100%; box-sizing:border-box;}
.company_information ul.tab_conbox a{ background-color: #40bbda; color: #fff; padding: 8px 10px; margin:10px 15px 0 0; display: inline-block; border-radius: 3px;}
.tab_con{ display:none; margin-top:10px;}
.company_information2 ul.tabs li.thistab{ border-top: 1px solid #ddd; }

.caigou_inpt.caigou_Index{padding: 0 60px 0 10px;position: relative;}
.caigou_Index .btnSearch{position: absolute;width: 44px; left:10px;top:-6px;color: #40bbda; display: inline-block;}
.caigou_Index input{padding: 0 45px 0 5px;margin-top: 8px;}
#PhoneIndex{background: none;box-shadow: none;}
#PhoneIndex.active{background: rgba(48,137,231,.8);box-shadow: 0 2px 4px rgba(0,0,0,.2);}
#PhoneIndex.active .text,#PhoneIndex.active .logo{display: none;}
#PhoneIndex.active .caigou_Index{display: block;}
#PhoneIndex .text{text-align: center;color: #fff;font-size: 24px;}
#PhoneIndex .caigou_Index{display: none;}
/*header .caigou_Index .btnSearch:after{content: '';display: inline-block; width: 0;height: 0;border-left:4px solid transparent;border-right: 4px solid transparent;border-top:6px solid #333;}*/
.caigou_Index .btnSearch:before{font-size: 20px;}

.BannBox{padding: 10px;}

.newsBox ul li{padding-left:5px; line-height: 24px;border-bottom: 1px solid #ddd;}
.newsBox h3{ color: #9370da !important; height: 30px; line-height: 30px; position: relative; padding-left: 40px; padding-right: 20px; border-bottom: 1px solid #dddddd; padding-bottom: 5px; font-size: 16px;}
.newsBox h3:before{ font-size: 22px; position: absolute;top: 2px; left: 10px;}
.newsBox ul li time{font-size: 14px;color: #b2b2b2; display: block;}
.newsBox ul li a{display: block; font-size: 14px; padding:10px 80px 10px 10px;position: relative;}
.newsBox ul li a p{width: 100%; overflow: hidden;position: relative; text-overflow: ellipsis;white-space: nowrap;}
.newsBox ul li a:after{content: '';width: 10px;height: 10px;position: absolute;top: 30px;right: 35px; display:block; border: 1px solid #666666;border-width:1px 1px 0 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg); }

.Indexes{ background-color: #fff;}
.Indexes h3.title{font-size: 16px; color: #666;padding: 15px 10px; border-bottom: 1px solid #ddd;}
.Indexes h3.icon-abc:before{ font-size: 22px;color: #666; margin-right: 10px;}
.Indexes li{float: left;margin:0 0 10px 10px;}
.Indexes li a{font-size: 14px; display: block;color: #666;background: #ddd;border-radius:50%;width: 44px;height: 44px;line-height: 44px;text-align: center;overflow: hidden;}
#IndexScroll{width: 100%;}

@media screen and (max-width:1024px){
 .bulid_content .right .right_top .ritop_img:before{ top: 48px; right: 12px;

 }
 .bulid_content .right .right_top .ritop_img:after{ font-size: 50px; top: 28px;}
}
@media screen and (max-width:414px){
  nav.nav li a:before{width: 66px;height: 66px;line-height: 66px;font-size:30px;}
  .bulid_content .right .right_top .ritop_img:before{ top: 16px; right:8px;}
 .bulid_content .right .right_top .ritop_img:after{ font-size: 40px; top: 0px;}
}
@media screen and (max-width:375px){

}
@media screen and (max-width:320px){
  nav.nav li a:before{width: 44px;height: 44px;line-height: 44px;font-size:30px;}
  nav.nav li a p{ font-size: 14px;}
  .bulid_content .right .right_top .ritop_img:before{ top: 11px; right:5px; font-size: 8px;
    -webkit-transform:scale(0.7);-moz-transform:scale(0.7);transform:scale(0.7)
  }
  .bulid_content .right .right_top .ritop_img:after{ font-size: 33px; top: 0px;}
}





