@charset "utf-8";
/* CSS Document */
body,html {margin:0; padding:0; color: #555; font:12px/180% "微软雅黑","Helvetica Neue", Arial, Helvetica, sans-serif;}
*{ margin: 0; padding: 0; -webkit-tap-highlight-color: transparent;}
body{ width:100%; background-color:#f4f4f4;}
body a{outline:none; blr:expression(this.onFocus=this.blur());}
h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {margin: 0;padding: 0; list-style:none;}
li {list-style: none; vertical-align: bottom;}
img {border: none; display: block;}
em,i {font-style: normal;}
a{text-decoration:none; color: #555; }
.disable {display: none;}
.fl {float: left;}
.fr {float: right;}
.fr1 {float: right;background-image: url("../images/app.png");background-position: -40px 0px;width: 70px;height: 15px;margin: 0px auto;background-repeat: no-repeat;}
.fr1 .star{background-image: url("../images/app.png");background-position: -40px -20px;height: 15px;background-repeat: no-repeat;}
.clearfix:after {content:""; height:0; display:block; clear:both; visibility:hidden;}
* html .clearfix {height:1%;}
* +html .clearfix {height:1%;}
.clearfix {display:block; clear:both;}
input,textarea{ resize:none; font-family:"微软雅黑"; outline:none;}
button{ font-family:"Arial"; outline: none; cursor: pointer;}
.m_cell_hd, .m_cell_ft { display: table-cell; vertical-align: middle; word-wrap: break-word; word-break: break-all; white-space: nowrap; overflow: hidden; }
.m_cell_primary { width: 2000px; white-space: normal; line-height: 15px; }

.wrapper{ width: 1280px; margin: 0 auto; box-sizing: border-box;}

/*公告*/
.adv{ min-width: 1280px;}
.adv div{ position: relative; height: 110px; overflow: hidden;}
.adv div a{ position: absolute; left: 50%; margin-left: -960px; top: 0; width: 1920px;}
.adv img{ width: 100%;}
.adv em{ position: absolute; right: 35px; top: 20px; width: 18px; height: 18px; background-image: url(../images/close.png);}

/*头部*/
.header{ min-width: 1280px; height: 42px; line-height: 42px; font-size: 14px; color: #555555; background-color: #fff; border-bottom: 1px #eee solid;}
.header .left{ float: left; height: 42px;}
.header .left a{ display: block; float: left; margin: 0 25px;}
.header .left span{ float: left; margin: 13px 0 0; border-right: 1px #e5e5e5 solid; height: 18px;}
.header .right{ float: right; height: 42px;}
.header .right > a,.help > a,.center > a{ float: left; font-size: 14px; color: #666; border-left: 1px #eee solid; padding: 0 22px; height: 42px;}
.header .right a img{ display: inline-block; vertical-align: middle; margin: 0 8px 2px;}
.center,.help{ float: left; position: relative;}
.center > a i{ display:inline-block; vertical-align: top; padding-right: 30px; background: url(../images/img_20.png) no-repeat right center;}
.center div,.help div{ display: none; position: absolute; right: 0; top: 42px; border-top: 1px #eee solid; padding: 10px 30px; background-color: #fff; box-shadow: 0 2px 10px rgba(0,0,0,0.1); z-index: 10;}
.center div a,.help div a{ display: block; font-size: 14px; color: #333; line-height: 30px; white-space: nowrap;}
.center:hover div,.help:hover div{ display: block;}
.header a:hover{ color: #db112c;}

/*导航*/
.nav{ min-width: 1280px; height: 105px; background-color: #fff; position: relative;}
.logo{ position: absolute; left: 0; top: 0; padding: 34px 0 0 25px;}
.search{ position: absolute; right: 0; top: 0; padding-top: 40px; padding-right: 20px;}
.search input{ display: block; border: 1px #e5e5e5 solid; padding-left: 47px; height: 38px; line-height: 38px; font-size: 14px; color: #333; border-radius: 4px; background: url(../images/img_05.png) no-repeat 15px center;}
.navlist{ text-align: center; padding-top: 26px; font-size: 0;}
.navlist li{ display: inline-block; vertical-align: top; padding: 0 10px;}
.navlist a{ padding: 19px 0; display: block;}
.navlist a i{ display: block; text-align: center; font-size: 18px; color: #666; border-radius: 4px; padding: 0 30px; line-height: 40px;}
.navlist a.now i{ background-color: #db112c; color: #fff;}
#navbox{ position: absolute; left: 0; top: 105px; right: 0; background-color: #f6f6f6; z-index: 10;}
.nav_all{ padding: 25px 50px 45px;}
.nav_all div{ font-size: 14px; color: #333; line-height: 37px;}
.nav_all div.fl{ margin-right: 56px}
.nav_all div.fl:last-child{ margin-right: 0;}
.nav_all b{ display: block; font-size: 18px; color: #000; line-height: 70px; margin-bottom: 10px;}
.nav_all p a{ color:#333;}
.nav_all p a:hover{ color:#db112c;}

/*公告*/
.notice{ min-width: 1200px; font-size: 16px; height: 40px; line-height: 40px; color: #c2c1c1; background-color: #000; overflow: hidden;}
.notice .wrapper{ width: 410px;}
.notice img{ float: left; margin: 11px 15px 0 0;}
.notice_list{ height: 40px; overflow: hidden;}
.notice_list a{ display: block; height: 40px; color: #c2c1c1;}

/*banner*/
.banner{ min-width: 1280px; position: relative; height: 898px; overflow: hidden;}
.banner .bd a{ display: block; height: 898px; background-position: center top; background-repeat: no-repeat;}
.banner .hd{ position: absolute; left: 0; right: 0; bottom: 47px; height: 14px; font-size: 0; text-align: center; overflow: hidden;}
.banner .hd li{ display: inline-block; vertical-align: top; width: 12px; height: 12px; border-radius: 50%; border: 1px #fff solid; background-color: #fff; font-size: 0; overflow: hidden; margin: 0 4px;}
.banner .hd li.on{ background-color: #db112c;}

/*优惠券*/
.coupon{ min-width: 1280px; background-color: #34353a; height: 298px; overflow: hidden;}
.coupon_list{ text-align: center;}
.coupon_list a{ display: inline-block; vertical-align: top; position: relative; padding-left: 80px; text-align: left; margin-top: 50px;}
.coupon_list img{ display:inline-block; vertical-align: top; margin: 65px 105px 0;}
.coupon_list em{ display: block; font-size: 18px; color: #b4b4b4; line-height: 24px;}
.coupon_list i{ display: block; line-height: 30px; color: #fff; font-size: 24px;}
.coupon_list b{ position: absolute; left: 0; top: 0; font-size: 60px; color: #fff; font-weight: 400; line-height: 54px;}
.coupon_list a:last-child{ padding-left: 115px;}
.coupon_list a font{ color:#fff;}

/*品牌故事*/
.store{ min-width: 1280px; margin-top: -148px; overflow: hidden;}
.store_list a{ float: left; width: 50%; overflow: hidden;}
.store_list img{ width: 100%;}

/*赛事*/
.match{ padding: 110px 0 215px;}
.match img{ width: 100%;}

/*分类*/
.index_type{ overflow: hidden; padding-bottom: 150px;}
.index_type a{ float: left; position: relative; width: 307px; overflow: hidden; margin: 0 17px 17px 0;}
.index_type a:nth-child(4n+4){ margin-right: 0;}
.index_type img{ width: 100%;}
.index_type b{ position: absolute; left: 0; right: 0; bottom: 0; font-size: 16px; color: #333; font-weight: 400; line-height: 60px; text-align: center;}
.index_type a:hover b{ color: #db112c;}

/*人气热销*/
.hot{ min-width: 1280px; background-color: #fff; overflow: hidden;}
.hot .title{ padding: 110px 0 80px; text-align: center; color: #db112c; font-size: 18px; font-family: "Arial"; text-transform: uppercase; line-height: 30px;}
.hot .title h2{ display: block; font-size: 36px; font-weight: 400; line-height: 55px;}
.hot_type .left{ float: left; position: relative; width: 697px; height: 456px; background-image: url(../images/img_15.jpg);}
.hot_type .img{ position: absolute; right: 50px; bottom: 95px; z-index: 2; width: 362px; height: 287px;}
.hot_type .left a{ position: absolute; left: 43px; top: -26px; background-color: #fff; z-index: 1;}
.hot_type .left a img{ width: 286px; height: 355px;}
.hot_type .left div{ padding: 0 30px; height: 85px; font-size: 16px; color: #34353a; line-height: 25px;}
.hot_type .left b{ display: block; font-size: 18px; font-weight: 400; line-height: 27px; padding-top: 15px;}
.product{ position: relative; margin: 53px 0 107px;}
.product .bd li{ float: left; width: 307px; margin-right: 17px; overflow: hidden;}
.product .bd img{ width: 307px; height: 307px;}
.product .bd li div{ padding: 25px 9px;}
.product h4{ display: block; font-size: 16px; color: #333; font-weight: 400; line-height: 26px; height: 52px; overflow: hidden;}
.product .bd a:hover h4{ color: #db112c;}
.product p{ font-size: 16px; color: #666; line-height: 70px; height: 70px;}
.product p i{ color: #333;}
.product span{ color:#db112c; font-family: "Arial";}
.product span em{ font-size: 28px;}
.product .hd{ margin-top: 50px; text-align: center; font-size: 0; overflow: hidden;}
.product .hd li{ display: inline-block; vertical-align: top; font-size: 0; width: 10px; height: 10px; background-color: #cdcdcd; border-radius: 50%; margin: 0 3px; overflow: hidden;}
.product .hd li.on{ background-color: #a0a0a0;}
.product .btn{ position: absolute; top: 238px; width: 52px; height: 52px; border-radius: 50%; overflow: hidden;}
.product .prev{ left: -150px; background-image: url(../images/img_07.png);}
.product .next{ right: -150px; background-image: url(../images/img_08.png);}
.product .prev:hover{ background-image: url(../images/img_07a.png);}
.product .next:hover{ background-image: url(../images/img_08a.png);}
@media screen and (max-width: 1600px) {
	.product .prev{ left: -57px;}
	.product .next{ right: -57px;}
}


/*友情链接*/
.friendly{ padding: 65px 0 75px;}
.friendly h2{ display: block; font-size: 24px; color: #db112c; font-weight: 400; line-height: 70px;}
.friendly ul{ background-color: #fff; padding: 20px 0;}
.friendly li{ float:left; width: 20%;}
.friendly a{ display: block; height: 75px; background-position: center center; background-repeat: no-repeat;}

/*联系方式*/
.contact{ background-color: #fff; min-width: 1280px; overflow: hidden; padding: 65px 0;}
.contact .wrapper{ width: 1020px;}
.contact li{ position: relative; padding-left: 80px; font-size: 12px; color: #000; line-height: 25px;}
.contact img{ position: absolute; left: 0; top: 5px;}
.contact b{ font-size: 16px;}
.contact li.fl{ margin-right: 145px;}

/*搜索*/
.search_form{ padding: 202px 0 176px; background-image: url(../images/img_22.jpg); overflow: hidden;}
.search_form input{ display: block; margin: 0 auto; border: none; text-align: center; width: 592px; height: 66px; line-height: 66px; padding: 0 60px; -webkit-border-radius: 33px; border-radius: 33px; background: url(../images/img_17.png) no-repeat 260px center; background-color: #fff; font-size: 20px; color: #666;}
.search_form input.on{ text-align: left; background-position: 20px center;}

/*底部*/
.footer{ min-width: 1280px; background-color: #fff; overflow: hidden;}
.f_bottom{ border-top: 1px #dedede solid; font-size: 12px; color: #666; line-height: 60px; padding-bottom: 3px;}
.f_bottom i{ margin: 0 13px;}
.f_top{ padding: 60px 60px 100px;}
.f_about{ float: left; margin-right: 135px;}
.f_about b,.f_link b{ display: block; font-size: 16px; color: #000; line-height: 40px;}
.f_about p{ font-size: 14px; line-height: 36px;}
.f_about p a{ color: #000;}
.f_about p a:hover{ color: #db112c;}
.f_link{ float: right; margin-left: 65px;}
.f_link b{ margin-bottom: 10px;}
.f_link div div{ float: left; position: relative; height: 31px;}
.f_link div div:first-child{ margin-right: 25px;}
.f_link div a{ display: inline-block; vertical-align: middle;}
.f_link i{ display: none; position: absolute; top: 45px; right: -57px; width: 149px; height: 159px; background-image: url(../images/img_18.png); overflow: hidden;}
.f_link i img{ margin: 0 auto; margin-top: 20px; width: 125px;}
.f_link div div:hover i{ display: block;}

.box{ position: fixed; right: 8px; bottom: 30%; box-shadow: 0 0 10px rgba(0,0,0,0.08); z-index: 10;}
.box a{ display: block; position: relative; border-bottom: 2px #e4e3e4 solid; width: 50px; height: 58px; background-position:  center center; background-repeat: no-repeat; background-color: #fff;}
.box a i{ position: absolute; right: 8px; top: 8px; width: 13px; height: 13px; background-color: #db112c; border-radius: 50%;}
.box a em{ position: absolute; right: 8px; top: 9px; font-size: 12px; color: #fff; font-family: "Arial"; padding: 0 3px; line-height: 13px; background-color: #db112c; border-radius: 7px;}


/*精选*/
.choice{ overflow: hidden;}
.choice .c_con{ margin-top: 100px; height: 563px; overflow: hidden;}
.choice .left{ float: left; width: 703px; position: relative;}
.choice .left .img{ width: 100%; height: 563px;}
.choice .left div{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; padding-top: 190px; text-align: center; color: #f4f4f4; background-color: rgba(0,0,0,0.3);}
.choice .left b{ display: block; font-size: 48px; line-height: 65px; letter-spacing: 7px; padding-left: 7px;}
.choice .left p{ font-size: 24px; line-height: 35px; letter-spacing: 7px; padding-left: 7px;}
.choice .left a{ display: inline-block; padding: 0 32px 0 35px; font-size: 18px; color: #f4f4f4; line-height: 50px; margin-top: 35px; border: 1px #f4f4f4 solid;}
.choice .left a img{ display: inline-block; vertical-align: middle; margin: 0 0 2px 9px;}
.choice .right{ float: right; width: 563px; overflow: hidden;}
.choice .right li{ float: left; width: 275px; overflow: hidden; margin-bottom: 14px;}
.choice .right li:nth-child(2n){ float: right;}
.choice .right a{ position: relative; display: block;}
.choice .right img{ width: 100%; height: 275px;}
.choice .right a b{ position: absolute; left: 0; right: 0; bottom: 0; font-size: 14px; color: #333; font-weight: 400; line-height: 65px; text-align: center;}
.choice .right a:hover b{ color: #db112c;}
.choice .left a:hover{ background-color: #db112c; border-color: #db112c;}
.choice .c_con:nth-child(2n) .left{ float: right;}
.choice .c_con:nth-child(2n) .right{ float: left;}

.choice_list{ padding: 100px 0 0;}
.choice_list h2{ display: block; text-align: center; font-size: 36px; color: #333; font-weight: 400; line-height: 140px;}
.choice_list .index_type{ padding-bottom: 60px;}

/*详情*/
.detial{ min-width: 1280px; background: url(../images/img_28.jpg) no-repeat center top; padding: 487px 0 100px; overflow: hidden;}
.detial .wrapper{ background-color: #fff;}
.detial .con{ padding: 56px 60px 150px;}
.tab{ height: 223px;}
.tab a{ float: left; width: 192px; height: 223px; margin-right: 40px; background-color: #fff; -webkit-border-radius: 10px; border-radius: 10px; text-align: center; font-size: 18px; color: #333; line-height: 60px;}
.tab a:last-child{ margin-right: 0;}
.tab a i{ display: block; margin: 54px auto 0; width: 66px; height: 66px; background-position: center center; background-repeat: no-repeat; background-color: #e9e9e9; border-radius: 50%;}
.t_01{ background-image: url(../images/img_28.png);}
.t_02{ background-image: url(../images/img_29.png);}
.t_03{ background-image: url(../images/img_30.png);}
.t_04{ background-image: url(../images/img_31.png);}
.t_05{ background-image: url(../images/img_32.png);}
.t_06{ background-image: url(../images/img_33.png);}
.tab a:hover,.tab a.on{ box-shadow: 0 0 6px rgba(0,0,0,0.1);}
.tab a:hover i,.tab a.on i{ background-color: #e70012;}
.tab a:hover .t_01,.tab a.on .t_01{ background-image: url(../images/img_28a.png);}
.tab a:hover .t_02,.tab a.on .t_02{ background-image: url(../images/img_29a.png);}
.tab a:hover .t_03,.tab a.on .t_03{ background-image: url(../images/img_30a.png);}
.tab a:hover .t_04,.tab a.on .t_04{ background-image: url(../images/img_31a.png);}
.tab a:hover .t_05,.tab a.on .t_05{ background-image: url(../images/img_32a.png);}
.tab a:hover .t_06,.tab a.on .t_06{ background-image: url(../images/img_33a.png);}
.company_intro{ padding: 65px 0 0; font-size: 16px; color: #333; line-height: 30px;}
.company_intro img{ float: left; margin-right: 75px;}
.company_intro div{ overflow: hidden;}
.company_intro b{ display: block; font-size: 24px; line-height: 50px; padding-top: 35px;}
.company_intro p{ margin-top: 25px;}

.step{ padding-bottom: 50px; overflow: hidden;}
.step li{ position: relative; float: right; width: 492px; padding-top: 10px;}
.step li:nth-child(2n){ float: left;}
.step li:nth-child(2){ margin-top: 200px;}
.step b{ display: block; font-size: 30px; color: #333; font-weight: 600; line-height: 140px;}
.step em{ position: absolute; left: -100px; top: 73px; width: 21px; height: 15px; background-image: url(../images/img_34.png);}
.step i{ position: absolute; left: -94px; top: 88px; height: 100%; border-right: 3px #d2d2d2 solid;}
.step div{ padding: 30px 34px; background-color: #f4f4f4; border-radius: 8px; position: relative; font-size: 16px; color: #333; line-height: 30px;}
.step div::after{ position: absolute; content: ""; left: 44px; top: -13px; border-bottom: 13px #f4f4f4 solid; border-left: 13px solid transparent; border-right: 13px solid transparent;}
.step div img{ width: 100%; margin-bottom: 60px;}
.step div span{ display: inline-block; vertical-align: top; padding: 0 15px; background-color: #db112c; color: #fff; font-size: 16px; border-radius: 4px; margin-bottom: 22px;}
.step li:nth-child(2n) em{ left: inherit; right: -91px; background-image: url(../images/img_35.png);}
.step li:nth-child(2n) i{ left: inherit; right: -85px;}
.step li:nth-child(2n) b{ text-align: right;}

/*产品系列*/
.products{ border-top: 1px #f4f4f4 solid; border-bottom: 1px #f4f4f4 solid; padding: 50px 0 120px; background-color: #fff; min-width: 1280px;}
.products .left{ float: left; width: 265px; overflow: hidden;}
.products .right{ float: right; width: 973px; overflow: hidden;}
.choose_box b{ display: block; font-size: 16px; color: #333; font-weight: 400; line-height: 40px;}
.choose{ background-color: #f6f6f6; padding: 10px 0 10px 25px; font-size: 22px; color: #000; line-height: 47px;}
.choose i{ cursor: pointer; margin-right: 13px; white-space: nowrap; display: inline-block;}
.case_list li{ border-bottom: 1px #ececec solid; padding: 25px;}
.case_list li:last-child{ border-bottom: none;}
.case_list b{ display: block; font-size: 18px; color: #000; font-weight: 400; line-height: 50px;}
.case_list a{ display: block; font-size: 18px; color: #333; padding-left: 34px; line-height: 36px; background-position: left center; background-repeat: no-repeat; background-image: url(../images/img_31.jpg);}
.case_list a.on{ background-image: url(../images/img_31a.jpg);}
.case_list div{ padding: 10px 0;}
.case_list em{ float:left; margin-right: 20px; text-align: center; font-size: 16px; color: #333; text-align: center; line-height: 55px;}
.case_list em:last-child{ margin-right: 0;}
.case_list em i{ display: block; box-sizing: border-box; width: 38px; height: 38px; background-position: center center; background-repeat: no-repeat; background-color: #db112c; -webkit-border-radius: 50%; border-radius: 50%;}
.case_list em:nth-child(2) i{ background-color:#2b7fe8;}
.case_list em:nth-child(3) i{ background-color:#fff; border: 1px #e6e6e6 solid;}
.case_list em:nth-child(4) i{ background-color:#f4e214;}
.case_list em.on i{ background-image: url(../images/img_36.png);}
.case_list em:nth-child(3).on i{ background-image: url(../images/img_36a.png);}

.p_total{ font-size: 18px; color: #333; font-weight: 400; line-height: 40px; height: 40px;}
.p_total i{ font-size: 30px; font-family: "Arial";}

.case{ padding: 10px 0 45px;}
.case b{ float:left; font-size: 14px; color: #333; font-weight: 400; line-height: 38px; margin-right: 20px;}
.case a{ display: block; float: left; margin-right: 7px; line-height: 36px; font-size: 14px; color: #333; padding: 0 30px; border: 1px #d2d2d2 solid;}
.case a.on{ color: #fff; background-color: #db112c; border-color: #db112c;}

.product_list .list li{ float: left; width: 233px; overflow: hidden; margin-right: 13px; margin-bottom: 35px;}
.product_list .list li:nth-child(4n+4){ margin-right: 0;}
.product_list .list a{ display: block; position: relative;}
.product_list .list img{ width: 233px; height: 308px;}
.product_list .list div{ display: none; position: absolute; left: 0; top: 0; right: 0; height: 308px; background: url(../images/img_37.png) no-repeat center center; background-color: rgba(0,0,0,0.3);}
.product_list .list li.on div{ display: block;}
.product_list .p_type{ font-size: 14px; color: #999; line-height: 50px; margin-top: 8px;}
.product_list h4{ display: block; font-size: 14px; color: #333; font-weight: 400; line-height: 24px; height: 48px; overflow: hidden;}
.product_list .p_price{ font-size: 14px; color: #666; line-height: 45px;}
.product_list .p_price span{ color: #333;}
.product_list .p_price span i{ color:#db112c;}
.product_list .p_color{ font-size: 14px; color: #999; line-height: 35px; height: 35px;}
.product_list .p_color em{ display: inline-block; vertical-align: middle; width: 13px; height: 13px; border: 1px #f6f6f6 solid; margin-left: 5px; margin-bottom: 2px; background-color: #db112c;}
.product_list .p_color em:nth-child(2){ background-color: #2b7fe8;}
.product_list .p_color em:nth-child(3){ background-color: #fff;}
.product_list .p_color em:nth-child(4){ background-color: #f4e214;}

/*分页*/
.page{ padding: 50px 0 0; text-align: center; font-size: 14px; color: #333; line-height: 43px;}
.page select{ display: inline-block; border: 1px #dedede solid; padding: 0 0 0 10px; font-size: 14px; color: #333; line-height: 41px; height: 41px; width: 75px; margin: 0 15px;}
.page a{ display: inline-block; vertical-align: middle; width: 32px; height: 32px; margin: 0 2px 2px; background-image: url(../images/img_32.jpg);}
.page a.prev{ margin-left: 25px;}
.page a.next{ background-image: url(../images/img_33.jpg);}
.page a.prev:hover{ background-image: url(../images/img_32a.jpg);}
.page a.next:hover{ background-image: url(../images/img_33a.jpg);}

/*当前位置*/
.location{ min-width: 1280px; background-color: #f4f4f4; height: 54px; line-height: 54px; font-size: 14px; color: #333;}
.location a{ display: inline; color: #333;}
.location img{ display: inline-block; vertical-align: middle; margin: 0 18px 2px;}
.location a:hover{ color: #db112c;}

/*产品详情*/
.d_tab{ height: 67px; border-bottom: 1px #dcdcdc solid; margin-top: 120px;}
.d_tab a{ float: left; width: 185px; line-height: 67px; background-color: #f1f1f1; font-size: 22px; color: #777; text-align: center;}
.d_tab a.on{ background-color: #db112c; color: #fff;}
.d_reviews{ border-bottom: 1px #f4f4f4 solid; padding-bottom: 120px}
.d_intro{ padding: 50px 0 0;}
.d_intro p{ float: left; width: 25%; line-height: 36px; font-size: 18px; color: #777;}
.d_intro p:first-child{ width: 100%;}
.d_intro_img img{ width: 100%; margin-top: 60px;}

.detial_product{ padding-top: 75px;}
.detial_product .left{ float: left; width: 640px;}
.detial_product .right{ float: right; width: 575px;}
.product_info .d_type{ font-size: 16px; color: #666; line-height: 37px;}
.product_info h1{ display: block; font-size: 30px; font-weight: 400; color: #333; line-height: 36px;}
.product_info .d_con{ font-size: 16px; color: #666; line-height: 28px; margin: 15px 65px 5px 0;}
.product_info .d_price{ font-size: 18px; color: #666; line-height: 80px;}
.product_info .d_price span{ color: #333; font-size: 24px;}
.product_info .d_price i{ font-size: 30px; color: #db112c;}
.product_info .list li{ border-bottom: 1px #f1f1f1 solid; padding-bottom: 20px;}
.product_info .list label{ display: block; font-size: 14px; color: #333; line-height: 50px;}
.product_info .list li.on{ position: relative; padding: 15px 0 15px 48px;}
.product_info .list li.on label{ position: absolute; left: 0; top: 15px;}
.product_info .list p{ font-size: 14px; color: #333; line-height: 50px;}
div.spinner{ width: 168px; height: 38px; border: 1px #d7d7d7 solid; margin: 5px 15px 5px 0; float: left;}
div.spinner button{ float: left; border: 0; width: 38px; height: 38px; background-color: transparent; font-size: 24px; color: #999;}
div.spinner input{ float: left; display: block; width: 90px; text-align: center; line-height: 38px; height: 38px; font-size: 16px; color: #333;  border: none; border-left: 1px #d7d7d7 solid; border-right: 1px #d7d7d7 solid;}
.product_info .list div a{ float: left; width: 91px; line-height: 47px; text-align: center; border: 1px #ddd solid; border-radius: 8px; margin: 0 12px 12px 0; font-size: 16px; color: #666;}
.product_info .list div a.on{ border-color: #db112c; color: #db112c;}
.product_info .list .big a{ width: 180px;}
.product_info .list .big a:nth-child(3n+3){ margin-right: 0;}
.product_info .btn{ padding: 38px 0 0;}
.product_info .btn button{ display: block; width: 275px; height: 82px; border: 1px #d9d9d9 solid; font-size: 20px; color: #333; background-color: transparent;}
.product_info .btn button.on{ color: #fff; background-color: #db112c; border-color: #db112c;}

.g_img { position: relative;}
.g_img .dgi_main_img { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;}
.g_img dt { position: relative; display: table-cell; text-align: center; vertical-align: middle;}
.g_img dt span { display: inline-block; height: 100%; vertical-align: middle;}
.g_img dd { position: relative; width: 530px; height: 96px; overflow: hidden; padding: 24px 55px 0px 55px;}
.spec-items{position: absolute; width: 530px; height:96px; overflow: hidden;}
.g_img dd ul { position: absolute; z-index: 2; top: 0; left: 0; list-style: outside none none;}
.g_img dd ul li { padding: 0 5px; width: 96px; text-align: center; font-size: 0px; position: relative; float: left; cursor: pointer; height: 96px; vertical-align: middle;}
.g_img dd ul li img { width: 96px; height: 96px; box-sizing: border-box;}
.g_img dd ul li.active img,.g_img dd ul li:hover img { border: 1px #e3495e solid;}
.g_img a.dgi_arrow:link,.g_img a.dgi_arrow:visited { position: absolute; top: 0px; margin-top: 24px; width: 17px; height: 96px; background-repeat: no-repeat; background-position: center center;}
.g_img a.dgi_right { right: 0px; background-image: url(../images/img_41.png)}
.g_img a.dgi_left { left: 0px; background-image: url(../images/img_40.png)}
.g_img_ppt dt { width: 640px; height: 640px; overflow: hidden;}
.video_btn{ position: absolute;	left: 286px; top: 286px; width: 68px; height: 68px;	border-radius: 50%; z-index: 10000; cursor: pointer; background-image: url(../images/img_39.png); }
.video_btn:hover{ background-image: url(../images/img_39a.png)}
.videos{	position: absolute; left: 0; top: 0; width: 640px; height: 640px; z-index: 10001;}
.videos a{	position: absolute;	right: 15px; top: 15px;	width: 18px; height: 18px; background-image: url(../images/close.png);	z-index: 10000;}
.video_play{ height: 640px; background: #000;}