@charset "utf-8";

body,html{ min-width: 1240px; overflow-x: hidden; background: #f8f8f8;}

*{ margin:0; padding:0;}

body,p,h1,h2,h3,h4,h5,table,ul,li,form,input{ margin:0; padding:0; color:#000; font-family:"Microsoft yahei";  }



body,p{ font-size:14px; border:none;}

a{ font-size:14px; color:#999; text-decoration:none; border:none; padding:0; margin:0;}

table{border-collapse:collapse;}

img{ border:0; margin:0; padding:0;}

ul,li{ list-style:none; border:0; margin:0; padding:0;}

dl,dt,dd{ margin:0; padding:0; -webkit-margin-start:0;}

h1,h2,h3,h4,h5{ font-weight:normal; font-size:12px; display:block;}

strong,b{ font-weight:normal;}

table,tr,td{ border-spacing:0;}

em,i,b{ font-style:normal;}

p{ line-height: 170%; color: #555; }

input{ border: none; background: none; }

figcaption{ display: block;}

input:focus{ outline: none; }

::-webkit-input-placeholder { /* WebKit browsers */ font-size:14px; color: #dfdfdf; } 

::-ms-input-placeholder { /* Internet Explorer 10+ */ font-size:14px;color: #dfdfdf; } 

.fl{float:left;}

.fr{float:right;}

.clearfix{*zoom:1;} 

.clearfix:before,.clearfix:after{display:table; line-height:0; content:"";}

.clearfix:after{clear:both;}

.w1240{ width: 1240px; margin: 0 auto; }



.top{background: #cd142a; height: 82px;  top: 0; width: 100%; z-index: 999;  }

.top.on{ animation-name: down; animation-fill-mode: both; animation-duration: 1s;}

.top .logo{  display: block; margin-top: 7px; padding:0 0 0 45px;}

.navbar{ position: relative; margin-left: 140px; float: left;}

.navbar li{ float: left;}

.navbar li a{ font-size: 16px; color: #fff; width: 128px;  padding: 30px 0; text-align: center; display: block;}

.scroll-nav{ width: 64px; position: absolute; left: 36px;  background: #fff; height: 2px; bottom: 0;}

.zoom{ margin-top: 35px; cursor: pointer; margin-left: 40px;}

.search-box{ position: absolute; top: 150px; width: 465px; right: 0px;

transition: all 0.6s;  opacity: 0; filter: alpha(opacity=0); visibility: hidden;}

.search-box.on{ top: 100px; right:-60px; z-index:99; opacity: 1; filter:alpha(opacity=100); visibility: visible;}

.search-box input[type=text]{ height: 46px; line-height: 46px;  width: 360px; 

float: left; padding-left: 5px; background:#fff; margin-top: -10px;}

.search-box input[type=submit]{ height: 46px; line-height: 46px; width: 60px; color: #fff; background: #CD142A; float: left; cursor: pointer;

margin-top: -10px;}



.yuyan{  font-size: 14px; text-transform: uppercase;  border-left: 1px solid rgba(255,255,255,0.4);

padding:30px 22px; height: 22px;}

.yuyan a{color: #fff; }

.yuyan img{ display: inline-block; vertical-align: middle; margin-right: 10px;}



.banner{ height: 500px !important; width: 100%; overflow: hidden; position: relative; margin-top: 0px;}
.banner .hd{ position: absolute; bottom:100px; left: 48%; z-index: 999;  }
.banner .hd li{ display: inline-block; *display: inline-block; width:15px; height:15px; border-radius: 100%; background: #fff;
  margin:0 5px; cursor: pointer; }
  
.banner .hd li.on{ background:#cd142a; }
.banner .bd li a{ display: block; }
.banner .bd li { height:500px; line-height: 0; transition:opacity 1000ms linear; -webkit-transition:opacity 1000ms linear; }
.banner .bd li img{ line-height: 0; width: 100%; height: 500px !important; }



.chaxun{  height: 85px; background:#c42e1d url(../img/tu22.png) no-repeat left center; margin-top: -85px; position: relative; z-index: 33;

overflow: hidden;}

.chaxun .input{ display: inline-block; height: 43px; width: 570px; background: #fff; border-radius: 5px; padding-left: 5px;

color: #999;}

.chaxun .sub{ display: inline-block;  width: 85px; height: 43px;  background: #e94929 url(../img/zoom.png) no-repeat 10px center; color: #fff;

border-radius: 5px; padding-left: 25px; cursor: pointer;}

.chaxun div.fr{ margin:20px 40px 0 0 ;}



.title{ padding:50px 0 25px 0;}

.title h1{ font-size: 22px; color: #cd142a; font-weight: bold;}

.title h1 span{ color: #333333; font-size: 14px; font-weight: normal; display: inline-block; padding-left: 10px;}

.title .more{ display: block; float: right; color: #cd142a; font-size: 16px; line-height: 46px; transition: all 0.7s;}

.title .more:hover{ transform: translateX(-5px);}



.scroll-img .bd li{ position: relative;}

.scroll-img {  width: 430px;	height: 400px; overflow: hidden; position: relative;}

.scroll-img .bd li img{ width: 430px; height: 400px; overflow: hidden; transition: all 0.7s;}

.scroll-img .bd li:hover img{ transform: scale(1.1);}

.scroll-img .time{ background: #CD142A; position: absolute; top: 0; left: 50px;  width: 80px;	height: 66px; transition: all 0.7s;}

.scroll-img .bd li:hover .time{ left: 0;}

.scroll-img .time strong{  color: #ffffff; font-size: 20px; text-align: center; display: block; line-height:40px;}

.scroll-img .time span{ color: #ffffff; font-size: 13px; text-align: center; display: block;  } 

.scroll-img h3{ background:#CD142A; height: 45px; line-height: 45px;  position: absolute; left: 0; width: 100%; bottom: 0;

color: #fff; padding-left: 10px;}

.scroll-img .prev,.scroll-img .next{ position: absolute; display: block; width: 0; height: 0; border:12px solid #fff; bottom: 10px;

 border-top-color: transparent; border-bottom-color: transparent; }

.scroll-img .prev{ right: 45px; border-left-color: transparent; }

.scroll-img .next{ right: 3px; border-right-color: transparent; }



.hot-news .center{ border-top: 5px solid #CD142A; background: #fff; width: 400px;	height: 395px; padding:0 20px}

.hot-news .center h3{ padding:25px 0;}

.hot-news .center h3 span{  font-size: 18px; color: #000; line-height: 1;}

.hot-news .center h3 a{  font-size: 14px; color: #000; display: block; float: right; line-height: 1;}

.hot-news .center li a{ display: block; overflow: hidden; padding:0 0 15px 0}

.hot-news .center li span{ float: left;  display: block; color: #555555; font-size: 12px;}

.hot-news .center li b{ float: right; display: block; color: #555; font-size: 12px;}

.hot-news .center li:hover span,.hot-news .center li:hover b{ color: #CD142A;}

.hot-news .right{ width: 350px; height: 395px;}

.hot-news .right a{ display: block; overflow: hidden; float: left; position: relative; overflow: hidden; width: 175px; height: 200px;}

.hot-news .right figcaption{ position: absolute; top: 85px; width: 100%; text-align: center; transition: all 0.7s;}

.hot-news .right h4{ color: #000000; font-size: 16px;}

.hot-news .right p{  color: #000000; font-size: 12px;}

.hot-news .right a:hover figcaption{ transform: translateY(10px);}



.yewu ul{ margin-right: -11px;}

.yewu li{ float: left; width: 300px; margin-right: 11px; position: relative;}

.yewu li a,.yewu li figure img{ display: block; overflow: hidden; width: 300px;	height: 320px; overflow: hidden; transition: all 0.7s;}

.yewu li:hover img{ transform: scale(1.1);} 

.yewu li figcaption h3{ background: rgba(255,255,255,0.6); position: absolute; bottom: 18px; width: 251px; color: #cd142a;

	height: 51px; text-align: center; font-size:18px; font-size: 18px; font-weight: bold; line-height: 51px; left: 24px;

	transition: all 0.7s;}

.yewu li:hover figcaption  h3{ bottom: 130px;} 



.youshi ul{ margin-right:-20px;}

.youshi li{ float: left; width: 232px;height: 178px; overflow: hidden; background: #fff; margin-right: 20px; transition: all 0.7s;

padding-top: 40px;}

.youshi li figure img{ display: block; transition: all 1s; margin:auto; perspective: 450; backface-visibility: visible;

perspective-origin:30% 10%;}

.youshi li:hover figure img{ transform: rotateY(360deg); }

.youshi li figcaption h4{ text-align: center; font-size: 18px; padding:30px 0 15px 0; transition: all 0.7s;}

.youshi li figcaption p{ text-align: center; font-size: 14px; color: #555;}

.youshi li:hover figcaption h4{ padding-top: 20px;}



.case .srcoll-tubiao{ background: #fff; padding:50px 0px;  position: relative;}

.case .ohbox{overflow: hidden; position: relative; width: 1180px; left: 60px; }

.case li{ width: 173px; height: 60px;  float: left; float: left; display: inline; margin-right: 20px; }

.case .prev,.case .next{ display: block; position: absolute; left: -60px; transition: all 0.6s;}

.case .next{ right: -60px; left: auto;}

.case .prev:hover,.case .next:hover{ opacity: 0.6;}





.footer_links{width:1240px;  margin:0 auto; margin-top:20px;}

.footer_links ul{}

.footer_links ul li{float:left; margin-right:25px;  }

.footer_links ul li span{ color:#c2bebb; font-size:14px;}











.cooper_foot {

    background: #fff;

    overflow: hidden;

}



.cooper_foot a {

    display: block;

    width: 217px;

    height: 47px;

    margin: 54px auto 16px;

    background: #ce142b;

    color: #fff;

    border-radius: 4px;

    text-align: center;

    line-height: 47px;

    font-size: 20px;

}



.cooper_foot a:hover {

    box-shadow: 0 0.7rem 1.4rem #e0e2e8, 0 0.3rem 0.6rem rgba(12, 14, 27, .065);

    transform: translateY(-.2rem);

    transition-duration: .45s;

    background-color: #ce142b;

}



.cooper_foot p {

    text-align: center;

    width: 100%;

    font-size: 14px;

    color: #333;

    line-height: 29px;

}

















.footer{ background: #2a2a2a; padding:  50px 0; margin-top: 50px;}

.footer dl{ float: left; margin-right: 90px;}

.footer dt h4{color: #ffffff; font-size: 18px; padding-bottom: 35px;}

.footer dd a{ display: block; font-size: 14px; color: #aaaaaa; padding-bottom: 20px; transition: all 0.7s;}

.footer dd a:hover{ color: #CD142A;}

.footer div.fr p{ color: #fff; font-size: 14px; padding-top: 40px; text-align: right; padding-bottom: 10px;}

.footer div.fr h3{ color: #fff; font-size: 18px;}

.footer div.fr img{ display: block; vertical-align: middle; margin-left: 20px;}

.copyright{ background: #000000; font-size: 14px; text-align: center; height: 63px; line-height: 63px; color: #aaa;}





.neibanner{  position: relative;}

.neibanner .pos{ position: absolute; width: 100%; text-align: center; padding:80px 0  50px 0;} 

.neibanner .pos h2{ font-size: 24px; text-align: center; color: #fff; font-weight: bold;}

.neibanner .pos p{ color: #fff; font-size: 14px; padding:35px 0;}

.neibanner .pos a{ display: inline-block; background:#fff; padding:10px 30px; color: #000;

margin:0 15px; border-radius: 5px; font-size: 16px;}

.neibanner .pos a.on{ background-color: #CD142A; color: #fff;}



.casepage,.newspage,.detailspage{ background: #fff; padding:20px; margin-top: 30px;}

.neipage .left{ float: left; width: 900px;}

.casepage  .left ul{width:100%;   margin-right: -20px;  float:left;}

.casepage  .left li{ float: left; margin-left: 24px; position: relative; overflow: hidden; margin-bottom: 24px;}

.casepage  .left li figure, .casepage .left li figure img{ display: block; width: 280px; height: 220px; transition: all 0.36s;}

.casepage  .left li:hover img{ transform: scale(1.1);}

.casepage  .left li figcaption{ position: absolute; bottom: 0; z-index: 3; height: 45px;  width: 100%; overflow: hidden;}

.casepage  .left li figcaption h4,.casepage .left li figcaption h3{font-size: 16px; text-align: center; color: #fff; line-height: 45px;

transition: all 0.36s; background: rgba(0,0,0,0.8);}

.casepage  .left li:hover h4{ margin-top: 0px; background: #CD142A;}

.casepage  .left li:hover h3{ margin-top: -45px;}



.neipage .right{ width:290px; float:right; overflow:hidden;}





/*新增*/



.neipage .xz{ float: left; width: 900px;}

.casepage  .xz ul{width:100%;   margin-right: -20px;  float:left;}

.casepage  .xz li{ float: left; margin-left: 24px; background:#fff; position: relative; overflow: hidden; margin-bottom: 24px;}

.casepage  .xz li figure{width: 180px;padding:50px; height: 200px; transition: all 0.36s;}

.casepage .xz li figure img{ display: block; width: 180px; height: auto; transition: all 0.56s;}

.casepage  .xz li:hover img{ transform: scale(1.1);}

.casepage  .xz li figcaption{ position: absolute; bottom: 0; z-index: 3; height: 45px;  width: 100%; overflow: hidden;}

.casepage  .xz li figcaption h4,.casepage .xz li figcaption h3{font-size: 16px; text-align: center; color: #fff; line-height: 45px;

transition: all 0.36s; background: rgba(0,0,0,0.8);}

.casepage  .xz li:hover h4{ margin-top: 0px; background: #CD142A;}

.casepage  .xz li:hover h3{ margin-top: -45px;}







.neipage .anli{ float: left; width: 100%;}

.casepage  .anli ul{width:100%;   margin-right: -20px;  float:left;}

.casepage  .anli li{ float: left; margin-left: 24px; border:1px solid #ccc; position: relative; overflow: hidden; margin-bottom: 24px;}

.casepage  .anli li figure, .casepage .anli li figure img{ display: block; width: 280px; height: 99px; transition: all 0.36s;}

.casepage  .anli li:hover img{ transform: scale(1.1);}

.casepage  .anli li figcaption{ position: absolute; bottom: 0; z-index: 3; height: 45px;  width: 100%; overflow: hidden;}

.casepage  .anli li figcaption h4,.casepage .anli li figcaption h3{font-size: 16px; text-align: center; color: #fff; line-height: 45px;

transition: all 0.36s; background: rgba(0,0,0,0.8);}

.casepage  .anli li:hover h4{ margin-top: 0px; background: #CD142A;}

.casepage  .anli li:hover h3{ margin-top: -45px;}





.toubu{ width:100%; height:39px; line-height:39px; border-bottom:1px #e0e0e0 solid;}

.toubu h2{ display:block; border-bottom:2px #d63903 solid; float:left; font-size:16px;}

.neirong{ width:100%; overflow:hidden; padding:20px 0 40px;}

.neirong li a{ display:block; line-height:36px; overflow:hidden; color:#333; font-size:14px; transition: all 0.36s;

white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.neirong li a:hover{ color:#d63903; }

.fenye{ width:100%; text-align: center; float:left;}

.fenye a{ display: inline-block; color:#000; font-size: 16px; padding:10px 15px; cursor: pointer; margin-top: 20px;}

.fenye span{ display: inline-block; font-size: 16px; padding:10px 15px; cursor: pointer; margin-top: 20px; font-weight: bold; color: #C42E1D;}

.fenye span.on,.fenye span:hover { font-weight: bold; color: #C42E1D;} 



.newspage .left li a{ display: block; overflow: hidden; clear: both; padding:15px; border-bottom: 1px solid #f5f5f5;

position: relative; z-index: 1;}

.newspage .left li a::before{ display: block; content:''; position: absolute; left: 0; width: 100%; height: 100%; top: 0%;

transform: scale(0,1);  transition: all 0.7s; z-index: -1; opacity: 0; right: 0;}

.newspage .left li:hover a::before{ transform: scale(1); background: #CD142A; opacity: 1;}

.newspage .left li figure,.newspage li figure img{float: left; width: 200px; overflow: hidden; transition: all 0.36s;}

.newspage .left li:hover figure img{ transform: scale(1.1);}

.newspage .left figcaption{ padding-left: 15px; float: left; width: 650px;}

.newspage .left li h1{ font-size: 16px; color: #C42E1D; font-weight: bold; padding:10px 0 15px 0;

white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all 0.7s;}

.newspage .left li h3{ font-size: 14px; color: #999; padding-bottom: 15px; transition: all 0.7s;}

.newspage .left li p{ font-size: 14px; color: #333; line-height: 28px; height: 86px; overflow: hidden; transition: all 0.7s;}

.newspage .left li:hover h3,.newspage .left li:hover h1,.newspage .left li:hover p{ color: #fff;}















.hzal{ background: #fff; padding:20px; margin-top: 30px;}

.hzal .left li a{ display: block; overflow: hidden; clear: both; padding:15px; border-bottom: 1px solid #f5f5f5;position: relative; z-index: 1;}

.hzal .left li a::before{ display: block; content:''; position: absolute; left: 0; width: 100%; height: 100%; top: 0%;transform: scale(0,1);  transition: all 0.7s; z-index: -1; opacity: 0; right: 0;}

.hzal .left li:hover a::before{ transform: scale(1); background: #CD142A; opacity: 1;}

.hzal .left li figure,.hzal li figure img{float: left; width: 200px; overflow: hidden; transition: all 0.36s;}

.hzal .left li:hover figure img{ transform: scale(1.1);}

.hzal .left figcaption{ padding-left: 15px; float: left; width: 650px;}

.hzal .left li h1{ font-size: 16px; color: #C42E1D; font-weight: bold; padding:10px 0 15px 0;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all 0.7s;}

.hzal .left li h3{ font-size: 14px; color: #999; padding-bottom: 15px; transition: all 0.7s;}

.hzal .left li p{ font-size: 14px; color: #333; line-height: 28px; height: 86px; overflow: hidden; transition: all 0.7s;}

.hzal .left li:hover h3,.newspage .left li:hover h1,.newspage .left li:hover p{ color: #fff;}

















.detailspage .left{width:870px ; }

.de-tit{ padding:40px 0  20px 0;  }

.de-tit h1{ font-size: 20px; color: #333; text-align: center; padding:15px 0; font-weight: bold; }

.de-tit p{ text-align: center; border-bottom:1px solid #f5f5f5; padding:0 0 20px 0; } 

.de-tit p span{ display: inline-block; margin:0 15px; font-size: 14px; color: #888;  }

.de-cont{ line-height: 38px; font-size: 14px; color: #666; }

.de-cont img{ display:block; max-width:100%; }

.de-cont p{ line-height: 38px; font-size: 14px; color: #666;  }



.fenpian{ padding:30px 0;  border-top: 1px solid #f6f6f6; margin-top: 40px;}

.fenpian>div{ padding:15x 0; }

.fenpian span{ display: block; font-size: 14px; color: #222; float: left;  vertical-align: middle; line-height: 30px; }

.fenpian p a{ font-size: 14px; color: #555; float: left; display: block; line-height: 30px; }

.fenpian a:hover{ color: #CD142A; }

.de-img{ text-align: center; padding:20px 0; }

.de-img img{ display: block; margin: auto; max-width: 100%; }

.fenpian .fanhui{ display: block; float: right; width: 150px; height: 40px; line-height: 40px; text-align: center; background: #CD142A; border-radius: 10px;

  color: #fff; cursor: pointer;}





.online{ padding:20px 40px; background:#fff; overflow:hidden; position:relative; }

.online h1{ font-size:40px; line-height:50px; font-weight:bold; text-align:center; font-family:Arial;}

.online h2{ text-align:center; font-size:16px; padding-bottom:40px; overflow:hidden;}

.online .zxly{ width:700px; overflow:hidden; margin:auto;}

.online .zxly li{ overflow:hidden; margin-top:15px;}

.online .zxly li:nth-child(1){ margin:0;}

.online .zxly li input.text{ padding:0 10px; color:#555; height:75px; line-height:75px; width:680px; background:#f8f8f8; border:none;}

.online .xxnr{ width:700px; overflow:hidden; margin:20px auto;}

.online .xxnr textarea{ padding:10px; overflow:hidden; background:#f8f8f8; width:680px; height:325px; border:none; outline:none;}

.online .ljtj{ width:700px; overflow:hidden; padding-top:15px;margin:auto;}

.online .ljtj input.sub{ background:#373636; line-height:60px; height:60px; color:#fff; border:none; font-size:18px; width:100%; cursor:pointer;}





/*关于我们*/

.about-tit{ width: 100%; text-align: center; padding: 50px 0;}

.about-tit h1{ font-size:60px; color:#9f5f22; line-height:80px; overflow:hidden; font-family:"Times New Roman", Times, serif,Arial; text-transform:uppercase;}

.about-tit h2{ font-size:24px; color:#9f5f22;}

.about-tit p{ font-size: 16px; color: #666; padding-top: 20px;}



.about-img{ float: right;}

.gywm_wz{ float: left; width: 50%;}

.gywm_wz p{ font-size: 15px; color: #666; padding-top: 0px; line-height: 36px; text-indent: 2em;}

.gywm{ background: #F5F5F5; margin-top: 50px; padding-bottom: 50px;}

.gywm .gywm_mz{ width:100%; overflow:hidden; text-align:center;}

.gywm ol{ margin-right: -50px;}

.gywm ol li{ width:273px; float:left; margin-left:50px; position:relative; cursor:pointer; padding-bottom:118px; 

overflow:hidden; transition: all 1s ease, opacity 1.5s ease;}

.gywm ol li:first-child{ margin:0;}

.gywm ol li em{ display:block; overflow:hidden;}

.gywm ol li em img{ width:100%; display:block;}

.gywm ol li .txts{ position:absolute; bottom:-130px; right:0; left:0;  text-align:center;height:260px; transition-duration:.5s;  -webkit-transition-duration:.5s;}

.gywm ol li .txts .tit{ transition:.5s; -webkit-transition:.5s; top:30px; position:relative; font-size:20px; height:120px; color:#9f5f22;}

.gywm ol li .txts .tit b{ font-size:36px; font-family:Arial; display:block; line-height:50px; font-weight:normal;}

.gywm ol li .txts .tet{ width:80%; margin:auto; position:relative; top:20px; transition:.5s; -webkit-transition:.5s; color:#fff;}

.gywm ol li:hover .txts{ bottom:0; background:#9f5f22;}

.gywm ol li:hover .txts .tit{ top:0; color:#fff;}

.gywm ol li:hover .txts .tet{ top:-30px;}



.about-ding{ background: url(../img/0000.png) no-repeat top center; height: 550px; position: relative; background-attachment: fixed;}

.about-ding .about-tit h1{  color:#fff;}

.about-ding .about-tit h2{ color:#fff;}

.about-ding  .about-tit p{ color: #fff; }

.five-item{ margin:70px auto;}

.five-tab ul {text-align: center; margin-bottom:50px;}

.five-tab ul li{ display: inline-block; margin:0 10px}

.five-tab ul li.on a,.five-tab ul li:hover a{ background: #9F5F23; color: #fff;}

.five-tab ul li a{ display: block;  background: #F5F5F5; color: #333; font-size: 15px; padding:15px 35px;}

.five-cont ul { margin-left: -15px;}

.five-cont ul li{width: 295px;  float:left; margin-left:15px; overflow: hidden; }

.five-cont ul li img{width:295px; height: 194px; overflow: hidden;}

.five-cont ul li h2{ font-size: 16px; color: #333; text-align: center; padding:10px 0;}

.five-cont ul li:hover h2{ color: #9F5F22;}

.five-cont>div{ display: none;}

.five-cont>div.selected{ display: block;}



.wjWra{ position:absolute; left:0; top:160px; z-index:90; width:100%;}

.wjWra .listWra{ width:1240px; margin:0 auto; position:relative; overflow:hidden; cursor:pointer;}

.wjWra .listWra ul{ width: 100000px; height: auto; position: relative; }

.wjWra .listWra ul li{ width:320px; float: left; height: auto; overflow:hidden; background:url(../img/listWra.png) left 90px repeat-x; padding-right:20px;}

.wjWra .listWra ul li h1{ font-size:40px; font-family:"晴圆"; color:#fff; line-height:80px;}

.wjWra .listWra ul li div{ width:100%; overflow:hidden; margin-top:60px;}

.wjWra .listWra ul li div p{ color:#fff; opacity:0.9;}



.gswz{ width:100%; overflow:hidden; padding:70px 0;}

.wode{ width:1400px; margin:0 auto;}

.wode .tou{ z-index:90; width:100%; text-align:center;}

.wode .tou h1{ color:#000; opacity:0.6; font-size:34px; font-family:Arial; text-transform:uppercase; line-height:50px;}

.wode .tou strong{ display:inline-block; position:relative; margin-top:10px;}

.wode .tou strong i{ position:absolute; top:50%; right:-50px; width:20px; height:2px; background:#000; opacity:0.6;}

.wode .tou strong b{ position:absolute; top:50%; left:-50px; width:20px; height:2px; background:#000; opacity:0.6;}

.wode .tou strong h2{ font-size:24px; overflow:hidden; color:#000;}

.gswz_pic{ width:100%; overflow:hidden; margin-top:40px;}

.gswz_pic img{ display:block; width:1200px; margin:0 auto;}



/*联系我们*/

.cxzd{ width:100%; overflow:hidden;  padding:50px 0;}

.cxzd .uptc{ padding:40px; background:#fff; overflow:hidden; position:relative;}

.cxzd .uptc .cnact{ width:450px; overflow:hidden;}

.cxzd .uptc .cnact h1{ font-size:30px;  display: inline-block;}

.cxzd .uptc .cnact h2{ padding:15px 0 15px 5px; font-size:16px; display: inline-block; color: #666;}

.cxzd .uptc .cnact em{ display:block; width:100%; height:1px; background:#ddd; overflow:hidden; position:relative;}

.cxzd .uptc .cnact em i{ width:60px; height:1px; position:absolute; left:0; top:0; background:#006960; z-index:10;}

.cxzd .uptc .cnact div{ width:100%; overflow:hidden; margin-top:20px;}

.cxzd .uptc .cnact div p{ color:#333; line-height:34px;}

.cxzd .uptc .cnact .code-ma {text-align: left; margin-top: 0;}

.cxzd .uptc .cnact .code-ma p{ text-align: center; width: 140px; font-size: 14px;}

.cxzd .uptc .yst{ width:660px; position:absolute; left:0; top:0; height:100%; padding:40px 0 40px 40px;}

.cxzd .online{ padding:50px 40px; background:#f5f5f5; overflow:hidden; position:relative; margin-top:50px;}

.cxzd .online h1{ font-size:40px; line-height:50px; font-weight:bold; text-align:center; font-family:Arial;}

.cxzd .online h2{ text-align:center; font-size:16px; padding-bottom:40px; overflow:hidden;}

.cxzd .online .zxly{ width:540px; overflow:hidden;}

.cxzd .online .zxly li{ overflow:hidden; margin-top:15px;}

.cxzd .online .zxly li:nth-child(1){ margin:0;}

.cxzd .online .zxly li input.text{ padding:0 10px; color:#555; height:75px; line-height:75px; width:540px; background:#fff; border:none;}

.cxzd .online .xxnr{ width:590px; overflow:hidden;}

.cxzd .online .xxnr textarea{background: none; border:none; padding:10px; overflow:hidden; background:#fff; width:580px; height:325px;}

.cxzd .online .ljtj{ width:100%; overflow:hidden; padding-top:15px;}

.cxzd .online .ljtj input.sub2{ background:#CD142A; line-height:60px; height:60px; color:#fff; border:none; font-size:18px; width:100%; cursor:pointer;}





/*企业查询*/

.list{margin:15px 0;}

.list li{padding:0 8px 0 20px;line-height:35px;height:35px;font-size:16px;background:url(../img/dot.gif) 10px 17px no-repeat;overflow:hidden;}

.list li span{float:right;margin:0;color:#999;font-size:12px;}

.list li:nth-of-type(8n + 0) {margin-bottom:8px;height:43px;border-bottom:#e5e5e5 dotted 1px;}

.list li:nth-of-type(8n + 0):last-child {margin-bottom:0;border-bottom:0}



.side .box-title{line-height:35px;font-size:16px;color:#e83c3c;border-bottom:2px solid #e83c3c; text-indent:0.5em;}

.side .box-body{line-height:35px;}

.side .ad{margin-bottom:12px;}





/* 信用公示搜索 */

.search_title{padding:15px 0 30px;font-size:30px;font-weight:bold; text-align:center;}

.search_bar{

	margin:0 auto 20px;

	padding:20px 0;

	width:880px;

	background-color:#f8f8f8;

	text-align:center;

	}

.search_bar .text{

	padding:0 8px;

	width:500px;

	height:40px;

	line-height:40px;

	border:1px solid #e83c3c;

	border-radius:3px 0 0 3px;

	background:#fff;

	}

.search_bar .submit{

	width:100px;

	height:42px;

	line-height:42px;

	border-radius:0 3px 3px 0;

	background-color:#e83c3c;

	color:#fff;

	}



/* 信用公示列表 */

.credit-list {

    margin-bottom:20px;

    width:1200px;

	}

.credit-list ul li{

    float:left;

	width:140px;

    text-align:center;

    line-height:50px;

	height:50px;

	}

.credit-list ul li strong{

	font-size:16px;

	font-weight:normal;

	}

.credit-list ul.title li{

    font-size:16px;

	font-weight:bold;

	border-bottom:2px solid #aaa;

	}

.credit-list ul.con li{

    font-size:14px;

	height:50px;

	overflow:hidden;

	border-bottom:1px solid #e5e5e5;

	}

.credit-list ul li.w400{

	width:400px;

	text-align:left;

	text-indent:0.5em;

	}

.credit-list ul li.w240{

	width:240px;

	}

	

	

/* 专业服务样式 */



.services_banner {

    width: 100%;

    height: 450px;

    overflow: hidden;

    background: url(../img/services_banner.png) center center no-repeat;

}



.services_font {

    width: 510px;

    height: 112px;

    text-align: center;

    margin: 118px auto 0;

}



.services {

    font-size: 50px;

    color: #fff;

    line-height: 90px;

}



.zyk_services {

    font-size: 14px;

    color: #fff;

}



.services_plat {

    height: 518px;

    overflow: hidden;

}



.platform {

    width: 1100px;

    height: 317px;

    margin: 90px auto 0;

    -webkit-animation: fadeInUp 1s ease-in-out forwards;

    -moz-animation: fadeInUp 1s ease-in-out forwards;

    -o-animation: fadeInUp 1s ease-in-out forwards;

    animation: fadeInUp 1s ease-in-out forwards

}



.platform img {

    display: block;

    float: left;

}



.platform .platform_font {

    float: right;

    margin-right: 92px;

    margin-top: 55px;

}



.platform_font h4 {

    font-size: 30px;

    color: #333;

    font-weight: normal;

    margin-bottom: 30px;

}



.platform_font p {

    font-size: 18px;

    color: #333;

    line-height: 38px;

}



.services_staff {

    height: 167px;

    background: url(../img/staffbg.png) center center no-repeat;

    overflow: hidden;

}



.staff {

    margin: 0 auto;

}



.staff h4 {

    font-size: 30px;

    color: #fff;

    text-align: center;

    width: 100%;

    margin-top: 36px;

    line-height: 76px;

    font-weight: normal;

    padding-left: 90px;

}



.staff p {

    font-size: 14px;

    color: #fff;

    width: 100%;

    text-align: center;

    padding-left: 90px;

}



.services_foot_box {

    height: 520px;

    overflow: hidden;

    opacity: 0;

}



.position_one {

    position: relative;

    top: 1px;

}



.services_foot {

    width: 1100px;

    height: 100%;

    margin: 0 auto;

}



.services_foot img {

    display: block;

    float: right;

    margin-top: 90px;

    margin-right: 14px;

}



.services_foot_font {

    margin-top: 132px;

    float: left;

}



.services_foot_font h4 {

    font-weight: normal;

    font-size: 30px;

    color: #333;

    line-height: 98px;

}



.services_foot_font p {

    font-size: 18px;

    line-height: 38px;

    color: #333;

}	

	
/*add*/
.shou_cen{width:1001px;height:1446px;background:url(../img/shou_bg.jpg) no-repeat center;margin:0 auto;margin-bottom: 20px}
.shou_nav{border-bottom: 1px solid #e5e5e5;width:100%;margin:0 auto}
.show_c1{width:790px;height:165px;margin:0 auto;border-bottom: 1px solid #aacefb;padding-top: 163px}
.show_b{height:67px;line-height: 67px;color:#000;font-size: 30px;}
.s1_an{height:49px;padding-top: 15px}
.s1_an a{color:#fff;padding:5px;text-align: center;margin-right: 11px}
.s1_a1{background:#adcb85}
.s1_a2{background:#fab13d}
.s1_a3{background:#f57792}
.ewm{padding-top: 15px;padding-left: 96px}
.xxsj{padding-left: 35px;padding-top:20px}
.shou_c2{width:790px;height:344px;margin:0 auto;border-bottom: 1px solid #aacefb;}
.s_c2_b{height:83px;line-height: 83px;font-size: 18px;}
.s_c2_n{line-height: 38px;}
.san_a{color:#f61000;font-size:36px;font-weight: bold}
.s_c2_a{background:#fff;color:#3496ff;border:1px solid #3496ff;padding:5px;margin-left:7px}
.s_c2_a:hover{color:#3496ff}
.shou_c3{width:790px;height:533px;margin:0 auto;border-bottom: 1px solid #aacefb;}
.s_c3_c{width:440px;height:auto;overflow: hidden}
.s_c3_r{width:350px;height:auto;overflow: hidden}
.s_c2_n_w{width:728px; }
.c_s2_fw{width:790px;height:auto;overflow: hidden;margin:0 auto;line-height: 36px;min-height: 150px;}
.c_jyfw_b{width:61px;font-weight: bold}
.shou_c4{width:790px;height:56px;margin:0 auto;border-bottom: 1px solid #aacefb;line-height: 56px}
.fxts{color:#ff5858}





@keyframes down{

	from{transform: translateY(-100%); opacity: 0;}

	to{ transform: none; opacity: 1;}

}

@media screen and (max-width: 1650px){

	.top .logo{ padding-left: 10px; width: 260px; margin-top: 18px;}

	.logo img{width: 260px;}

	.navbar{ margin-left: 10px;}

}



@media screen and (max-width: 1360px){

		.yuyan{ display: none;}

}




@media screen and (max-width: 1300px){
		.zoom{ display: none;}
		.navbar{ position: absolute; left:280px; overflow: hidden; height: 82px;}
}