@charset "utf-8";

blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
header, hgroup, nav, menu, main, section, article, summary, details, aside, figure, figcaption, footer{display: block;margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,b,caption,cite,code,dfn,em,i,th,var{font-style:normal;font-weight:400;}
dl,ol,ul{list-style-type:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400;}
a{text-decoration:none; color: #333;}
a:hover{text-decoration:none;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:none;blr:expression(this.onFocus=this.blur())}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
textarea{resize:none;outline: none;font-family: Arial,"Microsoft YaHei";}
img{vertical-align:middle;max-width: 100%;height: auto;}
button,input[type=submit],input[type=text],input[type=button]{-webkit-appearance:none;border-radius:0;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;blr:expression(this.onFocus=this.blur())}
body{color:#000;font-family: Arial,"Microsoft YaHei"; margin: 0 auto; padding: 0;}





.sidebar-content{position: fixed; top: 50%; right: 0; z-index: 1000; margin-top: -280px;}
.sidebar-box{position: relative; margin-top: 1px;}
.sidebar-icon{width: 50px; height: 50px; cursor: pointer;}
.si1 .sidebar-icon{background: #035aa1 url(../images/side1.png) no-repeat center center;}
.si2 .sidebar-icon{background: #035aa1 url(../images/side2.png) no-repeat center center;}
.si3 .sidebar-icon{background: #035aa1 url(../images/side3.png) no-repeat center center;}
.si4 .sidebar-icon{background: #035aa1 url(../images/side4.png) no-repeat center center;}
.si5 .sidebar-icon{background: #035aa1 url(../images/side5.png) no-repeat center center;}
.si1:hover .sidebar-icon{background: #ff963a url(../images/side1.png) no-repeat center center;}
.si2:hover .sidebar-icon{background: #ff963a url(../images/side2.png) no-repeat center center;}
.si3:hover .sidebar-icon{background: #ff963a url(../images/side3.png) no-repeat center center;}
.si4:hover .sidebar-icon{background: #ff963a url(../images/side4.png) no-repeat center center;}
.si5:hover .sidebar-icon{background: #ff963a url(../images/side5.png) no-repeat center center;}
.sidebar-dark1{position: absolute; top: 0; right: 50px; padding: 0 20px; background-color: #ff963a; display: none;}
.sidebar-dark2{position: absolute; top: 0; right: 50px; padding: 16px 20px; background-color: #ff963a; display: none;}
.sidebar-box:hover .sidebar-dark1{display: block;}
.sidebar-box:hover .sidebar-dark2{display: block;}
.sidebar-dark1 p a{display: block; height: 50px; line-height: 50px; font-size: 16px; color: white; text-align: center; white-space: nowrap;}
.sidebar-code{width: 98px; margin-top: 8px;}
.sidebar-dark2 .sidebar-code:first-child{margin-top: 0;}
.sidebar-code p{text-align: center; color: white; line-height: 18px; margin-top: 4px;}
.sidebar-top{display: block; width: 50px; height: 50px;}
.sidebar-icon-a{display: block; width: 50px; height: 50px;}
.side-layer{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1001; display: none;}
.side-layer-bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.5;}










.fl{float:left}
.fr{float:right}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.ellipsis{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.eps2{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.eps3{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.btn{text-align: center;display: inline-block;cursor: pointer;white-space: nowrap;vertical-align: middle;border: none;}
.icon{display: inline-block;background-repeat: no-repeat;background-position: center center;vertical-align: middle;}
.unselect{-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;}
#web-ietip {width: 526px; height: 90px; padding: 83px 0 0 84px; overflow:hidden; background: url(../css/ietip/browser.png) no-repeat center center; margin: 200px auto 0;}
#web-ietip a{display: block; width: 65px; height: 80px; float: left;}
.w{width: 100%;max-width: 1400px;margin: 0 auto;position: relative;}
.opa{opacity: 1;}
.opa:hover{transition: opacity .3s;-webkit-transition: opacity .2s;opacity: 0.9;}

.opa-bg{display: none;position: fixed;width: 100%;height: 100%;left: 0;top: 0;background-color: rgba(0,0,0,0.3);z-index: 999;}
.opa-bg.show{display: block;}

.opac{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.8);z-index: 1000;visibility: hidden;opacity: 0;transition: all .3s;}
.opac.show{visibility: visible;opacity: 1;}

.img-out{position: relative;overflow: hidden;}
.img-out img{display: block;transform: scale(1.001);transition: all 0.5s ease 0s;}
.img-out:hover img{transform: scale(1.07);}

.main{width: 100%;overflow: hidden;}

input.white::-webkit-input-placeholder,
textarea.white::-webkit-input-placeholder{color: #ddd;}
input.white:-moz-placeholder,
textarea.white:-moz-placeholder{color: #ddd;}
input.white::-moz-placeholder,
textarea.white::-moz-placeholder{color: #ddd;}
input.white:-ms-input-placeholder,
textarea.white:-ms-input-placeholder{color: #ddd;}

.header-top{width: 100%;height: 80px;}
.header{width: 100%;height: 80px;position: fixed;left: 0;top: 0;z-index: 100000;background-color: #fff;box-shadow:  0 0 4px rgba(0,0,0,0.2);}
.header .w{height: 100%;}
.header .logo{float: left;height: 60px;margin-top: 10px;}
.header .logo img{height: 100%;}
.h-nav{float: right;font-size: 0;margin-right:50px;margin-top: 33px;}
.h-nav>li{display: inline-block;vertical-align: top;padding: 0 26px;height: 47px;position: relative;box-sizing: border-box;line-height: 1;}
.h-nav>li>a{display: inline-block;vertical-align: top;font-size: 16px;color: #333;height: 30px;border-bottom: 2px solid transparent;}
.h-nav>li.active>a{border-bottom-color: #0202ac;color: #0202ac;}
.h-nav>li:hover>a{border-bottom-color: #0202ac;color: #0202ac;}
.h-nav>li ul{width: 180px;position: absolute;left: 50%;margin-left: -90px;top: 47px;background-color: #fff;visibility: hidden;opacity: 0;transition: all .3s;}
.h-nav>li ul>li>a{display: block;width: 100%;line-height: 60px;text-align: center;font-size: 16px;color: #333;transition: all .3s;}
.h-nav>li ul>li>a:hover{background-color: #0202ac;color: #fff;}
.h-nav>li:hover ul{visibility: visible;opacity: 1;}
.header .btn-hs{display: block;position: absolute;right: 0;top: 50%;margin-top: -16px;width: 33px;height: 33px;border: 1px solid #bfbfbf;cursor: pointer;background-repeat: no-repeat;background-position: center center;background-image: url(../images/search.png);}
.header .h-search{position: absolute;right: 50%;margin-right: -700px;bottom: -36px;visibility: hidden;opacity: 0;font-size: 0;text-align: center;background-color: rgba(0,0,0,0.7);padding-top: 0px;padding-bottom: 0px;}
.header .h-search.show{visibility: visible;opacity: 1;}
.header .h-search input[type=text]{width: 200px;height: 36px;border: 1px solid #fff;border-color: rgba(255,255,255,0.5);font-size: 14px;color: #fff;line-height: 34px;padding: 0 10px;vertical-align: top;background-color: transparent;border-right: none;}
.header .h-search input[type=submit]{width: 60px;height: 36px;border: 1px solid #fff;border-color: rgba(255,255,255,0.5);background-image: url(../images/search2.png);background-repeat: no-repeat;background-position: center center;vertical-align: top;background-color: transparent;cursor: pointer;}
.header .h-search .btn-hc{display: inline-block;vertical-align: top;width: 36px;height: 36px;border: 1px solid #fff;border-color: rgba(255,255,255,0.5);border-left: none;background-image: url(../images/close.png);background-repeat: no-repeat;background-position: center center;cursor: pointer;}


.footer{width: 100%;background-color: #2b2b2b;padding-top: 40px;padding-bottom: 77px;}
.footer .w{overflow: hidden;}
.footer .left{float: left;padding-top: 10px;}
.footer .links{font-size: 0;margin-bottom: 29px;}
.footer .links>a{display: inline-block;vertical-align: top;font-size: 14px;color: #fff;margin-right: 32px;}
.footer .t1{font-size: 12px;color: #9f9f9f;margin-bottom: 11px;}
.footer .t2{font-size: 12px;color: #9f9f9f;line-height: 18px;}
.footer .right{float: right;}
.footer .qrcode{display: inline-block;vertical-align: top;width: 100px;margin-right: 98px;}
.footer .qrcode .img{margin-bottom: 14px;}
.footer .qrcode img{width: 100%;}
.footer .qrcode .title{text-align: center;font-size: 14px;color: #fff;}
.footer .f-contact{display: inline-block;vertical-align: top;}
.footer .p1{font-size: 38px;color: #fff;text-align: center;font-family: 微软雅黑;margin-bottom: 8px;}
.footer .p2{font-size: 14px;color: #9f9f9f;text-align: center;margin-bottom: 23px;}
.footer .btn-consult{display: block;margin: 0 auto;width: 218px;height: 40px;line-height: 40px;border-radius: 20px;background-color: #f18d00;text-align: center;font-size: 14px;color: #fff;cursor: pointer;transition: all .3s;}
.footer .btn-consult:before{content: "";display: inline-block;vertical-align: middle;width: 26px;height: 26px;background-image: url(../images/consult.png);margin-right: 10px;background-size: 100% 100%;}
.footer .btn-consult:hover{background-color: #f27900;}


.f-links{width: 100%;padding-top: 40px;padding-bottom: 52px;background-color: #303030;overflow: hidden;}
.f-links-tabs{font-size: 0;overflow: hidden;margin-bottom: 32px;}
.f-links-tabs .item{display: inline-block;vertical-align: top;width: 102px;height: 36px;line-height: 36px;margin-right: 20px;border-radius: 18px;background-color: #242424;text-align: center;font-size: 15px;color: #cdcdcd;cursor: pointer;}
.f-links-tabs .item.active{background-color: #404040;color: #f18d00;}
.f-links-tabs .more{font-size: 15px;color: #f18d00;line-height: 36px;float: right;cursor: pointer;}
.f-links-tabs .more:after{content: "";display: inline-block;vertical-align: middle;width: 7px;height: 12px;background-image: url(../images/right2.png);background-size: 100% 100%;margin-left: 10px;}
.f-links-conts{width: 1220px;}
.f-links-cont{display: none;width: 100%;font-size: 0;}
.f-links-cont.show{display: block;}
.f-links-cont>a{display: inline-block;vertical-align: top;font-size: 14px;color: #949494;line-height: 28px;margin-right: 26px;}
.f-links-cont>a:hover{color: #fff;}


.focus-list .swiper-slide img{width: 100%;}
.focus-list .swiper-pagination-bullet{width: 11px;height: 11px;background-color: #fff;opacity: 1;}
.focus-list .swiper-pagination-bullet-active{background-color: #f18d00;}
.focus-list.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px;}
.focus-list.swiper-container-horizontal>.swiper-pagination-bullets, 
.focus-list .swiper-pagination-custom,
.focus-list .swiper-pagination-fraction{bottom: 20px;font-size: 0;}

.c-title{padding-top: 4.166%;padding-bottom: 2.87%;}
.c-title .t1{text-align: center;font-size: 0;margin-bottom: 24px;}
.c-title .t1 span{display: inline-block;vertical-align: top;position: relative;padding-left: 40px;padding-right: 40px;font-size: 36px;color: #f18d00;}
.c-title .t1 span:before,
.c-title .t1 span:after{content: "";width: 57px;height: 1px;background-color: #f18d00;position: absolute;top: 50%;margin-top: -1px;}
.c-title .t1 span:before{left: -57px;}
.c-title .t1 span:after{right: -57px;}
.c-title .t2{text-align: center;font-size: 16px;color: #666;}
.c-title.white .t1 span{color: #fff;}
.c-title.white .t2{color: #fff;}
.c-title.white .t1 span:before,
.c-title.white .t1 span:after{background-color: #fff;}


.index-e{width: 100%; height: auto; overflow: hidden;}
.index-e-list{text-align: center;font-size: 0;padding-bottom: 36px;}
.index-e-list>li{display: inline-block;vertical-align: top;width: 466px;position: relative;}
.index-e-list>li:after{content: "";display: block;width: 1px;height: 100%;background-color: #dcdcdc;position: absolute;right: 0;top: 0;}
.index-e-list>li:last-child:after{display: none;}
.index-e-list .icon{display: inline-block;vertical-align: middle;width: 80px;height: 80px;margin-right: 20px;border: 2px solid #c2c2c2;border-radius: 50%;transition: all .3s;background-repeat: no-repeat;background-position: center center;}
.index-e-list .icon:hover{background-color: #f18d00;border-color: #f18d00;}
.index-e-list .text{display: inline-block;vertical-align: middle;text-align: left;}
.index-e-list .dt{font-size: 22px;color: #333;margin-bottom: 15px;}
.index-e-list .dd{font-size: 16px;color: #666;line-height: 22px;}
.index-e-list>li.item2 .dd{font-size: 30px;color: #f18d00;}
.index-e-list>li.item1{text-align: left;}
.index-e-list>li.item2{text-align: center;}
.index-e-list>li.item3{text-align: center;}
.index-e-list>li.item1 .icon{background-image: url(../images/index-e-r1.png);}
.index-e-list>li.item2 .icon{background-image: url(../images/index-e-r2.png);}
.index-e-list>li.item3 .icon{background-image: url(../images/index-e-r3.png);}
.index-e-list>li.item1 .icon:after{content: "";display: block;width: 0;height: 0;background-image: url(../images/index-e-w1.png);}
.index-e-list>li.item2 .icon:after{content: "";display: block;width: 0;height: 0;background-image: url(../images/index-e-w2.png);}
.index-e-list>li.item3 .icon:after{content: "";display: block;width: 0;height: 0;background-image: url(../images/index-e-w3.png);}
.index-e-list>li.item1 .icon:hover{background-image: url(../images/index-e-w1.png);}
.index-e-list>li.item2 .icon:hover{background-image: url(../images/index-e-w2.png);}
.index-e-list>li.item3 .icon:hover{background-image: url(../images/index-e-w3.png);}
.map{width: 98%;height: 370px; margin:  0 auto;}


.index-d{width: 100%;padding-bottom: 4.166%;background-image: url(../images/index-d-bg.jpg);background-size: cover;background-position: center center;}
.index-d-list{width: 100%;max-width: 1400px;overflow: hidden;margin: 0 auto;}
.index-d-list>li{float: left;position: relative;overflow: hidden;}
.index-d-list>li>a{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.index-d-list>li:hover .img-box img{transform: scale(1.07);}
.index-d-list .img-box{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;overflow: hidden;}
.index-d-list .img-box img{width: 100%;height: 100%;transform: scale(1.001);transition: all 0.5s ease 0s;}
.index-d-list .item1{width: 49.28%;padding-top: 31.43%;margin-right: 1.44%;}
.index-d-list .item2{width: 23.92%;padding-top: 31.43%;margin-right: 1.44%;}
.index-d-list .item3{width: 23.92%;padding-top: 31.43%;}
.index-d-list .logo2{display: block;width: 141px;height: 57px;position: absolute;left: 33px;top: 40px;z-index: 10;}
.index-d-list .c-text{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-color: rgba(0,0,0,0.6);z-index: 10;}
.index-d-list .c-text .t1{font-size: 24px;color: #fff;margin-bottom: 22px; margin: 5%;}
.index-d-list .c-text .t2{font-size: 13px;line-height: 23px;color: #fff;margin-bottom: 55px; margin-left: 5%;}
.index-d-list .c-text .arrow{display: block;width: 49px;height: 7px;background-image: url(../images/arrow2.png);background-size: cover;margin-left: 20px;}
.index-d-list .c-text .icon{display: block;width: 60px;height: 60px;position: absolute;right: 0;bottom: 0;background-repeat: no-repeat;background-position: left top;background-repeat: no-repeat;}
.index-d-list .item1 .text{width: 435px;padding: 25px;background-color: rgba(241,141,0,0.9);position: absolute;right: 0;bottom: 0;z-index: 10;}
.index-d-list .item1 .text:after{content: "";display: block;width: 40px;height: 57px;}
.index-d-list .item1 .t1{font-size: 24px;color: #fff;margin-bottom: 22px;}
.index-d-list .item1 .t2{font-size: 13px;color: #fff;line-height: 23px;margin-bottom: 25px;}
.index-d-list .item1 .arrow{width: 49px;height: 7px;background-image: url(../images/arrow.png);}



.index-c{padding-bottom: 2%;}
.index-c-cont{width: 100%;max-width: 1400px;margin: 0 auto;}
.index-c-cont.sp{padding-top: 3.1%;padding-bottom: 4.166%;}
.index-c-filter{width: 100%;border: 1px solid #e5e5e5;margin-bottom: 39px;position: relative;}
.index-c-filter .row{width: 100%;border-bottom: 1px dotted #e5e5e5;padding-left: 191px;position: relative;}
.index-c-filter .row:last-child{border-bottom: none;}
.index-c-filter .dt{width: 191px;height: 100%;position: absolute;left: 0;top: 0;background-color: #f9f9f9;border-right: 1px solid #e5e5e5;font-size: 16px;color: #333;line-height: 55px;padding-left: 44px;}
.index-c-filter .dd{width: 100%;font-size: 0;padding-top: 10px;padding-bottom: 10px;}
.index-c-filter .dd>a{display: inline-block;vertical-align: top;padding-left: 30px;padding-right: 30px;font-size: 14px;color: #666;line-height: 30px;cursor: pointer;}
.index-c-filter .dd>a.active{color: #ff7800;font-weight: bold;}
.index-c-filter .dt:before{content: "";display: inline-block;vertical-align: middle;width: 30px;height: 30px;margin-right: 7px;background-repeat: no-repeat;background-position: center center;}
.index-c-filter .row1 .dt:before{background-image: url(../images/index-c-i1.png);}
.index-c-filter .row2 .dt:before{background-image: url(../images/index-c-i2.png);}
.index-c-filter .row3 .dt:before{background-image: url(../images/index-c-i3.png);}
.index-c-filter .row4 .dt:before{background-image: url(../images/index-c-i4.png);}
.index-c-list{width: 100%;font-size: 0;}
.index-c-list.sp{padding-bottom: 20px;}
.index-c-list>li{width: 23.928%;margin-right: 1.429%;margin-bottom: 2.78%;display: inline-block;vertical-align: top;transition: all .3s;}
.index-c-list>li:hover{box-shadow: 0 0 20px rgba(0,0,0,0.2);transform: translate(0,-10px);-webkit-transform: translate(0,-10px);}
.index-c-list>li:nth-child(4n){margin-right: 0;}
.index-c-list>li:nth-child(8n+1)>a{transition-delay: 0s;}
.index-c-list>li:nth-child(8n+2)>a{transition-delay: 0.2s;}
.index-c-list>li:nth-child(8n+3)>a{transition-delay: 0.4s;}
.index-c-list>li:nth-child(8n+4)>a{transition-delay: 0.6s;}
.index-c-list>li:nth-child(8n+5)>a{transition-delay: 0.6s;}
.index-c-list>li:nth-child(8n+6)>a{transition-delay: 0.4s;}
.index-c-list>li:nth-child(8n+7)>a{transition-delay: 0.2s;}
.index-c-list>li:nth-child(8n+8)>a{transition-delay: 0s;}
.index-c-list>li>a{display: block;width: 100%;border: 1px solid #e5e5e5;}
.index-c-list .img-box{width: 100%;padding-top: 60%;position: relative;}
.index-c-list .img-box img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.index-c-list .text{width: 100%;padding: 22px 25px;}
.index-c-list .t1{font-size: 18px;color: #333;line-height: 24px;margin-bottom: 12px;}
.index-c-list .t2{font-size: 14px;color: #666;line-height: 20px;margin-bottom: 33px;}
.index-c-list .t3{font-size: 16px;color: #ff7800;}
.index-c-list .t3 .bold{font-weight: bold;}
#aaa{width: 100%;position: absolute;left: 0;top: -80px;}

.index-b{width: 100%;padding-bottom: 4.166%;background-image: url(../images/index-b-bg.jpg);background-size: cover;background-position: center center;}
.index-b-cont{width: 100%;max-width: 1400px;margin: 0 auto;}
.index-b-cont.sp{padding-bottom: 4.166%;}
.index-b-list{width: 100%;font-size: 0;margin-bottom: 2.1%;}
.index-b-list>li{width: 32.428%;margin-right: 1.358%;transition: all .3s;margin-bottom: 20px;display: inline-block;vertical-align: top;}
.index-b-list>li>a{display: block;width: 100%;}
.index-b-list>li:hover{box-shadow: 0 0 20px rgba(0,0,0,0.2);}
.index-b-list>li:nth-child(3n){margin-right: 0;}
.index-b-list .img-box{width: 100%;padding-top: 64%;position: relative;}
.index-b-list .img-box img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.index-b-list.sp{padding-top: 4.2%;}
.index-b-list.sp .text{border: 1px solid #e5e5e5;border-top: none;}
.index-b-list .text{width: 100%;padding: 30px 30px 0 30px;background-color: #fff;}
.index-b-list .t1{font-size: 18px;color: #333;margin-bottom: 12px;}
.index-b-list .t2{font-size: 14px;color: #666;line-height: 26px;height: 52px;margin-bottom: 19px;}
.index-b-list .date{border-top: 1px solid #e8e8e8;padding-top: 25px;padding-bottom: 30px;font-size: 12px;color: #848484;}
.index-b-list .date:before{content: "";display: inline-block;vertical-align: middle;width: 15px;height: 15px;background-image: url(../images/date.png);margin-right: 9px;}
.index-b-list .date:after{content: "";display: block;float: right;width: 12px;height: 11px;background-image: url(../images/go.png);margin-top: 2px;}
.index-b-list>li:hover .date:after{background-image: url(../images/go2.png);}
.index-b-more{display: block;margin: 0 auto;width: 173px;height: 45px;line-height: 45px;text-align: center;font-size: 16px;color: #fff;cursor: pointer;background-color: #f18d00;transition: all .3s;}
.index-b-more:hover{background-color: #f27900;}


.index_2{padding-bottom: 1%;}
.title{text-align: center;padding: 5% 0 1% 0;}
.title h3{font-size: 40px;color: #222222;text-transform: uppercase;line-height: 54px;}
.title p{font-size: 24px;color: #666666;position: relative;padding: 0 65px;display: inline-block;vertical-align: top;line-height: 40px;}
.title p:before,
.title p:after{width: 50px;height: 1px;content: '';position: absolute;left: 0;top: 50%;margin-top: -0.5px;background: #e5e5e5;}
.title p:after{left: auto;right: 0;}
.parHd{width:100%; margin:20px 0;}
.parHd ul{ vertical-align:top; text-align:center;}
.parHd ul li{ margin:10px 5px 10px 5px; height:45px;line-height:45px;text-align:center; display:inline-block; overflow:hidden;vertical-align:top;font-size:15px;padding:5px 20px;background:#ebebeb;}
.parHd ul li.on{background:#005aad;color:#fff;font-weight:bold;}
.features{overflow:hidden; height:auto; padding:0; width:1400px; margin: 0 auto; max-width: 95%;}
.features ul {margin-right:-3%; }
.features ul li{ width:22%; float:left; margin-right:3%; overflow:hidden; height:auto;  position:relative; margin-bottom:5%;border: 1px solid #e1e1e1;box-sizing: border-box;line-height: 1;}
.features ul li h3{ text-align:center; font-size:16px; font-weight:300;padding:10% 5% 5%;}
.features ul li .pic{padding:0%;}
.features ul li .pic img{ width:90%; margin:5%  auto; clear:both; display:block;}

.features ul li .cover-box { position:absolute; bottom:0;  width:100%; height:0px; z-index:3;  background-color:rgba(255,255,255,0.3); *background:#333; overflow:hidden; transition:all 0.6s ease; }
.features ul li .cover-box a{ color: #fff;}
.features ul li:hover .cover-box{ height:100%; background: rgba(0,168,239,0.8); color:#fff;}
.features ul li:hover .cover-box p{ padding:5%; font-size:1rem; font-weight:300; line-height:1.4; text-align:center;}


.index-ys-hz{background:url(../images/index_24.jpg)no-repeat;overflow:hidden;padding:50px 0; }
.index-title{text-align:center;font-size:36px;font-weight:bold;background:url(../images/xt.png)no-repeat  center 15px;line-height:36px;color:#0202ac;}
.index-title-yy{font-size:14px;color:#9b9b9b;font-weight:normal;}
.index-ys-pic{margin-top:40px;}
.index-ys-wz{margin-top:40px;margin-left:30px;}
.index-ys-content-hz{ margin-bottom: 30px; width: 600px; overflow: hidden; }
.index-ys-content-hz:nth-child(4n){margin-bottom:0px;}
.index-ys-content-nr{margin-top:10px;font-size:15px;color:#666;}
.index-ys-content-title{ font-size: 20px; font-weight: normal; color: #333; }


.index-a{width: 100%;padding-bottom: 4.166%;}
.index-a-cont{width: 100%;max-width: 1440px;margin: 0 auto;}
.index-a-cont.sp{padding-bottom: 4.166%;}
.index-a-more{display: block;margin: 0 auto;width: 173px;height: 45px;line-height: 45px;margin-top: -20px;text-align: center;font-size: 16px;color: #fff;cursor: pointer;background-color: #f18d00;transition: all .3s;}
.index-a-more:hover{background-color: #f27900;}
.index-a-list{width: 100%;padding: 20px;padding-bottom: 4.28%;overflow: hidden;margin-top: -20px;}
.index-a-list.sp{padding-top: 4.2%;margin-top: 0;}
.index-a-list>li{float: left;margin-bottom: 20px;transition: all .3s;position: relative;background-color: #fff;margin-right: 20px;}
.index-a-list>li:hover{box-shadow: 0 0 20px rgba(0,0,0,0.2);}
.index-a-list>li:nth-child(2n){margin-right: 0;}
.index-a-list>li:nth-child(3){margin-right: 0;}
.index-a-list>li>a{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;overflow: hidden;}
.index-a-list .big{width: 690px;height: 475px;position: relative;}
.index-a-list .small{width: 690px;height: 145px;overflow: hidden;}
.index-a-list .big .text{position: absolute;left: 0;bottom: 0;width: 100%;z-index: 2;padding-bottom: 17px;padding-left: 30px;padding-right: 50px;}
.index-a-list .big .text:after{content: "";display: block;position: absolute;right: 25px;top: 50%;margin-top: -12px;width: 24px;height: 24px;border-radius: 50%;background-color: #f18d00;background-image: url(../images/right.png);background-repeat: no-repeat;background-position: center center;}
.index-a-list .big .t1{font-size: 18px;color: #fff;line-height: 24px;margin-bottom: 12px;}
.index-a-list .big .t2{font-size: 14px;color: #fff;line-height: 20px;}
.index-a-list .big .date{width: 88px;height: 88px;background-color: #f18d00;position: absolute;left: 29px;top: 0;z-index: 2;padding-top: 12px;}
.index-a-list .big .day{text-align: center;font-size: 42px;color: #fff;font-family: 微软雅黑;margin-bottom: 7px;}
.index-a-list .big .ym{text-align: center;font-size: 14px;color: #fff;}
.index-a-list .big>a:after{content: "";display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.index-a-list .small .img-box{width: 215px;height: 145px;float: left;}
.index-a-list .small .img-box img{width: 100%;height: 100%;}
.index-a-list .small .text{float: left;width: 475px;height: 145px;border: 1px solid #eee;border-left: none;padding: 19px 30px 15px 30px;box-sizing: border-box;line-height: 1;}
.index-a-list .small .t1{font-size: 18px;color: #333;margin-bottom: 15px;}
.index-a-list .small .t2{font-size: 14px;color: #848484;line-height: 24px;margin-bottom: 15px;max-height: 48px;overflow: hidden;}
.index-a-list .small .date{font-size: 12px;color: #848484;}
.index-a-list .small .date:before{content: "";display: inline-block;vertical-align: middle;width: 15px;height: 15px;background-image: url(../images/date.png);margin-right: 9px;}
.index-a-list .small:hover .t1{color: #f18d00;}
.index-a-list .xs{width: 100%;border-bottom: 1px solid #e5e5e5;margin-bottom: 0;}
.index-a-list .xs:hover{box-shadow: none;}
.index-a-list .xs>a{display: block;width: 100%;padding-top: 41px;padding-bottom: 40px;padding-left: 66px;font-size: 0;position: relative;}
.index-a-list .xs .date{display: inline-block;vertical-align: middle;width: 138px;font-size: 14px;color: #999;line-height: 32px;}
.index-a-list .xs .type{display: inline-block;vertical-align: middle;margin-right: 66px;height: 32px;line-height: 32px;border-radius: 16px;padding: 0 29px;background-color: #6f6f6f;font-size: 14px;color: #fff;}
.index-a-list .xs .title{display: inline-block;vertical-align: middle;width: 900px;font-size: 18px;color: #333;line-height: 24px;}
.index-a-list .xs>a:after{content: "";display: block;width: 11px;height: 21px;position: absolute;right: 67px;top: 50%;margin-top: -11px;background-image: url(../images/right4.png);}
.index-a-list .xs:hover{background-color: #f18d00;}
.index-a-list .xs:hover .date{color: #fff;}
.index-a-list .xs:hover .type{color: #f18d00;background-color: #fff;}
.index-a-list .xs:hover .title{color: #fff;}
.index-a-list .xs:hover>a:after{background-image: url(../images/right5.png);}

.in_pro{width: 100%;padding-bottom: 4.166%;background-image: url(../images/index-w-bg.jpg);background-size: cover;background-position: center center;}
.cj_ds {max-width:1400px; overflow: hidden; margin-top: 15px; margin: 0 auto;}
#cj_ds { width: 10000%; position: relative; }
.cj_ds li { float: left; margin-right: 7px; display: inline; text-align: center; line-height: 30px; font-size: 14px; }
.cj_ds li a { display: block; height: auto; }
.cj_ds li img { width: 300px; border: 1px solid #ccc; }
.cj_ds li p { text-align: center; line-height: 35px; color: #333; font-size: 14px; }


.sy_pp{ margin:50px auto 50px;}
.sy_pp ul li{ float:left; width:15%; margin-right:2%; margin-top:2%; position:relative; overflow:hidden;}
.sy_pp ul li img{ display:block; width:100%; height:100px;}
.sy_pp ul li a{ display:block; border:1px solid #e5e5e5;}
.sy_pp ul li:nth-child(6n){ margin-right:0;}
.sy_pp ul li .sy_pp_ckxq{ position:absolute; left:0; top:0; width:100%; height:100%; background:#222; -webkit-transition:0.5s ease-out;transition:0.5s ease-out; -webkit-transform:translateY(-100%);transform:translateY(-100%);}
.sy_pp ul li .sy_pp_ckxq p{ position:absolute; left:50%; top:50%; font-size:16px; font-weight:bold; line-height:36px; width:110px; text-align:center; margin:-19px 0 0 -55px; border:1px solid #FFF; color:#FFF; border-width:1px 0;}
.sy_pp ul li:hover .sy_pp_ckxq{ -webkit-transform:translateY(0);transform:translateY(0);}
/*首页合作伙伴*/

/*yqlj*/
.yqlj {padding:25px 0;background: #f5f5f5;border-top: 1px solid #e0e0e0;}
.yqlj .yqlj_con .yqlj_p1 {width: 75px;font-size: 16px;color: #fff;height: 20px;line-height: 20px;}
.yqlj .yqlj_con .yqlj_p1 a {color: #333;}
.yqlj .yqlj_con .yqlj_p2 {width: 1100px;}
.yqlj .yqlj_con .yqlj_p2 a {padding:0 10px; float: left;line-height: 20px;font-size: 13px;color: #666;}
.yqlj .yqlj_con .yqlj_p2 a:first-child {border-left:none;padding-left: 0;}
.yqlj .yqlj_con .yqlj_p2 a:hover {color: #ff0000;}

/*底部*/
.index_foot-hz{background:#212121;padding-top:40px; margin-top:40px; overflow: hidden;}
.ws{width: 98%;max-width: 1400px;margin: 0 auto;}
.foot-hz{background:#212121;padding-top:40px;margin-top:40px;}
.index_contact{ width: 200px; }
.index_contact-nr{ color: #757575; width: 230px; margin-top: 15px; }
.index_contact-nr a { color: #757575; line-height:25px;}
.index_contact-nr a:hover { color: #999; }


.index_contact-lxfs{ color: #757575; width: 420px; margin-top: 15px; line-height:25px;}
.index_contact-lxfs a { color: #757575; }
.index_contact-lxfs a:hover { color: #999; }
.foot-hz-cd{font-size:16px;font-weight:bold;color:#aaaaaa;}


.ewm{  text-align: center;color: #666666;}
.ewm img{width:135px;}
.foot{ text-align:center; color: #666666; line-height: 44px; border-top: 1px solid #2c2c2c; margin-top: 40px; }
.foot a{color:#757575;}
/*底部*/

/*内页banner*/
.ny_banner{ margin-top:60px;}
.ny_banner img{ width:100%;}
/*内页banner*/

/*内页导航*/
.dqwj{width:100%; height:auto; overflow: hidden; border-bottom: 1px solid #e5e5e5;}
.locate{padding-left:28px;line-height:70px;color:#666666;background:url(../images/icon-home.png) no-repeat left center;float:left; font-size: 14px;}
.locate a{color: #333;}
.locate span{display:inline-block;margin:0 7px;}
.pnav a{display:block;height:70px;line-height:70px;color:#666666;position:relative;float:left;overflow:hidden;margin-left:38px; font-size: 14px;} 
.pnav a:after{display:block;content:'';width:100%;height:3px;background-color:#0202ac;position:absolute;bottom:0px;left:-100%;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
.pnav a.cur, .pnav a:hover{color:#0202ac;}
.pnav a.cur:after, .pnav a:hover:after{left:0px;}
/*内页导航*/

/*内页关于我们*/
.ny_about{width: 100%; height:auto; overflow: hidden;}
.w1400{width: 1400px; height: auto; overflow: hidden; margin: 0 auto; padding: 6% 0;}
.w1400s{width: 1400px; height: auto; overflow: hidden; margin: 0 auto; }

/*内页标题*/
.ny_about_tit{ margin:auto; background: url(../images/main_titbg.png) top center no-repeat; text-align:center; line-height:30px;}
.ny_about_tit h1{font-size:22px; font-weight:bold; color:#0202ac;}
.ny_about_tit h1 a{color:#0202ac;} .main_pro_tit h1 a:hover{color:#0202ac;}
.ny_about_tit h3{width:100%; margin:10px auto 0; text-align:center; font-size:18px; color:#999; font-family:Arial; text-transform:uppercase;}
/*内页标题*/

.ny_about_text{margin-top: 3%;}
.ny_about_img{float:left; width:50%;}
.ny_about_wb{float:right; width:50%;box-sizing: border-box;padding: 2%;font-size: 15px;line-height: 30px;color: #666;}

/*内页关于我们*/

/*内页企业文化*/
.ny_culture{width: 100%; height:auto; overflow: hidden; background: #eee;}
.ny_culture_text{margin-top: 3%; font-size: 14px; line-height: 28px;}
.ny_culture_img{float:right; width:50%;}
.ny_culture_wb{float:left; width:50%;box-sizing: border-box;padding: 2%;font-size: 15px;line-height: 30px;color: #666;}

/*内页企业文化*/

/*内页荣誉认证*/
.sy_jjfa{position:relative;}
.sy_jjfa .item{width:94%; margin:0 3%;  position:relative;}
.sy_jjfa .item p{font-size: 14px; text-align: center; color: #333; line-height: 35px;}
.sy_jjfa .item .sy_jjfa_img{width:99%; height:auto; border:1px solid #ccc;}
.sy_jjfa .item .sy_jjfa_img img{width:100%; }
.sy_jjfa .item .sy_jjfa_wb_bj{width:100%; height:auto; display:table; position:absolute; top:0; left:0;}
.sy_jjfa .item .sy_jjfa_wb_bj .sy_jjfa_wb{height:100%; display:table-cell; vertical-align:middle; text-align:center; color:#fff; padding:0 34px;}
.sy_jjfa .item .sy_jjfa_wb_bj .sy_jjfa_wb .sy_jjfa_wb_t{font-size:18px;}
.sy_jjfa .item .sy_jjfa_wb_bj .sy_jjfa_wb .sy_jjfa_wb_b{text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; margin-top:10px;}

.sy_jjfa .owl-wrapper:after{content: " ";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
/* display none until init*/
.sy_jjfa{display:none; width: 100%;-ms-touch-action:pan-y; padding-top: 5%;}
.sy_jjfa .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.sy_jjfa .owl-wrapper-outer{overflow: hidden;width: 100%;}
.sy_jjfa .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.sy_jjfa .owl-item{float: left;}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls{-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/* mouse grab icon*/
.grabbing{cursor:url(../images/grabbing.png) 8 8, move;}
/* fix*/
.sy_jjfa .owl-wrapper,
.sy_jjfa .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);}

.sy_jjfa .owl-controls{width:100%; z-index:11;}
.sy_jjfa .owl-controls .owl-buttons div{width:54px; height:54px; font-size:12px; text-indent:-9999px; border:1px #ccc solid; border-radius:200px; position:absolute; bottom:0; transition:0.5s;}
.sy_jjfa .owl-controls .owl-buttons .owl-prev{background:url(../images/sy_jjfa_jt1.png) center no-repeat; left:1.5%;}
.sy_jjfa .owl-controls .owl-buttons .owl-prev:hover{border:1px #63b72f solid; background:#63b72f url(../images/sy_jjfa_jt3.png) center no-repeat;}
.sy_jjfa .owl-controls .owl-buttons .owl-next{background:url(../images/sy_jjfa_jt2.png) center no-repeat; overflow:hidden; right:1.5%;}
.sy_jjfa .owl-controls .owl-buttons .owl-next:hover{border:1px #63b72f solid; background:#63b72f url(../images/sy_jjfa_jt4.png) center no-repeat;}
.sy_jjfa .owl-controls.clickable .owl-buttons div:hover{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;text-decoration: none;}
.sy_jjfa .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/}
.sy_jjfa .owl-controls .owl-page span{display: block;width:14px; height:14px; border:3px #fff solid; margin:0 12px; border-radius:100px; background:#999; transition:all 0.5s;}
.sy_jjfa .owl-controls .owl-page.active span,
.sy_jjfa .owl-controls.clickable .owl-page:hover span{ border:2px #312872 solid; background:#fff;}
.sy_jjfa .owl-controls .owl-page span.owl-numbers{height: auto;width: auto;color: #FFF;padding: 2px 10px;font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
.sy_jjfa .loading{min-height: 150px;background: url(../images/AjaxLoader.gif) no-repeat center center}
.sy_jjfa .owl-pagination{width:100%; height:14px; text-align:center; margin-top:68px;}
.owl-buttons{display: none;}
/*内页荣誉认证*/

/*内页相关产品*/
.hot_pro2{width:1400px;float:left; margin-top:0px; overflow: hidden;}
.hot_pro2_tit{width:1390px;float:left; border-bottom:1px solid #e6e6e6; padding:0 0 10px 10px; border-left:3px solid #0202ac;}
.hot_pro2_tit h3{float:left; font-size:16px; color:#0202ac; font-weight:bold;}
.hot_pro2_tit span{color:#999; font-size:12px; text-transform:uppercase;float:left; padding:3px 0 0 10px;}

.scrollleft2{width:1400px;float:left;}
.scrollleft2 li{width:240px; overflow:hidden; float:left; padding:20px 10px 0 0;}
.scrollleft2 li img{width:228px; height:auto; border:1px solid #e6e6e6; padding:5px;}
.scrollleft2 li img:hover{border:1px solid #0202ac;}
.scrollleft2 li span{display:block; width:240px; line-height:30px; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center;float:left; color: #333;}
/*内页相关产品*/

/*内页相关新闻*/
.new_s2{margin-top:50px; overflow: hidden;}
.news_random2{margin-top: 3%;}
.news_random2 ul{margin-right:-2%;}
.news_random2 ul li{width:48%; float:left; font-size:13px; line-height:30px; overflow:hidden; margin-right:2%;}
.news_random2 ul li a{background:url(../images/main_news_tb.jpg) no-repeat left center; padding-left:15px; color:#787876;}
.news_random2 ul li a:hover{color:#0202ac;}
.news_random2 ul li span{float:right; color:#787876;}
/*内页相关新闻*/

/*内页合作伙伴*/
.Partner {padding:0; height:auto; overflow:hidden; margin-top:3%}
.Partner ul { list-style: none; overflow: hidden; margin-right: -1%; }
.Partner li { width: 23%; height: auto; overflow: hidden; margin:0 1%; float: left; }
.Partner li .pic {border: 1px solid #cdcdcd; height:auto; overflow: hidden;}
.Partner li a { display: block; width: 100%; overflow: hidden; }
.Partner li img { width: 100%;}
.Partner ul li div:hover { border: 1px solid #25a4dc; }
.Partner li span { display: block; text-align: center; line-height: 40px; color: #222; font-size: 13px; }
/*内页合作伙伴*/

/*内页企业实力*/
.workshop {padding:0; height:auto; overflow:hidden; margin-top:3%}
.workshop ul { list-style: none; overflow: hidden; margin-right: -1%; }
.workshop li { width: 23%; height: auto; overflow: hidden; margin:0 1%; float: left; }
.workshop li .pic {border: 1px solid #cdcdcd; height:auto; overflow: hidden;}
.workshop li a { display: block; width: 100%; overflow: hidden; }
.workshop li img { width: 100%;}
.workshop ul li div:hover { border: 1px solid #25a4dc; }
.workshop li span { display: block; text-align: center; line-height: 40px; color: #222; font-size: 13px; }
/*内页企业实力*/

/*新闻资讯*/
.news{margin-top: 3%;}
.news .item{ background: #fff;margin-bottom: 30px;-webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;}
.news .item a{ display: block;width: 100%;height: 100%;}
.news .item:hover { box-shadow: 0 0 10px rgba(0,0,0,.2);}
.news .item:hover h1{ color: #c31111;}
.news .item:hover .month { background: #c31111;}
.news .left { width: 10%;float: left;}
.news .left span { width: 100%;height: 60px;display: block;line-height: 60px;text-align: center;font-size: 22px;-webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;}
.news .left span.month { background: #117fc3;color: #fff;}
.news .left span.year { background: #ededed;font-size: 24px;color: #999;}
.news .right { float: right;width: 87%;}
.news .right h1 { font-size: 18px;color: #333;-webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;margin: 20px 0;margin-bottom: 12px;}
.news .right p { color: #999;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 26px;font-size: 14px;}

/*新闻详情*/
.xinwenxiangqing{}
.xinwenxiangqing .nd_head{text-align: center;margin-top:10px;padding-bottom: 30px;border-bottom: 1px dashed #d6d6d6;}
.xinwenxiangqing .nd_head p{color: #3a87e1;font-size: 28px;margin-bottom: 18px;height: 37px;overflow: hidden;}
.xinwenxiangqing .nd_head span{color: #666;font-size: 14px;margin: 0 30px;}
.xinwenxiangqing .nd_text {text-align: left;font-size:14px;line-height:30px;  padding: 10px 0;}
.xinwenxiangqing .nd_text img{ max-width: 100%; display: block; margin: 10px 0;}
.detail_fenx a{font-size:14px;padding:12px 0;overflow:hidden;margin-top:20px;border-top:1px dotted #adadad; color:#333;}
/*新闻详情*/

.newsmore_page{width:100%;float:left;margin:3% 0; border-top:1px solid #e6e6e6; padding-top:20px;}
.newsmore_page_left{width:60%;float:left;line-height:24px; font-size:14px;}
.newsmore_page_right{float:right;text-align:right; font-size:16px;}

/*联系我们*/
.lxwmbg_left{width: 35%; float: left; margin-right: 5%; font-size: 14px; line-height: 30px;}
.lxwmbg_right{width: 60%; float: right; }
.maps{width: 100%; max-width: 1280%; height: auto; overflow: hidden; margin-bottom: 3%;}
/*联系我们*/

/*feedback*/
.content_box {width:100%;  margin: 0 auto; }
.content_box .messages_box { width: auto; padding: 10px 0% 60px 0%; }
.content_box .messages_box ul { width: 100%; }
.content_box .messages_box ul li { padding: 5px 0px 5px 0px; }
.content_box .messages_box .text-input, .content_box .messages_box .summary-input, .content_box .messages_box .qq-input { width: 96%; height: 33px; padding: 0px 10px; line-height: 33px; background: none repeat scroll 0% 0% rgb(253, 253, 253); border-width: 1px; border-style: solid; border-color: rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201); box-shadow: 1px 2px 3px rgb(183, 183, 183) inset !important; font-size: 14px; }
.content_box .messages_box .cont-input { width: 96%; height: 130px; padding: 10px; line-height: 20px; background: none repeat scroll 0% 0% rgb(253, 253, 253); border-width: 1px; border-style: solid; border-color: rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201); box-shadow: 1px 2px 3px rgb(183, 183, 183) inset !important; font-size: 14px; }
.content_box .messages_box .code-input { width: 125px; vertical-align: middle; height: 33px; padding: 0px 10px; line-height: normal; background: none repeat scroll 0% 0% rgb(253, 253, 253); border-width: 1px; border-style: solid; border-color: rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201); box-shadow: 1px 2px 3px rgb(183, 183, 183) inset !important; }
.content_box .messages_box .verify-pic { height: 35px; vertical-align: middle; }
.content_box .messages_box .submitBtn { text-align: center; padding-top: 10px; }
.content_box .messages_box .messages-button { width: 125px; height: 34px; line-height: 34px; font-size: 16px; color: #fff; text-align: center; background: none repeat scroll 0% 0% #e24a45; border: none; transition-duration: .3s; }
.content_box .messages_box .messages-button:hover { background: none repeat scroll 0% 0% #74b956; transition-duration: .3s; cursor: pointer;}
.map {max-width:1280px; width:100%; height: auto; overflow: hidden; margin: 0 auto; margin-top: 2%;}
.map img{display:block; clear:both; margin:auto; width:100%;}

.pro_er{width:100%; float:left; margin-top:20px; line-height:30px; font-size:14px; color:#787876; padding-bottom: 3%;}
.pro_er li{float:left; padding:0 10px; background:url(../images/footer_nav_fgx.jpg) right no-repeat;}
.pro_er li a{color:#787876;} 
.pro_er li a:hover,.pro_er li a.on{color:#0202ac;}

.products{overflow:hidden; height:auto; padding:0; max-width:1400px; margin: 0 auto; width: 100%;}
.products ul {margin-right:-3%; }
.products ul li{ width:22%; float:left; margin-right:3%; overflow:hidden; height:auto;  position:relative; margin-bottom:5%;border: 1px solid #e1e1e1;box-sizing: border-box;line-height: 1;}
.products ul li h3{ text-align:center; font-size:16px; font-weight:300;padding:10% 5% 5%;min-height: 40px;}
.products ul li .pic{padding:0%;}
.products ul li .pic img{ width:90%; margin:5%  auto; clear:both; display:block;}

.products ul li .cover-box { position:absolute; bottom:0;  width:100%; height:0px; z-index:3;  background-color:rgba(255,255,255,0.3); *background:#333; overflow:hidden; transition:all 0.6s ease; }
.products ul li .cover-box a{ color: #fff;}
.products ul li:hover .cover-box{ height:100%; background: rgba(0,168,239,0.8); color:#fff;}
.products ul li:hover .cover-box pre{ padding:5%; font-size:0.85rem; font-weight:300; line-height:2; text-align:center;}


/*产品详情*/
.cpxq_t:after{content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0;}
.cpxq_t_l{ float:left; width:48%;}
.sp-wrap{ display:none; line-height:0; font-size:0;}
.sp-thumbs{ width:100%;}
.sp-thumbs img{ max-width:100%;}
.sp-thumbs a:link, .sp-thumbs a:visited{ margin:0 0.5%; width:23%; height:70px; border:1px #eaeaea solid; overflow:hidden; opacity:.3; display:inline-block; background-size:cover; background-position:center; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; -ms-transition:all .2s ease-out;-o-transition:all .2s ease-out; transition:all .2s ease-out;}
.sp-thumbs a:hover{opacity:1;}
.sp-thumbs a:active, .sp-current{ opacity:1!important; position:relative;}
.sp-large{ position:relative; overflow:hidden; width:100% !important; margin:0 0 2% 0; box-shadow:0 0 1px rgba(0,0,0,0.3);}
.sp-large a img{}
.sp-large a{ display:block;}
.sp-zoom{ position:absolute; left:-50%; top:-50%; cursor:-webkit-zoom-in; cursor:-moz-zoom-in; cursor:zoom-in; display:none;}
.sp-zoom img{ max-width: none;}
.sp-lightbox{ position:fixed; top:0; left:0; height:100%; width:100%; background:rgb(0, 0, 0); background:rgba(0, 0, 0, .9); z-index:500; display:none; cursor:pointer;}
.sp-lightbox img{position:absolute; margin:auto; top:0; bottom:0; left:0; right:0; max-width:90%; max-height:90%; border:2px solid #fff;}
#sp-prev, #sp-next{ position:absolute; top:50%; margin-top:-25px; z-index:501; color:#fff; padding:14px; text-decoration:none; background:#000; border-radius:25px; border:2px solid #fff; width:50px; height:50px; box-sizing:border-box; transition:.2s;}
#sp-prev{ left:10px;}
#sp-prev:before{ content:''; border:7px solid transparent; border-right:15px solid #fff; position:absolute; top:16px; left:7px;}
#sp-next{ right:10px;}
#sp-next:before{ content:''; border:7px solid transparent; border-left:15px solid white; position:absolute; top:16px; left:18px;}
#sp-prev:hover, #sp-next:hover{ background:#444;}
@media screen and (max-width: 400px) {
	.sp-wrap{ margin:0 0 15px 0;}
	#sp-prev, #sp-next{ top:auto; margin-top:0; bottom:25px;}
}
.cpxq_t_r{ float:right; width:48%;}
.cpxq_t_r .cpxq_t_r_bt{color:#0202ac; font-size:22px;}
.cpxq_t_r .cpxq_t_r_jj{font-size:15px; margin-top:20px;}
.cpxq_t_r .cpxq_t_r_wb{line-height:24px;margin:20px 0 0 0;}
.cpxq_t_r .fh{ line-height:40px; margin-top:30px;}
.cpxq_t_r .fh a{display:inline-block; color:#fff; background:#444; padding:0 15px; transition:all 0.5s;}
.cpxq_t_r .fh a:hover{background:#0202ac;}

.cpxq_b{margin-top:30px;}
.cpxq_b_dh{background:#f1f1f1;}
.cpxq_b_dh ul{overflow:hidden;}
.cpxq_b_dh ul li{float:left; text-align:center; line-height:20px; padding:15px 20px; cursor:pointer; background:url(../images/ny_dh_bj.png) -200px 0 no-repeat;}
.cpxq_b_dh ul li:hover{color:#fff; background:#0202ac url(../images/ny_dh_bj.png) 300px 0 no-repeat; transition:all 1.5s;}
.cpxq_b_dh ul .active{color:#fff; background:#0202ac url(../images/ny_dh_bj.png) 300px 0 no-repeat;}

.cpxq_b_kj{margin-top:30px;}
.cpxq_b_kj .wb{display:none; line-height:24px;}

.wb td, .wb th{ padding:0 10px;}
.wb table{ border-left:1px solid #777; border-top:1px solid #777; text-align:center;}
.wb td, .wb th{border-right:1px solid #777; border-bottom:1px solid #777;}

.cpxq_b_kj .wb_xgcp
.cpxq_b_kj .wb_xgcp ul{overflow:hidden; margin-top:-2%; margin-left:-2%;}
.cpxq_b_kj .wb_xgcp ul li{width:31.33%; float:left; margin-top:2%; margin-left:2%;}
.cpxq_b_kj .wb_xgcp ul li .cpzx_img{width:100%; position:relative;}
.cpxq_b_kj .wb_xgcp ul li .cpzx_img:after{content:""; width:100%; height:100%; opacity:0; background:rgba(0,0,0,0.6) url(../images/sy_cp_fdj.png) center no-repeat; transition:all 0.5s; position:absolute; top:0; left:0;}
.cpxq_b_kj .wb_xgcp ul li:hover .cpzx_img:after{opacity:1;}
.cpxq_b_kj .wb_xgcp ul li .cpzx_wz{color:#fff; line-height:20px; padding:13px; background:#666; transition:all 0.5s;}
.cpxq_b_kj .wb_xgcp ul li:hover .cpzx_wz{background:#4eb839;}


.fix{position:fixed; z-index:99; right:0px; bottom:30%; border-radius:5px;}
.fix .bodd{position:relative; background:#0202ac; padding:10px; width:140px;}
.fix .bodd .blacktop,.fix .bodd .close{position:absolute; cursor: pointer; width:43px; left:50%; margin-left:-21.5px;}
.fix .bodd .close{background:url(../images/close.png) no-repeat; top:-29px; height:29px;}
.fix .bodd .blacktop{background:url(../images/fix_top.png) no-repeat; bottom:-35px; height:35px;}
.fix .bodd p{font-size:16px; color:#fff; text-align: center; font-weight:bold; padding:15px 0px 15px 0px;}
.fix .bodd span{height:35px; background:#313131; display:block; text-align:center; color:#fff; border-radius:5px 5px 0px 0px; line-height:35px; font-size:14px;}
.fix .bodd .online{background:#fff; text-align:center; padding-top:10px;}
.fix .bodd .online a{line-height:18px; background:url(../images/fixqq.jpg) no-repeat 15px 2px; display:block; padding-bottom:10px; padding-left:15px;}
.fix .bodd .ewm{text-align:center; background:#fff; margin-top:10px; padding-top:5px;} 
.fix .bodd .ewm img{width:110px;height:110px;}
.fix .bodd .tel{text-align:center; padding-top:10px;}
.fix .bodd .tel span{display:block; color:#fff; font-size:14px; background:url(../images/fix_teltb.png) left no-repeat; margin-left:10px;}
.fix .bodd .tel b{display:block; color:#fff; font-size:14px; padding-bottom:5px;}
.fix .kefubtn{background: url(../images/fixsuo.png) no-repeat; width:70px; height:142px; display:none; cursor:pointer;}

/** 首页代码 End **/