@charset "utf-8";

/* @import url(../css/.com/css); */

body{font-family:"微软雅黑", Arial;font-size: 12px;line-height: 1.7;color: #666;background: #fff;height: 100%;position: relative; }

h1, h2, h3, h4, h5, h6, figure,p{margin:0;padding:0}

::-webkit-selection{color: #fff;background: #FFC841;}

::-moz-selection{color: #fff;background: #FFC841;}

::selection{color: #fff;background: #FFC841;}

.text-lowercase {text-transform: lowercase;}

.text-uppercase, .initialism {text-transform: uppercase;}

.text-capitalize {text-transform: capitalize;}

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

a:focus,a:hover{color:#FFC841;transition:none}

ul,li{ margin:0; padding:0; list-style:none}



/* 自定义 */

.line-small{margin-left:-1px;margin-right:0px}

.line-small .x1,.line-small .x10,.line-small .x11,.line-small .x12,.line-small .x2,.line-small .x3,.line-small .x4,.line-small .x5,.line-small .x6,.line-small .x7,.line-small .x8,.line-small .x9,.line-small .xb1,.line-small .xb10,.line-small .xb11,.line-small .xb12,.line-small .xb2,.line-small .xb3,.line-small .xb4,.line-small .xb5,.line-small .xb6,.line-small .xb7,.line-small .xb8,.line-small .xb9,.line-small .xl1,.line-small .xl10,.line-small .xl11,.line-small .xl12,.line-small .xl2,.line-small .xl3,.line-small .xl4,.line-small .xl5,.line-small .xl6,.line-small .xl7,.line-small .xl8,.line-small .xl9,.line-small .xm1,.line-small .xm10,.line-small .xm11,.line-small .xm12,.line-small .xm2,.line-small .xm3,.line-small .xm4,.line-small .xm5,.line-small .xm6,.line-small .xm7,.line-small .xm8,.line-small .xm9,.line-small .xs1,.line-small .xs10,.line-small .xs11,.line-small .xs12,.line-small .xs2,.line-small .xs3,.line-small .xs4,.line-small .xs5,.line-small .xs6,.line-small .xs7,.line-small .xs8,.line-small .xs9{position:relative;min-height:1px;padding-right:0px;padding-left:1px}



.line-large{margin-left:-30px;margin-right:-30px}

.line-large .x1,.line-large .x2,.line-large .x3,.line-large .x4,.line-large .x5,.line-large .x6,.line-large .x7,.line-large .x8,.line-large .x9,.line-large .x10,.line-large .x11,.line-large .x12,.line-large .xl1,.line-large .xl2,.line-large .xl3,.line-large .xl4,.line-large .xl5,.line-large .xl6,.line-large .xl7,.line-large .xl8,.line-large .xl9,.line-large .xl10,.line-large .xl11,.line-large .xl12,.line-large .xs1,.line-large .xs2,.line-large .xs3,.line-large .xs4,.line-large .xs5,.line-large .xs6,.line-large .xs7,.line-large .xs8,.line-large .xs9,.line-large .xs10,.line-large .xs11,.line-large .xs12,.line-large .xm1,.line-large .xm2,.line-large .xm3,.line-large .xm4,.line-large .xm5,.line-large .xm6,.line-large .xm7,.line-large .xm8,.line-large .xm9,.line-large .xm10,.line-large .xm11,.line-large .xm12,.line-large .xb1,.line-large .xb2,.line-large .xb3,.line-large .xb4,.line-large .xb5,.line-large .xb6,.line-large .xb7,.line-large .xb8,.line-large .xb9,.line-large .xb10,.line-large .xb11,.line-large .xb12{position:relative;min-height:1px;padding-right:30px;padding-left:30px}



.media strong{font-weight:400;font-size:24px}

/* .media img{display:block;transition:transform 1s ease 0s;transform: scale(1);overflow:hidden} */

/* .media img:hover{transition: transform 1s ease 0s;transform: scale(1.1);} */



/* 图片高度不一解决办法 */

.zoomimgs{display:block; width:100%;height:0; overflow:hidden; background-position: center center; background-repeat: no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover;/*图片不裁切需要全部显示改用background-size:contain，改变图片缩放比例改paddding-bottom的百分比,如图片宽高1:1 100%，4:3 75%，3:4 133.33%*/}

.piczoomimgs{padding-bottom:63%;}

.piczoomnews{padding-bottom:68%;}



.container-layout {margin:0 auto;width:95%;}

.container-banner{margin:0 auto;max-width:900px;}

.height-big{line-height:28px;}

.height-big p{line-height:28px;}

.text-so-large{font-size:28px}

.text-very-large{font-size:48px}

.text-middle{font-size:16px}

.text-main{color:#424242}

.text-sub{color:#8B8B8B}

.text-shallow{color:#F5F4F4}/* 自定义浅色 */

.text-gray{color:#666}

.text-cool{color:#F5F4F4}

.bg-main{background:#424242}

.bg-yellow{background:#FFC841}

.bg-inside{background:#F2F2F2}

.bg-white{background:#FFF}

.bg-gray{background:#F2F2F0}

.border-sub{border:1px solid #EEE}

.padding-large{padding:40px 60px}

.text-shadow{text-shadow: 4px 4px 3px #696969;}

.button-large {padding:20px 50px;font-size:18px;line-height:18px}

.partner hr,.contact hr,.case-body hr,.service hr{height:2px;width:30px}

.case-body h1{}



.blank-small{height:30px; line-height:30px; clear:both; font-size:0;}

.blank-middle{ height:50px; line-height:50px; clear:both; font-size:0;}

.blank-big{ height:80px; line-height:80px; clear:both; font-size:0;}



.heading{}

.heading hr{margin:0 auto;width:30px;height:2px}

.heading h2,.heading h3{font-size:32px;}

.heading p{font-size:16px;line-height:28px;}



/* 内页顶头与底部图片 begin*/

.gg-inside{position:relative;min-height:300px;}

.gg-inside .t1,.gg-inside .b1{position:absolute;left:0;top:30%;width:100%;}

.gg-inside .t1 h1{font-weight: bold;}

.gg-inside .t1 p,.gg-inside .b1 p{font-size:18px}

/* 内页顶头与底部图片 end*/



/*PC顶部导航 begin*/

#pc-header{position:relative;z-index: 119998;background: #fff;box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);}

#pc-header .header-box.fixed{width: 100%;z-index: 119999;}

#pc-header .header-box .logo{padding:15px 0;}

#pc-header .header-box .logo img{max-width:100%}

#pc-header .pc-nav{height:80px;}

#pc-header .nav li{}

#pc-header .nav li a{color:#424242;font-size:16px;line-height:80px;position:relative;padding:0 12px;}

#pc-header .nav li.active a,#pc-header .nav li a:hover,#pc-header .nav li:hover a.first-level{color:#FF6600}

#pc-header .nav li.last a{}

#pc-header .nav li ul{padding:0;min-width: 140px;z-index: 1999;border:none;margin:0;border-radius:0;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.175);box-shadow:0 1px 2px rgba(0,0,0,.175)}

#pc-header .nav li ul li{margin:0;padding:0;height:auto;display:block;line-height:30px;}

#pc-header .nav li ul li a{display:block;width:100%;font-size:14px;font-weight: 100;color:#424242;background:#FFF;margin:0;min-width:140px;line-height:40px;text-indent:2px;transition:none;border-bottom:1px solid #EEE}

#pc-header .nav li ul li:last-child a{border-bottom:none}

#pc-header .nav li ul li a:hover{color:#fff;background:#FFC841;transition:none}

#pc-header .nav li ul li ul{top:0}

.downward,.arrow{margin-left:3px;border-top:5px solid ;}

/*PC顶部导航 end*/



/*手机版顶部导航 begin*/

#mobile-mask{position: relative;z-index: 2;background:#FFF;overflow-x: hidden;overflow-y: hidden;}

#mobile-offcanvas, .mobile-nav-toggle, #mobile-mask{}

#mobile-offcanvas, .mobile-nav-toggle, #mobile-mask{position: relative;}

#mobile-mask{z-index: 2;}

#mobile-offcanvas{display: none;height: 100%;right: 0;overflow-y: auto;position: fixed;z-index: 1;top: 0;width: 275px;background:#424242 ;}

#mobile-offcanvas ul{padding: 0;margin: 0;}

#mobile-offcanvas ul li{list-style: none;position:static;width:100%;margin:0;padding:0;}

#mobile-offcanvas ul li:hover,#mobile-offcanvas ul li.current{background: #424242}

#mobile-offcanvas ul li a{font-size:18px;color: #F2F2F2;text-decoration: none !important;display:block;position:relative;line-height:46px;margin:0;padding:0px 0 0 20px;}

#mobile-offcanvas ul li a:hover,#mobile-offcanvas ul li.current a{color: #F2F2F2;}

#mobile-offcanvas ul li a::after{background:#484848;position:absolute;content:'';left:0px;bottom:0;right:0;height:1px;}

#mobile-offcanvas ul li ul{margin:0;padding:0;z-index: 1999;position:relative ;width:100%;border:0;box-shadow:0}

#mobile-offcanvas ul li ul li{margin:0;padding:0;display:block;border:none;line-height:40px;}

#mobile-offcanvas ul li ul li a,#mobile-offcanvas ul li.current ul li a{background:#484848;color:#F2F2F2;display:block;padding:0px 20px 0px 20px;margin:0;text-align: left;width:100%;font-size:16px;line-height:40px;}

#mobile-offcanvas ul li ul li a:hover{background:#424242;color:#F2F2F2;}

#mobile-offcanvas ul li ul li a::before,#mobile-offcanvas ul li ul li a::after{background:none;height:0;padding:0}

#mobile-offcanvas ul li ul li ul{top:0}

.offcanvas-visible #mobile-mask{-moz-transform: translateX(-275px);-webkit-transform: translateX(-275px);-ms-transform: translateX(-275px);-o-transform: translateX(-275px);transform: translateX(-275px);}

.mobile-nav-toggle{cursor: pointer;text-decoration: none;}

.mobile-nav-toggle.active i::before, .mobile-nav-toggle.active i::after{background: #424242;}

.mobile-nav-toggle:hover, .mobile-nav-toggle:focus, .mobile-nav-toggle:active{outline: none;border-bottom: none !important;}

.mobile-nav-toggle i{position: relative;display: -moz-inline-stack;display: inline-block;zoom: 1;*display: inline;width: 30px;height: 4px;color: #f2f2f2;font: bold 16px/.4 Helvetica;text-transform: uppercase;text-indent: -55px;background: #424242;transition: all .2s ease-out;}

.mobile-nav-toggle i::before, .mobile-nav-toggle i::after{content: '';width: 30px;height: 4px;background: #424242;position: absolute;left: 0;-webkit-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;}

.mobile-nav-toggle i::before{top: -9px;}

.mobile-nav-toggle i::after{bottom: -9px;}

.mobile-nav-toggle:hover i::before{top: -10px;}

.mobile-nav-toggle:hover i::after{bottom: -10px;}

.mobile-nav-toggle.active i{background: transparent;}

.mobile-nav-toggle.active i::before{top: 0;-webkit-transform: rotateZ(45deg);-moz-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);-o-transform: rotateZ(45deg);transform: rotateZ(45deg);}

.mobile-nav-toggle.active i::after{bottom: 0;-webkit-transform: rotateZ(-45deg);-moz-transform: rotateZ(-45deg);-ms-transform: rotateZ(-45deg);-o-transform: rotateZ(-45deg);transform: rotateZ(-45deg);}

.mobile-nav-toggle{position:absolute;top: 50%;right: 10px;z-index: 9999999;display: block;margin: -13px auto 0;display: none;cursor: pointer;}

/*手机版顶部导航 end*/



/* 宽屏广告轮换 fullSlide begin*/

.flex-container a:active,

.flexslider a:active,

.flex-container a:focus,

.flexslider a:focus{outline: none;}

.slides,

.flex-control-nav,

.flex-direction-nav{margin: 0;padding: 0;list-style: none;}

.flexslider{margin: 0;padding: 0;position:relative}

.flexslider .slides > li{display: none;-webkit-backface-visibility: hidden;}

.flexslider .slides img{width: 100%;display: block;margin:0 auto}

.flex-pauseplay span{text-transform: capitalize;}

.slides:after{content: "\0020";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

html[xmlns] .slides{display: block;}

* html .slides{height: 1%;}

.no-js .slides > li:first-child{display: block;}

.flex-control-nav{position:absolute;bottom:15px;z-index:2;width:100%;text-align:center;}

.flex-control-nav li{display:inline-block;margin:0 3px;*display:inline;zoom:1;}

.flex-control-nav a{display:inline-block;cursor:pointer;width:10px;height:10px;border-radius:10px;float:left;text-indent:-2000px;border:1px solid #f1f7e9;}

.flex-control-nav .flex-active{background:#FFF;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:50%; display:none}/* display:none隐藏左右按钮*/

.flex-direction-nav li a{display:block;width:50px;height:96px;overflow:hidden;cursor:pointer;position:absolute;margin-top:-48px;text-indent:-999em}

.flex-direction-nav li a.flex-prev{left:3%;}

.flex-direction-nav li a.flex-next{right:3%;background:url(../images/right.png) 0 0 no-repeat;}

.flex-direction-nav li a.flex-next:hover{background:url(../images/right.png) 0 -96px no-repeat;}

.flex-direction-nav li a.flex-prev:hover{background:url(../images/left.png) 0 -96px no-repeat;}

/*首页轮换图片 end*/



/*首页服务项目  begin*/

.service {padding:0;}

.service li{position: relative; overflow: hidden; display: block; z-index: 110;margin-top:1px}



.service li .overlay{position: absolute;width:100%; right: 0; left: 0; bottom: 0; top: 0; z-index: 10; vertical-align: middle; visibility: hidden; opacity: 0; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}

.service li .mask{position: absolute; right: 0; left: 0; bottom: 0; top: 0; z-index: 11; background:url(../images/title-mask-bg.png) repeat-x bottom;}

.service li .title{position: absolute; bottom:20px; left:20px; z-index: 12; display: block;}

.service li p{font-size:16px;filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}

.service li h2{color:#FFF;filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;font-size:24px}

.service li hr{margin:5px 0 10px 0}

.service li:hover .overlay{visibility: visible; opacity: 1;}

.service li:hover .overlay:before{content: ''; position: absolute; z-index: 1; top: 0; left: 0; bottom: 0; right: 0; background:#000;filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6;}

/* 首页服务项目 end*/



/*滚动推荐*/

#service { position:relative;z-index:99999;margin:0px auto}

#service .show-list{margin:0 -15px}

#service .show-list .item{ margin:0 15px;background:#FFF;}

#service .show-list .item .media-img{ position:relative;}

#service .show-list .item  h3{font-size:16px; line-height:18px; color:#333; padding:20px 0 15px; position:relative}

/* #service .show-list .item  h3:before{ position:absolute; content:""; background:#E99134; height:3px; width:60px; left:0;right:0; text-align:center; margin:0 auto;top:30px;} */



#service .show-list .item .desc{ color:#999;line-height:150%; height:20px; overflow:hidden; padding:0 5px; }



#service .show-list .item:hover a h3{color:#035CAC}

#service .show-list .item:hover a .desc{ color:#666}



#service .show-list .owl-controls .owl-buttons div{position:absolute;top:35%;width:24px; height:48px; line-height:32px; font-size:0px; padding:0; margin:0; background:none; opacity:1; text-align:left; }

#service .show-list .owl-controls div.owl-prev{left:15px; text-indent:4px; margin-right:15px;background:url(../../images/btn.png) 0 0 no-repeat}

#service .show-list .owl-controls div.owl-next{right:15px;text-indent:5px;background:url(../../images/btn.png) -24px 0 no-repeat}

#service .show-list .owl-controls .owl-pagination .owl-page span{ background:#999;margin:10px 5px 0;}

#service .show-list .owl-controls .owl-pagination .owl-page.active span{ background:#035CAC;}





/* 产品展示*/

.gallery {padding:0;}

.gallery li{position: relative; overflow: hidden; display: block; z-index: 110;margin-bottom:20px}

.gallery li .overlay{position: absolute; right: 0; left: 0; bottom: 0; top: 0; z-index: 10; vertical-align: middle; visibility: hidden; opacity: 0; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}

.gallery li .title{position: absolute; right: 0; left: 0; bottom: 0; top: 0; z-index: 11; background:url(../images/title-mask-bg.png) repeat-x bottom;}

.gallery li .title p{position: absolute; bottom:15px; left:20px; z-index: 12; display: block;}

.gallery li .title p a{color:#fff;filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;}

/* .gallery li .bnt-case{width:120px;height:36px;line-height:36px;cursor:pointer;display: block;font-size:14px;margin:20px auto 0 auto;text-align:center;border:1px solid #F4F4F4;color:#F4F4F4; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;} */

/* .gallery li .bnt-case:hover{background:#F4F4F4;color:#D61919} */

/* .gallery li .overlay:before{content: ''; position: absolute; z-index: 1; top: 0; left: 0; bottom: 0; right: 0; background: url(../images/bg.png);} */

.gallery li:hover .overlay{visibility: visible; opacity: 1;}

.gallery li:hover .overlay:before{content: ''; position: absolute; z-index: 1; top: 0; left: 0; bottom: 0; right: 0; background:#000;filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6;}

/* 产品展示 end*/



/* 四个优势格子 begin */

.col-4-streng {display:block;width:100%;height:350px;padding-top:50px;overflow:hidden;text-align:center; background-color:#EEE;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;}

.col-4-streng i{display:block;width:64px;height:64px;margin:0 auto}

.col-4-streng hr{width:30px;height:2px;background:#000;margin:10px auto 20px auto}

.col-4-streng p{font-size:14px;padding:0 20px;color:#666}

.col-4-streng span{color:#424242}

.col-4-streng:hover{background:#FFC841;color:#fff;transition:all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;}

.col-4-streng:hover hr{background:#fff;transition:all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;}

.col-4-streng:hover p{color:#fff}

.col-4-streng:hover span{color:#fff}



.col-4-streng .icon-1{background:url(../images/streng-ico.png) no-repeat; background-size:auto}

.col-4-streng:hover .icon-1{background-position:0 -64px;}

.col-4-streng .icon-2{background:url(../images/streng-ico.png) no-repeat 0 -128px; background-size:auto}

.col-4-streng:hover .icon-2{background-position:0 -192px;}

.col-4-streng .icon-3{background:url(../images/streng-ico.png) no-repeat 0 -256px; background-size:auto}

.col-4-streng:hover .icon-3{background-position:0 -320px;}

.col-4-streng .icon-4{background:url(../images/streng-ico.png) no-repeat 0 -384px; background-size:auto}

.col-4-streng:hover .icon-4{background-position:0 -448px;}

/* 四个优势格子 end */



/* 四个优势格子 begin */

.col-4-support {display:block;width:100%;height:200px;overflow:hidden;text-align:center;}

.col-4-support span{display:block;width:50px;height:48px;margin:0 auto}

.col-4-support strong{display:block;font-size:18px;font-weight:300}

.col-4-support .icon-1{background:url(../images/support-ico.png) no-repeat; background-size:auto}

.col-4-support:hover .icon-1{background-position:0 -48px;}

.col-4-support .icon-2{background:url(../images/support-ico.png) no-repeat 0 -96px; background-size:auto}

.col-4-support:hover .icon-2{background-position:0 -144px;}

.col-4-support .icon-3{background:url(../images/support-ico.png) no-repeat 0 -192px; background-size:auto}

.col-4-support:hover .icon-3{background-position:0 -240px;}

.col-4-support .icon-4{background:url(../images/support-ico.png) no-repeat; background-size:auto}

.col-4-support:hover .icon-4{background-position:0 -48px;}

/* 四个优势格子 end */



/* 项目列表 beging */

.dl-inline dl{display:block; width:50%;overflow:hidden;float:left;}

.dl-inline dl dt,.dl-inline dl dd{position:relative;display:block; width:50%; overflow:hidden;}

.dl-inline dl:hover{background:#FFC841;color:#FFF;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;}

.dl-inline dl a.button{background:#FFC841;color:#FFF;border:0}

.dl-inline h2{font-size:18px}

/* .dl-inline dl a.button:hover{color:#FFC841} */

.dl-inline dl:hover a.button{background:#FFF;color:#FFC841}

.dl-inline dd hr{background:#FFC841;height:2px;width:30px}

.dl-inline dd:hover hr{background:#FFF}

.dl-inline dl:nth-child(1) dt,.dl-inline dl:nth-child(10) dt,.dl-inline dl:nth-child(13) dt,.dl-inline dl:nth-child(14) dt,.dl-inline dl:nth-child(17) dt,.dl-inline dl:nth-child(18) dt,.dl-inline dl:nth-child(2) dt,.dl-inline dl:nth-child(5) dt,.dl-inline dl:nth-child(6) dt,.dl-inline dl:nth-child(9) dt{float:left}.dl-inline dl:nth-child(1) dd,.dl-inline dl:nth-child(10) dd,.dl-inline dl:nth-child(13) dd,.dl-inline dl:nth-child(14) dd,.dl-inline dl:nth-child(17) dd,.dl-inline dl:nth-child(18) dd,.dl-inline dl:nth-child(2) dd,.dl-inline dl:nth-child(5) dd,.dl-inline dl:nth-child(6) dd,.dl-inline dl:nth-child(9) dd{float:right}.dl-inline dl:nth-child(11) dt,.dl-inline dl:nth-child(12) dt,.dl-inline dl:nth-child(15) dt,.dl-inline dl:nth-child(16) dt,.dl-inline dl:nth-child(19) dt,.dl-inline dl:nth-child(20) dt,.dl-inline dl:nth-child(3) dt,.dl-inline dl:nth-child(4) dt,.dl-inline dl:nth-child(7) dt,.dl-inline dl:nth-child(8) dt{float:right}.dl-inline dl:nth-child(11) dd,.dl-inline dl:nth-child(12) dd,.dl-inline dl:nth-child(15) dd,.dl-inline dl:nth-child(16) dd,.dl-inline dl:nth-child(19) dd,.dl-inline dl:nth-child(20) dd,.dl-inline dl:nth-child(3) dd,.dl-inline dl:nth-child(4) dd,.dl-inline dl:nth-child(7) dd,.dl-inline dl:nth-child(8) dd{float:left}

/* 项目列表 end */



/* 图片文字交叉 begin */

.image-text li .text,.image-text li .thumb{display:block;width:50%;overflow:hidden;}

.image-text li .thumb img{display:block;transition:transform 1s ease 0s;transform: scale(1);overflow:hidden}

.image-text li .thumb img:hover{transition: transform 1s ease 0s;transform: scale(1.1);}

.image-text li:nth-child(2n+0) .text{float:right}

.image-text li:nth-child(2n+0) .thumb{float:left}

.image-text li:nth-child(2n+1) .text{float:left}

.image-text li:nth-child(2n+1) .thumb{float:right}

/* 图片文字交叉 end */



/*滚动新闻 begin*/

#stroll-news .news-list{position:relative; }

#stroll-news .news-list .item{margin:0 15px; position:relative;overflow:hidden;border-bottom:2px solid #E2E2E2}

#stroll-news .news-list .item:hover{border-bottom:2px solid #FFC841}

#stroll-news .news-list .item .date{background:url(../images/date-top-bg.png) no-repeat;height:86px;width:60px;position:absolute;top:0;left:0}

#stroll-news .news-list .item h2{white-space:nowrap;}

#stroll-news .news-list .item h2 a{ color:#424242;font-size:18px;}

#stroll-news .news-list .item:hover h2 a{color: #FFC841;}

#stroll-news .news-list .owl-controls .owl-buttons div{position:absolute;top:30%;width:36px; height:50px; line-height:50px; font-size:0px; padding:0; margin:0; background:#424242; opacity:1; text-align:left;border-radius:0 }

#stroll-news .news-list .owl-controls .owl-buttons div:hover{ background:#FFC841}

#stroll-news .news-list .owl-controls .owl-buttons div:before{display:inline-block;font-family:"FontAwesome";font-weight:normal;font-style:normal;vertical-align:baseline;line-height:50px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; font-size:36px;}

#stroll-news .news-list .owl-controls .owl-prev{ left:-50px; text-indent:5px; }

#stroll-news .news-list .owl-controls .owl-prev:before{content:"<"; }

#stroll-news .news-list .owl-controls .owl-next{ right:-50px; text-indent:7px; }

#stroll-news .news-list .owl-controls .owl-next:before{content:">"}

/*滚动新闻 end*/



/*滚动荣誉 begin*/

#stroll-certificate .certificate{padding:0}

#stroll-certificate .certificate .owl-carousel-carousel{padding:0 50px;}

#stroll-certificate .certificate .item{margin:0 10px; overflow:hidden;;}

#stroll-certificate .certificate .owl-controls .owl-buttons div{position:absolute;top:50%; margin-top:-23px; width:46px; height:46px;padding:0; opacity:1; text-align:left;border-radius:0; text-indent:-9999px }

#stroll-certificate .certificate .owl-controls .owl-prev{left:0px; background:url(../images/stroll-arrow.jpg) no-repeat}

#stroll-certificate .certificate .owl-controls .owl-prev:hover{ background:url(../images/stroll-arrow.jpg) no-repeat 0 -92px}

#stroll-certificate .certificate .owl-controls .owl-next{right:0px;background:url(../images/stroll-arrow.jpg) no-repeat 0 -46px }

#stroll-certificate .certificate .owl-controls .owl-next:hover{background:url(../images/stroll-arrow.jpg) no-repeat 0 -138px}

/*滚动荣誉 end*/



.bread {color:#999;padding:20px 0px;}

.bread span{color:#E2E4E8;padding:0 3px}

.bread a{color:#999}

.bread a:hover{color:#666}



/* 横向导航 begin*/

.x-nav-2 li{height:50px;line-height:50px;width:50%;display:block; float:left;text-align:center;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}

.x-nav-2 li a{font-size:18px; display:block; background:#424242;border-right:1px solid #FFF;color:#FFF}

.x-nav-2 li:last-child a{border-right:0} 

.x-nav-2 li a:hover,.x-nav-2 li.active a{background:#FFC841;color: #fff;}



.x-nav-4 li{height:50px;line-height:50px;width:25%;display:block; float:left;text-align:center;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}

.x-nav-4 li a{font-size:18px; display:block; background:#424242;border-right:1px solid #FFF;color:#FFF}

.x-nav-4 li:last-child a{border-right:0} 

.x-nav-4 li a:hover,.x-nav-4 li.active a{background:#FFC841;color: #fff;}



/* 横向导航 end*/



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

.x-menu a.button{display: inline-block; padding:10px 30px; margin:0 20px; color:#666;font-size:16px;overflow:hidden; background:#fff;}

.x-menu a.selected,.x-menu a:hover{background:#FFC841; border-color:#FFC841; color:#fff;}



/* 新闻列表 beign*/

.list-group,.list-link{border:0}

.list-group li,.list-link a{padding:20px 0;display:block;font-size:16px;border-bottom:solid 1px #ECECEC;transition:all 1s cubic-bezier(.175,.885,.32,1) 0s}

.list-link a:hover{background-color:#FFC841;color:#FFF;transition:all .3s cubic-bezier(.175,.885,.32,1) 0s}

.list-link a:hover i,.list-link a:hover span{color:#FFF}

.list-link a:last-child{border-bottom:0 none}

/* 新闻列表 end*/



/* 弹出层*/

.dialog {

	width:80%;

	border:0 solid #ddd;

	margin:0 auto;

	border-radius:0;

	box-shadow:0 1px 2px rgba(0,0,0,0.3);



}

.dialog .dialog-head {

	border-radius:0;

	font-size:14px;

	border-bottom:0;

	background:#FFF

}

/* 弹出层*/



/* 商品详细页 =============================================================================================begin*/

.goods {overflow:hidden;padding-left:30px}

.goods h1{font-size:36px;}



/* .goods .fav{line-height:48px;width:48px;font-size:16px;padding:0;border:1px solid #282828;margin-left:10px;} */

/* .goods .fav:hover{background:#000;color:#FFF} */

.fancybox-img{width:60px;height:auto;margin-right:10px}



.tab .tab-nav li a {

	color:#666;

	padding:10px 20px;

	display:block;

	border:solid 1px #ddd;

	line-height:20px;

	border-bottom:0;

	border-radius:4px 4px 0 0;

}



/* 放大镜 begin */

#showArea a{display:inline-block;width:80px;margin:0 6px;border:2px solid #FFF}

#showArea a:hover{border:2px solid #424242}

#showArea img{cursor:pointer;display:block;width:80px}

/* #showArea img:hover{ filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;} */

#main_img{cursor:pointer;display:block}

#showArea{overflow:hidden;}

/* 放大镜 end */



/* 折叠 begin**/

.collapse{width:100%;border-bottom:1px solid #e1e1e1}

.collapse .head{height:44px;line-height:44px;font-size:14px;color:#666;cursor:pointer;border-top:1px solid #e1e1e1;position:relative;background:url(../images/ico_jia.png) center right no-repeat}

.collapse .current{background:url(../images/ico_jian.png) center right no-repeat;border-bottom:0;color:#181818}

.collapse .cbody{overflow:hidden}

.collapse .cbody strong{color:#000}

/* 折叠 end*/



/* 商品详细页 ===================================================================================================end*/



/*分页 begin*/

.pagination li {margin:0px 5px;font-size:14px;background:#FFF;border-radius:0;}

.pagination li a{padding:13px 18px;border:0}

.pagination .disabled{padding:10px 19px;}

.pagination .current{padding:11px 20px;background:#424242;color:#fff;border:0}

.pagination .active a:hover, .pagination a:hover{ background:#424242;color:#fff;border-radius:0;border:0}

.pagination .active a{color:#FFF}

/*分页 end*/



/* 常见问题 begin */

.faq{width:100%;background:#FFF;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}

.faq .link{cursor:pointer;display:block;color:#FFF;font-size:18px;background:#595959;position:relative;margin-bottom:10px;padding:10px 30px}

.faq li i{position:absolute;top:15px;font-size:18px;color:#FFF;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}

.faq li i.fa-chevron-down{right:20px;left:auto;font-size:18px}

.faq li.open .link{color:#FFF}

.faq li.open i{color:#FFF}

.faq li.open i.fa-chevron-down{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}

.faq-content{display:none;}

/* 常见问题 end */



.support{width:80%}

.about-data{background:url(../images/slide1.jpg) center no-repeat; background-size:cover;}

.about-company{}

.about-company img{max-width:100%}

.article{overflow:hidden}

.article a{text-decoration:underline;color:#21ADDB}

.article hr{height:2px;}

.article img{max-width:100%}



/* 底部begin */

footer{background: #424242;}

footer .padding-large-top{padding-top:50px}

footer .padding-large-bottom{padding-bottom:50px}

footer .copyright{background: #3d3d3d;line-height:50px;padding:10px 0;}

footer .copyright a{color:#8B8B8B}

footer .copyright a:hover{color:#f2f2f2}

footer .footer-sitemap ul{}

footer .footer-sitemap ul li.nav-sitemap{width:25%; float: left; font-weight: 400;}

footer .footer-sitemap ul li.nav-sitemap span{display:block}

/* footer .footer-sitemap ul li.nav-sitemap:nth-child(2){width:22%} */

/* footer .footer-sitemap ul li.nav-sitemap:nth-child(3){width:25%} */

/* footer .footer-sitemap ul li.nav-sitemap:last-child{width:10%} */

footer .footer-sitemap ul li.nav-sitemap ul{}

footer .footer-sitemap ul li.nav-sitemap ul li a{color:#8b8b8b;line-height:30px; font-size:14px;}

footer .footer-sitemap ul li.nav-sitemap ul li a:hover{color:#fff}





/* 底部end */



/*手机底部导航*/

#toolbar{color:#424242;width:100%;height:49px;position:fixed;bottom:0;left:0;z-index:9999;background:#EEE; display:block;border-top:1px solid #e2e2e2}

#toolbar a{width:100%;color:#424242;display:block;padding:5px 0 0 0;line-height:20px;font-size:14px;}

#toolbar a span{ font-size:20px; display:block;}

/*手机底部导航 end*/



/* 置顶 begin*/

.cd-top {

  display: inline-block;

  height: 50px;

  width: 50px;

  position: fixed;

  bottom: 80px;

  right: 10px;

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);

  overflow: hidden;

  text-indent: 100%;

  white-space: nowrap;

  background: #21ADDB url(../other/cd-top-arrow.svg) no-repeat center 50%;

  visibility: hidden;

  opacity: 0;

  -webkit-transition: all 0.3s;

  -moz-transition: all 0.3s;

  transition: all 0.3s;

  border-radius:3px

}

.cd-top.cd-is-visible {

  visibility: visible;

  opacity: 1;

}

.cd-top.cd-fade-out {

  /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */

  opacity: .5;

}

.no-touch .cd-top:hover {

  background-color: #e86256;

  opacity: 1;

}

/* 置顶 end*/



/***友情链接弹出 */

.friendly-link{position:relative;top:10px;width:150px;height:30px;line-height:28px;border:1px solid #666;font-size:14px}

.friendly-link-nav{position:absolute;left:-1px;bottom:28px;overflow:hidden;background:#424242;width:150px;border:1px solid #666666;border-bottom:0;display:none;}

.friendly-link-nav ul{padding:5px;}

.friendly-link-nav li{line-height:22px;}

.friendly-link-nav a{color:#666;font-size:12px}

.friendly-link-nav a:hover{color:#F5F4F4;text-decoration:none;}



/* 百度分享*/

#share-button{line-height:32px;height:32px;width:110px;text-align:center;margin:0 auto}

#share-button a{display: inline-block;width:32px;height:32px;margin:0 2px;background:url(../images/share-icon.png) no-repeat;cursor:pointer;text-indent:-100em;overflow:hidden;opacity:0.8;}

#share-button a.bds_sqq{transition:all .2s;background-position:0 0;}

#share-button a.bds_sqq:hover{background-position:0 0;opacity:1;}

#share-button a.bds_qzone{transition:all .2s;background-position:0 -32px;}

#share-button a.bds_qzone:hover{background-position:0 -32px;opacity:1}

#share-button a.bds_weixin{transition:all .2s;background-position:0 -64px;}

#share-button a.bds_weixin:hover{background-position:0 -64px;opacity:1;}

#share-button a.bds_tsina{transition:all .2s;background-position:0 -96px;}

#share-button a.bds_tsina:hover{background-position:0 -96px;opacity:1}





@media screen and (max-width:1200px) {



}

@media screen and (max-width:1000px) {



}

@media screen and (max-width:760px) {

.line-small{margin-left:0px;margin-right:0px}

.line-small .x1,.line-small .x10,.line-small .x11,.line-small .x12,.line-small .x2,.line-small .x3,.line-small .x4,.line-small .x5,.line-small .x6,.line-small .x7,.line-small .x8,.line-small .x9,.line-small .xb1,.line-small .xb10,.line-small .xb11,.line-small .xb12,.line-small .xb2,.line-small .xb3,.line-small .xb4,.line-small .xb5,.line-small .xb6,.line-small .xb7,.line-small .xb8,.line-small .xb9,.line-small .xl1,.line-small .xl10,.line-small .xl11,.line-small .xl12,.line-small .xl2,.line-small .xl3,.line-small .xl4,.line-small .xl5,.line-small .xl6,.line-small .xl7,.line-small .xl8,.line-small .xl9,.line-small .xm1,.line-small .xm10,.line-small .xm11,.line-small .xm12,.line-small .xm2,.line-small .xm3,.line-small .xm4,.line-small .xm5,.line-small .xm6,.line-small .xm7,.line-small .xm8,.line-small .xm9,.line-small .xs1,.line-small .xs10,.line-small .xs11,.line-small .xs12,.line-small .xs2,.line-small .xs3,.line-small .xs4,.line-small .xs5,.line-small .xs6,.line-small .xs7,.line-small .xs8,.line-small .xs9{position:relative;min-height:1px;padding-right:0px;padding-left:0px}



.mobile-nav-toggle{display: block;}

#mobile-offcanvas,#mobile-offcanvas .nav{display: block;border:none}

#pc-header .header-box .logo{padding:5px 0 10px 0}

#pc-header .header-box .logo img{ width:135px}

.text-very-large{font-size:24px}

.text-large{font-size:18px}

.text-so-large{font-size:24px}

.blank-small{height:10px; line-height:10px; clear:both; font-size:0;}

.blank-middle{ height:20px; line-height:20px; clear:both; font-size:0;}

.blank-big{ height:30px; line-height:30px; clear:both; font-size:0;}

.padding-large{padding:20px}

.media strong{font-size:18px}

.line-small{margin-left:0px;margin-right:0px;padding:0;}

.container-layout {margin:0 auto;width:100%;}

.gg-inside{min-height:100px}

.gg-inside .t1,.gg-inside .b1{top:12%;}

.gg-inside .t1 p{font-size:14px}

.button-large {padding:12px 25px;font-size:16px;line-height:16x}

.dl-inline dl{display:block; width:100%;margin-bottom:1px; }

.dl-inline h2{font-size:16px}

.dl-inline dl dt,.dl-inline dl dd{ width:100%;}

.image-text li .text,.image-text li .thumb{ display:block; width:100%; overflow:hidden;}

.support{width:100%}

.heading h2,.heading h3{font-size:24px;}

.heading p{font-size:14px}

.pagination .disabled{padding:4px 12px;}

.pagination .current{padding:5px 15px;background:#424242;color:#fff;border:0}

.dialog {width:100%;}

.goods {padding-left:0}

.goods h1{font-size:24px;line-height:28px}

footer .copyright{line-height:22px;text-align:center}

.cd-top {right: 10px;bottom:80px;height:30px;width: 30px;}

.bg-inside .padding-large{padding:20px}

.toolbar-blank{ height:50px; line-height:50px; clear:both; font-size:0;}

.col-4-streng {border-top:1px solid #fff;border-left:1px solid #fff;}

.flex-control-nav{position:absolute;bottom:5px;}

.media-body p{font-size:14px}

.service li h2{font-size:18px}

.service li p{font-size:14px}

#showArea a{width:97px;}

#showArea img{width:86px;}

.contact .margin-large-left{margin-left:0px}

}

@media screen and (max-width:480px) {





}