#load_more{width:100%; height:48px; line-height:48px; margin:15px 0; text-align:center; background:#e5e5e5; color:#9e9e9e;}
#load_more img{vertical-align:middle; margin-right:10px;}


.site, .back{
	width: 240px;
	/*height: 58px;*/
	line-height: 58px;
	margin: auto;
	color: #999;
	text-align: right;
}
.site{width:470px}
.site a{color:#999;}
.site a:hover{text-decoration: underline;}
.back{height:18px; line-height:18px;}
.back a{display:block; width:60px; height:18px; color:#888; position:relative; text-align:center; -webkit-transition:color 0.3s; transition:color 0.3s;}
.back a:after{content:''; display:block; width:0; height:0; position:absolute; top:3px; left:0; border-top:6px solid transparent; border-bottom:6px solid transparent; border-right:6px solid #d3d3d3;}
.back a:hover{text-decoration:underline; color:#333;}

#series{width:100%; min-width:1180px; height:635px; background:url(../images/banner/series.jpg) no-repeat center center;}
#series .site{color:rgba(255,255,255,0.4); border-bottom:1px solid rgba(255,255,255,0.2);}
#series article{width:1180px; margin:auto;}
#series .special{display:block; width:384px; height:120px; margin-top:140px; padding:30px 0 0 40px; background:#430097; color:#fff;}
#series .special h1{font-size:24px; letter-spacing:12px; margin-bottom:30px;}
#series .special a{display:block; color:#949494;}
#series .special a span{float:left; display:block; width:0; height:16px; line-height:16px; overflow:hidden; font-style:italic; -webkit-transition:0.4s; transition:0.4s;}
#series .special a:hover span{text-decoration:underline;}
#series .special a img{float:left;}
#series .special:hover a span{width:100px;}

.series_wrap{width:100%; min-width:1180px; padding:65px 0; background:#eceded;}
#series_list{overflow:hidden;}
#series_list figure{overflow:hidden; background:#fff;}
#series_list figure > img, #series_list figcaption{float:left;}
#series_list h2{color:#000;}
#series_list span{color:#000; display:inline-block; width:0; height:16px; line-height:16px; overflow:hidden; text-align:left; -webkit-transition:0.4s; transition:0.4s;}
#series_list figure:hover span{width:75px;}
#series_list figure a:hover span{text-decoration:underline;}
#series_list h2{position:relative; padding-bottom:25px; margin-bottom:25px;}
#series_list h2:after{content:''; display:block; position:absolute; bottom:13px; left:50%; margin-left:-68px; width:136px; height:1px; background:#ccc;}


#series_list .series_a{width:1180px; margin-bottom:60px;}
#series_list .series_a figcaption{width:395px; height:250px; padding-top:150px; text-align:center;}

#series_list .series_b{width:785px; height:300px; float:left;}
#series_list .series_b figcaption{width:393px; height:210px; padding-top:90px; text-align:center; position:relative;}
#series_list .series_b figcaption:after{content:''; display:block; position:absolute; left:-7px; top:147px; width:0; height:0; border-top:7px solid transparent; border-bottom:7px solid transparent; border-right:7px solid #fff;}

#series_list .series_c{width:395px; height:600px; float:right;}
#series_list .series_c figcaption{width:395px; height:210px; padding-top:90px; text-align:center; position:relative;}
#series_list .series_c figcaption:after{content:''; display:block; position:absolute; left:195px; top:-7px; width:0; height:0; border-left:7px solid transparent; border-right:7px solid transparent; border-bottom:7px solid #fff;}

#series_list .series_d{width:785px; height:300px; float:left;}
#series_list .series_d figcaption{width:393px; height:210px; padding-top:90px; text-align:center;}


.pro_summary{width:1180px; margin:auto; text-align:center;}
.pro_summary img{display:block;}
.pro_summary h1{color:#000; font-size:30px; margin:30px auto 15px;}
.pro_summary summary{line-height:24px; color:#888;}

.pro_list{width:1180px; margin:30px auto; border-top:1px solid #ccc; color:#888;}
.pro_list form{height:50px; line-height:50px;}
.pro_list select{margin-left:48px; border-color:#fff; color:#888;}
.pro_list .count{float:right;}

.pro_con{width:1190px; margin-left:-5px; overflow:hidden; position:relative;}
.pro_con li{float:left; min-width:226px; height:226px; border:1px solid #f0f0f0; margin:5px; position:relative;}
.pro_con li.big{width:464px; height:464px;}
.pro_con li.fr{float:right;}

.pro_con li a{display:block;}
.pro_con li picture{width:226px; height:226px; text-align:center; overflow:hidden;}
.pro_con li picture img{width:226px; -webkit-transition:0.15s linear; transition:0.15s linear;}
/*.pro_con li a:hover picture img{width:250px; margin:-12px 0 0 -12px;}*/
.pro_con li figure{display:none; position:absolute; top:-1px; left:-1px; width:464px; height:226px; border:1px solid #f0f0f0; z-index:5; overflow:hidden;}
.pro_con li figure figcaption{width:200px; height:226px; padding:0 19px; float:right; background:#fff;}
.pro_con li figure h2{margin-top:40px; width:100px; color:#000;}
.pro_con li figure aside{margin:10px 0 50px; width:200px; color:#9e9e9e; position:relative;}
.pro_con li figure aside:after{content:''; display:block; width:20px; height:1px; background:#b7b7b7; position:absolute; bottom:-25px; left:0;}
.pro_con li figure span{ display:block; width:100px; height:26px; line-height:26px; text-align:center; background-color:#a7a7a7; color:#fff; -webkit-transition:0.3s; transition:0.3s;}
.pro_con li figure span:hover{background-color:#430097;}


.pro_con li.big picture{width:464px; height:464px;}
.pro_con li.big picture img{width:464px; -webkit-transition:0.3s; transition:0.3s;}
/*.pro_con li.big a:hover picture img{width:500px; margin:-18px 0 0 -18px;}*/
.pro_con li a:hover picture img{-webkit-transform:scale(1.1); transform:scale(1.1);}
.pro_con li.big figure{width:940px; height:464px;}
.pro_con li.big figure figcaption{width:420px; height:464px; padding:0 32px;}

.pro_con li.big.r_side figure{left:-477px;}
.pro_con li.r_side figure{left:-239px;}
.pro_con li.r_side figure figcaption{float:left;}



#product{width:840px; margin-top:33px;}
#product .pic_wrap{float:left; width:390px; position:relative;}
#pic_container{width:348px; height:348px; border:1px solid #e5e5e5; overflow:hidden; position:relative;}
#pic_container img{ position:absolute; top:0; left:0; width:100%;}
.dot_wrap{position:relative; width:549px; height:40px;}
#pic_dot{position:absolute; top:0; left:50%; margin-top:18px;}
#pic_dot li{position:relative; left:-50%; float:left; width:37px; height:5px; margin:0 2px; background-color:#dbdbdb; cursor:pointer; -webkit-transition:0.3s; transition:0.3s;  -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none; user-select:none;}
#pic_dot li.act{background-color:#875cbd;}
#pic_dot li img{display:none; width:78px; border:1px solid #ccc; position:absolute; bottom:15px; left:-21px;}

#product article{width:422px; float:right; padding:10px 0 0 18px;}
#product article h1{font-size:24px; color:#000;}
#product article aside{color:#9e9e9e; font-size:16px; margin-top:8px;}
#product article summary{margin:25px 15px 20px 0; padding:35px 0 10px 0; color:#9e9e9e; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb;}
#product .pro_ctrl a{color:#666; font-size:12px;}
#product .pro_ctrl #security, #product .pro_ctrl .find_store{display:block; width:530px; color:#9e9e9e; -webkit-transition:0.3s; transition:0.3s;}
#product .pro_ctrl #security:hover, #product .pro_ctrl .find_store:hover{color:#333;}
#product .pro_ctrl #security{margin:3px 0 6px;}
#product #security_box{display:none; width:820px; min-height:200px; padding:100px; border:1px solid #ccc; position:absolute; top:10px; left:80px; background-color:#fff; box-shadow:0 0 10px 5px rgba(0,0,0,0.3);}
#product .series_btn{display:block; margin-top:30px; width:118px; height:26px; background-color:#58708C; color:#fff; text-align:center; line-height:26px; -webkit-transition:0.3s; transition:0.3s;}
#product .series_btn:hover{background-color:#666;}


#pro_other, #discover, #discover_more{border-top:1px solid #d2cfcc; position:relative; margin-top:490px;}
#pro_other h2, #discover h2, #discover_more h2{width:180px; background-color:#fff; font-size:18px; color:#000; position:absolute; top:-15px; left:50%; margin-left:-90px; text-align:center;}
#pro_other ul{width:100%; margin:50px 0 90px; overflow:hidden;}
#pro_other ul li{float:left; width:218px; height:218px; border:1px solid #f0f0f0; margin-right:20px; -webkit-transition:0.3s; transition:0.3s;}
#pro_other ul li:hover{border-color:#999;}
#pro_other ul li:last-of-type{margin-right:0;}
#pro_other ul li a{display:block;}
#pro_other ul li a img{width:100%;}



#discover ul{width:100%; margin:50px 0 90px; overflow:hidden;}
#discover ul li{float:left; width:380px; height:330px; margin-right:20px; color:#fff; text-align:center; box-shadow:inset 0 0 0 0 #000; -webkit-transition:0.4s; transition:0.4s;}
#discover ul li:hover{box-shadow:inset 0 0 0 10px rgba(0,0,0,.66);}
#discover ul li h3{width:360px; padding-top:225px; margin:0 auto 20px; position:relative; font-size:22px;}
#discover ul li h3:after{content:''; display:block; width:100%; height:1px; background:rgba(255,255,255,0.4); position:absolute; bottom:-10px; left:0;}
#discover ul li a{}
#discover ul li a span{display:inline-block; width:0; height:16px; line-height:16px; text-align:left; color:#fff; overflow:hidden; -webkit-transition:0.4s; transition:0.4s;}
#discover ul li a span:hover{text-decoration:underline;}
#discover ul li:hover a span{width:40px;}
#discover ul li.mian{background:url(../images/discover_01.jpg) no-repeat;}
#discover ul li.se{background:url(../images/discover_02.jpg) no-repeat;}
#discover ul li.shan{background:url(../images/discover_03.jpg) no-repeat; margin-right:0;}


.question_title{border-bottom:1px solid #e5e5e5; overflow:hidden;}
.question_title h1{font-size:30px; color:#000; float:left;}
.question_title div{float:right; margin-top:14px;}
.question_title div a{display:inline-block; width:90px; height:20px; line-height:20px; text-align:center; border-left:1px dotted #999; color:#737373; -webkit-transition:0.3s; transition:0.3s;}
.question_title div a:hover{color:#333;}

#question{margin-top:56px; overflow:hidden;}
#question picture{float:left; width:424px; overflow:hidden;}
#question picture img{width:100%;}
#question ul{float:right; width:634px; margin-right:40px; border-top:1px solid #bebebe;}
#question ul li{height:47px; border-bottom:1px solid #bebebe; line-height:47px;}
#question ul li a{display:block; height:47px; padding:0 44px; position:relative; color:#666; -webkit-transition:0.3s; transition:0.3s;}
#question ul li a:after, #question ul li a:before{content:''; display:block; width:12px; height:1px; background:#949496; position:absolute; right:44px; top:23px; -webkit-transition:0.3s; transition:0.3s;}
#question ul li a:after, #question ul li a:before{content:''; display:block; width:12px; height:1px; background:#949496; position:absolute; right:44px; top:23px;}
#question ul li a:after{-webkit-transform:rotate(90deg); transform:rotate(90deg);}

#question ul li a:hover{color:#000; text-decoration:underline;}
#question ul li a:hover:after, #question ul li a:hover:before{width:8px; background-color:#000;}
#question ul li a:hover:before{-webkit-transform:rotate(45deg) translateX(-4px); transform:rotate(45deg) translateX(-4px);}
#question ul li a:hover:after{-webkit-transform:rotate(-45deg) translateX(-4px); transform:rotate(-45deg) translateX(-4px);}


#security_check{margin-bottom:96px;}
#security_check h1{color:#000; text-align:center; font-size:30px; position:relative; margin-bottom:52px; }
#security_check h1:after{content:''; display:block; width:22px; height:1px; background:#737373; position:absolute; bottom:-25px; left:50%; margin-left:-11px;}
#security_check summary{color:#666; text-align:center;}
#security_check form{width:1180px; height:127px; margin-top:73px; padding-top:73px; background:url(../images/security_bg.jpg) no-repeat; text-align:center;}
#security_check form input, #security_result form input{border:none;}
#security_check form input[type=text], #security_result form input[type=text]{width:277px; height:50px; padding:0 15px;}
#security_check form input[type=submit], #security_result form input[type=submit]{margin-left:1px; width:130px; height:50px; background:#430097; color:#fff;}


#discover_more ul{overflow:hidden; margin-top:116px;}
#discover_more ul li{float:left; width:378px; height:226px; padding-left:14px; border-left:1px dotted #727471;}
#discover_more ul li a{display:block;}
#discover_more ul li h3{font-size:16px; color:#737473; line-height:46px; -webkit-transition:0.3s; transition:0.3s;}
#discover_more ul li picture{width:354px; height:180px; overflow:hidden; position:relative;}
#discover_more ul li picture:before{content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); opacity:0; -webkit-transition:0.3s; transition:0.3s;}
#discover_more ul li picture:after{content:''; display:block; position:absolute; top:50%; left:50%; margin:-18px 0 0 -18px; width:37px; height:37px; background:url(../images/magnifier.png) no-repeat; opacity:0; -webkit-transform:scale(2); -webkit-transition:0.3s; transition:0.3s;}

#discover_more ul li picture img{width:100%;}

#discover_more ul li a:hover h3{color:#000;}
#discover_more ul li a:hover picture{color:#000;}
#discover_more ul li a:hover picture:before{opacity:1;}
#discover_more ul li a:hover picture:after{opacity:1; -webkit-transform:scale(1); transform:scale(1);}


#security_result{margin-bottom:96px;}
#security_result h1{color:#000; font-size:30px; border-bottom:1px solid #e5e5e5;}
#security_result header{width:1180px; height:108px; margin:28px 0 50px; background:#f3f3f3;}
#security_result div{float:left; padding:26px 36px; width:264px;}
#security_result div p{color:#4f4f4f; font-size:18px;padding:0 0 10px 0; }
#security_result div h2{color:#000; font-size:28px; line-height:28px; font-weight:bold; background:url(../images/form_icon.png) no-repeat; text-indent:45px;}
#security_result summary{float:left; padding:30px 0;}
#security_result summary p{color:#999;}
#security_result summary h3{color:#000; font-size:18px;}
#security_result form{float:right; width:468px; height:80px; padding:28px 0 0 157px; background-color:#ededed; background-image:url(../images/form_icon.png); background-repeat:no-repeat; background-position:96px center;}


#security_result .pro_infos{position:relative; overflow:hidden; background:url(../images/zsbg.jpg) no-repeat;}
#security_result .pro_pic{position:absolute; right:0; top:0; width:388px; height:388px; border:6px solid #f1f1f1; overflow:hidden;}
#security_result .pro_pic img{width:100%;}
#security_result table{float:left; color:#000; line-height:40px; width:1180px; margin-bottom:48px;}
#security_result table tr td{padding-left:28px;}
#security_result .option_a{width:589px; border-right:1px solid #eee;}
#security_result .option_b{width:590px;}
#security_result table thead{height:50px; background:#f1f1f1;}
#security_result table thead td{font-weight:bold;}
#security_result table thead td:last-of-type{color:#b0b0b0;}
#security_result table tbody tr{height:40px; border-bottom:1px dotted #ccc;}
#security_result table tbody tr td:first-of-type{color:#666; width:310px;}
#security_result table img{margin:0 100px; vertical-align:middle;}
#security_result table a{text-decoration:underline; -webkit-transition:0.3s; transition:0.3s;}
#security_result table a:hover{color:#430097;}
#security_result .t78{width:780px;}

.security_narmal{padding-top:60px;}

#security_link{width:764px; margin:80px auto 0; overflow:hidden;}
#security_link div{float:left; width:300px; height:90px; margin:0 40px; border:1px solid #ccc; text-align:center;}
#security_link div h2{margin:10px 30px; padding-bottom:10px; border-bottom:1px solid #eee; font-size:18px; color:#000;}
#security_link div span{display:inline-block; width:0; height:16px; line-height:16px; text-align:left; color:#999; overflow:hidden; -webkit-transition:0.4s; transition:0.4s;}
#security_link div:hover span{width:30px;}
#security_link div a:hover span{text-decoration:underline; color:#333;}


#service{margin-top:56px; overflow:hidden;}
#service ul{overflow:hidden; margin-top:70px;}
#service ul li{float:left; width:393px; text-align:center;}
#service ul li h2{font-size:24px; color:#000;}
#service ul li summary{width:365px; height:120px; color:#888; margin:10px auto 20px;}
#service ul li a{color:#888; display:block; text-align:center; position:relative; -webkit-transition:0.3s; transition:0.3s;}
#service ul li a:after{content:''; display:block; width:80px; height:1px; background:#000; position:absolute; top:-18px; left:50%; margin-left:-40px;}
#service ul li a:hover{color:#430097;}


#knowledge{margin-top:56px; overflow:hidden;}
#knowledge > figure{width:1180px; height:367px;}
#knowledge > figure picture{float:left; width:590px; height:367px; overflow:hidden;}
#knowledge > figure picture img{width:100%;}
#knowledge > figure figcaption{float:left; width:520px; height:307px; padding:60px 0 0 70px; background:#f6f6f6;}
#knowledge > figure figcaption h2{font-size:18px; color:#000;}
#knowledge > figure figcaption summary{color:#888; line-height:24px; margin:45px 65px 65px 0;}
#knowledge > figure figcaption a{}
#knowledge > figure figcaption a span{display:inline-block; width:0; height:16px; line-height:16px; overflow:hidden; -webkit-transition:0.4s; transition:0.4s;}
#knowledge > figure figcaption:hover a span{width:70px;}
#knowledge ul{overflow:hidden;}
#knowledge ul li{width:550px; height:626px;}
#knowledge ul li:nth-of-type(2n+1){float:left;}
#knowledge ul li:nth-of-type(2n){float:right;}
#knowledge ul li picture{width:550px; height:332px; overflow:hidden; text-align:center;}
#knowledge ul li picture img{height:332px; width:auto;}
#knowledge ul li article{width:550px; height:294px; text-align:center;}
#knowledge ul li article h3{padding:50px 0 20px; font-size:18px; color:#000;}
#knowledge ul li article summary{width:480px; margin:auto; color:#888; line-height:24px;}
#knowledge ul li article a{display:block; margin:20px auto 0; border-bottom:1px solid #000; width:80px; color:#000; -webkit-transition:0.3s; transition:0.3s;}
#knowledge ul li article a:hover{color:#430097; border-color:#430097;}





.brand_wrap{background:url(../images/brand_bg.jpg) no-repeat center 0;}
.brand_wrap2{background:url(../images/banner_pro_bg.jpg) no-repeat center 0;}
#brand_title{padding-top:12px; color:#000; text-align:center;}
#brand_title h1{position:relative; padding-bottom:20px; font-size:34px; background:url(../images/tt_line.png) no-repeat center bottom;}
#brand_title summary{width:550px; margin:24px auto 0; font-size:16px; line-height:30px;}
#brand figure{overflow:hidden;}
#brand figcaption{width:589px; height:560px; float:left; overflow:hidden; text-align:center;}
#brand figcaption h2{font-size:16px; color:#000; line-height:34px; margin:100px 0 60px;}
#brand figcaption p{color:#999; line-height:28px;}
#brand picture{width:589px; height:560px; float:left; overflow:hidden;}
#brand picture img{max-width:100%;}

.brand_wrap1{background:url(../images/brand_bg1.jpg) no-repeat center 0;}

#brand{width:878px; margin:45px auto 60px; border:1px solid #ececec;}



















#news ul{margin-top:56px; overflow:hidden;}
#news ul li{float:left; width:354px; height:392px; margin-bottom:40px; padding:0 24px 0 14px; border-left:1px dotted #c7c7c6;}
#nwes ul li span{color:#737473;}
#news ul li p{color:#c8c8c7; font-size:12px;}
#news ul li picture{width:354px; height:180px; margin:20px 0; overflow:hidden;}
#news ul li picture img{width:100%;}
#news ul li h2{color:#333; font-size:18px; margin-bottom:35px;}
#news ul li a{padding-left:26px; background-image:url(../images/news_arr.jpg); background-repeat:no-repeat; background-position:0 center; color:#737373; -webkit-transition:0.3s; transition:0.3s;}
#news ul li a:hover{background-position:10px center; color:#430097;}


#article{width:894px; padding:20px 143px; border-top:1px solid #ccc;}
#article h1{font-size:18px; padding:20px 0; border-bottom:1px solid #ccc;}
#article h1 aside{float:left; margin-right:10px; color:#c8c8c7;}
#article p{text-indent:2.0em; padding:20px 0; line-height:24px; color:#888;}
#article img{display:block; margin:auto; padding:20px 0;}
.ar_back{display:block; margin:20px auto; width:112px; height:26px; line-height:26px; background:#a7a7a7; color:#fff; text-align:center; color:#fff; -webkit-transition:0.3s; transition:0.3s;}
.ar_back:hover{color:#430097;}



#partner{border-top:1px solid #ccc; position:relative; margin-top:25px;}
#partner h1{width:300px; background-color:#fff; font-size:32px; color:#000; position:absolute; top:-30px; left:50%; margin-left:-150px; text-align:center;}
#partner p{text-align:center; margin-top:20px;}
#partner ul{margin-top:56px; overflow:hidden;}
#partner ul li{float:left; width:354px; height:255px; margin-bottom:40px; padding:0 24px 0 14px; border-left:1px dotted #c7c7c6;}
#partner ul li a{display:block;}
#partner ul li picture{width:354px; height:180px; margin-bottom:1px;}
#partner ul li h2{width:354px; height:50px; line-height:50px; font-size:18px; color:#333; text-indent:10px; background-image:url(../images/partner_arr.png); background-repeat:no-repeat; background-position:360px center; -webkit-transition:0.3s; transition:0.3s;}
#partner ul li a:hover h2{background-position:330px center; background-color:#eee;}

#partner .infos{overflow:hidden;}
#partner .infos picture{float:left; width:467px;}
#partner .infos picture img{max-width:100%; height:auto;}
#partner .infos figcaption{float:left; width:713px;}
#partner .infos figcaption h2{border-bottom:1px dotted #dfdfdf; font-size:22px; color:#000; margin-bottom:15px;}
#partner .infos figcaption aside{width:580px; margin:0 0 15px; line-height:24px; text-align:left;}
#partner .infos figcaption summary{display:none; width:580px;}
#partner .infos figcaption span{display:block; -webkit-transition:0.3s; transition:0.3s;}
#partner .infos figcaption div{margin-top:10px; font-size:12px; overflow:hidden;}
#partner .infos figcaption div a{display:block; float:left; width:116px; height:26px; line-height:26px; text-align:center; margin:0 22px; position:relative;}
#partner .infos figcaption div a:after{content:''; display:block; width:0; height:10px; position:absolute; top:8px; right:-22px; border-right:1px dotted #aaa;}
#partner .infos figcaption div a:last-of-type:after{display:none;}
#partner .infos .store{background:#ececec url(../images/location_icon.png) no-repeat 10px center; text-indent:15px;}
#partner .infos #show_summary{width:80px; text-align:left; margin-left:0;}
#partner .infos #show_summary img{vertical-align:middle;}
#partner .infos #show_summary img.close{-webkit-transform:rotate(180deg) translateY(2px);}

#partner_pro{margin-top:118px; border-top:1px solid #ccc; position:relative;}
#partner_pro h3{width:280px; background:#fff; font-size:24px; color:#000; text-align:center; position:absolute; top:-22px; left:50%; margin-left:-140px;}
#partner_pro summary{margin:35px 0; padding-bottom:20px; background:url(../images/s_shadow.jpg) no-repeat center bottom; text-align:center;}




.patent_wrap{background:url(../images/patent.jpg) no-repeat center 0;}
#patent_title{height:514px; text-align:center; color:#fff;}
#patent_title h1{font-size:30px; position:relative; margin-bottom:50px; padding-top:30px;}
#patent_title h1:after{content:''; display:block; width:100px; height:1px; background:#fff; position:absolute; bottom:-20px; left:50%; margin-left:-50px;}
#patent_title summary{width:684px; margin:auto; font-size:16px; line-height:30px;}
#patent_list h3{margin:40px 0 40px 117px;}
#patent_list ul{width:974px; margin:auto; overflow:hidden;}
#patent_list ul:first-of-type{border-bottom:1px solid #dedede;}
#patent_list ul li{float:left; width:215px; height:183px; margin:0 14px 50px; text-align:center;}
#patent_list ul li a{display:block;}
#patent_list ul li picture{width:213px; height:142px; border:1px solid #e5e5e5; background:#f0f0f0; overflow:hidden; -webkit-transition:0.3s; transition:0.3s;}
#patent_list ul li picture img{width:100%;}
#patent_list ul li p{margin-top:18px; color:#666; -webkit-transition:0.3s; transition:0.3s;}
#patent_list ul li a:hover picture{border-color:#666;}
#patent_list ul li a:hover p{color:#430097;}


.patent1_wrap{background:url(../images/patent1.jpg) no-repeat center 0;}
#patent1_title{height:514px; text-align:center; color:#fff;}
#patent1_title h1{font-size:30px; position:relative; margin-bottom:50px; padding-top:30px;}
#patent1_title h1:after{content:''; display:block; width:100px; height:1px; background:#fff; position:absolute; bottom:-20px; left:50%; margin-left:-50px;}
#patent1_title summary{width:684px; margin:auto; font-size:16px; line-height:30px;}
#patent1_list h3{margin:40px 0 40px 117px;}
#patent1_list ul{width:974px; margin:auto; overflow:hidden;}
#patent1_list ul:first-of-type{border-bottom:1px solid #dedede;}
#patent1_list ul li{float:left; width:215px; height:183px; margin:0 14px 50px; text-align:center;}
#patent1_list ul li a{display:block;}
#patent1_list ul li picture{width:213px; height:142px; border:1px solid #e5e5e5; background:#f0f0f0; overflow:hidden; -webkit-transition:0.3s; transition:0.3s;}
#patent1_list ul li picture img{width:100%;}
#patent1_list ul li p{margin-top:18px; color:#666; -webkit-transition:0.3s; transition:0.3s;}
#patent1_list ul li a:hover picture{border-color:#666;}
#patent1_list ul li a:hover p{color:#430097;}



.video_wrap{background:url(../images/video.jpg) no-repeat center 0;}
#video{width:100%; height:794px; color:#fff; position:relative; overflow:hidden;}
#video h1{text-align:center; font-size:33px;}
#video ul{width:100%; min-width:1180px; height:600px; position:absolute; top:94px; left:0;}
#video ul li{float:left; width:100%; height:600px;}
#video ul li figure{width:1180px; height:600px; background:#fff; overflow:hidden;}
#video ul li figure a{display:block;}
#video ul li figure figcaption{display:none; float:right; width:304px; height:600px; background:#fff; text-align:center;}
#video ul li figure figcaption aside{width:250px; padding:250px 0 25px; color:#7d7d7d; -webkit-animation:downIn 0.8s ease-out 0.15s both;}
#video ul li figure figcaption h2{width:250px; margin:auto; position:relative; color:#000; -webkit-animation:downIn 0.8s ease-out 0.4s both;}
#video ul li figure figcaption h2:after{content:''; display:block; width:100px; height:1px; background:#000; position:absolute; bottom:-20px; left:50%; margin-left:-50px; -webkit-animation:widthIn 0.5s ease-out 1.2s both;}
#video ul li figure picture{float:left; width:876px; height:600px; position:relative; overflow:hidden;}
#video ul li figure picture > img{width:100%; -webkit-transition:0.6s; transition:0.6s;}
#video ul li figure a:hover picture > img{-webkit-transform:scale(1.08); transform:scale(1.08);}
#video ul li figure picture span{position:absolute; top:50%; left:50%; margin:-40px 0 0 -40px; width:80px; height:80px; background:rgba(255,255,255,0.5) url(../images/video_icon.png) no-repeat center center; border-radius:50%; opacity:0; -webkit-transform:scale(1.5); transform:scale(1.5); -webkit-transition:0.3s; transition:0.3s;}
#video ul li figure a:hover picture span{opacity:1; -webkit-transform:scale(1); transform:scale(1);}

#video_ctrl{width:144px; height:35px; background:#404040; color:#fff; position:absolute; bottom:32px; left:50%; margin-left:-72px;}
#video_ctrl button{float:left; width:50px; height:35px; border:none; background:none; color:#fff; font-size:18px; -webkit-transition:0.3s; transition:0.3s;}
#video_ctrl button:active{background:#292929;}
#video_ctrl span{display:block; float:left; width:44px; height:35px; line-height:35px; text-align:center;}


@-webkit-keyframes downIn{
	0%{opacity:0; -webkit-transform:translateY(30px);}
	100%{opacity:1; -webkit-transform:translateY(0);}
}
@keyframes downIn{
	0%{opacity:0; transform:translateY(30px);}
	100%{opacity:1; transform:translateY(0);}
}

@-webkit-keyframes widthIn{
	0%{opacity:0; -webkit-transform:scale(2,1);}
	100%{opacity:1; -webkit-transform:scale(1,1);}
}
@keyframes widthIn{
	0%{opacity:0; transform:scale(2,1);}
	100%{opacity:1; transform:scale(1,1);}
}


#down_wrap{width:100%; margin-top:98px;}
#down_wrap h3{margin-bottom:20px; color:#000; font-size:30px; text-align:center;}
#down_wrap summary{width:876px; margin:auto; color:#888; line-height:26px; text-align:center;}
#down{margin-top:100px; position:relative;}
#down ul{position:absolute; top:0; left:0; overflow:hidden;}
#down ul li{float:left; width:25%; position:relative;}
#down ul li a{display:block;}
#down ul li img{width:100%; vertical-align:top;}
#down ul li div{position:absolute; top:40%; left:50%; margin-left:-20%; width:40%; opacity:0; -webkit-transition:0.3s; transition:0.3s; -webkit-transform:scale(1.6); transform:scale(1.6);}
#down ul li a:hover div{opacity:1; -webkit-transform:scale(1); transform:scale(1);}
#down .topline{width:100%; height:60px; background:rgba(0,0,0,0.6); position:absolute; top:0; left:0;}
#down .topline h5{position:relative; line-height:50px; font-size:30px; padding-left:30%; color:#fff;}
#down .topline h5:before, #down .topline h5:after{content:''; display:block; height:1px; background:#fff; position:absolute; top:50%;}
#down .topline h5:before{left:0; right:72%;}
#down .topline h5:after{left:45%; right:0;}
#down button{width:45px; height:50px; background:#300b5e; color:#fff; position:absolute; top:50%; margin-top:-25px; border:none; font-size:30px; line-height:0;}
#down_prev{left:0;}
#down_next{right:0;}


#store{}
#store h1{color:#000; font-size:30px;}
#store form{height:380px; margin-bottom:36px; padding-left:44px; border-top:1px solid #dedede; background:url(../images/form_store.jpg) no-repeat; position:relative;}
#store form h3{padding:38px 0 28px; font-size:24px; color:#000;}
#store form div{margin-bottom:25px; overflow:hidden;}
#store form label{display:block; float:left; width:84px;}
#store form select{float:left; width:235px; height:23px;}
#store form input{width:122px; height:36px; border:none; background:#000; color:#fff; -webkit-transition:background 0.3s; transition:background 0.3s;}
#store form input:active{background:#333;}
#store form article{width:500px; height:220px; padding:35px 0 0 58px; border-left:1px dotted #aaa; position:absolute; top:40px; left:426px;}
#store form article h4{font-size:18px; color:#000;}
#store form article p{margin-top:15px; color:#999;}

#store ul{border-top:1px dotted #ccc; overflow:hidden;}
#store ul li{float:left; width:580px; height:120px; margin:40px 20px 0 0; overflow:hidden; border-bottom:1px solid #ccc;}
#store ul li:nth-of-type(2n){margin-right:0;}
#store ul li picture{width:120px; height:120px; float:left; margin-right:38px; overflow:hidden;}
#store ul li article{padding-top:10px; float:left;}
#store ul li article h2{font-size:18px; color:#000; margin-bottom:18px;}
#store ul li article aside{color:#999; padding-left:20px; line-height:24px; -webkit-transition:0.3s; transition:0.3s;}
#store ul li article aside:first-of-type{background:url(../images/location_icon.png) no-repeat 0 center;}
#store ul li article aside:last-of-type{background:url(../images/tel_icon.png) no-repeat 0 center;}
#store ul li:hover article aside{color:#000;}



#perfect{padding:0px 0 60px; width:100%; min-width:1180px;}
#perfect h1{margin-bottom:30px; padding-bottom:20px; color:#000; font-size:30px; background:url(../images/tt_line.png) no-repeat center bottom; text-align:center;}
#perfect div{width:100%; height:600px; position:relative; margin-bottom:1px;}
#perfect .item_a{background:url(../images/banner/mian_01.jpg) no-repeat center 0;}
#perfect .item_b{background:url(../images/banner/mian_02.jpg) no-repeat center 0;}
#perfect .item_c{background:url(../images/banner/mian_03.jpg) no-repeat center 0;}
#perfect .item_d{background:url(../images/banner/mian_04.jpg) no-repeat center 0;}
#perfect .item_e{background:url(../images/banner/se_01.jpg) no-repeat center 0;}
#perfect .item_f{background:url(../images/banner/se_02.jpg) no-repeat center 0;}
#perfect .item_g{background:url(../images/banner/se_03.jpg) no-repeat center 0;}
#perfect .item_h{background:url(../images/banner/shan_01.jpg) no-repeat center 0;}
#perfect .item_i{background:url(../images/banner/shan_02.jpg) no-repeat center 0;}
#perfect .item_j{background:url(../images/banner/shan_03.jpg) no-repeat center 0;}

#perfect div article{position:absolute; left:50%; width:492px; color:#fff;}
#perfect div article h2{font-size:30px; margin-bottom:24px;}
#perfect div article summary{font-size:16px; line-height:30px;}
#perfect .item_a article{top:210px; margin-left:-555px;}
#perfect .item_b article{top:230px; margin-left:40px;}
#perfect .item_c article{top:65px; margin-left:-380px; width:760px; text-align:center;}
#perfect .item_d article{top:274px; margin-left:40px; width:530px;}

#perfect .item_e article{top:216px; margin-left:-558px;}
#perfect .item_f article{top:234px; margin-left:40px;}
#perfect .item_g article{top:68px; margin-left:-380px; width:760px; text-align:center;}

#perfect .item_h article{top:305px; margin-left:-250px; width:500px; text-align:center;}
#perfect .item_i article{top:232px; margin-left:-515px; width:510px;}
#perfect .item_j article{top:195px; margin-left:40px;}

#perfect .item_e article h2, #perfect .item_f article h2, #perfect .item_h article h2, #perfect .item_i article h2, #perfect .item_j article h2{margin-bottom:50px;}


#perfect .pf_a{background:url(../images/banner/perfect_01.jpg) no-repeat center 0;}
#perfect .pf_b{background:url(../images/banner/perfect_02.jpg) no-repeat center 0;}
#perfect .pf_c{background:url(../images/banner/perfect_03.jpg) no-repeat center 0;}

#perfect .pf_a article{top:80px; width:258px; margin-left:-129px; text-align:center;}
#perfect .pf_b article{top:170px; width:258px; margin-left:-510px; text-align:center;}
#perfect .pf_c article{top:90px; width:384px; margin-left:-192px; text-align:center;}
#perfect .pf article h2{font-size:70px; font-family:'宋体';}
#perfect .pf article summary{font-size:18px; line-height:40px; letter-spacing:8px; margin-bottom:30px;}
#perfect .pf article a{color:#fff; text-align:left;}
#perfect .pf article a span{display:inline-block; width:0; height:16px; line-height:16px;  overflow:hidden; -webkit-transition:0.3s; transition:0.3s;}
#perfect .pf article a:hover span{text-decoration:underline;}
#perfect .pf:hover article a span{width:70px;}


.animate_downIn h2{-webkit-animation:downIn 1s ease-out 0.15s both; animation:downIn 1s ease-out 0.15s both;}
.animate_downIn summary{-webkit-animation:downIn 1s ease-out 0.5s both; animation:downIn 1s ease-out 0.5s both;}
@-webkit-keyframes downIn{
	0% {opacity:0; -webkit-transform:translateY(30px);}
	100% {opacity:1; -webkit-transform:translateY(0);}
}
@keyframes downIn{
	0% {opacity:0; transform:translateY(30px);}
	100% {opacity:1; transform:translateY(0);}
}

.animate_leftIn h2{-webkit-animation:leftIn 1s ease-out 0.15s both; animation:leftIn 1s ease-out 0.15s both;}
.animate_leftIn summary{-webkit-animation:leftIn 1s ease-out 0.5s both; animation:leftIn 1s ease-out 0.5s both;}
@-webkit-keyframes leftIn{
	0% {opacity:0; -webkit-transform:translateX(-50px);}
	100% {opacity:1; -webkit-transform:translateX(0);}
}
@keyframes leftIn{
	0% {opacity:0; transform:translateX(-50px);}
	100% {opacity:1; transform:translateX(0);}
}

.animate_rightIn h2{-webkit-animation:rightIn 1s ease-out 0.15s both; animation:rightIn 1s ease-out 0.15s both;}
.animate_rightIn summary{-webkit-animation:rightIn 1s ease-out 0.5s both; animation:rightIn 1s ease-out 0.5s both;}
@-webkit-keyframes rightIn{
	0% {opacity:0; -webkit-transform:translateX(50px);}
	100% {opacity:1; -webkit-transform:translateX(0);}
}
@keyframes rightIn{
	0% {opacity:0; transform:translateX(50px);}
	100% {opacity:1; transform:translateX(0);}
}