/* CSS Document */

*{padding:0;margin:0}
html{overflow: auto;overflow-x:hidden}
body{font-family:"Microsoft Yahei";font-size: 14px;margin:0 auto;color: #333333;line-height:24px;}
form{margin:0px;padding:0px}
select, input, textarea {color:#7b7b7b}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,pre,a,code,del,em,img,strong,sub,sup,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,tbody,tfoot,thead{margin:0;padding:0;border:0;outline:0;vertical-align:baseline}
ul,li{ list-style:none; padding:0px; margin:0 auto}
a{text-decoration: none; color:#000; l}
a:hover {text-decoration: none;font-style: normal;}
form {margin:0 auto;padding:0px}
img{border:0px}
textarea{ overflow:auto}
.none{display:none}

#banner{margin:0 auto;clear:both;width:1200px; height:660px}
.pcb-module-item .module-title{font-size: 34px; margin: 40px auto 0; text-align: center; font-weight: bold}
.pcb-module-item .module-title-des{ text-align: center; font-size: 18px; color: #626262; line-height: 28px; margin: 13px auto 0}
.pcb-module-item.pro-categories-parent{ background: #fff}
.pcb-module-item.pro-categories-parent .pro-categories{ margin-left: -20px; margin-top: 35px}
.pcb-module-item.pro-categories-parent .pro-categories:after{ display: block; content: ''; width: 0; height: 0; clear: both}
.pcb-module-item.pro-categories-parent .pro-categories .pro{ width: 530px; float: left; height: 170px; background-color: #fff; box-shadow: 1px 4px 18px 0px rgba(122, 122, 122, 0.2); margin: 0 0 20px 20px; padding: 30px 23px; position: relative}
.pcb-module-item.pro-categories-parent .pro-categories .pro:first-child:before{display: block}
.pcb-module-item.pro-categories-parent .pro-categories .pro:hover:before{ display: block}
.pcb-module-item.pro-categories-parent .pro-categories .pro:hover .pro-label{ margin-top: -40px}
.pcb-module-item.pro-categories-parent .pro-categories .pro:hover .jump-link{ margin-top: 20px}
.pcb-module-item.pro-categories-parent .pro-categories .pro .hot{ content: ''; background: url(../images/hot-icon.png) no-repeat center; width: 77px; height: 76px; position: absolute; top: -2px; left: -2px; z-index: 3}
.pcb-module-item.pro-categories-parent .pro-categories .pro:after{ display: block; content: ''; width: 0; height: 0; clear: both}
.pcb-module-item.pro-categories-parent .pro-categories .pro:last-child .pro-img{ top: 20px}
.pcb-module-item.pro-categories-parent .pro-categories .pro-l{ float: left}
.pcb-module-item.pro-categories-parent .pro-categories .pro-img{ width: 255px; height: 165px}
.pcb-module-item.pro-categories-parent .pro-categories .pro-title{ font-size: 24px; color: #333333}
.pcb-module-item.pro-categories-parent .pro-categories .pro-r{ float: left; margin-left: 30px}
.pcb-module-item.pro-categories-parent .pro-categories .pro-r .pro-img{ position: absolute; top: 30px; right: 22px; z-index: 1}
.pcb-module-item.pro-categories-parent .pro-categories .pro-mask{ overflow: hidden; height: 154px; transition: all 0.3s ease}
.pcb-module-item.pro-categories-parent .pro-categories .pro-label{ margin-top: 10px; transition: all 0.3s ease}
.pcb-module-item.pro-categories-parent .pro-categories .pro-label:after{ display: block; content: ''; width: 0; height: 0; clear: both}
.pcb-module-item.pro-categories-parent .pro-categories .pro-label dd{ float: left; display: block; padding: 0 10px; height: 25px; line-height: 24px; border: solid 1px #ff6a00; font-size: 14px; color: #ff6a00; margin-right: 5px}
.pcb-module-item.pro-categories-parent .pro-categories .pro-label dd:first-child{ background-color: #ff6a00; color: #fff}
.pcb-module-item.pro-categories-parent .pro-categories .text-par{ margin-top: 28px}
.pcb-module-item.pro-categories-parent .pro-categories .pro-text{ font-size: 14px; color: #757575; margin-bottom: 4px}
.pcb-module-item.pro-categories-parent .pro-categories .pro-text span{ color: #ff6a00}
.pcb-module-item.pro-categories-parent .pro-categories .jump-link{ display: inline-block; color: #fff; width: 150px; height: 40px; line-height: 40px; text-align: center; background-image: linear-gradient(249deg, rgba(254, 134, 61, 0.9) 0%, rgba(241, 60, 58, 0.9) 100%), linear-gradient(#4e4e4e, #4e4e4e); background-blend-mode: normal, normal; box-shadow: 0px 5px 15px 0px rgba(245, 80, 53, 0.4); border-radius: 20px; text-decoration: none; font-size: 16px; margin-top: 40px; transition: all 0.3s ease}
.pcb-module-item.pro-categories-parent .pro-categories .jump-link:hover{box-shadow: 0 5px 15px 0px rgba(245, 80, 53, 0.6)}

#platei{margin:0 auto;clear:both;width:100%; height:890px; background: #f5f5f5}
#platei .detail {margin:0 auto;clear:both; width:1200px; height:860px}
.pcb-module-item.the-selection{ padding: 45px 0 60px}
.pcb-module-item.the-selection .plate-wrap{ position: relative}
.pcb-module-item .module-title-des{ text-align: center; font-size: 18px; color: #626262; line-height: 28px; margin: 13px auto 0}
.pcb-module-item .module-title-des .icon-l{ background: url(../images/icon-l.png) no-repeat center; width: 81px; height: 7px; display: inline-block; margin-right: 16px; vertical-align: middle}
.pcb-module-item .module-title-des .icon-r{ background: url(../images/icon-r.png) no-repeat center; width: 81px; height: 7px; display: inline-block; margin-left: 16px; vertical-align: middle}
.pcb-module-item.the-selection .selection-body{ margin-top: 40px; position: relative; overflow: hidden}


.pcb-module-item.the-selection .jump-link{ display: block; width: 273px; height: 60px; line-height: 60px; text-align: center; background-image: linear-gradient(to right, #f0383c, #ff883c, #f0383c, #ff883c); box-shadow: 2px 5px 15px 0px rgba(245, 80, 53, 0.4); border-radius: 60px; font-size: 20px; color: #fff; margin: 40px auto 0; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; background-size: 300% 100%;}
.pcb-module-item.the-selection .jump-link:hover{ background-position: 100% 0; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out}
.pcb-module-item.the-selection .select-nav:after{ display: block; content: ''; width: 0; height: 0; clear: both}
.pcb-module-item.the-selection .select-nav dd{ width: 144px; height: 85px; text-align: center; line-height: 85px; font-size: 20px; color: #333333; float: left; cursor: pointer; font-weight: bold}
.pcb-module-item.the-selection .select-nav dd.active{ color: #fff; background: #ff8b10}
.pcb-module-item.the-selection .select-mask{ background: url(../images/select-bg.png) no-repeat center; float:left; width: 940px; height: 430px; padding: 44px 0 0 50px; position: relative; z-index: 3}
.pcb-module-item.the-selection .select-mask:before{ display: block; content: ''; position: absolute; top: 0; right: 0; z-index: 1}
.pcb-module-item.the-selection .select-mask.active1:before{ background:url(../images/example1.png) no-repeat right center; width: 551px; height: 475px}
.pcb-module-item.the-selection .select-mask.active2:before{ background:url(../images/example2.png) no-repeat right center; width: 552px; height: 475px}
.pcb-module-item.the-selection .select-mask.active3:before{ background:url(../images/example3.png) no-repeat right center; width: 550px; height: 475px}
.pcb-module-item.the-selection .select-mask.active4:before{ background:url(../images/example4.png) no-repeat right center; width: 523px; height: 475px}
.pcb-module-item.the-selection .select-mask.active5:before{ background:url(../images/example5.png) no-repeat right center; width: 554px; height: 475px}
.pcb-module-item.the-selection .select-mask li{ margin-bottom: 27px; position: relative; z-index: 2}
.pcb-module-item.the-selection .select-mask li:after{ display: block; content: ''; width: 0; height: 0; clear: both}
.pcb-module-item.the-selection .select-img{ float: left; margin-right:12px}
.pcb-module-item.the-selection .select-des{ float: left; width: 450px}
.pcb-module-item.the-selection .select-des .select-title{ font-size: 16px; color: #ff8b10; font-weight: bold}
.pcb-module-item.the-selection .select-des .select-text{ font-size: 16px; color: #fff}
.pcb-module-item.the-selection .des-section{ position: absolute; top: 0; right: 0; z-index: 1; width: 208px; height: 498px; background-color: #ff8b10; padding: 38px 0px 0 0}
.pcb-module-item.the-selection .des-section .sec-title{ font-size: 24px; color: #fff; padding-left: 42px}
.pcb-module-item.the-selection .des-section .sec-title .point{ margin-right: 14px}
.pcb-module-item.the-selection .des-section .point-sec{ margin-top: 30px; margin-left: 10px}
.pcb-module-item.the-selection .des-section .point-sec dd{ width: 182px; height: 126px; position: relative; margin-top: 26px}
.pcb-module-item.the-selection .des-section .point-sec dd img{ transition: all 0.3s}
.pcb-module-item.the-selection .des-section .point-sec dd .p-img{height: 93px;overflow: hidden}
.pcb-module-item.the-selection .des-section .point-sec dd:hover .p-img img{transform: scale(1.04)}
.pcb-module-item.the-selection .des-section .point-sec dd .more{ height: 33px; line-height: 33px; padding: 0 12px; background: url(../images/point-btn@bg.png)}

#hidden{margin:0 auto; clear:both; width:100%; height:720px}
#hidden .columns{margin:0 auto;width:1200px; height:700px}
#hidden .columns h2{ float:left; width:1200px; height:160px; line-height:175px; font-size:32px; text-align:center}
#hidden .columns h2 er{ color:#e50001} 
#hidden .columns .bicycle{ float:left; width:1200px; height:140px}
#hidden .columns .bicycle .down{ float:left; width:210px; height:120px; background:#66CCFF; padding-left:75px}
#hidden .columns .bicycle .down .refresh{ float:left; width:205px; font-size:16px; font-weight:bold; height:52px; line-height:68px}
#hidden .columns .bicycle .down .arrow{ float:left14px}
.film_focus{ width:1200px; height:390px; overflow:hidden; position:relative;margin:20px auto}
.film_focus .film_focus_imgs_wrap{background:url(../images/load.gif) no-repeat center center}
.film_focus ul.film_focus_imgs{	height:390px; height:9999em; position:absolute;	right:0; top:0;	overflow:hidden}
.film_focus ul.film_focus_imgs li{height:390px; overflow:hidden}
.film_focus ul.film_focus_imgs li img{height:390px;	width:969px}
.film_focus .film_focus_desc h3{height:45px; line-height:45px; overflow:hidden;	position:absolute; left:232px; bottom:0; background:rgba(0, 0, 0, .5); color:#fff; width:100%; padding-left:20px; z-index:99; font-size:16px; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#7F000000', endColorstr='#7F000000')}
.film_focus ul.film_focus_nav{width:232px;height:390px; position:absolute; left:0; top:0; z-index:100}
.film_focus ul.film_focus_nav li{height:47px; background:#d7d7dc; margin:0px 0px 5px 0;	padding:0px 18px 0 19px; position:relative; width:190px; cursor: pointer;cursor: hand; color:#333; font-weight:bold; font-size:14px; overflow:hidden; line-height:47px;}
.film_focus ul.film_focus_nav li.cur{background:url(../images/hd_on.png) no-repeat;width:190px;height:132px; left:0px;	padding:0px 33px 0 25px;_background:url(images/hd_on.png) no-repeat 0 0;word-break:break-all; color:#fff;font-weight:bold;font-size:22px;	overflow:hidden;line-height:30px}
.film_focus ul.film_focus_nav li b{display:none}
.film_focus ul.film_focus_nav li b span{display:block}
.film_focus ul.film_focus_nav li.cur b{display:block; vertical-align: middle; display: table-cell; height:132px}
.film_focus ul.film_focus_nav li.cur span{display:none}

#design{margin:0 auto; clear:both; width:100%; height:720px; background:#f6f6f6}
#design .brand{margin:0 auto;width:1200px; height:720px}
.J-notice-container .J-notice-body{ padding: 60px 0}
.J-notice-container .J-notice-body .title{ text-align: center; margin-bottom: 30px}
.J-notice-container .J-notice-body .title  h3{ font-size: 36px; font-weight: bold; height:50px; line-height:50px}
.J-notice-container .J-notice-body .title  h3 span{ color:#ffae00}
.J-notice-container .J-notice-body .list{ overflow: hidden; padding: 35px; border: 1px solid #e5e5e5; box-shadow: 0px 2px 3px rgba(0,0,0,0.03)}
.J-notice-container .J-notice-body .list ul{ width: 550px; float: left; padding: 20px 0 0 10px}
.J-notice-container .J-notice-body .list li{ margin-bottom: 29px; font-size: 16px}
.J-notice-container .J-notice-body .list li .dt{ margin-bottom: 8px; font-weight: bold}
.J-notice-container .J-notice-body .list .show{ width:560px; height: 420px; float: right; background: url(../images/notice.jpg)}
.J-notice-container .J-notice-body .list li span{ color: #f13b3c}

#aboutus{margin:0 auto;clear:both;width:100%; height:280px}
#aboutus .column{margin:0 auto;clear:both;width:1200px; height:230px; margin-top:40px;}
#aboutus .column .jump{ float:left; width:1200px; height:120px;} 
#aboutus .column .jump .jdc{ float:left; width:600px; height:120px;}
#aboutus .column .jump .jdc h2{ float:left; width:600px; height:60px; line-height:50px; font-size:32px; color:#e40000}
#aboutus .column .jump .jdc .dion{ float:left; width:600px; height:30px; font-size:18px; color:#0081d2}
#aboutus .column .email{float:left; width:600px; height:120px; font-size:16px; text-align:right;}
#aboutus .column .email .teams{float:left; width:600px;height:50px; line-height:50px;}
#aboutus .column .email .teams a{ margin:0px 25px; color:#333333; font-weight:bold}
#aboutus .column .email .teams a span{ font-size:28px;color:#0081d2}
#aboutus .column .email .yxtea{ float:left; width:600px; height:30px; line-height:30px;}
#aboutus .column .email .yxtea a{ margin:0px 42px;}
#aboutus .column .ehuse{ float:left; width:1200px; height:80px; line-height:29px; font-size:16px;}
#aboutus .column .ehuse a{ padding:55px; color:#e40000}
#aboutus .column .ehuse a:hover{text-decoration:underline}

#hz02{margin:0 auto;clear:both;width:100%; height:890px; background:url(../images/patch.jpg)}
#hz02 .nobor{margin:0 auto;clear:both;width:1200px;height:890px}
#hz02 .nobor h3{ float:left; width:1200px; height:70px; line-height:70px; text-align:center; font-size:32px; color:#333333; margin-top:30px; letter-spacing:1px}
#hz02 .nobor .gkilg{ float:left; width:1200px; height:45px; font-size:16px; color:#090723}
#hz02 .nobor .path{float:left; width:1200px; height:245px; margin-top:50px;}
#hz02 .nobor .path .path-item{ float:left; width:585px; height:245px; background:#ff6a00}
#hz02 .nobor .path .path-item .path-img{ float:left; margin-left:20px; width:315px; height:245px; margin-top:-25px;}
#hz02 .nobor .path .path-item .path-info{ float:left; width:240px; height:245px;}
#hz02 .nobor .path .path-item .path-info .path-title{display: block; margin-top:30px; width: 170px; height: 38px; padding-left:45px; line-height: 38px; background: #fff; border-radius: 15px 0 15px 0; overflow: hidden;}
#hz02 .nobor .path .path-item .path-info .path-title .name{width:240px; height:40px; font-size: 20px; color: #e40000; display: inline-block; font-weight: bold;}
#hz02 .nobor .path .path-item .path-info .path-title .name:hover{text-decoration:underline}
#hz02 .nobor .path-item .path-des{ margin-top: 30px; font-size:14px; color:#FFFFFF; line-height:28px;}
#hz02 .nobor .tipse{ float:left; width:1200px; line-height:28px; font-size:16px; margin:30px 0px; color:#3b3939;}
#hz02 .nobor ul{ float:left; width:1200px; height:255px;}
#hz02 .nobor ul li{ float:left; width:290px; height:255px;}
#hz02 .nobor .dcres{ float:left;width:290px; height:220px}
#hz02 .nobor .pathc{ float:left; width:290px; height:35px; line-height:35px; text-align:center; color:#3b3939; font-size:16px;}

#abity{margin:0 auto;clear:both;width:100%; height:800px;}
#abity .spicer{margin:0 auto;clear:both;width:1200px;height:800px}
.smt-module-item.ability-to{height: 862px;}
.smt-module-item.ability-to .smt-module-title{ color: #333333; text-align:center; height:110px; line-height:160px; font-weight:bold; font-size:30px;}
.smt-module-item.ability-to .smt-module-title-des{ color: #757575; text-align:center; height:30px; font-size:16px;}
.smt-module-item.ability-to .plate-wrap{ position: relative;}
.smt-module-item.ability-to .plate-wrap:before{ display: block; content: ''; width: 414px; height: 403px; background-color: #ff8b10; position: absolute; bottom: -20px; z-index: 1; left: 0;}
.smt-module-item.ability-to .ability-rules{ background:url("../images/ability.jpg") no-repeat center; width: 1200px; height: 506px; margin: 30px auto 30px 40px; padding: 46px 0 0 56px; position: relative; z-index: 2;}
.smt-module-item.ability-to .ability-rules .ability-img{ position: absolute; bottom: -60px; right: 0; z-index: 1;}
.smt-module-item.ability-to .ability-rules dl:after{ display: block; content: ''; width: 0; height: 0; clear: both;}
.smt-module-item.ability-to .ability-rules dl:first-child + dl{ margin-top: 34px;}
.smt-module-item.ability-to .ability-rules dd{ width: 24%; float: left;}
.smt-module-item.ability-to .ability-rules dd:last-child{ width: auto;}
.smt-module-item.ability-to .ability-rules .title{ font-size: 18px; color: #e40000; font-weight: bold;}
.smt-module-item.ability-to .ability-rules .text{ margin-top: 10px; font-size: 16px; line-height: 24px; height: 70px;}