@charset "UTF-8";
body{overflow-x: hidden;overflow-y: auto;}
body,p,form,textarea,h1,h2,h3,h4,h5,dl,dd{margin: 0px;}
input,button,ul,ol{margin: 0px; padding: 0px;}
body,input,button,form{font-size: 14px; line-height: 28px; font-family: "阿里巴巴普惠体 B"; color: #333333;}
h1,h2,h3,h4,h5,h6{font-size: 14px; font-weight: normal;}
ul,ol,li{list-style: none;}
input{background: none; border: 0 none;}
img,iframe{border: 0px;}
em,i{font-style: normal;}
button,input,select,textarea{font-size: 100%;}
table{border-collapse: collapse; border-spacing: 0;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,button,select{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
.pro-this-prodBrief em{font-style:italic;font-weight:inherit}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
input,textarea,select{*font-size:100%}
a { color: #333; text-decoration: none }
a:hover { color: #0a75bb; text-decoration: none; }
a:visited { text-decoration: none }
.clearfix {
*zoom:1 }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 }

@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}
.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:FontAwesome !important;font-display:optional}
@font-face{font-family:"block-icon";src:url('../iconfont/iconfont.eot?t=1702974119689');src:url('../iconfont/iconfont.eot?t=1702974119689#iefix') format('embedded-opentype'),url('../iconfont/iconfont.woff2?t=1702974119689') format('woff2'),url('../iconfont/iconfont.woff?t=1702974119689') format('woff'),url('../iconfont/iconfont.ttf?t=1702974119689') format('truetype'),url('../iconfont/iconfont.svg?t=1702974119689#block-icon') format('svg')}
.block-icon{font-family:"block-icon" !important;font-display:optional;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1}


html{-webkit-tap-highlight-color:rgba(0,0,0,0);-moz-tap-highlight-color:rgba(0,0,0,0);-ms-tap-highlight-color:rgba(0,0,0,0);-o-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0)}
.table{width:100%;max-width:100%;margin-bottom:20px}
.table th{font-weight:bold}
.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}
.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}
.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}
.table>tbody+tbody{border-top:2px solid #ddd}
.table .table{background-color:#fff}
.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:5px}
.table-bordered{border:1px solid #ddd}
.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #ddd}
.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:2px}
.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}
.table-hover>tbody>tr:hover{background-color:#f5f5f5}
table col[class*=col-]{position:static;display:table-column;float:none}
table td[class*=col-],table th[class*=col-]{position:static;display:table-cell;float:none}
.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f5f5f5}
.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{background-color:#e8e8e8}
.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#dff0d8}
.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{background-color:#d0e9c6}
.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#d9edf7}
.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover{background-color:#c4e3f3}
.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:#fcf8e3}
.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover{background-color:#faf2cc}
.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:#f2dede}
.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover{background-color:#ebcccc}
.table-responsive{min-height:.01%;overflow-x:auto}
.sitewidget-downloadlist .table .summary{max-width:200px;display:inline-block}
@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}
.table-responsive>.table{margin-bottom:0}
.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}
.table-responsive>.table-bordered{border:0}
.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}
.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}
.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}
}
.wechat-popup{position:fixed;z-index:2000;left:0;top:0;height:100%;width:100%;background-color:rgba(1,1,1,0.6);-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-ms-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear}
.wechat-qrcode-wrap{width:280px;height:360px;position:absolute;left:50%;top:50%;margin:-180px 0 0 -140px;color:#444;background-color:#f9f9f9;box-shadow:0 10px 25px rgba(0,0,0,0.5);border-radius:4px;font-family:Avenir,"Hiragino Sans GB","Noto Sans S Chinese","Microsoft Yahei","Microsoft Sans Serif","WenQuanYi Micro Hei",sans-serif;-webkit-transform-origin:center center -400px;-ms-transform-origin:center center -400px;transform-origin:center center -400px}
.wechat-qrcode-wrap.is-shown{-webkit-animation:shownQrcode .4s;-moz-animation:shownQrcode .4s;-ms-animation:shownQrcode .4s;-o-animation:shownQrcode .4s;animation:shownQrcode .4s cubic-bezier(0.215,0.61,0.355,1)}
.wechat-qrcode-wrap.is-hidden{-webkit-animation:hiddenQrcode .4s;-moz-animation:hiddenQrcode .4s;-ms-animation:hiddenQrcode .4s;-o-animation:hiddenQrcode .4s;animation:hiddenQrcode .4s cubic-bezier(0.55,0.055,0.675,0.19)}
@-webkit-keyframes shownQrcode{from{-webkit-transform:rotateY(-70deg);-moz-transform:rotateY(-70deg);-ms-transform:rotateY(-70deg);-o-transform:rotateY(-70deg);transform:rotateY(-70deg)}
to{-webkit-transform:rotateY(0);-moz-transform:rotateY(0);-ms-transform:rotateY(0);-o-transform:rotateY(0);transform:rotateY(0)}
}
@-moz-keyframes shownQrcode{from{-webkit-transform:rotateY(-70deg);-moz-transform:rotateY(-70deg);-ms-transform:rotateY(-70deg);-o-transform:rotateY(-70deg);transform:rotateY(-70deg)}
to{-webkit-transform:rotateY(0);-moz-transform:rotateY(0);-ms-transform:rotateY(0);-o-transform:rotateY(0);transform:rotateY(0)}
}
@-ms-keyframes shownQrcode{from{-webkit-transform:rotateY(-70deg);-moz-transform:rotateY(-70deg);-ms-transform:rotateY(-70deg);-o-transform:rotateY(-70deg);transform:rotateY(-70deg)}
to{-webkit-transform:rotateY(0);-moz-transform:rotateY(0);-ms-transform:rotateY(0);-o-transform:rotateY(0);transform:rotateY(0)}
}
@-o-keyframes shownQrcode{from{-webkit-transform:rotateY(-70deg);-moz-transform:rotateY(-70deg);-ms-transform:rotateY(-70deg);-o-transform:rotateY(-70deg);transform:rotateY(-70deg)}
to{-webkit-transform:rotateY(0);-moz-transform:rotateY(0);-ms-transform:rotateY(0);-o-transform:rotateY(0);transform:rotateY(0)}
}
@keyframes shownQrcode{from{opacity:0;-webkit-transform:rotateY(-70deg);-moz-transform:rotateY(-70deg);-ms-transform:rotateY(-70deg);-o-transform:rotateY(-70deg);transform:rotateY(-70deg)}
to{opacity:1;-webkit-transform:rotateY(0);-moz-transform:rotateY(0);-ms-transform:rotateY(0);-o-transform:rotateY(0);transform:rotateY(0)}
}
@-webkit-keyframes hiddenQrcode{from{-webkit-transform:rotateY(0);-moz-transform:rotateY(0);-ms-transform:rotateY(0);-o-transform:rotateY(0);transform:rotateY(0)}
to{-webkit-transform:rotateY(70deg);-moz-transform:rotateY(70deg);-ms-transform:rotateY(70deg);-o-transform:rotateY(70deg);transform:rotateY(70deg)}
}
@-moz-keyframes hiddenQrcode{from{-webkit-transform:rotateY(0);-moz-transform:rotateY(0);-ms-transform:rotateY(0);-o-transform:rotateY(0);transform:rotateY(0)}
to{-webkit-transform:rotateY(70deg);-moz-transform:rotateY(70deg);-ms-transform:rotateY(70deg);-o-transform:rotateY(70deg);transform:rotateY(70deg)}
}
@-ms-keyframes hiddenQrcode{from{-webkit-transform:rotateY(0);-moz-transform:rotateY(0);-ms-transform:rotateY(0);-o-transform:rotateY(0);transform:rotateY(0)}
to{-webkit-transform:rotateY(70deg);-moz-transform:rotateY(70deg);-ms-transform:rotateY(70deg);-o-transform:rotateY(70deg);transform:rotateY(70deg)}
}
@-o-keyframes hiddenQrcode{from{-webkit-transform:rotateY(0);-moz-transform:rotateY(0);-ms-transform:rotateY(0);-o-transform:rotateY(0);transform:rotateY(0)}
to{-webkit-transform:rotateY(70deg);-moz-transform:rotateY(70deg);-ms-transform:rotateY(70deg);-o-transform:rotateY(70deg);transform:rotateY(70deg)}
}
@keyframes hiddenQrcode{from{opacity:1;-webkit-transform:rotateY(0);-moz-transform:rotateY(0);-ms-transform:rotateY(0);-o-transform:rotateY(0);transform:rotateY(0)}
to{opacity:0;-webkit-transform:rotateY(70deg);-moz-transform:rotateY(70deg);-ms-transform:rotateY(70deg);-o-transform:rotateY(70deg);transform:rotateY(70deg)}
}
.w1500{width:1500px; margin: 0 auto;}
.clear{clear:both;display: block;}
.fl{float: left;}
.fr{float: right;}
.main{width: 100%;margin:0 auto;background-color: #ffffff;min-height: 155px;position: fixed;z-index: 9999;}
.header{width: 100%;background: url(../images/header.jpg) center center no-repeat rgba(255,255,255,0);height: 150px;margin-top:5px;}
.header .logo{width: 20%;float:left;height:150px;background: url(../images/header-1.jpg) center center no-repeat rgba(255,255,255,0);position:relative;}
.header .logo .logo-image{padding-left:15%;position:absolute;bottom:0;padding-bottom:25px;}
.header .nav{width:70%;float: left;height:150px;/*background: url(../images/header-2.jpg) center center no-repeat;*/}
.nav .nav-top{height: 70px;line-height: 70px;width: 100%;padding-left:20%;}
/*.nav .nav-bot{height: 80px;line-height: 80px;width: 100%;position: fixed;}*/

.nav .nav-top .email,.nav .nav-top .tel{width: 25%;float: left;}
.nav .nav-top .qt{float:left;}
.nav .nav-top .qt .follow-a img,
.nav .nav-top .qt .follow-b img,
.nav .nav-top .qt .follow-c img,
.nav .nav-top .qt .follow-d img,
.nav .nav-top .qt .follow-e img{width: 20px;transition: all 1s;}
.nav .nav-top .qt .follow-a:hover img,
.nav .nav-top .qt .follow-b:hover img,
.nav .nav-top .qt .follow-c:hover img,
.nav .nav-top .qt .follow-d:hover img,
.nav .nav-top .qt .follow-e:hover img{transform: rotateZ(360deg);}

.nav ul{width: 100%;}
.nav ul li{list-style: none;float: left;padding:0 2.5%;}
.nav ul li a{font-size:24px;font-weight: bold;color: #ffffff;}


.nav_main{width:100%;height: 80px;line-height: 80px;position: fixed;;z-index: 3;}
.nav .list{width: 100%; margin:0 auto;height: 70px; line-height: 70px;position: relative;}
.nav_main .nav1{width: 100%; margin: 0 auto;}
.nav_main .nav1 li{float:left;display: block;position: relative;z-index: 10;font-size: 16px;/*border-right:1px solid #0b2d7e;*/text-align: center;}
.nav_main .nav1 li:first-child{/*border-left:1px solid #0b2d7e;*/background: none;}
.nav_main .nav1 li:first-child.hover{border-bottom: 1px solid #fff;}
.nav_main .nav1 li a{display: block;color:#fff;font-size:20px; font-weight: bold;}
.nav_main .nav1 li a:hover, .nav_main .nav1 li a.hover, .nav_main .nav1 li #hover2{border-bottom: 1px solid #fff;}
.nav_main .nav1 dl{width: 150%;background: #fff;position: absolute;left: 0;top:80px;z-index: 12;border: 1px solid #0185d0;}
.nav_main .nav1 dl{position: absolute;filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0,direction=120,strength=5);opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);}
.nav_main .nav1 li:hover dl{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
.nav_main .nav1 dl dd{line-height:35px; height:35px; border-top: 1px solid #e5e5e5; text-align: left; position: relative; z-index: 12; display: block; width: 100%;}
.nav_main .nav1 dl dd:first-child{border: none;}
.nav_main .nav1 dl dd a{color: #666;font-size: 16px;padding: 0;width: 100%;text-align:left; font-weight: 100;padding-left:5px;}
.nav_main .nav1 dl dd a:hover, .nav_main .nav1 dl dd a.hover{background: #0185d0; color: #fff;}
.nav_main .nav1 dl dd .three{position: absolute;filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0,direction=120,strength=5);opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(-10px, 0, 0);}
.nav_main .nav1 dl dd:hover .three{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
.nav_main .nav1 dl dd .three{position: absolute;left:95%;top: 4px;padding-left: 20px;color: #666;z-index: 10;background: url(../images/menu_bg.png) 12px 10px no-repeat;}
.nav_main .nav1 dl dd .three a{color: #fff;width:120%;font-size:14px;background: #0185d0;text-align: center;display: block;height:32px;line-height: 32px;border-top: 1px solid #0A67B7;transition: ease-in-out .2s;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; font-weight: 100;}
.nav_main .nav1 dl dd .three a:first-child{border-top:none;}
.nav_main .nav1 dl dd .three a:hover{background:#0A67B7;color: #fff;}



/* banner */
.banner1{padding-top:155px;width: 100%;height: auto;/*display: flex;*/}
#banner_main{overflow:hidden;position: relative;z-index: 2;max-width:1920px;margin:0 auto;}
#banner_main .banner{height:740px;}
#banner{width:100%;min-width:1000px;position:relative;overflow:hidden;z-index:0;}
#banner, .banner ul{max-height:740px; overflow:hidden;}
.banner li{width:100%;position:absolute;z-index:1;overflow:hidden;display: none;}
.banner li:first-child{display:block;}
.banner li img{width:1920px;display:block;position:relative;left:50%;margin-left:-960px;top:0;}
#banner .tip{width:1000px; height:20px; line-height:0; font-size:0;text-align:center; position:absolute;left:50%;margin-left:-500px;bottom:12px;z-index:3;}
#banner .tip span{width:16px;height:16px;margin:0 6px;display:inline-block;font-size: 0;cursor: pointer;background-position:-150px 0px;}
#banner .tip span.cur{background-position:-130px 0px;}
#banner #btn_prev,#banner #btn_next{width:32px;height:50px;position:absolute;top:320px;z-index:5;}
#banner #btn_prev{background-position:-60px 0;left:8%;transition: all 600ms ease;}
#banner #btn_next{background-position:-92px 0;right:8%;transition: all 600ms ease;}
#banner #btn_prev:hover{opacity:.8;filter:alpha(opacity=80);transition: all 600ms ease;left: 7.6%;}
#banner #btn_next:hover{opacity:.8;filter:alpha(opacity=80);transition: all 600ms ease;right: 7.6%;}
.ico {
    background: url(../images/icon.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
}

.about{width:100%;margin:0 auto; height:100%;background-color: #f2f3f9;display: flex;padding-bottom:30px;}
.about p{line-height:35px; padding-left: 25px;width: 100%;}
.about .content{height: auto;float: left;width: 40%;padding-top:40px;font-size:15px;}
.about .content p img{padding-top:30px;padding-bottom:20px;}
.about .aimg{float: left;width: 40%;padding-left: 5%;}

.content1{width:100%;margin:0 auto; height:100%;background-color: #ffffff;display: flex;padding:30px 0px;}
.content1 ul {width: 100%;height: auto;overflow: hidden;margin-left: 7px;}
.content1 ul li {width: 21.5%;float: left;display: inline;margin-right: 42px;margin-bottom: 20px;}
.content1 ul li .img {width: 100%;padding: 2px 5px 5px;border: 1px solid #ddd;height: 250px;overflow: hidden;}
.content1 ul li .img img {width: 100%;height: 250px;overflow: hidden;transition: all 0.5s;-webkit-transition: all 0.5s;-ms-transition: all 0.5s;}
.content1 ul li .txt {background: url(../images/yingyin.jpg) no-repeat top center;width: 100%;text-align: center;padding-top: 10px;}
.content1 ul li .txt h4 {font-size: 14px;font-weight: bold;color: #008fe5;}
.content1 ul li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-ms-transform: scale(1.1);}

.shop{width:100%;margin:0 auto; height:100%;background-color: #f2f3f9;display: flex;padding:30px 0px;}
.shop .title{width:100%;text-align:center;font-size:38px;}
.shop .shoplist{width: 100%;padding-top: 15px;}
.shop .shoplist ul{width: 100%;}
.shop .shoplist ul li{width: 30%;float: left;display:inline;margin-right:30px;margin-bottom:35px;border: 1px solid #ddd;background-color: #fff;}
.shop .shoplist ul li .img {width: 100%;padding: 2px 5px 5px;height:320px;overflow: hidden;}
.shop .shoplist ul li .img img {
    width:93%;padding: 0px 10px 10px 10px;
    height:300px;overflow: hidden;
    transition: all 0.5s;-webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    object-fit: contain;

}
.shop .shoplist ul li .txt {
    background: url(../images/r.png) no-repeat top center;
    background-size: 40px 40px;
    background-position: center right;
    width: 95%;text-align: center;padding-top: 10px;
}
.shop .shoplist ul li:hover .txt {
    background: url(../images/r-1.png) no-repeat top center;
    background-size: 40px 40px;
    background-position: center right;
    width: 94%;text-align: center;padding-top: 10px;
}
.shop .shoplist ul li .txt h4 {font-size: 14px;font-weight: bold;color: #008fe5;padding-bottom:25px;font-size:16px;}
.shop .shoplist ul li:hover {
    transform: scale(1.05);-webkit-transform: scale(1.05);-ms-transform: scale(1.05);
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#909090,direction=120,strength=4);
   -moz-box-shadow: 2px 2px 10px #909090;
   -webkit-box-shadow: 2px 2px 10px #909090;
   box-shadow:2px 2px 10px #909090;
   transition: all 0.5s;

}
.outerContainer{
    background-image: -webkit-linear-gradient(0,#0a75bb,rgba(10,117,187,0.42));
    background-image: -moz-linear-gradient(0,#0a75bb,rgba(10,117,187,0.42));
    background-image: -ms-linear-gradient(0,#0a75bb,rgba(10,117,187,0.42));
    background-color: #0a75bb\9;
    border-left: 0 solid #000;
    border-right: 0 solid #000;
    border-top: 0 solid #000;
    border-bottom: 0 solid #000;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    margin-top: 0;
    margin-bottom: 0;
    box-shadow: 0;width:100%;margin:0 auto; height:100%;display: flex;padding:40px 0px 20px 0px;
}
.outerContainer.container1 {
    background: url(../images/contact-inner-bg.png) no-repeat scroll center center;
    background-size: initial;
    border-left: 0 solid #000;
    border-right: 0 solid #000;
    border-top: 0 solid #000;
    border-bottom: 0 solid #000;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    box-shadow: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}
.outerContainer .content_about{width: 100%;}
.outerContainer .content_about ul li{float: left;}
.outerContainer .content_about ul li {float: left;width:16.5%;}
.outerContainer .content_about li .h1 {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: #ffffff;

}
.outerContainer .content_about li .h1 span {
    font-size: 45px;
    font-weight: bold;
    color: #ffffff;
}
.outerContainer .content_about li .h2 {
    font-size: 16px;
    font-weight: 300;
    color: #fff;
    text-align: center;
}

.service{width:100%;margin:0 auto; height:100%;background-color: #ffffff;display: flex;padding:30px 0px;}
.service .title{width:100%;text-align:center;font-size:38px;}
.service .simg{text-align:center;padding-top:20px;}
.service .servicelist{width: 100%;padding-top: 15px;}
.service .servicelist ul{width: 100%;}
.service .servicelist ul li{width: 22.5%;float: left;display:inline;margin-right:30px;margin-bottom:35px;/*background-color: #fff;*/}
.service .servicelist ul li .img {width: 100%;padding: 2px 5px 5px;height:60px;overflow: hidden;}
.service .servicelist ul li .img img{width:50px; height:50px;}
.service .servicelist ul li .txt {width:96%;text-align: left;padding-top: 10px;}
.service .servicelist ul li .txt h4 {font-size:20px;font-weight: bold;color: #000000;padding-bottom:25px;}
.service .servicelist ul li .txt p{font-size:15px; color: #666666;line-height:30px;}


.case{width:100%;margin:0 auto; height:100%;background-color: #f2f3f9;display: flex;padding:30px 0px;}
.case .title{width:100%;text-align:center;font-size:38px;}
.case .caselist{width: 100%;padding-top: 15px;}
.case .caselist ul{width: 100%;}
.case .caselist ul li{width: 30%;float: left;display:inline;margin-right:30px;margin-bottom:35px;background-color: #fff;}
.case .caselist ul li .img {width: 100%;padding:0px;height:320px;overflow: hidden;}
.case .caselist ul li .img img{width:100%; height:320px;}
.case .caselist ul li .txt {width:100%;text-align: left;background-color: rgb(10 117 187 / 47%);position: relative;
      z-index:999;}
.case .caselist ul li .txt h4 {
    font-size:20px;
    font-weight: bold;
    color: #fff;
    height: 60px;
    line-height: 60px;
    padding-left: 5px;}
.case .caselist ul li .txt p{font-size:14px; color: #666666;line-height: 25px;}
.case .caselist ul li:hover {
    transform: scale(1.05);-webkit-transform: scale(1.05);-ms-transform: scale(1.05);
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#909090,direction=120,strength=4);
   -moz-box-shadow: 2px 2px 10px #909090;
   -webkit-box-shadow: 2px 2px 10px #909090;
   box-shadow:2px 2px 10px #909090;
   transition: all 0.5s;

}

.backstage-component-btn {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.backstage-component-btncolor {
    background-image: -webkit-linear-gradient(0,#0a75bb,rgba(10,117,187,0.42));
    color: #fff;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
    border-color: #333;
    border-style: solid;
    border-width: 0;
    box-sizing: content-box;
}
.backstage-component-btn:hover {
    background-color: initial;
    background: -webkit-linear-gradient(0,rgba(10,117,187,0.42),#0a75bb);
}

.news{width:100%;margin:0 auto; height:100%;background-color: #ffffff;display: flex;padding:30px 0px;}
.news .title{width:100%;text-align:center;font-size:38px;}
.news .newslist{width: 100%;padding-top: 15px;}
.news .newslist ul{width: 100%;}
.news .newslist ul li{width: 30%;float: left;display:inline;margin-right:30px;margin-bottom:35px;background-color: #fff;}
.news .newslist ul li .img {width: 100%;padding:0px;height:320px;overflow: hidden;}
.news .newslist ul li .img img{width:100%; height:320px;}
.news .newslist ul li .txt {width:100%;text-align: left;background-color: rgb(10 117 187 / 47%);position: relative;
      z-index:999;}
.news .newslist ul li .txt h4 {
    font-size:20px;
    font-weight: bold;
    color: #fff;
    height: 60px;
    line-height: 60px;
    padding-left: 5px;}
.news .newslist ul li .txt p{font-size:14px; color: #666666;line-height: 25px;}
.news .newslist ul li:hover {
    transform: scale(1.05);-webkit-transform: scale(1.05);-ms-transform: scale(1.05);
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#909090,direction=120,strength=4);
   -moz-box-shadow: 2px 2px 10px #909090;
   -webkit-box-shadow: 2px 2px 10px #909090;
   box-shadow:2px 2px 10px #909090;
   transition: all 0.5s;

}


.factory{width:100%;margin:0 auto; height:100%;background-color: #f2f3f9;display: flex;padding:40px 0px;}
.factory .title{width:100%;text-align:left;font-size:38px;}
.factory .factorylist{width: 100%;padding-top: 15px;}
.factorylist ul li{width: 23%;height:auto;margin:5px;float:left;position: relative;}
.factorylist .list-paddingleft-2 p{width:100%;padding:0px 0px 0px 0px;}
.factorylist ul li a{
	display: block;
	width: 100%;
	height:100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
.factorylist ul li:hover a::after{
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,.3);
z-index: 2;
}
.factorylist ul li img{width:100%;}


.certificate{width:100%;margin:0 auto; height:100%;background-color: #f2f3f9;display: flex;padding:40px 0px;}
.certificate .title{width:100%;text-align:left;font-size:38px;}
.certificate p{width: 98%;padding:10px;float: left;}
.certificate .certificatelist{width: 100%;padding-top:25px;}
.certificate .certificatelist ul li{width:15.5%;height:auto;margin:5px;float:left;position: relative;}
.certificate .list-paddingleft-2 p{width:100%;padding:0px 0px 0px 0px;}
.certificate .certificatelist ul li a{
	display: block;
	width: 100%;
	height:100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
.certificate .certificatelist ul li:hover a::after{
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,.3);
z-index: 2;
}
.certificate .certificatelist ul li img{width:100%;}
.certificate .title .cspan{float: right;font-size:16px;color: #0a75bb;}

.certificate .ccontent{width:100%;}
.certificate .ccontent .cl{float:left;width:50%;}
.certificate .ccontent .cr{float:left;width:50%;}



.contactus{width:100%;margin:0 auto; height:100%;background-color: #f2f3f9;display: flex;padding:40px 0px;}
.contactus .c-left{width:49%;float: left;}
.contactus .c-left .title{width:100%;text-align:left;font-size:38px;}
.contactus .c-right{width: 45%;padding-top:25px; padding-left:5%;float:left;position: relative;}
/*.contactus .c-right{width:16%;height:auto;padding:5px;float:left;position: relative;}*/


.from{width: 100%;padding-top: 35px;}
.from input, select, textarea {padding: 1px;margin: 2px;font-size: 11px;border: solid 1px #DBDBDB;border-radius: 5px}
input[type=text], input[type=email] {
padding: 5px; /* 添加内边距 */
border: 2px solid #ccc; /* 设置边框样式 */
border-radius: 5px; /* 设置边框圆角 */
box-shadow: inset 0 0 5px rgba(0, 0, 0, .1); /* 添加内阴影效果 */
transition: all 0.3s ease; /* 添加过渡动画效果 */
width: 85%;
}
input[type=text]:focus, input[type=email]:focus {
outline: none; /* 去除默认选中时的外边框 */
border-color: #0a75bb; /* 修改获取焦点时的边框颜色 */
box-shadow: 0 0 8px rgba(0, 0, 0, .2); /* 添加外阴影效果 */
}
/* 设置文本区域样式 */
textarea {
resize: vertical; /* 只能在垂直方向调整大小 */
overflow: auto; /* 自动显示滚动条 */
width: 100%;
height: 100px; /* 设置高度 */
padding: 5px; /* 添加内边距 */
border: 2px solid #ccc; /* 设置边框样式 */
border-radius: 5px; /* 设置边框圆角 */
box-shadow: inset 0 0 5px rgba(0, 0, 0, .1); /* 添加内阴影效果 */
transition: all 0.3s ease; /* 添加过渡动画效果 */
background-color: #f2f3f9;
}
textarea:focus {
outline: none; /* 去除默认选中时的外边框 */
border-color: #0a75bb; /* 修改获取焦点时的边框颜色 */
box-shadow: 0 0 8px rgba(0, 0, 0, .2); /* 添加外阴影效果 */
background-color: #fff;
}

/* 设置按钮样式 */
input[type=submit] {
background-color: #0a75bb; /* 设置背景颜色 */
color: white; /* 设置文字颜色 */
padding:5px 10px; /* 添加内边距 */
border: none; /* 无边框 */
border-radius: 5px; /* 设置边框圆角 */
cursor: pointer; /* 光标变成手型 */
transition: all 0.3s ease; /* 添加过渡动画效*/
width: 200px;
height: 50px;
font-size:16px;
font-weight: bold;
}
input[type=submit]:focus {
outline: none; /* 去除默认选中时的外边框 */
border-color: #0a75bb; /* 修改获取焦点时的边框颜色 */
box-shadow: 0 0 8px rgba(0, 0, 0, .2); /* 添加外阴影效果 */
background-color: red;
color: white; /* 设置文字颜色 */
}
.from .l{width: 30%;float: left;padding:10px; height: 50px;line-height: 50px;}
.from .r{width:90.5%;padding:10px;padding-top: 30px; }


.contactus01{width:100%;margin:0 auto; height:100%;background-color: #ffffff;display: flex;padding:40px 0px;}
.contactus01 ul{width: 100%;}
.contactus01 ul li{width: 33%;text-align:center;float:left;padding-bottom: 25px;}
.contactus01 ul li img{width:40px;}
.contactus01 ul li h2{font-size:24px;color: #333;font-weight:400;letter-spacing: 1px;line-height: 1.8em;text-align: center;}
.contactus01 ul li .txt{font-size:16px;}

.electrophoretic{width:100%;margin:0 auto; height:100%;background-color: #f2f3f9;display: flex;/*padding:40px 0px;*/}
.electrophoretic .ele-left{width:46%;float:left;padding-top:5%;}
.electrophoretic .ele-right{width:54%;background-color: #000;float:left;}
.electrophoretic .w100{width:600px;/*margin:0 auto;*/color: #333;padding-top:60px;float: right;padding-right: 10%;}
.electrophoretic .w100 img{padding-top:30px;padding-bottom:30px;}
.electrophoretic .w100a{width:750px;padding:30px;padding-left:30px;/*margin:0 auto;*/}
.electrophoretic .w100a ul li{width:46%;float:left;padding:10px;position: relative;}
.electrophoretic .w100a ul li a{
	display: block;
	width: 100%;
	height:100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
.electrophoretic .w100a ul li:hover a::after{
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,.5);
z-index: 2;
}
.electrophoretic .w100a ul li img{width: 100%;}

/**************footer***************/
.footer{width: 100%;color: #fff;padding: 30px 0 20px;background: #191919;display: flex;}
.footer .links{padding-bottom: 30px;margin-bottom: 30px;font-size: 16px;border-bottom: 1px solid #434343;}
.footer .links span{color:#f9f9f9;display:inline-block;}
.footer .links a{display:inline-block;color:#f9f9f9;padding-right: 10px;}
.footer .links a:hover{opacity: 0.8;filter: alpha(opacity=80);}
.footer .contact{width:35%;}
.footer .contact .ewm{width:35%;height:100px;/*background:#ddd;*/font-size:15px;text-align:center;}
.footer .contact .ewm img{display:block;margin:0 auto;width:120px;}
.footer .contact .contact_info{margin-left:10px;width:60%;}
.footer .contact .contact_info p{font-size:15px;color:#ccc;line-height:35px;}
.footer .contact .contact_info .tel{margin-top:10px;margin-bottom:12px;font:normal 30px "arial";color:#407fe1;line-height:24px;}
.footer .contact .contact_info .p2{margin-bottom:6px;}
.footer .bNav{width: 65%;}
.footer .bNav .item{float: left; line-height: 26px;/*width: 25%;*/}
.footer .bNav .item h3{margin-bottom:24px;padding: 0 34px;border-right:1px solid #407fe1;}
.footer .bNav .item:first-child h3{border-left:1px solid #407fe1;}
.footer .bNav .item h3 a{color: #fff; font-size: 18px;text-indent:0px;}
.footer .bNav .item h3 a:hover{opacity: 0.8; filter: alpha(opacity=80);}
.footer .bNav .item a{color: #ccc;display: block;font-size: 15px;line-height: 26px;text-indent: 40px;}
.footer .bNav .item a:hover{color: #fff;}
/*********copyright*************/
.copyright{height: 57px; line-height: 57px; color: #999999; font-size: 12px; background: #101010; border-top: 1px solid #434343;}
.copyright span{margin: 0 12px; opacity: 0.7; filter: alpha(opacity=70);}
.copyright a{color: #999999;}
.copyright a:hover{color: #fff;}












/********.toolbar*********/
.toolbar {
    width: 50px;
    position: fixed;
    right: 1%;
    top: 44%;
    z-index: 999999;
}

.toolbar dd {
    width: 50px;
    height: 50px;
    margin-bottom: 1px;
    position: relative;
    background: url(../images/black20.png) repeat 0 0;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.toolbar dd i {
    width: 50px;
    height: 50px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
    text-align: center;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.toolbar dd i span {
    width: 35px;
    height: 35px;
    display: block;
    margin: 7px 0 0 7px;
    background: url(../images/rightFixIcon.png) no-repeat 0 0;
}

.toolbar dd.gottop {
    display: none;
}

.toolbar .slide-tel {
    display: block;
    width: 0;
    height: 50px;
    line-height: 50px;
    font-size: 24px;
    font-family: arial;
    color: #FFF;
    position: absolute;
    padding: 0 0 0 50px;
    top: 0;
    right: 0;
    overflow: hidden;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    -webkit-transition: all .0s ease-in-out 0s;
    -moz-transition: all .0s ease-in-out 0s;
    transition: all .0s ease-in-out 0s;
}

.toolbar .pop {
    position: absolute;
    right: 90px;
    top: -51px;
    background: #0185d0;
    display: none;
}

.toolbar .pop-code {
    width: 160px;
}

.toolbar .pop-code img {
    width: 120px;
    height: 120px;
    display: block;
    padding: 20px 20px 0;
}

.toolbar .pop-code h3 {
    height: 52px;
    line-height: 26px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    white-space: nowrap;
}

.toolbar .pop-code h3 b {
    display: block;
    font-size: 14px;
    font-weight: normal;
}

.toolbar .qq span {
    background-position: 0 -47px;
}

.toolbar .qq a {
    width: 50px;
    height: 50px;
    cursor: pointer;
    display: block;
}

.toolbar .qq:hover {
    background: #0185d0;
}

.toolbar .tel span {
    background-position: 0 0;
}

.toolbar .tel:hover {
    background: #0185d0;
}

.toolbar .code span {
    background-position: 0 -95px;
}

.toolbar .code:hover {
    background: #0185d0;
}

.toolbar .top span {
    background-position: 0 -142px;
}

.toolbar .top:hover {
    background: #0185d0;
}


.wrapper { position: relative; width: 100%; padding: 30px 0 }
.wrapper .sitepath { color: #0a75bb; text-transform: uppercase }
.wrapper .sitepath .home { width: 14px; height: 16px; display: inline-block; background-position: -114px -122px; margin-right: 10px }
.wrapper .sitepath a { display: inline-block; white-space: nowrap; color: #2f4056 }
.wrapper .sitepath a:hover { color: #0a75bb }
.wrapper .sitepath span { color: #2f4056 }
.wrapper .w1300 { position: relative; z-index: 5;width: 1300px;margin:0 auto; }
.wrapper .left { width: 20%; }
.wrapper .left .submenubox { padding-bottom: 20px }
.wrapper .left .submenubox .left_title { height: 80px; background: #0a75bb; color: #fff }
.wrapper .left .submenubox .left_title h3 { font-size: 24px; font-weight: 700; line-height: 80px; padding-left: 26px; text-transform: uppercase }
.wrapper .left .submenubox .left_title s { background-position: -248px -76px; vertical-align: middle; width: 28px; height: 28px; margin-right: 30px; margin-top: 28px }
.wrapper .left .submenu { position: relative }
.wrapper .left .submenu li { display: block;font-size:16px; }
.wrapper .left .submenu li a.sub1 { height:35px; line-height:35px; display: block; padding-left:5px; background: url(../images/jtou.png) no-repeat 98% center #fff; /*font-size: 18px;*/ border: 1px solid #eee; border-top: 0; overflow: hidden }
.wrapper .left .submenu li a.sub1:hover { background: url(../images/jtou_a.png) no-repeat 98% center #fff; border-left: 2px solid #0a75bb; border-right: 1px solid #f5f5f5; color: #0a75bb }
.wrapper .left .submenu li.hover a.sub1 { background: url(../images/jtou_a.png) no-repeat 98% center #fff; border-left: 2px solid #0a75bb; border-right: 1px solid #f5f5f5; color: #0a75bb }
.wrapper .left .submenu s { width: 2px; height: 61px; display: block; background: #0a75bb; position: absolute; left: 0; top: 0 }
.wrapper .left .submenu .box { padding-bottom: 0; background: #f9f9f9; border: 1px solid #eee; border-top: 0; display: none }
.wrapper .left .submenu .box a { color: #333; line-height: 40px; display: block; height: 40px; padding-left: 28px; overflow: hidden }
.wrapper .left .submenu .box a s { width: 10px; height: 10px; margin-right: 8px; display: inline-block; background-position: 2px -178px }
.wrapper .left .submenu .box a:hover, .wrapper .left .submenu .box a.hover { color: #0a75bb }
.wrapper .left .submenu li.hover .box { display: block }
.wrapper .left .leftbox { padding: 5px; position: relative; margin-bottom: 20px; border: 1px solid #eee }
.wrapper .left .leftbox .left_title { padding-bottom: 10px; border-bottom: 1px solid #eee; padding-left: 5px }
.wrapper .left .leftbox .left_title h3 { font-size: 18px; font-weight: 400; color: #0a75bb; display: block; text-transform: uppercase;font-weight:bold; }
.wrapper .left .leftbox .leftprocomt { padding-top: 10px }
.wrapper .left .leftbox .leftprocomt li { float: left; text-align: center; width: 100%; margin-right: 10px }
.wrapper .left .leftbox .leftprocomt li:nth-child(2n){ margin:0;}
.wrapper .left .leftbox .leftprocomt li img { width: 100%; height: 100%; border-radius: 3px; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s }
.wrapper .left .leftbox .leftprocomt li p { font-size: 12px; line-height: 30px; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s }
.wrapper .left .leftbox .leftprocomt li:hover img { -webkkit-filter: brightness(105%); filter: brightness(105%) }
.leftprocomt li:hover p { color: #0a75bb }
.wrapper .left .leftbox .cont { padding-top: 18px; white-space: normal;line-height:35px;font-size:16px; }
.wrapper .left .leftbox .cont .img { float: left; display: block; border: 1px solid #e5e5e5; margin: 0 auto 10px;text-align:center;color: #0a75bb; }
.wrapper .left .leftbox .cont img { width: 246px; height: 246px }
.wrapper .left .leftbox .cont p { white-space: normal; word-break: break-all; word-wrap: break-word }
.wrapper .left .leftbox .cont .zx { width: 100%; height: 50px; font-size: 20px; line-height: 50px; background: #0a75bb; color: #fff; display: block; margin-top: 10px }
.wrapper .left .leftbox .cont .zx em { width: 50px; height: 50px; display: inline-block; background-position: -152px -152px; vertical-align: top; border-right: 1px solid #fff; margin-right: 35px }
.wrapper .left .leftbox .cont .zx:hover { background: #ed8e06 }
.wrapper .right { width: 79%; }
.wrapper .right .right_title { padding-bottom: 10px; border-bottom: 1px solid #eee; text-transform: uppercase }
.wrapper .right .right_title h3 { color: #0a75bb; font-size: 18px; border-left: 3px solid #0a75bb; height: 20px; line-height: 20px; padding-left: 14px; margin-top: 5px }
.single p{ text-indent: 2em; margin-bottom: 15px; line-height: 30px !important; font-size: 16px;}
.wrapper .right .cont { padding: 40px 0; color: #666 }
.wrapper .right .cont .t1 { padding: 0 0 25px; color: #0a75bb; font-size: 20px }
.wrapper .right .cont .t2 { color: #0a75bb; font-size: 30px; display: block; padding: 30px 0 }
.wrapper .right .cont .caselist{width: 100%;padding-top: 15px;}
.wrapper .right .cont .caselist ul{width: 100%;}
.wrapper .right .cont .caselist ul li{width:45%;float: left;display:inline;margin-left:30px;margin-bottom:35px;background-color: #fff;}
.wrapper .right .cont .caselist ul li .img {width: 100%;padding:0px;height:320px;overflow: hidden;}
.wrapper .right .cont .caselist ul li .img img{width:100%; height:320px;}
.wrapper .right .cont .caselist ul li .txt {width:100%;text-align: left;background-color: rgb(10 117 187 / 47%);position: relative;
      z-index:999;}
.wrapper .right .cont .caselist ul li .txt h4 {
    font-size:20px;
    font-weight: bold;
    color: #fff;
    height: 60px;
    line-height: 60px;
    padding-left: 5px;}
.wrapper .right .cont .caselist ul li .txt p{font-size:14px; color: #666666;line-height: 25px;}
.wrapper .right .cont .caselist ul li:hover {
    transform: scale(1.05);-webkit-transform: scale(1.05);-ms-transform: scale(1.05);
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#909090,direction=120,strength=4);
   -moz-box-shadow: 2px 2px 10px #909090;
   -webkit-box-shadow: 2px 2px 10px #909090;
   box-shadow:2px 2px 10px #909090;
   transition: all 0.5s;

}

.wrapper .Productlist { }
.wrapper .Productlist .list { width: 100% }
.wrapper .Productlist .item { float: left; width: 46%; margin-right: 30px; margin-bottom: 30px; display: block; position: relative; text-align: center; border: 1px solid #bbb7b7; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms }
.wrapper .Productlist .item:nth-child(2n){ margin-right:30px;}
.wrapper .Productlist .item a { display: block; width: 100% }
.wrapper .Productlist .item img { width: 100%; height: 100%; display: block;height: 355px; }
.wrapper .Productlist .item h3 {/*background: url(../images/r.png) no-repeat top center;*/
    background-size: 40px 40px;
    background-position: center right;
    width: 95%;text-align: center;padding-top: 10px; display: block; border-top: 0; height:65px; line-height:30px; overflow: hidden; text-align: center; font-size: 18px }
.wrapper .Productlist .item:hover h3{/*background: url(../images/r-1.png) no-repeat top center;*/background-size: 40px 40px;background-position: center right;
    width: 95%;text-align: center;padding-top: 10px;}
.wrapper .Productlist .item:hover { box-shadow: 1px 2px 15px rgba(0,0,0,50%) }
.wrapper .single img { max-width: 100%; display: inline }
.wrapper .showinfo img { max-width: 100%; display: inline }
.wrapper .showinfo .Article-title { border-bottom: 1px solid #92e9ff; padding-bottom: 20px; text-align: center }
.wrapper .showinfo .Article-title h1 { font-size: 24px }
.wrapper .showinfo .Article-title .mark span { font-size: 12px; padding: 0 5px }
.wrapper .showinfo .newsinfo { padding: 20px 0 }
.wrapper .reLink { height: 48px; line-height: 48px; padding: 0; border-top: 2px solid #eee; border-bottom: 2px solid #eee; margin: 20px auto }
.wrapper .reLink .prevLink, .wrapper .reLink .nextLink { width: 50% }
.wrapper .reLink .nextLink { text-align: right }
.wrapper .thumblist .item { width: 430px; height: 144px; margin-right: 38px }
.wrapper .thumblist .item a { width: 414px; height: 128px; padding: 8px }
.wrapper .thumblist .item img { width: 180px; height: 127px; display: block }
.wrapper .thumblist .item .txt { width: 212px; height: 127px; overflow: hidden; position: relative }
.wrapper .thumblist .item .txt h3 { height: 30px; line-height: 30px; overflow: hidden }
.wrapper .thumblist .item .txt p { padding-top: 8px; color: #737373; line-height: 22px }
.wrapper .thumblist .item .txt .jia { display: none }
.wrapper .thumblist .item .di { width: 430px; height: 144px; border: 1px solid #e5e5e5; position: absolute; right: -10px; bottom: -10px }


.showNews .title { font-size: 24px; color: #333; text-align: center; margin: 10px 0 22px; font-weight: 700 }
.showNews .mark { color: #999; height: 38px; line-height: 38px; text-align: center; margin-bottom: 20px; border-top: 1px dashed #e5e5e5; border-bottom: 1px dashed #e5e5e5 }
.showNews .showContxt { color: #666; padding: 0 0 30px; line-height: 30px; font-size: 16px; }
.showNews .showContxt img { max-width: 100% }


.thumblist1 .item { border-bottom: 1px dotted #b0b0b0; padding: 30px 0; font-family: pingfang sc, microsoft yahei, arial }
.thumblist1 .item:first-child { padding-top: 0 }
.thumblist1 .item a { display: block }
.thumblist1 .item .img { width: 20%; height: 150px; overflow: hidden }
.thumblist1 .item .img img { width: 100%; display: block; height: 100%; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms }
.thumblist1 .item .img:hover img { transform: scale(1.06, 1.06) }
.thumblist1 .item .txt { width: 76% }
.thumblist1 .item .txt h3 { font-size: 18px; line-height: 30px }
.thumblist1 .item .txt .desc { padding-top: 10px; color: #999; height: 70px; overflow: hidden; line-height: 24px; margin-bottom: 12px }
.thumblist1 .item .txt>span { display: inline-block; font-size: 12px; color: #b7b7b7; padding-right: 26px }
.thumblist1 .item .txt span em { width: 20px; height: 18px; display: inline-block; margin-right: 10px; background-position: -196px -120px }
.thumblist1 .item .txt span .time {background: url(../images/time.png) no-repeat;background-size:15px 22px;}

/*产品轮播*/
.view {
    max-width: 800px; padding-left: 60px;
}
.view .swiper-slide {
    height:100%;
    max-width: 800px;
    padding: 0 3px;
    box-sizing: border-box;
    overflow: hidden;
    text-align: center;

}
.view .swiper-slide img {
    width: 800px;
    height: 533px;
}
.view .arrow-left {
    position: absolute;
    left: 10px;
    width: 28px;
    height: 300px;
    z-index: 10;
    display: none;
}
.view .arrow-right {
    position: absolute;
    right: 10px;
    width: 28px;
    height: 300px;
    z-index: 10;
    display: none;
}
.preview {
    position: relative;
    width: 800px;
    padding-left: 60px;
}
.preview .swiper-slide {
    width: 127px;
    height: 99px;
    margin: 0 3px;
    box-sizing: border-box;
    overflow: hidden;
    cursor: pointer;
    padding:1px;
}
.preview .swiper-slide img {
    width:123px;
    display: inline-block;
    height: 100%;
}
.preview .active-nav {
    border: 1px solid #F00;
}
.preview .arrow-left {
    background: #fff url(../images/feel3.png) no-repeat left center;
    position: absolute;
    left: 40px;
    top: 18px;
    width: 20px;
    height: 70px;
    z-index: 10;
}
.preview .arrow-right {
    background: #fff url(../images/feel4.png) no-repeat right center;
    position: absolute;
    right: -20px;
    top: 18px;
    width: 20px;
    height: 70px;
    z-index: 10;
}

@media only screen and (max-width: 768px) {
.view .swiper-slide {
    height: 200px;
}
.preview {
    display: none;
}
.view .arrow-left, .view .arrow-right {
    height: 200px;
    display: block;
}
}









/*****PC分页样式开始*****/
.pagination{
    text-align: center;
    width: 100%;
    clear: both;
    padding: 10px 0;
}
.pagination li{
    display: inline-block;
    line-height: 30px;  
    margin: 0 5px;  
}
.pagination li a,.pagination li span{
    display: block;
    border: #DDD solid 1px;
    padding: 0 8px;
    color: #666;
}
.pagination li a,.pagination li span{
    color: #999;
}
.pagination li a:hover{
    border:#0a75bb solid 1px;
    background: #0a75bb;
    color: #FFF;
}
.pagination li.active span{
    border:#0a75bb solid 1px;
    background: #0a75bb;
    color: #FFF;
}
/*****PC分页样式结束*****/

.sitewidget-pictureNew .picture-description{display:inline-block;overflow:hidden;text-align:left}
.sitewidget-pictureNew .picture-description>a{text-decoration:none;display:block}
.picture-description.pic-desc-under{display:block}
.sitewidget-pictureNew .pic-desc-bottom{position:absolute;bottom:0;left:0;width:100%;max-height:100%;line-height:36px;background:#000;filter:alpha(opacity=60);background:rgba(0,0,0,0.6)}
.sitewidget-pictureNew .pic-desc-slide-bottom{position:absolute;bottom:0;left:0;width:100%;max-height:100%;line-height:36px;background:#000;filter:alpha(opacity=60);background:rgba(0,0,0,0.6);transform:translateY(100%);transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out}
.sitewidget-pictureNew .pic-desc-slide-top-part{position:absolute;top:-66%;left:0;width:100%;height:66%;background:#000;filter:alpha(opacity=60);background:rgba(0,0,0,0.6);transition:top .3s ease-in-out;-moz-transition:top .3s ease-in-out;-webkit-transition:top .3s ease-in-out;-o-transition:top .3s ease-in-out}
.sitewidget-pictureNew .pic-desc-slide-bottom-part{position:absolute;bottom:-66%;left:0;width:100%;height:66%;background:#000;filter:alpha(opacity=60);background:rgba(0,0,0,0.6);transition:bottom .3s ease-in-out;-moz-transition:bottom .3s ease-in-out;-webkit-transition:bottom .3s ease-in-out;-o-transition:bottom .3s ease-in-out}
.sitewidget-pictureNew .pic-desc-slide-left-part{position:absolute;bottom:0;left:-66%;width:66%;height:100%;background:#000;filter:alpha(opacity=60);background:rgba(0,0,0,0.6);transition:left .3s ease-in-out;-moz-transition:left .3s ease-in-out;-webkit-transition:left .3s ease-in-out;-o-transition:left .3s ease-in-out}
.sitewidget-pictureNew .pic-desc-slide-right-part{position:absolute;bottom:0;right:-66%;width:66%;height:100%;background:#000;filter:alpha(opacity=60);background:rgba(0,0,0,0.6);transition:right .3s ease-in-out;-moz-transition:right .3s ease-in-out;-webkit-transition:right .3s ease-in-out;-o-transition:right .3s ease-in-out}
.sitewidget-pictureNew .pic-desc-slide-full{position:absolute;bottom:-100%;right:0;width:100%;height:100%;background:#000;filter:alpha(opacity=60);background:rgba(0,0,0,0.6);transition:bottom .4s ease-in-out;-moz-transition:bottom .4s ease-in-out;-webkit-transition:bottom .4s ease-in-out;-o-transition:bottom .4s ease-in-out}
.sitewidget-pictureNew .picture-wrap:hover .pic-desc-slide-full{bottom:0}
.sitewidget-pictureNew .picture-wrap:hover .pic-desc-slide-bottom{transform:translateY(0);transition:all .1s ease}
.sitewidget-pictureNew .picture-wrap:hover .pic-desc-slide-top-part{top:0}
.sitewidget-pictureNew .picture-wrap:hover .pic-desc-slide-bottom-part{bottom:0}
.sitewidget-pictureNew .picture-wrap:hover .pic-desc-slide-left-part{left:0}
.sitewidget-pictureNew .picture-wrap:hover .pic-desc-slide-right-part{right:0}
.sitewidget-pictureNew .picture-description-table{display:table;width:100%;height:100%;overflow:hidden}
.sitewidget-pictureNew .picture-description-cell{display:table-cell;padding:6px;vertical-align:middle}
.sitewidget-pictureNew .picture-description.pic-desc-bottom .picture-description-cell,.sitewidget-pictureNew .picture-description.pic-desc-slide-bottom .picture-description-cell{padding:0 6px}
.sitewidget-pictureNew .picture-description.pic-desc-slide-bottom .picture-description-cell{padding:12px}
.sitewidget-pictureNew .picture-description.pic-desc-bottom .picture-description-cell span,.sitewidget-pictureNew .picture-description.pic-desc-slide-bottom .picture-description-cell span{line-height:inherit !important}
.sitewidget-pictureNew .pic-desc-zoom-full-border{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;filter:alpha(opacity=60);background:rgba(0,0,0,0.6);transform:scale(0);-webkit-transform:scale(0);-o-transform:scale(0);-moz-transform:scale(0);transition:transform .4s ease-in-out;-moz-transition:transform .4s ease-in-out;-webkit-transition:transform .4s ease-in-out;-o-transition:transform .4s ease-in-out}
.sitewidget-pictureNew .picture-wrap:hover .pic-desc-zoom-full-border{transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);-moz-transform:scale(1)}
.sitewidget-pictureNew .pic-desc-zoom-full-border .picture-description-table{box-sizing:border-box;padding:25px}
.sitewidget-pictureNew .pic-desc-zoom-full-border .picture-description-cell{border:1px solid #fff}
.sitewidget-pictureNew .pic-desc-zoom-half-full-border{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;filter:alpha(opacity=60);background:rgba(0,0,0,0.6);transition:transform .4s ease-in-out;-moz-transition:transform .4s ease-in-out;-webkit-transition:transform .4s ease-in-out;-o-transition:transform .4s ease-in-out}
.sitewidget-pictureNew .singleHoverValue .picture-description{-webkit-transition:all .4s;transition:all .4s}
.sitewidget-pictureNew .singleHoverValue:hover .picture-description{background-color:rgba(0,0,0,0.1) !important}
.sitewidget-pictureNew .singleHoverValue img.lazy{-webkit-transition:all .4s;transition:all .4s}
.sitewidget-pictureNew .singleHoverValue:hover img.lazy{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale(1.1)}
.sitewidget-pictureNew .picHoverReflection{-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;transition:all .2s ease}
.sitewidget-pictureNew .picHoverReflection:hover{box-shadow:0 8px 21px 0 rgba(0,0,0,0.42)}
.sitewidget-pictureNew .picHoverReflection .picture-description{-webkit-transition:all .4s;transition:all .4s}
.sitewidget-pictureNew .picHoverReflection:hover .picture-description{background-color:rgba(0,0,0,0.1) !important}