body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }

body{ font-family:"微软雅黑"; font-size:14px;  color:#333; padding-top: 97px;}

td,th,caption { font-size:14px; }

h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }

address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;}

a { color:#555; text-decoration:none; }

a:hover { text-decoration:none; }

img { border:none; max-width: 100%; }

ol,ul,li { list-style:none; }

input, textarea, select, button { font:14px Verdana,Helvetica,Arial,sans-serif; }

table { border-collapse:collapse; }

.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}

.clearfix { *zoom:1; }

.container{ width: 1200px; box-sizing: border-box; padding:0 15px; margin:0 auto; }

.nav-fix{ position: fixed; left: 0; top: 0; width: 100%; z-index: 10000; background: #fff; }

.about-banner{ height: 569px; box-sizing: border-box; background: url(../images/about-banner.png) center no-repeat; padding-top: 100px; }

.text-center{ text-align: center; }

.aboutu-banner-tt{ font-size: 33px; color: #fff; font-weight: bold; margin-bottom: 60px; }

.banner-list-back{ background: #fff; box-sizing: border-box; border-radius: 8px; padding:20px; width: 205px; margin:0 auto; height: 180px; }

.banner-list-tt{ font-size: 19px; font-weight: bold; }

.banner-list-tt span{ color: #e21939; font-size: 25px; }

.banner-list li{ float: left; width: 33.333333%; box-sizing: border-box; }

.banner-list-back p{ font-size: 14px; margin-top: 10px;}

.banner-phone{ display: block; width: 290px; box-sizing: border-box; border-radius: 4px; height: 50px; font-family:"Arial"; padding-left: 130px; position: relative; overflow:hidden; background: #e21939; color: #fff; font-size: 22px; font-weight: bold; line-height: 50px; margin:60px auto 0 auto; }

.banner-phone1{ display: block; width: 210px; box-sizing: border-box; border-radius: 4px; height: 50px; font-family:"Arial"; padding-left: 130px; position: relative; overflow:hidden; background: #e21939; color: #fff; font-size: 22px; font-weight: bold; line-height: 50px; margin:20px auto 0 auto; }

.banner-phone span{ position: absolute; left: 0; top: 0; width: 98px; display: block; height: 50px; font-size: 18px; text-align: center;  font-family:"微软雅黑"; color:#e21939; background: #fff;  }

.banner-phone:after{ display: block; content: ""; position: absolute; left: 98px; top: 0; height: 50px; width: 21px; background: url(../images/btn-i.png) center no-repeat; }

.banner-phone1 span{ position: absolute; left: 0; top: 0; width: 98px; display: block; height: 50px; font-size: 18px; text-align: center;  font-family:"微软雅黑"; color:#e21939; background: #fff;  }

.banner-phone1:after{ display: block; content: ""; position: absolute; left: 98px; top: 0; height: 50px; width: 21px; background: url(../images/btn-i.png) center no-repeat; }

.number-list li{ float: left; width: 33.333333%; box-sizing: border-box; }

.number-list{ border-bottom: solid 1px #ddd; padding:30px 0; box-sizing: border-box; margin-top: 20px; }

.number-tt{ font-size: 30px; color: #666; }

.number-txt{ font-size: 30px; color: #e21939; margin-top: 20px;}

.fw-tt{ font-size: 33px; color: #666; margin:70px 0; }

.fw-list li{ float: left; width: 50%; padding:0 25px; box-sizing: border-box;  }

.fw-border{ border:solid 1px #ddd; box-shadow: 1px 2px 3px #ccc; box-sizing: border-box; padding:30px; height: 250px; }

.pull-left{ float: left;  }

.pull-right{ float: right; }

.fw-left{ width: 119px; margin-top: 50px; }

.fw-width{ width: 280px; margin-left: 35px; box-sizing: border-box; }

.fw-border-tt{ font-size: 25px; color: #333; margin-bottom: 15px;}

.cb-back{ background: #f2f2f2; padding:50px 15px 40px 15px; box-sizing: border-box; margin-top: 100px; }

.cb-tt{ font-size: 33px; color: #666; }

.cb-tt-sm{ font-size: 16px; color: #666; margin: 15px auto 0 auto; max-width: 580px; }

.cb-img{ margin:35px 0;  }

.cb-bottom{ font-size: 16px; color: #e22e2f; }

.xg-list li{ float: left; width: 50%; padding:0 15px; box-sizing: border-box; }

.xg{ margin-top: 70px; }

.xg-list{ margin-top: 65px; }

.xg-txt{ max-width: 430px; margin:15px auto; font-size: 16px; }

.lc img{ max-width: 980px; }

.lc-bottom{ font-size: 19px; color: #666; }

.bz{ padding: 70px 15px; }

.bz-img{ margin:30px 0; }

.fw-list{ margin:0 -25px; box-sizing: border-box; }

.bz-more{ width: 135px; height: 40px; border:solid 1px #ddd; display: block; margin:0 auto; font-size: 16px; color: #666; line-height: 38px; text-align: center;  }

/******知识保护****/

.header{  }

.logo{ margin-right: 10px; padding:12px 0; }

.logo-txt{ margin-top: 8px; padding:12px 0; }

.nav-list li{ float: left; margin-left: 40px; }

.nav-list li a{ display: block; height: 70px; line-height: 70px; font-size: 16px; color: #060606; position: relative; }

.swiper-container, .swiper-container .swiper-wrapper, .swiper-container .swiper-slide {

    height: auto;

}

.swiper-container img{ width: 100%; }

.number-back{ background: #f8f7f7; padding:40px 0; }

.col-xs-3{ width: 25%; padding:0 15px; float: left; box-sizing: border-box; }

.col-xs-4{ width: 33.333333%; padding:0 15px; float: left; box-sizing: border-box;  }

.row{ margin:0 -15px; }

.row:after{ display: table; content: ""; clear:both; }

.number-red{ font-size: 40px; color: #ee2b2b; margin-bottom: -5px; }

.number-b{ font-size: 18px; color: #535353; }

.nr-tt{ font-size: 33px; margin:50px 0 80px 0; }

.zx-icon{ position: relative; padding-left: 80px; margin-bottom: 80px; }

.zx-img{ position: absolute; left: 0; top: 0; }

.zx-icon-tt{ font-size: 22px; color: #333131; }

.zx-icon-txt{ font-size: 14px; color: #333131; padding-left:20px;}

.fs-back{ background: #f8f7f7; padding-top: 20px;} 

.fs-border{ border:solid 1px #ddd; background: #fff; padding-bottom: 30px; margin-bottom: 70px; }

.fs-top{ height: 164px; border-bottom: solid 1px #ddd; background: #f8f7f7; }

.fs-tt{ font-size: 25px; color: #333131; padding-top: 10px; }

.fs-img{ margin-top: -90px; } 

.fs-txt-c{ width: 220px; margin:45px auto 0 auto; height: 120px; }

.fs-txt-c p{ margin-bottom: 15px; background: url(../images/icon01.png) left 4px no-repeat; padding-left: 20px; font-size: 16px; }

.fs-more{ display: block; width: 144px; height: 44px; background: #e33b3b; color: #fff; font-size: 16px; line-height: 44px; text-align: center; margin:0 auto; }

.fs-more1{ display: block; width: 244px; height: 44px; background: #e33b3b; color: #fff; font-size: 16px; line-height: 44px; float: right; text-align:center; margin:0 auto; }

.hb-list li{ float: left; width: 25%; padding:0 15px; box-sizing: border-box; margin-bottom: 20px; }

.hb-list{ margin:0 -15px 100px -15px; }

.hb-list li img{ border:solid 1px #ddd; width: 100%; }

.hb-tt{ margin-top: 80px; }

.tj-back{ background: #f2f2f2; padding-top: 50px; padding-bottom: 70px; }

.tj-tt{ margin:0; color: #3f3e3e; }

.tj-tt-sm{ font-size: 16px; color: #3f3e3e; margin-bottom: 50px; }

.tj-back01{ background: #9b9a9b; height: 120px; width: 730px; position: relative; margin:0 auto 30px auto; font-size: 25px; line-height: 120px; color: #fff; padding-left: 150px; box-sizing: border-box; }

.tj-img01{ position: absolute; left: 36px; height: 100%; width: 78px; background: url(../images/tj01.png) center no-repeat;  }

.tj-back02{ background: #e13334; color: #2e2e2e; }

.tj-img02{ background: url(../images/tj02.png) center no-repeat;}

.tj-back03{ background: #333; }

.tj-img03{ background: url(../images/tj03.png) center no-repeat;}

.why-tt-sm{ font-size: 25px; color: #363535; margin-bottom: 10px; }

.why-txt{ width: 500px; }

.why-txt p{ font-size: 16px; color: #363535; margin-bottom: 10px; }

.why-width{ max-width: 820px; margin:0 auto 70px auto; }

.why-txt02{ width: 550px; }

.why-txt02 p{ line-height: 35px; }

.why-txt03{ margin-top: 30px; }

.why-bottom{ margin-bottom: 20px; font-size: 16px; color: #363535; }

.navbar-toggle{ display: none; }

.top-back{ background: #1e1e1e; padding:5px 0; font-size: 12px; color: #fdfdfd; }

.top-back a{ color: #fdfdfd; }

.top-back a:hover{ color: #e33b3b; }

.top-phone{ margin-left: 30px; }

.nav-list li.active a{ color: #e33b3b; }

.nav-list li.active a:before,.nav-list li a:hover:before{ display: block; content: ""; position: absolute; left: 0; bottom: 0; width:100%; height: 3px; background: #e33b3b; }

.nav-list li a:hover{ color: #e33b3b; }

/********案例页面*******/

.map{ height: 657px; width: 680px; margin:-60px auto -100px auto; }

.map-tt{ font-size: 24px; color: #1b1b1b; margin-top: 60px; }

.aj-left{ font-size: 24px; }

.map-container{ max-width: 680px; margin:0 auto 30px auto; position: relative; }

.aj-right{ font-size: 14px; color: #1b1b1b; position:relative; padding-left: 40px; margin-top: 5px; }

.aj-right:before{ display: block; content: ""; position: absolute; left: 0; top: 3px; background: #c23531; width: 33px; height: 18px; border-radius: 4px; }

.map-margin{  position: absolute; left: 0; top: 60px; right: 0; }

.al-banner img{ width: 100%; }

.cc-back{ background: #eae9e9; padding: 30px 0 1px 0; }

.cc-back .map-tt{ margin-top: 0; margin-bottom: 20px; }

.bottom-back{ background: #1a1a1a; padding:30px 0; }

.bottom-position{ padding-left: 30px; position: relative; }

.bottom-txt{ position: absolute; left: 100px; top: 0; height: 40px; line-height: 40px; color: #fff; font-size: 24px; }

.bottom-txt2{ float:left;height: 40px; line-height: 40px; color: #fff; font-size: 24px; }

.bottom-txt3{float:left;height: 40px; line-height: 40px; color: #fff; font-size: 14px; margin-left:50px;}

.bottom-position .form-control{ height: 40px; padding:0 12px; border:none; border-radius: 0; background: #fff url(../images/user.png) 95% center no-repeat; width: 100%; }

.bottom-position .input-phone{ background: #fff url(../images/phone.png) 95% center no-repeat;}

.bottom-position .input-btn{ background: #e31939; text-align: center; color: #fff; cursor: pointer; }

.footer{ background: #2e2e2f; padding:20px 0; }

.footer-link{ position: relative; padding:10px 0 15px 100px; line-height: 24px;}

.footer-link-left{ position: absolute; left: 0; top: 10px; font-size: 18px; color: #777; }

.footer-link a{ margin-right: 10px; color: #999; font-size: 16px;}

.footer-border{  border-top: solid 1px #949292;  border-bottom: solid 1px #949292; padding:20px 0;  }

.footer-address{ color: #999; font-size: 16px;}

.footer-address span{ font-weight: bold; color: #e31939; }

.ewm{ font-size: 14px; color: #fff; margin-right: 50px; }

.ewm img{ margin-bottom: 10px; }

.beian{ padding:50px 0 30px 0; }

.beian p{ margin:0; line-height: 22px; color: #999; margin-bottom: 5px; }

.beian p img{vertical-align:bottom; margin-right: 5px; }

.img-link{ margin-top: 20px; }

.img-link a{ margin:0 3px; }

.back-top{ display: block; background: #1a1a1a; font-size: 18px; text-align: center; height: 70px; line-height: 70px; }



/*******服务保障******/

.fw-title{ font-size: 24px; color: #e21d3b; padding-top: 30px; margin-bottom: 10px; }

.fw-title-sm{ font-size: 16px; color: #333; }
.fw-title-sm1{ font-size: 16px; color: #FFF; }

.fw-img{ margin:70px auto; max-width: 880px; }

.fw-back{ background: #f7f7f7; padding-top: 30px; padding-bottom: 1px; }

.fw-back .fw-img{ margin-top: 40px; }

.fw-bottom{ padding-top: 40px; padding-bottom: 40px; }

.map-container-a{ margin-top: -100px; }

.bz-txt{ font-size: 16px; max-width: 180px; margin:10px auto; }

.bz-txtls{ font-size: 16px; max-width: 180px; margin:10px auto; }

.fw-img .col-xs-3{ position: relative; }

.fw-img .col-xs-3:after{ display: block; content: ""; width: 67px; height: 24px; background: url(../images/raw.png) center no-repeat; position: absolute; right: -30px; top: 50px;  }

.fw-img .col-xs-3.after:after{ display: none; }







@media (max-width: 1230px){

	.container{ width: 970px; }

	.fw-width{ width: 245px; margin-left: 15px; }

	.lc .cb-img img{ width: 100%; }

	.nav-list li{ margin-left: 20px; }

}

@media (max-width: 991px){

.container{ width: 750px; }

.banner-list li{ padding:0 15px; }

.banner-list{ margin:0 -15px; }

.banner-list-back{ width: 100%; padding:10px; }

.fw-left{ width: 100%; text-align: center; margin-top: 0; }

.fw-width{ width: 100%; margin-left: 0; }

.fw-border{ height: 370px; }

.fw-border-tt{ text-align: center; margin-top: 15px; }

.logo-txt{ display: none; }

.number-red{ font-size: 36px; }

.number-b{ font-size: 16px; }

.fw-img .col-xs-3{ width: 50%; }

.fw-img .col-xs-3:after{ display: none; }

}

@media (max-width: 767px){

.container,.map{ width: 100% }

.map{ height: 50vh; margin-top: 20px; }

.map-container-a{ overflow-x: auto; width: 100%;}

#container-bie{}

#bing{ height: 50vh!important; width: 100%!important;}

.map-tt{ margin-top: 20px; }

.about-banner{ padding: 20px 0; height: auto; }

.aboutu-banner-tt{ font-size: 18px; margin-bottom: 15px; }

.banner-list li{ width: 100%; margin-bottom: 10px; }

.banner-list-back{ height: auto; }

.banner-list-back p{ margin-top: 10px; }

.banner-phone{ margin-top: 20px; }

.number-tt{ font-size: 16px; }

.number-txt{ font-size: 18px; margin-top: 10px; }

.number-list{ padding:15px 0; margin-top: 0; }

.fw-tt{ font-size: 18px; margin:20px 0; }

.fw-list li{ width:100%; margin-bottom: 20px; }

.fw-border{ padding:15px; height: auto; }

.fw-border-tt{ font-size: 16px; margin:10px 0; }

.cb-back{ margin-top: 0; }

.cb-tt{ font-size:18px; }

.cb-back{ padding:15px; }

.cb-tt-sm{ font-size: 14px; margin-top: 0; }

.xg{ margin-top: 20px; }

.xg-list li{ width: 100%; }

.xg-list{ margin-top: 20px;}

.cb-img{ margin:15px 0; }

.lc-bottom{ font-size: 14px; }

.bz{ padding:15px; }

.bz-more{ width: 110px; font-size: 14px; height: 34px; line-height: 32px; }





.header{ height: 50px; position: relative; }

.logo{ padding:12px 0; }

.logo img{ width: 80px; }

.nav-list{ position: absolute; left: 0; top: 50px; display: none; width: 100%; background: #fff; z-index: 1000; border-top: solid 1px #ddd; box-shadow: 1px 2px 3px #ddd; }

.nav-list li{ float: none; margin:0; }

.nav-list li a{ height: 40px; line-height: 40px; padding-left: 15px; }

.navbar-toggle {

    position: relative;

    float: right;

    padding: 5px 10px 9px 10px;

    margin-top: 8px;



    margin-bottom: 8px;

    background-color: transparent;

    background-image: none;

    border: 1px solid transparent;

    border-radius: 4px;

}

.navbar-toggle .icon-bar {

    display: block;

    width: 22px;

    height: 2px;

    border-radius: 1px;

    margin-top: 4px;

}

.navbar-toggle .icon-bar {

    background-color: #ddd;

}

.navbar-toggle{ display: block; border:solid 1px #ddd; }

.number-red{ font-size: 18px; }

.number-b{ margin-top: 5px; margin-bottom: 10px; font-size: 14px; }

.number-back .col-xs-3{ width: 50%; }

.number-back{ padding:15px 0 5px 0; }

.nr-tt{ font-size: 24px; margin:20px 0; }

.col-xs-4{ width:100%; }

.col-xs-4-1{ width:100%; border:1px solid #D3D3D3; }

.zx-icon{ margin-bottom: 20px; }

.zx-icon-tt{ font-size: 18px; }

.fs-txt-c{ margin:20px auto; height: auto; }

.fs-border{ margin-bottom: 20px; }

.hb-list li{ width: 50%; }

.hb-list{ margin-bottom: 0; }

.fs-img{ margin-top: -50px; }

.fs-img img{ width: 100px; }

.fs-top{ height: 110px; }

.tj-back01{ width: 100%; height: auto; padding:15px; line-height: 30px; font-size: 18px; text-align: center; }

.tj-img01{ position: static; text-align: center; height: 89px; width: 100%; }

.tj-back{ padding-bottom: 1px; }

.why-img{ width: 100%; text-align: center; margin-bottom: 10px; }

.why-img img{ width: 150px; }

.why-txt{ width: 100%; }

.why-tt-sm{ font-size: 18px; }

.why-width{ margin-bottom: 20px; }

.why-txt02 p{ line-height: 20px; font-size: 14px; }

.why-txt p{ font-size: 14px; line-height: 20px; }

.why-bottom{ font-size: 14px; }

body{ padding-top: 80px; }

.bottom-position{ padding-left: 0; }

.bottom-txt{ position: static; left: 0; top: 0; font-size: 18px; }

.bottom-position .form-control{ margin-top: 10px; }


.footer-link{ padding:10px 0 0 0px; }

.footer-link-left{ position: static; left: 0; top: 0; margin-bottom:10px; font-size: 16px; }

.ewm{ width: 100%; margin-right: 0; }

.footer{ padding: 0; }

.footer-border{ padding:10px 0; }

.footer-link a,.footer-address{ font-size: 14px; }

.footer-border{ margin-top: 10px; padding-top: 0; }

.beian{ padding:15px 0; }

.img-link img{ width: 80px; }

.back-top{ height: 40px; line-height: 40px; font-size: 14px; }

.map-container-b{ margin-bottom:0; }

.fw-img,.fw-back .fw-img{ margin:20px 0; }

.fw-title{ padding-top: 15px; font-size: 18px; }



.fw-back,.fw-bottom{ padding-top: 0; }

.fw-bottom{ padding-bottom: 20px; }

.cc-back{ margin-top: 90px; }

.map-container-a{ margin-top: -186px; }

}