@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;}
.mt15{ margin-top: 15px !important;}
.mt12{ margin-top: 16px;}
.mt20{ margin-top: 10px !important;}
.mt30{ margin-top: 30px!important;}
.mt50{ margin-top: 50px!important;}
.mt95{ margin-top: 95px!important;}

.mb0{ margin-bottom: 0!important;}
.mb10{ margin-bottom: 10px!important;}
.mb12{ margin-bottom: 12px!important;}
.mb15{ margin-bottom: 15px!important;}
.mb20{ margin-bottom: 20px!important;}
.mb25{ margin-bottom: 25px!important;}
.mb30{ margin-bottom: 30px!important;}

.ml0{ margin-left: 0px!important;}
.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!important;}
.mr40{ margin-right: 40px;}
.p0{ padding: 0px!important;}
.p10{ padding: 10px!important;}
.p15{ padding: 15px!important;}
.p20{ padding: 20px!important;}
.pt0{ padding-top:0!important;}
.pt10{ padding-top: 10px;}
.pt15{ padding-top: 15px;}
.pt20{ padding-top: 20px;}
.pt30{ padding-top: 30px;}
.pb0{ padding-bottom: 0px!important;}
.pb5{ padding-bottom: 5px!important;}
.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';  /* project id 805951  */
  src: url('http://at.alicdn.com/t/font_805951_s65jxfbc7t.eot');
  src: url('http://at.alicdn.com/t/font_805951_s65jxfbc7t.eot?#iefix') format('embedded-opentype'),
  url('http://at.alicdn.com/t/font_805951_s65jxfbc7t.woff') format('woff'),
  url('http://at.alicdn.com/t/font_805951_s65jxfbc7t.ttf') format('truetype'),
  url('http://at.alicdn.com/t/font_805951_s65jxfbc7t.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-tianmaopaidui:before { content: "\e63a"; }

.icon-gouwucheman:before { content: "\e63d"; }

.icon-pinpaizhuanxiang:before { content: "\e63e"; }

.icon-icon2:before { content: "\e63f"; }

.icon-dangmianfu:before { content: "\e640"; }

.icon-jipiao:before { content: "\e641"; }

.icon-job:before { content: "\e642"; }

.icon-weibiaoti105:before { content: "\e643"; }

.icon-weizhi:before { content: "\e6e0"; }

.icon-cheng:before { content: "\e67f"; }

.icon-shoujihao:before { content: "\e688"; }

.icon-renzheng1:before { content: "\e601"; }

.icon-renzheng:before { content: "\e644"; }

.icon-fanhui:before { content: "\e64e"; }

.icon-icon:before { content: "\e615"; }

.icon-qianjin:before { content: "\e665"; }

.icon-chenggong2:before { content: "\e67b"; }

.icon-wrong1:before { content: "\e645"; }

.icon-zhuyi:before { content: "\e646"; }

.icon-youxiang:before { content: "\e687"; }

.icon-xiala2:before { content: "\e648"; }

.icon-dingwei:before { content: "\e653"; }

.icon-dingdanbao:before { content: "\e686"; }

.icon-wenzhang:before { content: "\e649"; }

.icon-kefu:before { content: "\e64b"; }

.icon-shangjiguanli:before { content: "\e64c"; }

.icon-shangji:before { content: "\e64d"; }

.icon-xinxi:before { content: "\e65f"; }

.icon-yingxiaobao:before { content: "\e610"; }

.icon-like:before { content: "\e79d"; }

.icon-zizhi:before { content: "\e64f"; }

.icon-renzheng2:before { content: "\e60f"; }

.icon-lianxiren:before { content: "\e662"; }

.icon-xiangce-yigai:before { content: "\e654"; }

.icon-kehu:before { content: "\e655"; }

.icon-renzhengguanli:before { content: "\e650"; }

.icon-danganguanli:before { content: "\e81b"; }

.icon-fenlei3:before { content: "\e656"; }

.icon-shezhi:before { content: "\e657"; }

.icon-wenzhangguanli:before { content: "\e658"; }

.icon-tongji:before { content: "\e608"; }

.icon-huabankaobei:before { content: "\e65c"; }

.icon-user-plus:before { content: "\f139"; }

.icon-Plus:before { content: "\e6bd"; }

.icon-Plus1:before { content: "\e6bf"; }

.icon-Plus2:before { content: "\e6c0"; }

.icon-Plus3:before { content: "\e6c1"; }












/*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;}
}