html{background:#FFF;color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{margin:0;padding:0;}img{border:0; margin:0;}ol,ul{list-style:none;}h1,h2,h3{font-weight:normal;font-size:100%;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-weight:inherit;font-size:inherit;font-family:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}a{color:inherit;text-decoration:none;}

/*******CSS reset*************/

body{color:#444;font-size:14px;font-family:'Microsoft YaHei',SimHei,SimYou,SimSun,Arial;z-index:2;}

.f12{font-size:12px;}

.f16{font-size:16px;}

.bold{font-weight:bold;}

.white{color:#fff;}

.t_r{text-align:right;}

.left{ float:left;}

.right{ float:right;}

.clear{clear:both;}

.relative{position:relative;}

.absolute{position:absolute;}

.rel_center{position:relative;left:50%;}

.hidden{display:none;}

.w{ width:1180px; margin:0 auto; }



.banner {position: relative;height: 782px}

.banner #bannerSwiper {height: 782px;}

.banner .swiper-slide {

  position: relative;

  height: 782px;

  float: left;

}

.banner .swiper-slide a{

  display:block;

  width:100%;

  height: 100%;

}



.banner .pagination {

  position: absolute;

  font-size:0;

  left: 0;

  text-align: center;

  bottom: 13px;

  width: 100%;

  z-index: 9;

}



.banner .pagination .swiper-pagination-switch {

  display: inline-block;

  width: 10px;

  height: 10px;

  border-radius: 10px;

  border:2px solid #fff;

  opacity: 0.6;

  margin: 0 5px; background:#FFF;

  cursor: pointer;transition: all 0.5s ease 0s;

  -moz-transition: all 0.5s ease 0s;

  -webkit-transition: all 0.5s ease 0s;

}



.banner .pagination .swiper-active-switch {

  background: #f9aa00;border:2px solid #f9aa00; width:30px;

  opacity: 1;

}





.pro-sider {

  float: left;

  width: 260px;

}



.pro-sider .in-title {

  height: 80px;

  background: url(../images/i-pro-title.jpg) no-repeat center;

  text-align: center;

  line-height: 1;

  overflow: hidden;

}



.pro-sider .in-title h3 {

  margin-top: 20px;

  font-size: 22px;

  color: #fff;

  margin-bottom: 5px;

}



.pro-sider .in-title em {

  font-size: 13px;

  color: #728dbc;

}



.pro-sider .pro-sider-ul {

  border: 1px solid #ededed;

  background: #fff;

  border-top: none;

  overflow: hidden;

}



.pro-sider .pro-sider-ul .ul-li {

  padding: 0 15px;

  height: 59px;

}



.pro-sider .pro-sider-ul .ul-li a {

  position: relative;

  height: 58px;

  line-height: 58px;

  font-size: 14px;

  color: #595959;

  display: block;

  padding-left: 10px;

  padding-right: 30px;

  border-bottom: 1px dashed #ededed;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}



.pro-sider .pro-sider-ul .ul-li a h2{

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}



.pro-sider .pro-sider-ul .ul-li a div.icon {

  position: absolute;

  width: 16px;

  height: 16px;

  text-align: center;

  line-height: 16px;

  background: #ededed url(../images/sider-bg-01.png) no-repeat center;

  border-radius: 50%;

  right: 8px;

  top: 50%;

  margin-top: -8px;

  font-size: 12px;

}



.pro-sider .pro-sider-ul .ul-li:hover,

.pro-sider .pro-sider-ul .ul-li.active {

  background: #268ae7;

}



.pro-sider .pro-sider-ul .ul-li:hover a,

.pro-sider .pro-sider-ul .ul-li.active a {

  border: none;

  color: #fff;

}



.pro-sider .pro-sider-ul .ul-li:hover div.icon,

.pro-sider .pro-sider-ul .ul-li.active div.icon {

  background: #0058b1 url(../images/sider-bg-02.png) no-repeat center;

}

.pro-sider .pro-sider-ul .ul-li:last-child a {

  border-bottom: none;

}



.pro-sider .pro-sider-tel {

  overflow: hidden;

  height: 100px;



  line-height: 1;



  font-size: 20px;



  color: #0058b1;



  border: 1px solid #ededed;



  border-top: none;



  padding-left: 80px;



  background: url(../images/sider-tel.png) no-repeat 25px center;



}



.pro-sider .pro-sider-tel span {



  display: block;



  margin: 30px 0 8px;



  font-size: 14px;



  color: #808080;



}



.pro-sider .pro-sider-tel em {

  letter-spacing: 2px;

  font-weight: bold;

}

.logo{float: left; margin-top: 21px;}

.nav{float: right; margin-top: 38px; height: 71px;}

.nav li{width: 112px; position: relative; float: left; height: 66px; border-bottom: 5px solid #fff;}

.nav li>a{ font-size: 18px; color: #373735; font-weight: bold;text-align: center; display: block;}

.nav li>a i{width: 8px; height: 6px; display: block; background: url(../images/nav.png) center no-repeat; float: right; margin-top: 7px; margin-right:5px; }

.nav li:hover{ border-bottom: 5px solid #e50214;}

.nav li:hover>a{ color:#e50214;}

.nav li dl{width:100%; position: absolute; top: 71px; left: 0; z-index: 99;}

.nav li dd{width: 100%; overflow: hidden; height: 0px; margin-top: 2px; background: #e50214; font-size: 18px; text-align: center; color: #fff; line-height: 35px;

-moz-border-radius: 3px; /* Firefox */

  -webkit-border-radius: 3px; /* Safari 和 Chrome */

  border-radius: 3px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */

transition: all 0.5s ease 0s;

  -moz-transition: all 0.5s ease 0s;

  -webkit-transition: all 0.5s ease 0s;	

	}

.nav li:hover dd{height: 35px;}

.nav li dd:hover{text-decoration: underline;}

.about{width: 100%; float: left; height: 634px; padding-top: 75px; background: url(../images/aboutbj.jpg) center no-repeat;}

.bt{width: 100%; text-align: center; line-height:1.8; background: url(../images/bt.png) bottom center no-repeat; padding-bottom: 30px;}

.bt p{width: 100%;font-size: 30px; color: #0092d6;}

.bt p font{color: #e50214;}

.bt span{ font-size: 20px; color: #646464; text-align: center; display: block;}

.aboutw{width: 568px; margin-left: 80px; text-indent: 36px; float: left; margin-top: 60px; font-size: 18px; color: #505050; line-height: 2;}

.aboutw ul{width: 100%; margin-top: 20px;}

.aboutw li{width:100%; height: 40px; line-height: 40p;text-indent:32px; background: url(../images/aboutli.png) left center no-repeat;}

.aboutmore{width: 202px; height: 45px; display: block; background: url(../images/aboutmore.png) center no-repeat; font-size: 16px; color: #fff; line-height: 45px ; text-indent: 50px; margin-top: 37px; }

.aboutpic{float: right; margin-top: 74px;margin-right: 100px;}

.pro{width: 100%; overflow: hidden; float: left; margin-top: 69px;}

.pro ul{width: 105%; height: 247px; background:url(../images/proul.png)355px center no-repeat; margin-top: 54px; }

.pro li{width: 245px; text-align: center ; line-height: 3; height: 265px; margin:0 79px; float: left; }

.pro li p{width: 245px; height: 245px; overflow: hidden; border: 1px solid #e7e7e7;

-moz-border-radius: 50%; /* Firefox */

  -webkit-border-radius: 50%; /* Safari 和 Chrome */

  border-radius:50%; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */

}

.pro li p img{width: 245px; height: 245px;transform:translate(0,0); transition:all .5s ease-in 0s;}

.pro li:hover p img{transform: scale(1.1); transition: all .5s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all .5s ease 0s;}

.pro li p span{display: block;width:  245px; height: 245px;}

.promore{width: 100%; display: block; text-align: center; margin-top: 50px; font-size: 30px; color: #1b1b1b; background: url(../images/pormore.png) bottom center no-repeat; padding-bottom: 20px;}

.news{width: 100%; overflow: hidden; height: 807px; padding-top: 60px; background: url(../images/newsbj.jpg)  center no-repeat; margin-top: 70px; }



.newsbt{width: 100%; text-align: center; line-height:1.8; background: url(../images/newsbt.png) bottom center no-repeat; padding-bottom: 30px;}

.newsbt p{width: 100%;font-size: 30px; color: #fff;}

.newsbt p font{color: #fff;}

.newsbt span{ font-size: 20px; color: #fff; text-align: center; display: block;}

.news ul{width: 105%; }

.news ul li{width: 368px; height: 466px; background: #fff; float: left; margin-right:38px; margin-top: 70px; }

.news ul li dd{width: 368px; height: 228px; overflow: hidden;}

.news ul li dd img{width: 368px; height: 228px;transform:translate(0,0); transition:all .5s ease-in 0s;}

.news li:hover dd img{transform: scale(1.1); transition: all .5s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all .5s ease 0s;}

.news li p{padding: 25px; font-size: 14px; color: #7a7a7a; line-height: 2; }

.news li font{display: block;width: 103px; height: 34px; background: #0092d6; margin-bottom: 5px; font-size: 16PX; color: #FFF; text-align: center; line-height: 34px;

-moz-border-radius: 3px; /* Firefox */

  -webkit-border-radius: 3px; /* Safari 和 Chrome */

  border-radius: 3px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */

}

.news li span{display: block; font-size: 16px; color: #403e3e; line-height: 2; margin-bottom: 5px;}

.newsmore{width: 202px; height: 45px; margin: 50px auto;display: block; background: url(../images/aboutmore.png) center no-repeat; font-size: 16px; color: #fff; line-height: 45px ; text-indent: 50px; margin-top: 37px; }

.icontactw{width: 100%; margin-top: 20px; float: left; padding-bottom: 180px; background:url(../images/ewm.png) bottom center no-repeat; }

.icontactw li { line-height: 81px; font-size: 16px;  float: left;  color: #333333; padding-left: 75px; height: 81px;}

.icontactw li p{line-height: 2 !important; font-size: 15px; margin-top: 11px;}

.icontactw li:nth-child(1){background:url(../images/icontact1.png) left center no-repeat;  }

.icontactw li:nth-child(2){background:url(../images/icontact2.png) left center no-repeat;  }

.icontactw li:nth-child(3){background:url(../images/icontact3.png) left center no-repeat;  }

.news-main{width: 100%; background: #f5f5f5; padding: 80px 0; float: left;}

.pro-sider .pro-sider-ul .ul-li a h2{font-weight: bold; font-size: 16px; }

.pro-sider .in-title h3{font-weight: bold; }

.inner-contact .title h3{font-weight: bold;  }

.info-center .infoCenter-right .center-content{font-size: 18px; line-height: 2;}
.common-inner .inner-right .news-detail-content .news-detail p {font-size: 18px !important; line-height: 2 !important;}
.common-inner .inner-right .jobs-info-content p {
    font-size: 18px !important;
    color: #333;
    line-height:2  !important;
}
.common-inner .inner-right .de-news-list ul li .box h4{font-size: 18px !important;}
.common-inner .inner-right .de-news-list ul li .box p{font-size: 16px !important;}
.prodect-Info .info-center .infoCenter-right .center-title{font-size: 20px !important ;font-weight: bold !important;}
.common-inner .inner-right .search-list ul li .title h3, .common-inner .inner-right .de-product-list ul li .title h3{font-size: 18px !important;}
.common-inner .inner-right .de-contact .contact-list ul li{font-size: 16px !important;}
#main .news-main .online-main {



  width: 480px;



  float: right;



}



#main .news-main .online-main .title {



  height: 40px;



  line-height: 40px;



  font-size: 18px;



  font-weight: bold;



  color: #323232;



  border-bottom: 1px solid #ededed;



  margin-bottom: 20px;



}



#main .news-main .online-main .online-form {



  overflow: hidden;



}



#main .news-main .online-main .online-form input {



  float: left;



  display: block;



  width: 460px;



  padding: 0 9px;



  height: 40px;



  line-height: 40px;



  border: 1px solid #ededed;



  margin-bottom: 13px;



  font-size: 14px;



  color: #323232;



}



#main .news-main .online-main .online-form input.code {



  width: 300px;



}



#main .news-main .online-main .online-form a {



  display: block;



}



#main .news-main .online-main .online-form a.code {



  float: right;



  height: 42px;



  max-width: 130px;



  line-height: 42px;



  font-size: 0;



  text-align: center;



}



#main .news-main .online-main .online-form a.code img {



  display: inline-block;



  vertical-align: middle;



  max-width: 100%;



  max-height: 100%;



}



#main .news-main .online-main .online-form textarea {



  display: block;



  float: left;



  font-size: 14px;



  color: #323232;



  width: 460px;



  border: 1px solid #ededed;



  height: 120px;



  line-height: 30px;



  padding: 5px 9px;



  margin-bottom: 26px;



}



#main .news-main .online-main .online-form .btn-box {



  float: left;



  width: 100%;



  overflow: hidden;



}



#main .news-main .online-main .online-form .btn-box a.btn {



  display: block;



  width: 100%;



  height: 42px;



  text-align: center;



  line-height: 42px;



  background: #268ae7;



  color: #fff;



  margin: 0 auto;



}

.common-inner .inner-right .de-about-content p{font-size: 18px !important; line-height: 2 !important;}
.common-inner .inner-right .de-honor-list ul li .title{font-size: 18px !important;}
.common-inner .inner-right .de-message .tips{font-size: 16px !important;}
#main .news-main .online-main .online-form .btn-box a.btn:hover {



  background: #0058b1;}

.online-form{margin-top: 60px;}

.footer{ float: left; position: relative;width: 100%; height: 276px; background: url(../images/footerbj.jpg) center no-repeat;}

.fnav{width: 100%; line-height: 2; margin-top: 32px;}

.fnav li{width: 236px; float: left; font-size: 16px; color: #ffffff;}

.fnav li dd{ font-size: 14px; color: #fff;}

.fnav li dl{width: 100%; float: left; margin-top: 20px;}

.admin{ position: absolute; width: 1180px; bottom: 0; font-size: 14px; color: #767676; height: 60px; line-height: 60px;}

.admin .backtop{width: 40px; height: 40px; float: right; display: block; float: right; margin-top: 10px; background: url(../images/backtop.png) center no-repeat; }

.fixed-banner{width: 100%; }

.common-inner .inner-right .search-list ul li, .common-inner .inner-right .de-product-list ul li {

    border: 2px solid #fff;

    float: left;

    width: 270px;

    margin: 0 80px 60px !important;





/*# sourceMappingURL=./index.css.map */