body {font-family: "微软雅黑", "lucida sans unicode", lucida, helvetica, "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;line-height: 1.8;font-size: 16px;color: #555;font-weight: 300;overflow-x: hidden;background: #fff}
a {color: #333;-webkit-transition: .5s;-o-transition: .5s;transition: .5s}
a:hover {text-decoration: none!important;}


li{list-style:none;}

#header {position:fixed;width:12em;height:100%;background:#f7f7f7;text-align:center;z-index:999;}
#header .avatar {margin-top:35%}
#header .avatar img{border-radius:0;}
#header h3 {color: #FFF}
#header .sns a {color: #d1f1e9;margin: 0 3px;font-size: 18px}
#header .sns a:hover {color: #fff!important}
#header .nav{margin:50px 0 20px;}
#header .nav ul{padding:0}
#header .nav ul li {padding:6px 0;list-style:none;margin:0}
@media screen and (max-width:1280px){#header .nav ul li{padding:0;}}
#header .nav a{color:#333;font-size:16px;display:block;width:110px;margin:0 auto;text-align:left;}
#header .nav .ahover{color:#f00;}
#header .nav a:hover{cursor:pointer;color:#fff!important}
#header .nav ul li ul {position: absolute;display: none;z-index: 2000;padding-top:250px;margin-left:12em;height:100%;top:0;background:url("../images/nav_bg.png");white-space: nowrap;}
#header .nav ul li ul li{padding:6px 15px 6px 50px;}
#header .nav ul li ul a {font-size: 14px}
#header .nav ul li:hover{background:#141515;}
#header .nav ul li ul li:hover{background:none;}
#header .nav ul li:hover a{color:#fff;}
#header .nav ul li:hover ul{display:block}
#header .weixin {color:#141515;font-size:14px;position:absolute;bottom:10px;width:100%;}
@media screen and (max-width:1280px){#header .weixin img{position:absolute;bottom:40px;}}
#main, #footer {margin-left:12em;overflow:hidden;}
.slide-main{position:relative;z-index:0;}
.prev,.next{display:block;position:absolute;z-index:222;bottom:47%;overflow:hidden;cursor:pointer;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);_border:1px solid none;}
.prev img,.next img{height:100%;}
.prev{left:70px;}
.next{right:70px;}
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.item{display:block;width:100%;height:5px;position:absolute;z-index:124;bottom:10px;left:0;text-align:center;}
.item a{display:inline-block;width:24px;height:5px;margin-right:11px;background:#333;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);overflow:hidden;}
.item a.cur{background:#fff;}
.slide-box,.slide{display:block;width:100%;overflow:hidden;}
.slide-box{position:relative;text-align:center;}
.slide-box img{width:100%; height:800px;}
.slide{display:none;background:#fff;position:relative;z-index:8;}
.slide a{display:block;width:100%;height:610px;cursor:pointer;}

.product_part1{overflow:hidden;}
.product_part1 ul{overflow:hidden;padding:0;width:100%;margin:0;}
.product_part1 ul li{float:left;width:30%;margin-left:2%;margin-top:2%;position:relative;overflow:hidden;}
.product_part1 ul li a{display:block;}
.product_part1 ul li img{width:100%;height:345px;}
@media screen and (max-width:1600px){.product_part1 ul li img{width:100%;height:280px;}}
@media screen and (max-width:1280px){.product_part1 ul li img{width:100%;height:215px;}}
.product_part1 ul li:hover .product_b_title{bottom:0;}
.product_part1 ul li:hover img{opacity:.5;}
.product_part1 ul .for4{width:62%;}
.product_part1 ul .for4 img,.product_part1 ul .for5 img{height:447px;}
@media screen and (max-width:1600px){.product_part1 ul .for4 img,.product_part1 ul .for5 img{height:280px;}}
@media screen and (max-width:1280px){.product_part1 ul .for4 img,.product_part1 ul .for5 img{height:278px;}}
.product_part1 ul .for6 img{height:478px;}
@media screen and (max-width:1600px){.product_part1 ul .for6 img{height:361px;}}
@media screen and (max-width:1280px){.product_part1 ul .for6 img{height:299px;}}
.product_b_title{position:absolute;bottom:-110px;background:url("../images/nav_bg.png");width:100%;color:#fff;padding:3%;height:110px;transition:.7s;-moz-transition:.7s;-webkit-transition:.7s;-o-transition:.7s;}
.product_b_title h1{font-size:16px;font-weight:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.product_b_title .xm span{font-size:12px;line-height:20px;}
.product_b_title .xm .x1{background:url("../images/timer.png") no-repeat left;padding-left:20px;}
.product_b_title .xm .x2{background:url("../images/heart.png") no-repeat left;padding-left:20px;}
.product_b_title .xm .x3{background:url("../images/eyes.png") no-repeat left;padding-left:23px;margin-right:20px;}
.product_b_title .xm .x4{background:url("../images/download.png") no-repeat left;padding-left:18px;margin-right:20px;}
.product_b_title .xm .x2,.product_b_title .xm .x3,.product_b_title .xm .x4{float:right;}

.floatr{position:fixed;right:1%;bottom:40%;text-align:center;z-index:1;}
.floatr ul li{margin:10px 0;}

.col-md-8{padding-bottom:3%;}

.widget {margin-bottom: 25px;padding: 30px;background-color: #fff;border: 1px solid #e0e0e0;border-radius: 0}
.widget a {color: #4c4c4c;text-decoration: none;-webkit-transition: color .3s;transition: color .3s}
.widget ul {padding: 0;margin: 0}
.widget li {list-style: none;padding: 2px 0;margin: 0;font-family: Fontawesome}
.widget .widget-title {position: relative;margin: 0 0 15px;padding-bottom: 15px}
.widget .widget-title::after {position: absolute;left: 0;bottom: 0;height: 2px;width: 40px;background-color: #5bc0eb;content: ''}
.widget-cat li::before {content: '\f114';margin-right: 8px}
.widget-hot li::before {content: '\f040';margin-right: 5px}
.widget-tags {line-height: 1.5}
.widget-links li::before {content: '\f0c1';
margin-right: 8px}
.widget-links li a {font-size: 14px}
.view-title {word-break: break-all;font-size: 32px;font-weight: bold;line-height: 1.5;color: #2f2f2f}
.view-meta {margin: 20px 0;color: #999;font-size: 13px}
.view-meta a {color: #999;font-size: 13px}
.view-meta span {margin-right: 15px}
.view-content {color: #2f2f2f;word-wrap: break-word}
.view-content img {max-width: 100%}
.view-content p {margin: 0 0 20px 0}
.view-content blockquote {padding: 10px 15px;margin-bottom: 20px;background-color: whitesmoke;border-left: 4px solid #999;word-break: break-word;font-size: 15px;font-weight: 100}
.view-content blockquote p {margin: 5px 0}
.view-content h5 {font-size: 16px;font-weight: 600;border: 1px dashed #DDD;background: #f1f1f1;padding: 10px;margin: 20px 0}
.view-tag {font-size: 12px;color: #999margin: 30px 0;overflow: hidden}
.view-tag a {color: #999;margin-right: 10px}
.support-author {padding: 25px;margin-bottom: 40px;background-color: whitesmoke;border-left: 4px solid #f57e42;box-sizing: border-box;box-shadow: 0 0 1px #d9d9d9}
.support-author p {margin: 0 auto 10px;font-size: 17px;font-weight: bold}
.support-author .btn-primary {border-color: #f57e42;background: #f57e4}
.support-author .btn-primary:hover, .support-author .btn-primary:focus {color: white;border-color: #f5ad6e;background-color: #f5ad6e}
#comments {margin-top: 50px}
#comments .comment-head {margin-bottom: 25px;border-top: 1px solid #eee;border-bottom: 1px solid #eee;color: #999;font-size: 13px;font-weight: normal;line-height: 52px}
#comments .comment-head a {margin: 0 5px;color: #999}
#comments ul {margin: 0;padding: 0}
#comments ul li {margin: 0;padding: 0;list-style: none}
#comments .comment_li{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #eee;font-size:16px;line-height: 1.5}
#comments .comment_top {padding-top: 10px;margin: 0 0 10px}
#comments .comment_avatar {float: left;width: 50px}
#comments .comment_avatar img {border-radius: 50%;width: 40px}
#comments .comment_author {font-size: 14px;margin: 0;padding: 0;color: #5bc0eb}
#comments .comment_time {font-size: 12px;margin: 0;padding: 0;color: #b1b1b1}
#comments .comment_top .pull-right {margin-top: 10px}
#comments .comment_top .pull-right a {font-size: 14px}
#comments .children {padding: 0;margin: 0}
#comments .children .comment_li {padding: 5px 0 5px 15px;border-bottom: 1px dashed #d9d9d9;border-left: 3px solid #d9d9d9;font-size: 13px;margin-bottom: 0;background-color: #f9f9fa}
#respond {background-color: #f9f9fa;padding: 10px 15px 20px 15px;margin: 20px 0}
#respond .comment-notes {font-size: 12px}
.read{border-top:1px solid #d9d9d9;border-bottom:1px solid whitesmoke;background-color:whitesmoke;padding:1em;margin-top:2em}
.read-head {margin-bottom: 1em;color: #555;font-size: 14px;font-weight: 600}
.read-list ul {margin: 0;padding: 0}
.read-list ul li {padding: 2px 0;margin: 0;font-family: Fontawesome;overflow: hidden;white-space: nowrap}
.read-list ul li a {font-size: 14px;color: #555}
.copyright{overflow:hidden;padding:10px 0;width:88%;margin:0 auto;background:transparent url("../images/footer-line.png") repeat-x top center;}
.copyright p {font-size: 12px;margin: 3px 0}
.copyright a {color: #555}
.errors_404 {width: 100%}
.errors_404 img {max-width: 100%;min-width: 100%}
.errors_link {text-align: center;margin: 20px 0 100px 0}
.errors_link a {margin: 0 20px}
#titleBar {display: none}

.footer_search {width: 88%;margin: 0 auto;padding-top: 1em}

.main-contair{padding:3% 5% 2% 3%;}
.main-contair img {width:auto !important; overflow:hidden !important; height:auto !important; display:block !important; margin:0px auto !important}
.gccase-contair{padding-top:100px;padding-bottom:60px;}
.gccase-contair .h1{text-align:center;font-size:26px;color:#141515;margin:0;}
.gccase-contair p{text-align:center;font-size:14px;color:#b9b9b9;margin:0;margin-bottom:60px;}
.xfxny_fenye{overflow:hidden;}
.xfxny_fenye ul{overflow:hidden;padding-left:2%;}
.xfxny_fenye ul li{width:auto;overflow:hidden;background:#fff;height:32px;line-height:30px;font-size:14px;float:left; margin-right:10px;}
.xfxny_fenye ul li a {width:auto;display:block;height:30px;color:#666;padding:0 13px;border:1px solid #d2d2d2;}
.xfxny_fenye ul li a:hover {width:auto; display:block; height:30px; color:#fff !important; border:1px solid #f00; background:#f00; text-decoration:none;}
.xfxny_fenye ul .thisclass{background:#4d4f54;padding:0 13px;color:#fff;}
.xfxny_fenye ul li select{height:30px;border:1px solid #d2d2d2;}

.product_type{text-align:center;margin-top:-50px;margin-bottom:50px;}
.product_type ul li{display:inline-block;border:1px solid #d2d2d2;font-size:12px;color:#4d4f54;margin:0 2px;}
.product_type ul li a{display:block;padding:6px 12px;}
.product_type ul .ahover{border:1px solid #4d4f54;}
.product_type ul .ahover,.product_type ul li:hover{background:#4d4f54;border:1px solid #4d4f54;}
.product_type ul .ahover a,.product_type ul li:hover a,.product_type ul li a:hover{color:#fff;}

.product_lm{overflow:hidden;}
.product_lm ul{overflow:hidden;padding:0;width:100%;margin:0;}
.product_lm ul li{float:left;width:22%;margin-left:2%;margin-top:2%;position:relative;overflow:hidden;}
.product_lm ul li a{display:block;}
.product_lm ul li img{width:100%;height:539px;}
@media screen and (max-width:1600px){.product_lm ul li img{height:439px;}}
@media screen and (max-width:1400px){.product_lm ul li img{height:350px;}}
@media screen and (max-width:1280px){.product_lm ul li img{height:338px;}}
.product_lm ul li:hover .product_t_title{bottom:0;}
.product_lm ul li:hover img{opacity:.5;}
.product_t_title{position:absolute;bottom:-110px;background:url("../images/nav_bg.png");width:100%;color:#fff;padding:3%;height:110px;transition:.7s;-moz-transition:.7s;-webkit-transition:.7s;-o-transition:.7s;}
.product_t_title h1{font-size:16px;font-weight:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.product_t_title .xm span{font-size:12px;line-height:20px;}
.product_t_title .xm .x1{font-size:16px;}
.product_t_title .xm .x3{background:url("../images/eyes.png") no-repeat left;padding-left:23px;margin-right:20px;}
.product_t_title .xm .x3{float:right;}

.product-contair{padding:3% 5% 3% 3%;}
.product-contair .biaoti{border-bottom:1px solid #eee;position:relative;margin-right:0;}
.product-contair .biaoti h1{color:#141515;font-size:26px;}
.product-contair .biaoti p{color:#9c9c9c;font-size:14px;margin-bottom:20px;}
.bdsharebuttonbox{position:absolute;right:2%;top:5px;}
.wzcontair{padding:30px 5% 20px 0;}
.wzcontair p{font-size:16px;color:#333;line-height:30px;}

.contact-contair{margin:3% 5% 0 3%;overflow:hidden;border-bottom:1px solid #eee;padding-bottom:3%;}
.contact-contair .ctxt{float:left;padding-top:40px;}
.contact-contair .ctxt p{font-size:16px;color:#333;line-height:30px;}
.contact-contair .ctxt .c1{background:url("../images/c1.png") no-repeat left;padding-left:35px;}
.contact-contair .ctxt .c2{background:url("../images/c2.png") no-repeat left;padding-left:35px;}
.contact-contair .ctxt .c3{background:url("../images/c3.png") no-repeat left;padding-left:35px;}
.contact-contair .ctxt .c4{background:url("../images/c4.png") no-repeat left;padding-left:35px;}
.contact-contair img{float:right;border:1px solid #141515;}

.lx_form{width:90%;margin-left:3%;padding-top:3%;}
.lx_form .d{width:30%;margin-right:3%;}
.lx_form input{height:55px;padding-left:20px;border:1px solid #141515;font-size:16px;color:#333;line-height:55px;}
.lx_form textarea{width:96.5%;height:200px;padding:30px 20px 0;border:1px solid #141515;font-size:16px;color:#333;margin:30px 0;display:block;}
.lx_form .send{font-weight:bold;background:#ff2238;font-size:20px;color:#fff;border:none;padding:0;height:60px;width:245px;}
.lx_form .submit{background:#ff2238;margin-right:20px;}
.lx_form .reset{background:#141515;}

.download_list{overflow:hidden;}
.download_list h1{border-bottom:1px solid #e2e2e2;padding:10px 0;margin:0 4% 0 2%;}
.download_list h1 span{font-size:18px;color:#333;font-weight:bold;border-bottom:2px solid #e00d0d;padding:10px 20px;}
.download_list ul{overflow:hidden;padding:0;width:100%;margin:0;}
.download_list ul li{float:left;width:22%;margin-left:2%;margin-top:2%;position:relative;overflow:hidden;}
.download_list ul li a{display:block;}
.download_list ul li img{width:100%;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.download_list ul li img:hover{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-transform:scale(1.1,1.1);}

.case_c_l{width:48%;float:left;}
.case_c_l .wzcontair{padding:30px 0 20px 0;}
.case_c_l .album{overflow:hidden;padding-top:30%;}
.case_c_l .album ul{overflow:hidden;padding:0;}
.case_c_l .album ul li{width:31%;float:left;margin:0 1%;}
.case_c_l .album img{width:100%;height:191px;}
@media screen and (max-width:1600px){.case_c_l .album img{width:100%;height:152px;}}
@media screen and (max-width:1280px){.case_c_l .album img{width:100%;height:117px;}}
.case_c_r{width:50%;float:right;}
.case_c_r img{width:100%;margin-bottom:30px;}

.video-txt{padding:30px 5% 20px 0;width:60%;float:left;}
.video-txt p{font-size:16px;color:#333;line-height:30px;}
.video-img{width:40%;float:right;}
.video-img img{width:100%;margin-top:30px;}