*{margin:0;padding:0;}
body{background:#eaeaea; font:12px/22px "SimSun","Microsoft YaHei";}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr,dl,dd,select,option{ margin:0; padding:0;}
li,img,input,em,select{ list-style:none; border:none; font-style:normal;}
a{ text-decoration:none !important; cursor:pointer !important;}
select::-ms-expand { display: none; }

.wrap{ max-width:1258px !important; margin:0 auto;}

header{width:100%;overflow:hidden;}
.header{width:100%; height:150px; /*overflow:hidden;*/float:left; background:url(../images/header_bj.jpg) repeat-x;}
.header .logo{width:40%; float:left;}
.header .logo img{width:395px; height:150px;display:block;}

nav{width:60%;float:right;}
nav .n_UL{width:100%;float:left; background:url(../images/shutiao.jpg) no-repeat left center;}
nav .n_UL .n_Li{width:16.66%; float:left; height:150px; background:url(../images/shutiao.jpg) no-repeat right center; padding-right:2px; position:relative;}
nav .n_UL .n_Li .n_A{ display:block;height:150px; line-height:150px; text-align:center; background:url(../images/nav_li.jpg) repeat-x; font-size:14px;color:#fff; font-family:'Microsoft YaHei';transition:all 0.3s;}
nav .n_UL .n_Li:hover .n_A{ background:url(../images/nav_hover.jpg) repeat-x; color:#fff;}
nav .n_UL .on .n_A{background:url(../images/nav_hover.jpg) repeat-x; color:#fff;}

.nav_sub{width:98%; overflow:hidden;background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important; background-color:#000; position:absolute;left:0;top:100%; z-index:0; opacity:0; transition:all 0.4s;}
.nav_sub li{ display:block; height:40px; overflow:hidden;}
.nav_sub li a{ display:block; height:40px; line-height:40px; text-align:center; overflow:hidden; font-family:"Microsoft YaHei"; font-size:14px; color:#fff;}
.nav_sub li a:hover{background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important; background-color:#000;}
nav .n_UL .n_Li:hover .nav_sub{z-index:999; opacity:1;}

/*banner*/
.bannerbox{width:100%; height:400px;float:left; transition:all 1s; overflow:hidden;}
#banner{ height:400px;position:relative;overflow:hidden; transition:all 1s;}
#banner .main_image{ height:400px;position:relative;overflow:hidden;transition:all 1s;}
#banner .main_image ul{position:absolute;top:0;left:0;width:9999px;overflow:hidden;}
#banner .main_image li a{display:block;}
#banner .main_image li span{display:block;width:100%;height:400px;transition:all 1s;}
#banner .main_image li .img_1{background:url(../images/banner1.jpg) 50% 50%; background-size:cover;}
#banner .main_image li .img_2{background:url(../images/banner1.jpg) 50% 50%; background-size:cover;}
#banner .main_image li .img_3{background:url(../images/banner1.jpg) 50% 50%; background-size:cover;}
#banner div.flicking_con{position:absolute;bottom:10px;left:50%;z-index:999;width:300px;height:21px;margin:0 0 0 -50px;}
#banner div.flicking_con a{float:left;width:21px;height:21px;margin:0;padding:0;background:url('../images/btn_main_img.png') 0 0 no-repeat;display:block;text-indent:-1000px}
#banner div.flicking_con a.on{background-position:0 -21px}
#banner #btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:29px!important;height:29px!important;top:50%;margin-top:-30px;display:none; transition:all 0.5s;}
#banner #btn_prev{background:url(../images/main_btn_arrow_lr.png) no-repeat left bottom;left:20px;}
#banner #btn_prev:hover{background:url(../images/main_btn_arrow_lr.png) no-repeat right bottom;}
#banner #btn_next{background:url(../images/main_btn_arrow_lr.png) no-repeat left top;right:20px;}
#banner #btn_next:hover{background:url(../images/main_btn_arrow_lr.png) no-repeat right top;}

main{width:100%; overflow:hidden;}
.bigbox{width:100%; background:#fff; overflow:hidden; padding:29px 0;}
.gsjj{width:36%;float:left; padding-left:25px;}
.gsjj_title{ display:block; height:32px; background:url(../images/gsjj_logo.jpg) no-repeat left center; padding-left:41px;}
.gsjj_b{ display:block; height:32px; line-height:23px; padding-bottom:9px; background:url(../images/title_bj.jpg) repeat-x left bottom;}
.gsjj_p{float:left; font-family:'Microsoft YaHei'; font-size:14px; color:#000;}
.gsjj_sp{float:left; font-family:Arial; font-size:12px; color:#7ecae4; text-indent:8px; padding-top:3px;}
.gsjj_more{float:right; padding:8px 5px 0 0;}
.gsjj_more img{ display:block;}
.gsjj_contect{ display:block; padding-top:21px; overflow:hidden; line-height:22px; color:#505050;}
.gsjj_contect img{float:left; margin-right:16px;}

.cpzs{width:60%;float:right; padding-right:20px;}
.gsjj_title1{ display:block; height:32px; background:url(../images/cpzs_logo.jpg) no-repeat left center; padding-left:41px;}
.cpzs_contect{ display:block; overflow:hidden; position:relative; padding:24px 28px 0 38px;}
/*响应式轮播图*/
#responsive-shuffling { width:100%;height:100%;}
#responsive-shuffling .swiper-slide {width:100%;transition:all 0.3s;}
#responsive-shuffling .swiper-slide .cpzs_img{width:100%;height:128px; border:1px solid #e4e4e4; overflow:hidden; position:relative;}
#responsive-shuffling .swiper-slide .cpzs_img img{width:100%; height:100%; display:block;}
#responsive-shuffling .swiper-slide .cpzs_sp{ display:block; height:30px; line-height:30px; text-align:center; overflow:hidden; color:#505050;}
#responsive-shuffling .swiper-slide .cpzs_sub{width:100%; height:100%; position:absolute;left:0;bottom:-100%;background:rgba(255, 102, 0, 0.6) none repeat scroll 0 0 !important; background-color:#ff6600;transition:all 0.3s; text-align:center; z-index:9;}
#responsive-shuffling .swiper-slide .cpzs_sub span{ position:absolute;left:50%;top:50%; margin:-25px 0 0 -50px;width:100px; height:50px; border:1px solid #fff;}
#responsive-shuffling .swiper-slide .cpzs_sub span b{ display:inline-block; font-size:30px; color:#fff; line-height:50px;}
#responsive-shuffling .swiper-slide:hover .cpzs_sub{ bottom:0;}
.swiper-button-next{right:0; width:17px; height:26px; background:url(../images/cpzs_R.jpg) no-repeat 0 0; overflow:hidden; opacity:1; margin-top:0;}
.swiper-button-prev{left:0; width:17px; height:26px; background:url(../images/cpzs_L.jpg) no-repeat 100% 0; overflow:hidden; opacity:1;margin-top:0;}
/*#responsive-shuffling:hover .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ display:block;}
#responsive-shuffling:hover .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ display:block;}*/

footer{width:100%;overflow:hidden; line-height:30px; color:#d0d0d0; padding:40px 0; text-align:center; background:url(../images/header_bj.jpg) repeat;}
footer a{ color:#d0d0d0;transition:all 0.3s; margin:0 8px;}
footer a:hover{color:#fff;}
/*手机底部导航*/
.hot{width:100%; height:68px; background:url(../images/header_bj.jpg) repeat; position:fixed; bottom:0; left:0; z-index:99;}
.hot span{ color:#fff; font-size:16px; line-height:20px; padding-top:12px;}
.hot h6{ font-size:14px; line-height:26px; font-family:'Microsoft YaHei'; color:#fff;}
.hot .row div a{ display:block; color:#fff; padding:5px 0; margin-top:9px;}
.hot .row div:hover{ background:#000;}

/*关于技嘉*/
.main{width:100%; overflow:hidden; background:url(../images/main_bj.jpg) repeat-y left top #fff; background-size:17.5%;}
.main_left{width:17.5%;float:left; max-width:220px;}
.about{width:100%;float:left;}
.about_title{ display:block; height:38px; line-height:38px; background:url(../images/about_title.jpg) repeat-x; overflow:hidden;}
.about_p{float:left; background:url(../images/about_logo.jpg) no-repeat 14px center; text-indent:34px; font-size:14px; color:#dcdcdc;}
.about_ul{ display:block; padding:16px 0 26px 0; overflow:hidden;}
.about_ul li{ display:block; height:30px; line-height:30px; background:url(../images/about_heng.jpg) repeat-x left bottom; overflow:hidden;}
.about_ul li a{ display:block;height:30px; overflow:hidden; background:url(../images/about_jiantou.jpg) no-repeat 36px center; text-indent:48px; overflow:hidden; color:#505050;transition:all 0.3s;}
.about_ul li a:hover{color:#ff6600;}
.about_txt{ display:block; padding:15px 0 15px 25px; overflow:hidden; line-height:22px; color:#505050;}

.main_right{width:82.5%;float:right; max-width:1037px; padding-left:1px;}
.dqwz_title{width:100%; height:42px; background:url(../images/dqwz_title.jpg) no-repeat center center; background-size:100% 100%; overflow:hidden;}
.dqwz_nav{float:left; height:38px; line-height:38px; background:url(../images/dqwz_logo.jpg) no-repeat 15px center; text-indent:42px; color:#505050;}
.dqwz_contect{width:100%; overflow:hidden;}
.company{ display:block;padding:30px; overflow:hidden; line-height:22px; color:#505050;}

/*产品展示*/
.cpzs_ul{ display:block; padding:26px 0; overflow:hidden;}
.cpzs_ul li{width:227px;float:left; margin:0 16px;}
.cpzs_ul li .pro_img{width:227px; height:164px; overflow:hidden; position:relative;border:1px solid #e4e4e4;}
.cpzs_ul li .pro_img img{width:100%; height:100%; display:block;}
.cpzs_ul li .cpzs_sp{ display:block; height:48px; line-height:48px; text-align:center; overflow:hidden; color:#505050;}
.cpzs_ul li .pro_img .pro_sub{width:100%; height:100%; position:absolute;left:0;bottom:-100%;background:rgba(255, 102, 0, 0.6) none repeat scroll 0 0 !important; background-color:#ff6600;transition:all 0.3s; text-align:center; z-index:9;}
.cpzs_ul li .pro_img .pro_sub span{ position:absolute;left:50%;top:50%; margin:-25px 0 0 -50px;width:100px; height:50px; border:1px solid #fff;}
.cpzs_ul li .pro_img .pro_sub span b{ display:inline-block; font-size:30px; color:#fff; line-height:50px;}
.cpzs_ul li :hover .pro_sub{ bottom:0;}

.cpxq{ display:block; padding:25px 30px; overflow:hidden;}
.cpxq_T{ display:block; height:40px; line-height:40px; overflow:hidden; text-align:center;  font-size:16px; color:#505050; font-weight:bold;}
.cpxq_img{ display:block;width:100%; max-width:760px; border:1px solid #e1dede; padding:6px; margin:0 auto;}
.cpxq_img img{width:100%; display:block;}
.cpxq_txt{display:block; line-height:24px; color:#505050; font-size:14px; padding-top:22px;}

/*设备展示*/
.sbzs{ display:block; padding:25px 30px; overflow:hidden;color:#505050;}
.sbzs_txt{display:block; line-height:22px; color:#505050; overflow:hidden;}
.sbzs_img{ display:block; overflow:hidden; margin-bottom:20px;}
.sbzs_img span{display:block; height:22px; line-height:22px; overflow:hidden;}
.sbzs_img img{ padding-left:50px;transition:all 0.3s;}
.sbzs_img:hover img{opacity:0.6;}
.sbzs_contect{ display:block; overflow:hidden; position:relative; padding-top:10px;}

/*新闻动态*/
.xw{ display:block; padding:25px 30px; overflow:hidden;}
.xw li{ display:block; height:32px; line-height:32px; overflow:hidden; border-bottom:1px dotted #eeeeee; background:url(../images/xw_jiantou.jpg) no-repeat 10px center;}
.xw li a{float:left;  color:#505050;transition:all 0.3s; text-indent:26px;}
.xw li span{float:right; color:#696969;}
.xw li a:hover{ color:#ff6600;}
.news_p{ display:block; line-height:24px; color:#949494; overflow:hidden; text-align:center;}

/*联系我们*/
.contact{ display:block; overflow:hidden; line-height:22px; color:#505050; padding:25px 30px;}
.contact table{width: 50%;text-align: center;}
.contact table tr td{width:40%}
/*上下页*/
div.scott{padding:3px;margin:3px;text-align:center;}
div.scott a{border:#ddd 1px solid;padding:2px 5px;color:#000000;margin:0 2px 0 0;text-decoration:none;}
div.scott a:hover{border:#85bd1e 1px solid;color:#638425;background-color:#f1ffd6;}
div.scott a:active{border:#85bd1e 1px solid;color:#638425;background-color:#f1ffd6;}
div.scott span.current{border:#81827F 1px solid;padding:2px 5px;font-weight:bold;color:#fff;margin:0 2px 0 0;background-color:#9C9D98;}
div.scott span.disabled{border:#f3f3f3 1px solid;padding:2px 5px;color:#ccc;margin:0 2px 0 0;}

.rides-cs {  font-size: 12px; background:#1C1C1E; position: fixed; top: 150px; right: 0px; _position: absolute; z-index: 1500; border-radius:6px 0px 0 6px;}
.rides-cs a { color: #00A0E9;}
.rides-cs a:hover { color: #ff8100; text-decoration: none;}
.rides-cs .floatL { width: 36px; float:left; position: relative; z-index:1;margin-top: 140px;height: 181px;}
.rides-cs .floatL a { font-size:0; text-indent: -999em; display: block;}
.rides-cs .floatR { width: 130px; float: left; padding: 5px; overflow:hidden;}
.rides-cs .floatR .cn {background:#F7F7F7; border-radius:6px;margin-top:4px;}
.rides-cs .cn .titZx{ font-size: 14px; color: #333;font-weight:600; line-height:24px;padding:5px;text-align:center;}
.rides-cs .cn ul {padding:0px;}
.rides-cs .cn ul li { line-height: 38px; height:38px;border-bottom: solid 1px #E6E4E4;overflow: hidden;text-align:center;}
.rides-cs .cn ul li span { color: #777;}
.rides-cs .cn ul li a{color: #777;}
.rides-cs .cn ul li img { vertical-align: middle;}
.rides-cs .btnOpen, .rides-cs .btnCtn {  position: relative; z-index:9; top:25px; left: 0;  background-image: url(../images/lanrenzhijia.png); background-repeat: no-repeat; display:block;  height: 146px; padding: 8px;}
.rides-cs .btnOpen { background-position: 0 0;}
.rides-cs .btnCtn { background-position: -37px 0;}
.rides-cs ul li.top { border-bottom: solid #ACE5F9 1px;}
.rides-cs ul li.bot { border-bottom: none;}


.fengxiang{ width:320px; margin:0 auto;}
.fengxiang ul li{ width:140px; padding:4px 3px; float:left; margin:4px 0px 4px 6px; background:#c5c5c4; border: solid 1px #afafae;}

.fengxiang ul li a.bshare-sinaminiblog{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-qzone{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-renren{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-qqmb { float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-neteasemb{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-sohuminiblog{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-tianya{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-baiduhi{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-itieba{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-kaixin001{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-facebook{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-msn{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-fanfou{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-feixin{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-twitter{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-peoplemb{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-douban{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-xinhuamb{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fxmc{ float:left;width:70px; font-size:14px; margin-left:5px; line-height:30px;}

@media (max-width:1260px) {
/*banner*/
.bannerbox{width:100%; height:343px; transition:all 1s; overflow:hidden;}
#banner{ height:343px;position:relative;overflow:hidden; transition:all 1s;}
#banner .main_image{ height:343px;position:relative;overflow:hidden;transition:all 1s;}
#banner .main_image li span{display:block;width:100%;height:343px;transition:all 1s;}

/*产品展示*/
.cpzs_ul li{width:23%;float:left; margin:0 1%;}
.cpzs_ul li .pro_img{width:100%; height:148px; overflow:hidden; position:relative;border:1px solid #e4e4e4;}


}


@media (max-width:1199px) {
/*banner*/
.bannerbox{width:100%; height:400px; transition:all 1s; overflow:hidden;}
#banner{ height:400px;position:relative;overflow:hidden; transition:all 1s;}
#banner .main_image{ height:400px;position:relative;overflow:hidden;transition:all 1s;}
#banner .main_image li span{display:block;width:100%;height:400px;transition:all 1s;}


}


@media (max-width:991px){
.header .icon-menu{float:right; margin-right:15px;font-size:40px;color:#ff7300;  cursor:pointer; height:150px; line-height:150px;}
.header .sjdnav{ width:150px; height:auto; position:absolute;right:0; top:150px;z-index:9999;background:rgba(21, 21, 23, 0.6) none repeat scroll 0 0 !important; background-color:#151517;}
.header .sjdnav ul{ padding:0; margin:0;}
.header .sjdnav li{ height:38px;display:block;text-align:center; margin:5px 0; padding:0;}
.header .sjdnav li a{display:block;line-height:38px; font-family:'Microsoft YaHei'; font-size:18px; color:#fff; }
.header .sjdnav li a:hover{background:#ff7300; color:#fff;}
.header .sjdnavhide{ height:0; overflow:hidden;}	

.header .logo{width:80%; float:left;}
.header .logo img{width:100%;max-width:395px; height:150px;display:block;}

/*banner*/
.bannerbox{width:100%; height:327px; transition:all 1s; overflow:hidden;}
#banner{ height:327px;position:relative;overflow:hidden; transition:all 1s;}
#banner .main_image{ height:327px;position:relative;overflow:hidden;transition:all 1s;}
#banner .main_image li span{display:block;width:100%;height:327px;transition:all 1s;}

/*关于技嘉*/
.main{width:100%; overflow:hidden; background:url(../images/main_bj.jpg) repeat-y left top #fff; background-size:25%;}
.main_left{width:25%;float:left; max-width:220px;}
.about_ul li a{ display:block; background:url(../images/about_jiantou.jpg) no-repeat 15px center; text-indent:25px; overflow:hidden; color:#505050;transition:all 0.3s;}
.about_txt{ display:block; padding:15px 0 15px 5px; overflow:hidden; line-height:22px; color:#505050;}

.main_right{width:74.5%;float:right; max-width:1037px; padding-left:1px; background:#fff;}
.company{ display:block;padding:30px 1%; overflow:hidden; line-height:22px; color:#505050;}

/*产品展示*/
.cpzs_ul li{width:31.3%;float:left; margin:0 1%;}
.cpzs_ul li .pro_img{width:100%; height:135px; overflow:hidden; position:relative;border:1px solid #e4e4e4;}
.cpxq{ display:block; padding:25px 1%; overflow:hidden;}

/*设备展示*/
.sbzs{ display:block; padding:25px 1%; overflow:hidden;color:#505050;}
.sbzs_img img{width:100%; padding-left:0;transition:all 0.3s;}


}

@media (max-width:767px){
.header{position:initial;}
.header .icon-menu{font-size:40px;}
/*.header .sjdnav{ width:100%;}*/

/*banner*/
.bannerbox{width:100%; height:209px; transition:all 1s; overflow:hidden;}
#banner{ height:209px;position:relative;overflow:hidden; transition:all 1s;}
#banner .main_image{ height:209px;position:relative;overflow:hidden;transition:all 1s;}
#banner .main_image li span{display:block;width:100%;height:209px;transition:all 1s;}
#banner .main_image li .img_1{background:url(../images/sj_banner.jpg) no-repeat; background-size:cover;}
#banner .main_image li .img_2{background:url(../images/sj_banner.jpg) no-repeat; background-size:cover;}
#banner .main_image li .img_3{background:url(../images/sj_banner.jpg) no-repeat; background-size:cover;}

.bigbox{width:100%; background:#fff; overflow:hidden; padding:29px 1%;}
.gsjj{width:100%;float:left; padding-left:0;}
.cpzs{width:100%;float:right; padding-right:0; margin-top:20px;}
.gsjj_title1{ display:block; height:32px; background:url(../images/cpzs_logo.jpg) no-repeat left center; padding-left:41px;}
.cpzs_contect{ display:block; overflow:hidden; position:relative; padding:24px 0 0 0;}

/*关于技嘉*/
.main{width:100%; overflow:hidden; background:none;}
.about{background:#dcdcdc;}
.about_title1{ display:block; height:38px; line-height:38px; background:url(../images/about_title.jpg) repeat-x; overflow:hidden;}
.about_ul1{ display:none; padding:16px 0 26px 0; overflow:hidden;}
.about_ul1 li{ display:block; height:30px; line-height:30px; background:url(../images/about_heng.jpg) repeat-x left bottom; overflow:hidden;}
.about_ul1 li a{ display:block;height:30px; overflow:hidden; background:url(../images/about_jiantou.jpg) no-repeat 36px center; text-indent:48px; overflow:hidden; color:#505050;transition:all 0.3s;}
.about_ul1 li a:hover{color:#ff6600;}
.main_right{width:100%;float:right; max-width:1037px; padding:0; margin-top:20px;}

/*产品展示*/
.cpzs_ul li{width:48%;float:left; margin:0 1%;}
.cpzs_ul li .pro_img{width:100%; height:150px; overflow:hidden; position:relative;border:1px solid #e4e4e4;}

/*新闻动态*/
.xw{ display:block; padding:25px 0; overflow:hidden;}
.xw li a{width:80%; height:32px; overflow:hidden; float:left;  color:#505050;transition:all 0.3s; text-indent:26px;}

/*联系我们*/
.contact{ display:block; overflow:hidden; line-height:22px; color:#505050; padding:25px 1%;}

}

@media (max-width:320px) {
.header .icon-menu{margin-right:10px;font-size:30px;}

}