/* q_css */
@charset "utf-8";
body,*,html,a,h1,h2,h3,span,div,ul,li{margin:0; padding:0px;}
body{font-family:Microsoft Yahei; font-size:12px; color:#666; text-decoration:none; line-height:160%;  }
ul,li{list-style:none;}
.clearfix:after{ content: "020"; display: block; height: 0; clear: both; visibility: hidden;  }
.clearfix {  /* 触发 hasLayout */   zoom: 1;  }

img{border:0px;}
.fl{float:left;}
.fr{float:right;}

a{color:#666; text-decoration:none;}
a:hover{ color:#eca100;}
.yellow{ color:#eca100;}

a.grey{ color:#999;}
a.grey:hover{ text-decoration:underline;}

:focus{ outline:none;}
h3{ font-weight:normal;}
em,i{ font-style:normal;}

.wrapper{ width:1100px; margin:0 auto;}
.top{ height:40px; color:#ccc; line-height:40px; background-color:#333; font-family:simsun;}
.top a{ color:#ccc;}
.top a:hover{ color:#eca100;}
.top .wel{ padding-left:15px; background:url(images/chog.png) no-repeat left center;}
.top .hotline{background:url(images/tels.png) no-repeat 5px center; padding:5px; padding-left:25px; }

.header{ height:90px;}
.header .logo{ margin-top:16px; float:left}
.header .logo img{ width:233px;}
.header .nav{ float:right; width:734px; margin-top:30px;}
.header .nav li{ float:left; font-size:14px; font-weight:bold; padding-left:54px;}
.header .nav li.on a{ color:#eca100;}

/*banner*/
.slider-wrapper {width:100%; height:550px; overflow:hidden; position: relative; }
.theme-default {width:100%; height:550px; position:relative; overflow:hidden;}
.theme-default #slider {width:1920px; height:550px;position:absolute; left:50%; top:0; margin-left:-960px;}
.theme-default .nivoSlider {position:relative;background:#fff url(loading.gif) no-repeat 50% 50%; -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a; -moz-box-shadow: 0px 1px 5px 0px #4a4a4a; box-shadow: 0px 1px 5px 0px #4a4a4a;}
.theme-default .nivoSlider img {position:absolute; top:0px; left:0px; display:none;}
.theme-default .nivoSlider a {border:0; display:block;}
.theme-default .nivo-controlNav {position:absolute; left:50%; bottom:10px; margin-left:-55px;}
.theme-default .nivo-controlNav a {display:block;width:22px;height:22px;background:url(images/bullets.png) no-repeat;text-indent:-9999px;border:0;float:left;}
.theme-default .nivo-controlNav a.active {background-position:0 -22px;}
.theme-default .nivo-directionNav a {display:block;width:30px;height:30px;background:url(images/arrows.png) no-repeat;text-indent:-9999px;border:0;}
.theme-default a.nivo-nextNav {background-position:-30px 0; right:100px;}
.theme-default a.nivo-prevNav {left:100px;}
.theme-default .nivo-caption {font-family: Helvetica, Arial, sans-serif;}
.theme-default .nivo-caption a {color:#fff; border-bottom:1px dotted #fff;}
.theme-default .nivo-caption a:hover {color:#fff;}

.nivoSlider {position:relative;}
.nivoSlider img {position:absolute;top:0px;left:0px;}
.nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;z-index:6;display:none;}
.nivo-slice {display:block;position:absolute;z-index:5;height:100%;}
.nivo-box {display:block;position:absolute;z-index:5;}
.nivo-directionNav a {position:absolute;top:45%;z-index:9;cursor:pointer;}
.nivo-prevNav {left:0px;}
.nivo-nextNav {right:0px;}
.nivo-controlNav a {position:relative; z-index:9; cursor:pointer;}
.nivo-controlNav a.active {font-weight:bold;}

.keyword{ color:#fff; height:70px; background-color:#e8aa01; line-height:70px; font-size:14px; font-weight:bold;}
.keyword a{ color:#fff;}
.keyword a:hover{ text-decoration:underline;}
.keyword .feedback,.keyword .pro{ display:inline-block;*dispaly:inline;*zoom:1; border-radius:5px;padding:7px 25px; line-height:20px;}
.keyword .feedback{ border:2px solid #fff; }
.keyword .pro{ background-color:#333; margin-left:10px; border:2px solid #333; }

.hometit{ height:50px;}
.hometit h3{ font-size:17px; font-weight:bold; padding-bottom:25px; background:url(images/linew.jpg) no-repeat left bottom; float:left; color:#333;}
.hometit .info{ margin-left:30px; float:left;}
.homeabout{ margin-top:70px; margin-bottom:40px;}
.homeabout .hometit .more{ float:right; border-radius:5px; border:1px solid #eca100; color:#eca100; padding:5px 15px;}
.homeabout .conn{ margin-top:40px;}
.homeabout .conn li{ float:left; width:346px; margin-right:30px;}
.homeabout .conn .tit{ font-weight:bold; font-size:14px; color:#333; margin:20px 0px;}
.homeabout .conn .info{ margin-bottom:30px;}
.homeabout .conn .more{ border:1px solid #ccc; border-left:#d9a800 2px solid; padding:5px 15px;}
.homeabout .conn li.remove{ margin-right:0px;}
.homepro{ padding:60px 0; height:444px; background:url(images/swe.jpg) no-repeat top center;}
.homepro .hometit h3{ color:#fff;}
.homepro .prolist{ float:right;}
.homepro .prolist li{ float:left; color:#d9a800; font-weight:bold; padding:15px 0; border-top:1px solid #72918b; border-bottom:1px solid #72918b;}
.homepro .prolist li a{ color:#dce3e1;}
.homepro .prolist li a:hover{ color:#d9a800;}
.homepro .prolist li em{ color:#72918b; padding:0 18px; font-weight:normal;}
.homepro .prolist .li01{ border-top:2px solid #d9a800;border-bottom:2px solid #d9a800; padding:14px 15px;}
.homepro .prolist .li02{ width:15px;}
.homepro .pro{ margin-top:40px;}
.homepro .pro li{ float:left; margin:0 4px; width:267px; background:url(images/sebg.jpg) #fff  no-repeat top right;}
.homepro .pro .txt{ padding:25px 30px; font-family:simsun;}
.homepro .pro .titname{ width:60px;}
.homepro .pro .tit{ height:40px; overflow:hidden;}
.homepro .pro .tit span{ font-size:14px; color:#d9a800; font-weight:bold;}
.homepro .pro .info td{ padding-top:15px;}
.homepro .pro .img img{ width:100%; height:220px;}
.homenews{ padding:60px 0; background-color:#f3f3f3;}
.homenews .hometit .more{ float:right; font-size:16px;}
.homenews .hometit .more em{ padding:3px 6px; background:#e8aa01; color:#fff;}
.homenews .newshot{ margin-top:40px;}
.homenews .txt{ width:314px; float:left; padding:24px 30px; height:151px;}
.homenews .tit{ font-weight:bold; color:#333; font-size:14px; margin-bottom:15px;}
.homenews .info{ padding-bottom:20px; border-bottom:1px dotted #ccc; margin-bottom:20px;}
.homenews .timer{ color:#d9a800;}
.homenews .timer a{ color:#d9a800;}
.homenews .timer a:hover{ text-decoration:underline;}
.homenews .newshot01 .txt{ background-color:#fff;}
.homenews .newslist{ margin-top:40px;}
.homenews .newslist li{ float:left; width:346px; margin-right:30px;}
.homefeedback{ background:url(images/be.jpg) no-repeat center center; height:308px; text-align:center; color:#fff; overflow:hidden;}
.homefeedback .tit{ margin-top:60px; font-weight:bold; font-size:14px;}
.homefeedback .symbol{font-size:36px;color:#d9a800; font-weight:bold; height:70px; line-height:70px; font-family:Arial, Helvetica, sans-serif;}
.homefeedback .info{ margin-bottom:30px;}
.homefeedback .btn{border:#d9a800 1px solid; color:#d9a800; padding:7px 25px; border-radius:5px;}
.homefeedback .btn:hover{ text-decoration:underline;}

.footbg{ background-color:#303030; padding:30px 0 40px; font-family:Arial, Helvetica, sans-serif; color: #888;}
.footbg a{ color: #888;}
.footbg a:hover{text-decoration:underline;}
.footnav{ color:#fff; margin-bottom:40px;}
.footnav a{ color:#fff;}
.footnav a:hover{ color:#eca100; text-decoration:none;}
.footnav li{ float:left; padding-right:12px;}
.footnav .li01 a{ color:#eca100;}
.footnav .print{ padding-left:20px; background:url(images/print.gif) no-repeat left center;}
.footnav .gotop{padding-left:30px; background:url(images/top.gif) no-repeat 10px center;}
.homelink{ width:318px; margin-right:84px; float:left;}
.homelink .tit{ color:#eca100; margin-bottom:20px;}
.homelink .info a{ word-break:keep-all;}
.homecontact{ width:340px; float:left;}
.homecontact .tit{ margin-bottom:18px;}
.record{ width:310px; float:right; text-align:right;}

.foot{ background:#282828; padding:10px 0; text-align:center; color:#888888; font-family:Arial, Helvetica, sans-serif; overflow:hidden;}
.foot .cnzz{ float:right; margin-top:25px;}

/*conent*/
.bannerx{ height:200px; background:url(images/bannerx.jpg) no-repeat center center;}
.mainbg{ padding:30px 0; background:url(images/mainbg.jpg) no-repeat center bottom; background-color:#f0f0f0;}
.main{ background-color:#fff; width:1100px; margin:0 auto; font-size:13px; line-height:160%;}
.main .bigtit{ margin:0 20px; padding:20px 0px; border-bottom:1px solid #eee;}
.main .bigtit h3{ float:left; border-left:2px solid #eca100; font-size:24px; padding-left:10px;}
.main .bigtit span{ float:right; padding-left:20px; background:url(images/homeicon.png) no-repeat left 3px;}
.main .conn{ padding:20px;}
.main .news{}
.main .news li{ float:left; margin-right:65px; margin-bottom:30px; border-bottom:1px dotted #ccc;}
.main .news .riqi,.main .news .tit,.main .news .img{ float:left;}
.main .news .riqi{ font-size:25px; font-weight:bold; color:#eea100; text-align:right; font-family:Verdana, Geneva, sans-serif; line-height:35px;}
.main .news .riqi em{ font-size:14px; color:#aaa; font-style:normal; font-weight:normal;}
.main .news{ width:1200px;}
.main .news .tit{width:369px; margin-left:15px;}
.main .news .tit h3{ font-size:16px; color:#666; font-weight:bold; }
.main .news .tit .xneirong{line-height:18px; margin-top:5px; color:#999;}
.main .news a:hover .xneirong{ color:#eea100;}
.main .news .img{ width:16px; height:16px; background:url(images/xiaojiantou.png) no-repeat center center; margin-top:20px; margin-left:10px;}
.main .prolist{border-top:1px solid #72918b; border-bottom:1px solid #72918b; position:relative; background-color:#3c554f;}
.main .prolist li{ float:left; color:#d9a800; font-weight:bold; padding:15px 0; }
.main .prolist li a{ color:#dce3e1;}
.main .prolist li a:hover,.main .prolist li a.on{ color:#d9a800;}
.main .prolist li em{ color:#72918b; padding:0 18px; font-weight:normal;}
.main .prolist .li01{ border-top:2px solid #d9a800;border-bottom:2px solid #d9a800; padding:14px 15px; margin-top:-1px; margin-bottom:-1px;}
.main .prolist .li02{ width:20px;}
.main .pro{ margin-top:40px;}
.main .pro li{ float:left; margin:0 3px; width:256px; background:url(images/sebg.jpg) #fff  no-repeat top right; border:1px solid #eee; margin-bottom:6px; transition:.5s;}
.main .pro .txt{ padding:25px 25px; font-family:simsun;}
.main .pro .titname{ width:65px;}
.main .pro .tit{ height:40px; overflow:hidden;}
.main .pro .tit span{ font-size:14px; color:#d9a800; font-weight:bold;}
.main .pro .info td{ padding-top:15px;}
.main .pro .img{ overflow:hidden;}
.main .pro .img img{ width:100%; height:220px; transition:.5s;}
.main .pro a:hover .img img{ transform:scale(1.1,1.1);}
.main .pro li:hover{ transform:translateY(-10px); box-shadow:0 10px 10px #ccc;}

.tabpro{ width:100%; border-collapse:collapse; }
.tabpro td{ border:1px solid #ccc; padding:3px; text-align:center; }

.messagetit { font-size: 14px; font-weight: bold; line-height: 30px; height: 30px; }
.messagetarea { padding: 10px; border: 1px solid #dedede; font-size: 16px; line-height: 26px; font-family: microsoft yahei; color: #666; resize: none; width:1030px; height: 160px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }
.messagetarea:focus { color: #333; border: 1px solid #15b1ac; outline: none; background: #fff; }
.messageinput { width: 323px; padding: 10px; height: 26px; line-height: 26px; font-size: 14px; border: 1px solid #dedede; margin: 0 5px 0 0; font-family: microsoft yahei; color: #666; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }
.messageinput:focus { color: #333; border: 1px solid #15b1ac; outline: none;  background: #fff; }
.messagebtn { width: 200px; text-align: center; line-height: 50px; height: 50px; font-size: 16px; border: 0; background: #b8c5ce; color: #2d3e50; border-radius: 4px; font-family: microsoft yahei; cursor: pointer; margin-right: 10px; margin-bottom: 30px; }
.messagebtn.btnon { width: 500px; color: #fff; background: #15b1ac; }
.messagebtn:hover { opacity: .8; filter: alpha(opacity=80); }

.bannerslide .swiper-slide { background-position: center; background-size: cover; position: relative; height: 550px; }
.bannerslide .swiper-slide .wrapper { position: relative; height: 100%; }
.bannerslide .swiper-slide a { display: block; width: 100%; height: 100%; }
.paginationw { position: absolute; left: 0; text-align: center; bottom: 10px !important; width: 100%; z-index: 9; }
.swiper-pagination-bullet { background: #fff; }
.swiper-pagination-bullet-active { background: #007bba; }




@media (max-width: 1160px){
  .wrapper { width: 100%; padding: 0 20px; box-sizing: border-box; }

  .homeabout .conn li { width: 32%; margin-right: 2%; }
  .homeabout .conn li:nth-child(3n) { margin-right: 0; }
  .homeabout .conn li .img img { display: block; width: 100%; }
  .homepro .pro { overflow: hidden; }




}


@media (max-width: 800px){

  .top .wel { display: none; }
  .top .fr { display: none; }
  .top .fl { float: none; text-align: center; }

  .header { height: auto; }
  .header .logo { float: none; }
  .header .logo img { display: block; margin: 0 auto; }
  .header .nav { float: none; width: auto; overflow: hidden; padding: 10px 0; margin: 20px -20px 0; background: #f1f1f1; }
  .header .nav li { padding: 0; width: 33.33333%; text-align: center; }
  .header .nav li a { display: block; line-height: 30px; }
  .header .nav li:last-child { display: none; }

  .bannerslide .swiper-slide { height: 180px; }

  .keyword { overflow: hidden; }
  .keyword .fr { float: none; width: 100%; text-align: center; }

  .homeabout { margin: 30px 0; }
  .hometit { height: auto; }
  .hometit h3 { padding-bottom: 15px; margin-bottom: 15px; float: none; }
  .hometit .info { margin: 0 0 10px 0; float: none; }
  .hometit .info br { display: none; }
  .homeabout .hometit .more { float: none; display: inline-block; }
  .homeabout .conn { margin-top: 20px; }
  .homeabout .conn li { width: 100%; float: none; margin-right: 0; margin-bottom: 20px; }
  .homeabout .conn .tit { margin: 10px 0; }
  .homeabout .conn .info { margin-bottom: 10px; }
  .homeabout .conn .more { display: inline-block; }

  .homepro { padding: 30px 0; height: auto; background-size: cover; }
  .homepro .prolist li { margin-bottom: -1px; }
  .homepro .pro { margin: 20px auto 0; padding: 0; width: 90%; }
  .homepro .prolist li:last-child em { display: none; }

  .homenews { padding: 30px 0; }
  .homenews .hometit h3 { float: left; }
  .homenews .newshot { margin-top: 20px; }
  .homenews .newshot .newshot01 img { display: block; width: 100%; }
  .homenews .txt { width: auto; }
  .homenews .newslist { margin-top: 20px; }
  .homenews .newslist li { width: auto; line-height: 30px; float: none; }

  .homefeedback { padding: 0 20px; }

  .homelink { float: none; width: auto; }
  .homecontact { float: none; width: auto; }
  .footnav { display: none; }
  .record { float: none; margin-top: 20px; text-align: left; }

  .foot { padding: 20px 0; }

  .bannerx { height: 90px; background-size: cover; }

  .main { width: auto; }
  .main .conn { font-size: 16px; line-height: 30px; }
  .main .conn img { max-width: 100%; }

  .main .news { width: auto; }
  .main .news li { float: none; overflow: hidden; margin-right: 0; }

  .main .prolist li { font-size: 14px; line-height: 24px; padding-left: 6px; }
  .main .prolist .li02 { width: 10px; }
  .main .prolist li em { padding: 0 6px; }
  .main .prolist li:last-child em { display: none; }

  .main .pro { margin-top: 20px; }
  .main .pro li { float: none; width: 100%; box-sizing: border-box; margin: 0 0 20px; }
  .main .pro .img img { height: auto; }
  .main .pro .titname { font-size: 12px; }

  .messagetarea { width: 100%; box-sizing: border-box; }
  .messageinput { width: 100%; height: 46px; box-sizing: border-box; }
  .messagebtn.btnon { width: 100%; margin-top: 20px; box-sizing: border-box; margin-bottom: 10px; }
  .messagebtn { width: 100%; box-sizing: border-box; }

  .lianxiwomen table td { display: block; }

  #dituContent { display: none; }


}






























{}
