/* ==========================================================================
   Global p:#eb3d00; s:#;
   ========================================================================== */
html {
   font-size: 62.5%;
}
a {
   color:#6d7073;
   -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
}
a:hover {
   color: #d30000;
}
body {
   color: #343536;
   font: 12px/1.6 "Microsoft Yahei", arial, "Hiragino Sans GB", sans-serif;
   background: #fff;
}
.wrapper {
   width: 1000px;
   margin-left: auto;
   margin-right: auto;
}
.wrapper:after, .row:after,.container:after ,.innerwrapper:after{
   content: "";
   display: table;
   clear: both;
}
.container, .topbar, header, footer {
   min-width: 1000px;
}
.en-txt {
   text-transform: uppercase;
}

.lilast{
   margin-right: 0px;
}

/* ==========================================================================
   Header
   ========================================================================== */
header {

   position: relative;
   left: 0;
   top: 0;
   width: 100%;
   z-index: 999;
}
.header-bg {
   /*min-width: 1152px;*/
   /*background: url(../images/headerbg.jpg) repeat-x;*/
   height: 99px;
}
.header-row1{
   height: 32px;
   line-height: 32px;
   vertical-align: middle;
   color: #fff;
}

.header-row1 a{
   color:#fff;
}

header .wrapper {
   position: relative;
   z-index: 999;
}
.logo {
   position: absolute;
   padding: 10px 0 0 0;
}
header .tel {
   line-height: 24px;
   top: 24px;
   position: absolute;
   left: 560px;
}
header .tel i{
   color: #ca2d36;
   padding-right: 5px;
   font-size: 14px;
}
.lang {
   position: absolute;
   right: 0px;
   top: 12px;
   line-height: 30px;
}
.lang span{
   padding: 0 10px;
}

.lang img{
   padding: 0 5px 2px 0;
}

.lang a{
   vertical-align: middle;

}
/*header .lang .fa {
   color: #d30000;
   font-size: 15px;
   line-height: 25px;
   float: left;
   padding-right: 8px;
}

.lang a {
   float: left;
   color: #8e8e8e;  
}*/

/*.lang .cn {
   background: url(../images/cn.gif) no-repeat 0;
}
.lang .en {
   background: url(../images/en.gif) no-repeat 0;
}
.lang .pipe {
   float: left;
   padding: 0 8px 0 5px;
}*/

/* search */
.globalsearch {
   position: absolute;
   top: 45px;
   right: 0px;
}
.globalsearch .search-ipt, .globalsearch .search-btn {
   float: left;
   border: 0 none;
   background: transparent;
}
.globalsearch .search-ipt {
   width: 143px;
   height: 26px;
   padding: 2px 40px 2px 8px;
   line-height: 26px;   
   border: 1px solid #ededed;
      -webkit-border-radius: 12px;
      -moz-border-radius: 12px;
      border-radius: 12px;
   /*background: url(../images/searchInput_bg.jpg) no-repeat;*/
}
.globalsearch .search-btn {
   width: 40px;
   margin-left: -40px;
   height: 30px;
   cursor: pointer;
   /*background-color: #eb3d00;*/
   -webkit-border-radius: 0 6px 6px 0;
      -moz-border-radius: 0 6px 6px 0;
      border-radius: 0 6px 6px 0;

}
.globalsearch .search-btn .fa {
   color: #b8b7b7;
   font-size: 15px;
   -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
   
}
.globalsearch .search-btn:hover .fa {
   color: #ca2d36;
   font-size: 20px;
   vertical-align: middle;
}

/* ==========================================================================
   Nav
   ========================================================================== */

.navbak{
   width: 100%;
   height: 48px;
  background-image: url(../images/navbak.jpg);
  background-repeat: repeat-x;
}

.globalnav {
  width: 1000px;
  margin: 0 auto;
  /*margin-top: 103px;*/
  
}
.globalnav li {
   float: left; 
     /*border-right: 1px solid #4b4b4b;display: block;
      line-height: 44px;*/
      /*position: relative;*/
}

.globalnav li > a i{
   position: absolute;
   bottom: 3px;
   left: 50%;
   margin-left: -4px;
   font-size: 8px;
   color: #fff;
   text-align: center;
   opacity: 0;
   -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.globalnav li.active > a i{
  
   opacity: 1;
   
}

.globalnav li > a {
   display: block;
   color: #fff;
   padding: 0 34px;
   font: 14px/48px microsoft yahei;
   *float: left;
   position: relative;
}
.globalnav span {
   float: left;
   display: block;
   line-height: 48px;
   color: #b10209;
}
.globalnav .active a, .globalnav li .active1 {
   color: #fff;
}
.globalnav .dropdown {
   position: absolute;
   left: 0px;
   width: 100%;
   z-index: 99;
   background: #fafafa;
   display: none;
   background:rgba(255, 255, 255, 0.9)!important;
filter:Alpha(opacity=90); background:#fff; 

}
.globalnav .dropdown .wrapper{
   padding: 40px 0;
   min-height: 140px;

}
.dropdown .wrapper .dpic{
   position: absolute;
}
.dropdown .wrapper h1{
   font-size: 18px;
   padding-left: 320px;
}

.dropdown .wrapper .menu,.dropdown .wrapper .menupro{
   /*position: absolute;*/
   padding-left: 320px;
   padding-top: 20px;
   width: 635px;
}


.dropdown .wrapper .menu a{
   display: block;
   float: left;
   /*width: 133px;*/ 
width: 33.333333%;
   
   color: #333;
   line-height: 30px;
   font-size: 14px;
}

.dropdown .wrapper .menupro a{
   display: block;
   float: left;
   width: 33.333333%;
   /*width: 133px;*/ 
   color: #333;
   line-height: 30px;
   font-size: 14px;
}


/*
.globalnav .dropdown a {
   white-space: nowrap;
   line-height: 32px;
   color: #333;
   background: none;
   border-top: 1px solid #f1f1f1;
}
.globalnav .dropdown a:hover {
   color: #fff;
   background: #e52228;
}*/

/* ==================================
   banner
   ================================== */
.banner {
   position: relative;
   overflow: hidden;
   min-width: 1000px;
   width: 100%;
   height: 459px;
}
.banner .bd li a {
   position: absolute;
   left: 0;
   top: 0;
   overflow: hidden;
   background-position: 50% 50%;
   background-repeat: no-repeat;
   background-size: cover;
   width: 100%;
   height: 459px; /* superslide 取值规定必须是具体数值 */
}
.banner .hd {
   position: absolute;
   width: 200px;
   left: 50%;
   bottom: 22px;
   height: 15px;
   /*background: #8e9195;*/
   line-height: 0;
   overflow: hidden;
   font-size: 0;
   /*margin-left: -50px;*/
}
.banner .hd li {
   float: left;
   background: url(../images/bannertipout.png) no-repeat;
   cursor: pointer;
   width: 12px;
   height: 12px;
   line-height: 0;
   overflow: hidden;
   font-size: 0;
   margin-right: 6px;

}
.banner .hd .on {
   background: url(../images/bannertipon.png) no-repeat;
}

/* ==========================================================================
   Content
   ========================================================================== */

.row-info{
   padding-top: 40px;
}
.row-info .col{
   position: relative;
   float: left;
   margin-right: 35px;
   
}


.row-info .col1{
   
   
}

.iprocate{
   border-top: solid 2px #e2481d;
   border-left: solid 1px #dadbdb;
   border-right: solid 1px #dadbdb;
   border-bottom: solid 1px #dadbdb;
   width: 283px;
   height: 210px;
   overflow: hidden;

}
.row-info .col1 h1{
  font-size: 14px;  
  color: rgb( 226, 72, 29 );
  line-height: 34px;
  background-color: #f9f9f9;
  padding: 0 20px 2px;
   
}
.row-info .col2{
   border-top: solid 2px #dedddd;
   width: 680px;
   height: 287px;
   /*overflow: hidden;*/
   
}

.row-info .col2 h2{
  font-size: 14px;
  color: rgb( 226, 72, 29 );
  border-top:  solid 2px #e2481d;
  margin-top: -2px;
  line-height: 48px;
  width: 64px;
  text-align: center;
}

.row-info .find1{
   width: 85%;
   margin: 0 auto;
   padding-top:20px;
}

.row-info .find1 select{
   width: 100%;
   margin-top: 10px;
   color: #777;
}

.row-info .col-last{  
   margin-right: 0;

}

.ifeedback {
   margin-top: 25px;
}

.ifeedback a{
   display: block;
   background: url(../images/indexfdbak.jpg) no-repeat;
   width: 285px;
   height: 49px;
   text-align: center;
   line-height: 49px;
   font-size: 14px;
}

/* pro */

.proleft .hd{
   position: relative;
}
.proleft .hd a{
   cursor: pointer;
   width: 10px;
   height: 19px;
   
   top: 13px;
}
.proleft .hd .next{
   position: absolute;
   background: url(../images/rightout.png) no-repeat;
 right: 10px;


}
.proleft .hd .next:hover{
   background: url(../images/righton.png) no-repeat;
}

.proleft .hd .prev{
   position: absolute;
   background: url(../images/leftout.png) no-repeat;
   right: 37px;
}
.proleft .hd .prev:hover{
   background: url(../images/lefton.png) no-repeat;
}

.proleft .bd{
   width: 680px;
   overflow: hidden;
   
}
.proleft .bd ul li{
   width: 208px;
   height: 237px;
   float: left;
   margin-right: 25px;

   background-color: #f7f7f7;
   border: 1px solid #dadada;
}

.ipinfo {
   width: 188px;
   height: 86px;
   margin: 15px auto 0;
   overflow: hidden;

}

.ipinfo  a{
   display: block;
   color: #000;
   font-weight: bold;
   padding-bottom: 10px;

}
/*row-company*/
.row-company{
   background-color: #f1f5f8;
   margin-top: 40px;
}
.row-company .col{
   float: left;
   margin-right: 30px;
}
.row-company .col1{
   width: 285px;
   height: 270px;
}
.row-company .col1 h2,.row-company .col2 h2{
   color: #303335;
   font-size: 14px;
   padding: 20px 0 15px;
}
.row-company .col1 h2 i,.row-company .col2 h2 i{
   padding-right: 15px;
}
.row-company .col1 img{
   padding-bottom: 15px;
}
.row-company .col1 p{
   color: #000;
}

.row-company .col3{
   float: right;
   padding-top: 50px;
}
.row-company .col3 a{
   padding-bottom: 25px;
   display: block;
}
.row-company .col-last{
   margin-right: 0px;
}

.sol{
   margin-top: 20px;
}
.sol li{
   width: 100px;
   /*height: 110px;*/
   float: left;
   text-align: center;
   -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
      margin-right: 14px;
}
.sol li:hover{
   background-color: #4197d1;
}
.sol li a{
  font-size: 14px;
  color: rgb( 48, 51, 53 );
  display: block;
  padding-bottom: 20px;

}

.sol li:hover a {
   color: #fff;
}

.solpic{
   width: 83px;
   height: 83px;
   margin: 10px auto 0;
   overflow: hidden;
   background-repeat: no-repeat;
   background-position: center -65px;
   -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
}
.solpic1{
   background-image: url(../images/sol1.png);
}
.solpic2{
   background-image: url(../images/sol2.png);
}
.solpic3{
   background-image: url(../images/sol3.png);
}
.solpic4{
   background-image: url(../images/sol4.png);
}


.sol li:hover .solpic {
   background-position: center 15px;
}

/* news */

.row-news{
   padding: 30px 0;
   overflow: hidden;
}
.row-news .col{
  
}

.row-news .col1{
 float: left;
   width: 702px;
}

.row-news .col2{
   width: 250px;
   float: right;
}


.col2 .col-title{
   height: 35px;
   line-height: 35px;
   vertical-align: middle;
   border-bottom: 3px solid #e8e8e8;
   position: relative;
}
.col2 .col-title .fa{
   padding-top: 10px;
   font-size: 16px;
}


.col2 .col-title h2{ 
   font-size: 16px;
   color: #333;
   width: 87px;
   text-align: center;
}

.col2 .col-title .col-title-b{ 
   position: absolute;
   bottom: 0;
   left: 0;
   height: 3px;
   width: 87px;
   margin-bottom: -3px;
   background-color: #eb3d00;
}

.row-news .col2 img{
   padding-top: 33px;
   
}

.index-news .hd {
   border-bottom: 1px solid #eb3d00;
   height: 35px;
   overflow: hidden;
}
.index-news .hd .more{
   padding-top: 7px;
   float: right;
}

.index-news .hd ul li{
   float: left;
   width: 147px;
   height: 35px;
   cursor: pointer;
   text-align: center;
   line-height: 35px;
   color: #fff;
   font-size: 14px;
   margin-right: 10px;
   background-color: #999;
}
.index-news .hd ul li.on{
   background-color: #eb3d00;
}

.index-news .bd{
   padding-top: 15px;
   height: 210px;
}

.picfocus-out{
position: absolute;
 width: 259px;
   height: 174px;   
   border: 18px solid #ededed;
}

.picfocus{
  position: relative;
  width: 259px;
   height: 174px; 
   overflow: hidden;
}

.picfocus .hda{
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
  
}
.picfocus .hda ul li{
   float:left; 
   margin-left:2px;  
   width:23px; 
   height:18px; 
   line-height:18px; 
   text-align:center; 
   background:#fff; 
   cursor:pointer;
   color: #000;
   opacity: 0.7;


}
.picfocus .hda ul li.on{
   background:#db521c; 
   cursor:pointer;
   opacity:1;
   color: #fff;

}





.inew-imp{
   padding-left: 321px;
   
}
.inew-imp a{
   color: #eb3d00;

}
.inew-imp p{
   color: #000;
   border-bottom: 1px dotted #666;
   margin-bottom: 7px;
   padding-bottom: 9px;
}

.inews-list{

   padding-left: 321px;
}


.inews-list li{
   line-height: 26px;
   
}

.inews-list li a{
   color: #666;
   -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;

}
.inews-list li a:hover{
   color: #eb3d00;

}
.inews-list li a i{
   padding-right: 3px;

}

/* ==========================================================================
   Footer
   ========================================================================== */
footer {
   /*padding: 15px 0;*/
   /*border-top: 1px solid #eceeef;*/
   color: #fff;
   line-height: 2;
   background-color: #313131;
   clear: both;
   /*min-height: 303px;*/
}

footer .wrapper{
   position: relative;
   /*overflow: hidden;*/
   /*min-height: 260px;*/

   

}

footer .foot-info {
   position: absolute;
   top: 28px;
   right: 0px;
   width: 179px;
}

footer .foot-info .footerNum{
   width: 179px;
   height: 68px;
   /*background: url(../images/footerphone.jpg) no-repeat;*/
}

footer .foot-info span{
   display: block;
   /*float: right;*/
   /*padding-right: 27px;*/
   font-size: 14px;
   /*padding-top: 10px;*/
   /**width:282px;*/
   text-align: left;

}

footer .foot-info h1{
   /*float: right;*/
   /*padding-right: 24px;*/
   margin:0;
   font-size: 24px;
   /*font-style: italic;*/
   line-height: 26px;
   /**width:282px;*/
   /*text-align: right;*/

}

footer .foot-info .footfocus{
   padding-top: 8px;
   height: 41px;
}

footer .foot-info .footfocus a{
   line-height: 41px;
   padding-right: 12px;
}

footer .foot-info .footfocus a:last-child{
   
   padding-right: 0;
}

footer .foot-copyright{
   width: 100%;
   background-color: #1c1c1c;
   text-transform: uppercase;
   text-align: center;
}

footer .foot-copyright .wrapper{
   min-height: 0;
   padding:10px 0;
}

footer .foot-copyright a,footer .foot-copyright span{
   /*padding: 10px 0;*/
   vertical-align: middle;
}

footer a {
   color: #fff;
}
footer a:hover {
   text-decoration: underline;
   color: #f1f1f1;
}

.footer-nav {
   min-height: 190px;


}
.footer-nav > li {
   width: 33.333333%;
   /*border-right: 1px solid #464646;*/
   padding-left: 30px;
   padding-top: 20px;
   height: 200px;
   -moz-box-sizing: border-box;  /*Firefox3.5+*/
     -webkit-box-sizing: border-box; /*Safari3.2+*/
     -o-box-sizing: border-box; /*Opera9.6*/
     -ms-box-sizing: border-box; /*IE8*/
     box-sizing: border-box; /*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
     background: url(../images/footline.png) no-repeat right center;

}

.footer-nav li a {
   display: block;
   
   color: #fff;
   font-size: 14px;
   padding-bottom: 15px;

}

.footer-nav li ul li{
   float: left;
   width: 28%;
}

.footer-nav li ul li a {
   display: block;
   color: #fff;
   font-size: 12px;
   padding:0;
}
.footer-nav li a:hover {
   text-decoration: underline;
   color: #f1f1f1;
}

.footer-nav > .ftcontact{
   background: url(../images/ftcontactbak.png) no-repeat center center;
}

/*flybut*/

.maintools{
   position: fixed;
   top: 243px;
   right: 33px;
}
.maintools >ul >li{
   width: 78px;
   height: 78px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   -o-border-radius: 4px;
   border-radius: 4px;
   margin-bottom: 5px;
   background-color: #6b6b6b;
   text-align: center;
}
.maintools >ul >li >a{
   text-align: center;
   color: #fff;
}
.maintools >ul >li >a img{ 
   padding: 14px 0 6px;
}

.maintools .hid{
   display: none;
}

.li-qq,.li-qr{
   position: relative;
}


.maintools #qrcodecon{
   position: absolute;
   margin-left: -107px;
   top: 0;
   border: 1px solid #f5f5f5;
   padding: 10px;
   background-color: #fff;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   -o-border-radius: 4px;
   border-radius: 4px;

}

.maintools #qqcon{
   position: absolute;
   margin-left: -107px;
   top: 0;
   border: 1px solid #f5f5f5;
   padding: 10px;
   background-color: #fff;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   -o-border-radius: 4px;
   border-radius: 4px;
}