@charset "utf-8";
/* CSS Document */

html,body{ width:100%; height:100%;}
body{ font-family:Arial, sans-serif; font-size:14px; line-height:24px; color:#333; background:#fff;}
a{ text-decoration:none; color:#333;-webkit-tap-highlight-color:transparent;}
*{ list-style:none; margin:0; border:none; outline:none; padding:0;}
.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}
.dis{ display:block !important;}
.dn{ display:none;}
.clear{ clear:both;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#999;} 
input:-moz-placeholder,textarea:-moz-placeholder{ color:#999;} 
input::-moz-placeholder,textarea::-moz-placeholder{ color:#999;} 
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#999;} 
input,select,textarea{ -webkit-appearance:none; font-family:Arial, sans-serif;}
input[type=checkbox]{ -webkit-appearance:checkbox;}

/*header*/
.header{ width:100%; background-color:#fff; height:161px; position:relative; z-index:3;}
.header .top{ width:1200px; margin:auto; height:110px; border-bottom:1px solid #eee; margin:auto;}
.header .top .logo{ height:70px; margin:20px 0; float:left;}
.header .top .logo img{ height:70px; display:block;}
.header .top .ser{ float:left; margin-left:80px; margin-top:35px; position:relative; height:40px;}
.header .top .ser p{ width:230px; display:block; overflow:hidden; padding-right:98px; padding-left:18px; border:2px solid #fa0101; border-radius:40px; height:36px;}
.header .top .ser p input{ width:100%; display:block; font-size:14px; line-height:36px; height:36px;}
.header .top .ser span{ width:80px; height:40px; position:absolute; right:0; top:0; display:block;}
.header .top .ser span input{ width:100%; text-align:center; display:block; border-radius:40px; overflow:hidden; height:40px; line-height:40px; color:#fff; cursor:pointer; font-size:14px; background-color:#fa0101;}
.header .top .tel{ float:right; padding-top:35px;}
.header .top .tel dt{ display:block; float:left; padding-left:24px; background-image:url(../images/h01_06.jpg); background-position:0px 3px; background-repeat:no-repeat;}
.header .top .tel dd{ display:block; float:left; padding-left:24px; background-image:url(../images/h02_08.jpg); background-position:0px 3px; background-repeat:no-repeat; margin-left:40px;}
.header .top .tel b{ display:block; font-size:20px; line-height:20px; height:20px;}
.header .top .tel p{ display:block; font-size:14px; line-height:24px; height:24px; color:#666;}
.header .nav{ width:1200px; display:block; margin:auto; position:relative; height:50px;}
.header .nav>li{ display:block; width:14.2857%; float:left; height:50px;}
.header .nav>li>a{ width:100%; display:block; height:50px; line-height:50px; position:relative; text-align:center; font-size:16px; overflow:hidden;}
.header .nav>li>a b{ width:100%; height:2px; display:none; position:absolute; left:0; bottom:0; background-color:#fa0101; overflow:hidden;}
.header .nav>li:hover>a,.header .nav>li.on>a{ color:#fa0101;}
.header .nav>li:hover>a b,.header .nav>li.on>a b{ display:block;}
.header .nav>li p{ width:110px; padding:10px 20px; display:none; position:relative; z-index:2; background-color:#f1f1f1;}
.header .nav>li p a{ font-size:14px; line-height:30px; height:30px; display:block; overflow:hidden; text-align:center;}
.header .nav>li p a:hover{ color:#fa0101;}
.header .nav>li:hover p{ display:block;}
.header .nav>li .sav{ display:none; width:1180px; position:absolute; left:0; top:50px; background-color:#f1f1f1; padding:25px 10px; padding-top:5px;}
.header .nav>li:hover .sav{ display:block;}
.header .nav>li .sav dl{ display:block; width:212px; margin-left:20px; margin-top:20px; float:left; overflow:hidden;}
.header .nav>li .sav dl:nth-child(5n+1){ clear:left; float:left;}
.header .nav>li .sav dl dt{ font-size:16px; line-height:26px; display:block; overflow:hidden; font-weight:bold;}
.header .nav>li .sav dl dd{ padding-top:5px; display:block; overflow:hidden;}
.header .nav>li .sav dl dd a{ font-size:14px; line-height:24px; height:24px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.header .nav>li .sav dl dt a:hover,.header .nav>li .sav dl dd a:hover{ color:#fa0101;}

/*banner*/
.banner{ width:100%; position:relative; z-index:2; height:550px;}
.banner .swiper-container{ width:100%; height:550px;}
.banner .swiper-container .swiper-slide{ width:100%; height:550px;}
.banner .swiper-container .swiper-slide a{ width:100%; height:550px; display:block; position:relative; overflow:hidden;}
.banner .swiper-container .swiper-slide a img{ width:1920px; display:block; position:absolute; left:50%; margin-left:-960px; top:0;}
.banner .swiper-container .swiper-pagination{ right:50%; margin-right:-600px; bottom:40px;}
.banner .swiper-container .swiper-pagination span{ width:20px; height:20px; display:block; float:left; background-image:url(../images/ban_18.png); background-position:center; background-repeat:no-repeat; margin-left:5px;}
.banner .swiper-container .swiper-pagination span.swiper-pagination-bullet-active{ background-image:url(../images/banh_20.png);}
.banner .swiper-button-prev{ position:absolute; left:50%; margin-left:-600px; bottom:30px; background-image:url(../images/left_13.png); background-position:center; background-repeat:no-repeat; width:40px; height:40px; cursor:pointer; border-radius:100%;}
.banner .swiper-button-next{ position:absolute; left:50%; margin-left:-530px; bottom:30px; background-image:url(../images/right_15.png); background-position:center; background-repeat:no-repeat; width:40px; height:40px; cursor:pointer; border-radius:100%;}
.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover{ background-color:#fff;}

/*Featured Products*/
.pbox{ padding-top:60px; padding-bottom:70px;}
.pbox .title{ width:1200px; margin:auto; text-align:center;}
.pbox .title span{ font-size:36px; height:46px; text-transform:uppercase; line-height:46px; display:block; overflow:hidden;}
.pbox .title p{ font-size:16px; height:26px; line-height:26px; display:block; overflow:hidden; color:#666; text-overflow:ellipsis; white-space:nowrap;}
.pbox .title strong{ display:block; width:98px; height:8px; margin:auto; overflow:hidden; margin-top:8px;}
.pbox .title strong b{ display:block; float:left; width:80px; height:8px; border-radius:8px; background-color:#fa0101; overflow:hidden;}
.pbox .title strong a{ display:block; float:right; width:8px; height:8px; border-radius:8px; background-color:#333; overflow:hidden;}
.pbox .box{ width:1200px; margin:auto; margin-top:30px; height:392px; position:relative;}
.pbox .box .swiper-button-prev{ width:18px; height:20px; position:absolute; left:471px; bottom:0; background-image:url(../images/left.png); background-position:center; background-repeat:no-repeat;}
.pbox .box .swiper-button-next{ width:18px; height:20px; position:absolute; right:471px; bottom:0; background-image:url(../images/right.png); background-position:center; background-repeat:no-repeat;}
.pbox .box .swiper-button-prev:hover{ background-image:url(../images/lefth.png);}
.pbox .box .swiper-button-next:hover{ background-image:url(../images/righth.png);}
.pbox .box .swiper-pagination{ width:180px; position:absolute; left:50%; margin-left:-90px; bottom:22px; font-size:14px; line-height:24px; color:#999; text-align:center;}
.pbox .box .swiper-pagination span.swiper-pagination-current{ color:#fa0101;}
.pbox .box .swiper-pagination01{ width:180px; position:absolute; left:50%; margin-left:-90px; bottom:9px; height:3px; background-image:url(../images/line_27.png); background-position:left center; background-repeat:repeat-x;}
.pbox .box .swiper-pagination01 .swiper-pagination-progressbar{ background-color:#fa0101;}
.pbox .box .swiper-slide{ width:224px; height:322px; display:block; overflow:hidden; border-bottom:1px solid #cacaca;}
.pbox .box .swiper-slide .tu{ width:100%; height:224px; position:relative;}
.pbox .box .swiper-slide .tu img{ max-width:100%; max-height:224px; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.pbox .box .swiper-slide .line{ width:60px; height:2px; background-color:#999; margin:14px auto; margin-top:20px;}
.pbox .box .swiper-slide .wen{ width:100%; font-size:16px; line-height:24px; height:48px; text-align:center;}
.pbox .box .swiper-slide:hover{ border-bottom:1px solid #fa0101;}
.pbox .box .swiper-slide:hover .line{ background-color:#fa0101;}

/*Choose What You Want*/
.cbox{ padding-top:60px; padding-bottom:70px; background-color:#f1f1f1;}
.cbox .title{ width:1200px; margin:auto; text-align:center;}
.cbox .title span{ font-size:36px; height:46px; text-transform:uppercase; line-height:46px; display:block; overflow:hidden;}
.cbox .title p{ font-size:16px; height:26px; line-height:26px; display:block; overflow:hidden; color:#666; text-overflow:ellipsis; white-space:nowrap;}
.cbox .title strong{ display:block; width:98px; height:8px; margin:auto; overflow:hidden; margin-top:8px;}
.cbox .title strong b{ display:block; float:left; width:80px; height:8px; border-radius:8px; background-color:#fa0101; overflow:hidden;}
.cbox .title strong a{ display:block; float:right; width:8px; height:8px; border-radius:8px; background-color:#333; overflow:hidden;}
.cbox .box{ width:1200px; margin:auto; position:relative; padding-top:10px;}
.cbox .box .swiper-slide{ width:224px; height:300px; background-color:#fff; border-radius:5px; overflow:hidden; display:block; background-position:top center; background-repeat:no-repeat; margin-left:20px; float:left; margin-top:20px;}
.cbox .box .swiper-slide:nth-child(5n+1){ margin-left:0;}
.cbox .box .swiper-slide a{ display:block; padding:0 20px; height:300px; overflow:hidden;}
.cbox .box .swiper-slide.s01{ background-image:url(../images/c01.jpg);}
.cbox .box .swiper-slide.s02{ background-image:url(../images/c02.jpg);}
.cbox .box .swiper-slide.s03{ background-image:url(../images/c03.jpg);}
.cbox .box .swiper-slide.s04{ background-image:url(../images/c04.jpg);}
.cbox .box .swiper-slide.s05{ background-image:url(../images/c05.jpg);}
.cbox .box .swiper-slide.s010{ background-image:url(../images/c01.jpg);}
.cbox .box .swiper-slide.s09{ background-image:url(../images/c02.jpg);}
.cbox .box .swiper-slide.s08{ background-image:url(../images/c03.jpg);}
.cbox .box .swiper-slide.s07{ background-image:url(../images/c04.jpg);}
.cbox .box .swiper-slide.s06{ background-image:url(../images/c05.jpg);}
.cbox .box .swiper-slide .c01{ color:#fff; font-size:18px; line-height:34px; height:34px; text-overflow:ellipsis; white-space:nowrap; margin-top:11px;}
.cbox .box .swiper-slide .c02{ color:#eee; font-size:14px; line-height:18px; height:36px; display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:2;}
.cbox .box .swiper-slide .c03{ width:100%; margin-top:18px; height:130px;}
.cbox .box .swiper-slide .c03 img{ max-width:100%; max-height:130px; margin:auto; display:block;}
.cbox .box .swiper-slide .c04{ width:184px; height:34px; border-radius:5px; border:1px solid #cacaca; text-align:center; vertical-align:middle; margin-top:15px; line-height:34px; font-size:14px;}
.cbox .box .swiper-slide .c04 img{ display:inline-block; vertical-align:middle; line-height:34px; margin-right:10px;}
.cbox .box .swiper-slide:hover .c04{ border:1px solid #fa0101;}
.cbox .box .more{ width:260px; margin:auto; margin-top:30px; height:40px;}
.cbox .box .more .swiper-button-prev{ width:40px; height:40px; border-radius:100%; float:left; background-color:#333; overflow:hidden; background-image:url(../images/prev_35.png); background-position:center; background-repeat:no-repeat;}
.cbox .box .more .swiper-button-prev:hover{ background-color:#fa0101;}
.cbox .box .more .swiper-button-next{ width:40px; height:40px; border-radius:100%; float:left; background-color:#333; overflow:hidden; background-image:url(../images/next_38.png); background-position:center; background-repeat:no-repeat;}
.cbox .box .more .swiper-button-next:hover{ background-color:#fa0101;}
.cbox .box .more a{ width:160px; height:40px; font-size:14px; line-height:40px; text-align:center; display:block; overflow:hidden; border-radius:40px; margin:0 10px; background-color:#333; color:#fff; float:left;}
.cbox .box .more a:hover{ background-color:#fa0101;}

/*WHY CHOOSE US*/
.wbox{ padding-top:60px; padding-bottom:70px;}
.wbox .title{ width:1200px; margin:auto; text-align:center;}
.wbox .title span{ font-size:36px; height:46px; text-transform:uppercase; line-height:46px; display:block; overflow:hidden;}
.wbox .title p{ font-size:16px; height:26px; line-height:26px; display:block; overflow:hidden; color:#666; text-overflow:ellipsis; white-space:nowrap;}
.wbox .title strong{ display:block; width:98px; height:8px; margin:auto; overflow:hidden; margin-top:8px;}
.wbox .title strong b{ display:block; float:left; width:80px; height:8px; border-radius:8px; background-color:#fa0101; overflow:hidden;}
.wbox .title strong a{ display:block; float:right; width:8px; height:8px; border-radius:8px; background-color:#333; overflow:hidden;}
.wbox .box{ width:1200px; margin:auto; margin-top:30px; height:380px; position:relative;}
.wbox .box .tu{ width:100%; height:380px;}
.wbox .box .tu img{ display:block; height:380px; margin:auto;}
.wbox .box .item{ width:340px; height:130px; padding:30px; position:absolute;}
.wbox .box .item:nth-child(1){ left:0; top:0;}
.wbox .box .item:nth-child(2){ right:0; top:0;}
.wbox .box .item:nth-child(3){ left:0; bottom:0;}
.wbox .box .item:nth-child(4){ right:0; bottom:0;}
.wbox .box .item .w01{ font-size:18px; line-height:30px; height:30px; font-weight:bold;}
.wbox .box .item .w01 img{ display:block; height:30px; float:left; margin-right:10px;}
.wbox .box .item .w02{ height:72px; font-size:14px; line-height:24px; display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:3; margin-top:10px;}
.wbox .box .item .w03{ margin-top:17px; width:100%; height:1px; background-color:#cacaca;}
.wbox .box .item:hover{ background-color:#f2f2f2;}
.wbox .box .item:hover .w01{ color:#fa0101;}
.wbox .box .item:hover .w03{ background-color:#fa0101;}

/*ABOUT AURO*/
.abox{ padding-top:60px; padding-bottom:70px; background-color:#f1f1f1;}
.abox .title{ width:1200px; margin:auto; text-align:center;}
.abox .title span{ font-size:36px; height:46px; text-transform:uppercase; line-height:46px; display:block; overflow:hidden;}
.abox .title p{ font-size:16px; height:26px; line-height:26px; display:block; overflow:hidden; color:#666; text-overflow:ellipsis; white-space:nowrap;}
.abox .title strong{ display:block; width:98px; height:8px; margin:auto; overflow:hidden; margin-top:8px;}
.abox .title strong b{ display:block; float:left; width:80px; height:8px; border-radius:8px; background-color:#fa0101; overflow:hidden;}
.abox .title strong a{ display:block; float:right; width:8px; height:8px; border-radius:8px; background-color:#333; overflow:hidden;}
.abox .box{ width:1200px; margin:auto; margin-top:30px; position:relative;}
/*.abox .box .left{ width:434px; height:370px; background-image:url(../images/abg_58.png); background-position:top center; background-repeat:no-repeat; float:left;}
.abox .box .left .video{ width:414px; height:230px; margin:10px;}
.abox .box .left .video video{ width:100%; display:block;}*/
.abox .box .left{ width:600px; float:left;}
.abox .box .left img{ width:100%; display:block;}
.abox .box .right{ float:right; width:560px; /*background-image:url(../images/ab_61.png);*/ background-position:right top; background-repeat:no-repeat;}
.abox .box .right .wen{ font-size:14px; line-height:24px;}
.abox .box .right .wen p{ display:block; margin-bottom:10px;}
.abox .box .right .more{ width:145px; height:45px; position:relative; float:right;}
.abox .box .right .more a{ display:block; position:relative; z-index:3; width:134px; padding:5px 6px 6px 5px; height:34px; line-height:34px; text-align:center; color:#fff;}
.abox .box .right .more b{ display:block; position:absolute; left:5px; top:5px; z-index:2; width:138px; height:38px; border:1px solid #0090ff; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s;}
.abox .box .right .more p{ display:block; position:absolute; right:5px; bottom:5px; z-index:1; width:140px; height:40px; background-color:#fa0101; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s;}
.abox .box .right .more:hover b{ left:0; top:0;}
.abox .box .right .more:hover p{ right:0; bottom:0;}

/*footer*/
.footer{ width:100%; background-image:url(../images/footer_65.jpg); background-size:cover; background-position:center;}
.footer .foot{ width:1200px; margin:30px auto;}
.footer .foot .left{ float:left; width:290px;}
.footer .foot .left .f01{ height:50px;}
.footer .foot .left .f01 img{ height:50px; display:block;}
.footer .foot .left .f02{ height:42px; line-height:42px; font-size:16px; margin-bottom:7px; color:#fff; text-transform:uppercase;}
.footer .foot .left .f03{ width:288px; height:38px; border-radius:40px; border:1px solid rgba(255,255,255,0.3);}
.footer .foot .left .f03 p{ display:block; float:left; margin-left:19px; width:220px;}
.footer .foot .left .f03 p input{ display:block; width:100%; background-color:transparent; font-size:14px; line-height:38px; height:38px; color:#fff; overflow:hidden;}
.footer .foot .left .f03 span{ display:block; float:right; margin-right:8px; width:38px; height:38px;}
.footer .foot .left .f03 span input{ width:100%; height:38px; display:block; cursor:pointer; background-color:transparent; background-image:url(../images/ser_07.png); background-position:center; background-repeat:no-repeat;}
.footer .foot .right{ float:right; width:910px;}
.footer .foot .right .f01{ padding-top:25px; width:100%;}
.footer .foot .right .f01 p{ display:block; float:right;}
.footer .foot .right .f01 a{ display:block; float:left; margin-left:30px; font-size:14px; line-height:20px; height:20px; color:#fff; overflow:hidden;}
.footer .foot .right .f01 a:hover{ color:#fa0101;}
.footer .foot .right .f02{ padding-top:26px; width:100%;}
.footer .foot .right .f02 dl{ display:block; float:right;}
.footer .foot .right .f02 dt{ float:left; display:block; margin-right:40px; padding-left:45px; background-position:0 8px; background-repeat:no-repeat; overflow:hidden;}
.footer .foot .right .f02 dd{ float:left; display:block; padding-left:45px; background-position:0 8px; background-repeat:no-repeat; overflow:hidden; width:305px;}
.footer .foot .right .f02 span{ display:block; font-size:14px; line-height:20px; height:20px; color:#fff;}
.footer .foot .right .f02 p{ display:block; font-size:18px; line-height:34px; height:34px; color:#fff;}
.footer .foot .right .f02 a{ display:block; font-size:14px; line-height:18px; padding-top:4px; color:#fff;}
.footer .bot{ width:1200px; margin:auto; border-top:1px solid rgba(255,255,255,0.3);}
.footer .bot p{ display:block; text-align:center; font-size:14px; height:50px; line-height:50px;}
.footer .bot p span{ display:block; float:left; color:#ccc; margin-right:20px;}
.footer .bot>a{ display:none; float:right; font-size:14px; height:50px; line-height:50px; color:#ccc;}

/*内页*/
.sec{ width:100%; background-color:#f1f1f1; padding-bottom:70px; box-shadow:0 0 10px rgba(0,0,0,0.1) inset;}
.sec .wei{ width:1200px; height:26px; margin:17px auto;}
.sec .wei p{ display:block; line-height:26px; font-size:14px; padding-left:26px; background-image:url(../images/home_03.jpg); background-position:0 5px; background-repeat:no-repeat;}
.sec .wei a:hover{ color:#fa0101;}
.sec .main{ width:1200px; margin:auto;}
.sec .main .lbar{ width:290px; float:left;}
.sec .main .lbar .title{ width:100%; height:80px; line-height:80px; text-align:center; color:#fff; background-color:#fa0101; font-size:24px; text-transform:uppercase; font-weight:bold;}
.sec .main .lbar .subNavBox{ width:100%; overflow:hidden;}
.sec .main .lbar .subNavBox .subNav{ width:100%; height:50px; margin-top:1px; background-color:#fff; overflow:hidden; position:relative;}
.sec .main .lbar .subNavBox .subNav a{ display:block; width:230px; padding-left:20px; height:50px; line-height:50px; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.sec .main .lbar .subNavBox .subNav b{ width:14px; height:14px; display:block; position:absolute; right:20px; top:50%; margin-top:-7px; background-image:url(../images/nav.png); background-position:center; background-repeat:no-repeat;}
.sec .main .lbar .subNavBox .subNav a:hover{ color:#fa0101;}
.sec .main .lbar .subNavBox .subNav.on{ background-color:#fa0101;}
.sec .main .lbar .subNavBox .subNav.on a{ color:#fff;}
.sec .main .lbar .subNavBox .subNav.on b{ background-image:url(../images/navh.png);}
.sec .main .lbar .subNavBox .navContent{ display:none; width:100%; overflow:hidden;}
.sec .main .lbar .subNavBox .navContent li{ display:block; overflow:hidden; height:50px; position:relative; margin-top:1px; background-color:#fff;}
.sec .main .lbar .subNavBox .navContent li a{ display:block; height:50px; line-height:50px; padding-left:30px; padding-right:50px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#666; font-size:14px; position:relative; z-index:2;}
.sec .main .lbar .subNavBox .navContent li b{ width:14px; height:14px; display:block; position:absolute; right:20px; top:50%; margin-top:-7px; background-image:url(../images/nav01.png); background-position:center; background-repeat:no-repeat; z-index:0;}
.sec .main .lbar .subNavBox .navContent.cur{ display:block;}
.sec .main .lbar .subNavBox .navContent li.xx a,.sec .main .lbar .subNavBox .navContent li:hover a{ color:#fa0101;}
.sec .main .lbar .subNavBox .navContent li.xx b{ background-image:url(../images/nav01h.png);}

.sec .main .rbar{ float:right; width:880px;}
.sec .main .rbar .title{ height:58px; line-height:58px; font-size:24px; padding-bottom:2px; background-image:url(../images/title_07.png); background-position:left bottom; background-repeat:no-repeat;}

.sec .main .rbar .fanye{ width:100%; margin-top:30px; text-align:right;}
.sec .main .rbar .fanye>div{ float:right;}
.sec .main .rbar .fanye li{ display:block; float:left; margin-left:10px; font-size:16px; text-align:center;}
.sec .main .rbar .fanye li a{ min-width:20px; padding:0 5px; height:24px; line-height:24px; background-color:#fff; border-radius:3px; display:block;}
.sec .main .rbar .fanye li span{ min-width:20px; padding:0 5px; height:24px; line-height:24px; border-radius:3px; display:block;}
.sec .main .rbar .fanye li.active span{ color:#fff; background-color:#fa0101;}
.sec .main .rbar .fanye li.disabled span{ color:#aaa; background-color:#fff; cursor:no-drop;}
.sec .main .rbar .fanye li a:hover{ color:#fa0101;}

/*产品展示*/
.sec .main .rbar .pro{ width:900px; display:block; padding-top:10px;}
.sec .main .rbar .pro li{ width:280px; background-color:#fff; display:block; margin-top:20px; margin-right:20px; overflow:hidden; float:left;}
.sec .main .rbar .pro li a{ display:block; padding:10px; width:260px; height:330px; overflow:hidden;}
.sec .main .rbar .pro li .tu{ width:100%; height:260px; position:relative;}
.sec .main .rbar .pro li .tu img{ max-width:100%; max-height:260px; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:0;}
.sec .main .rbar .pro li .tu em{ width:27px; height:29px; display:block; position:absolute; right:0; top:0; z-index:1; background:url(../images/pro.png) 0 -39px no-repeat;}
.sec .main .rbar .pro li .tu i{ width:27px; height:29px; display:block; position:absolute; right:0; top:0; z-index:1; background:url(../images/pro.png) 0 0 no-repeat;}
.sec .main .rbar .pro li .tu span{ display:block; width:60px; height:2px; background-color:#fa0101; overflow:hidden; position:absolute; left:100px; bottom:0;}
.sec .main .rbar .pro li .tu b{ width:100%; height:100%; background-color:rgba(0,111,219,0.9); display:none; background-image:url(../images/more.png); background-position:center; background-repeat:no-repeat; position:absolute; left:0; top:0; z-index:9;}
.sec .main .rbar .pro li:hover .tu b{ display:block;}
.sec .main .rbar .pro li .wen{ width:100%; margin-top:16px;}
.sec .main .rbar .pro li .wen p{ display:block; float:left; display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:2; overflow:hidden; width:200px; font-size:16px; height:48px; line-height:24px;}
.sec .main .rbar .pro li .wen span{ width:40px; height:40px; display:block; float:right; margin-top:4px;}
.sec .main .rbar .pro li .wen span img{ width:100%; display:block;}

/*产品内页*/
.chan{ width:1200px; margin:auto;}
.left-pro{ float:left; width:560px; height:490px;}
.left-pro .t2{ width:490px; height:490px; float:left; background-color:#fff; position:relative;}
.left-pro .t2 a{ width:440px !important; height:440px !important; margin:25px;}
.left-pro .t2 .main_img{ max-width:440px; max-height:440px; display:block; margin:auto;}
.MagicZoomBigImageCont{ border:1px solid #fa0101; overflow:hidden}
.MagicZoomBigImageCont img{ width:800px; height:800px;}
.left-pro .t1{ float:right; height:490px; position:relative; width:60px;}
.left-pro .t1 #showArea{ width:100%; height:410px; margin:40px 0; overflow:hidden;}
.left-pro .t1 #showArea a{ width:100%; height:60px; display:block; overflow:hidden; background-color:#fff; margin-bottom:10px;}
.left-pro .t1 #showArea a:last-child{ margin-bottom:0;}
.left-pro .t1 #showArea a img{ max-width:100%; max-height:60px; display:block; margin:auto;}
.left-pro .t1 #gotop{ display:block; width:24px; height:20px; position:absolute; left:19px; top:10px;}
.left-pro .t1 #gobottom{ display:block; width:24px; height:20px; position:absolute; left:19px; bottom:10px;}

.right-pro{ float:right; width:590px;}
.right-pro .p01{ font-size:30px; font-weight:bold; line-height:30px;}
.right-pro .p02{ font-size:16px; line-height:26px; color:#666; margin-top:10px;}
.right-pro .p03{ font-size:14px; line-height:24px; margin-top:4px;}
.right-pro .p04{ width:100%; margin-top:10px;}
.right-pro .p04 p{ display:block; float:left; width:190px; height:40px; margin-right:10px; overflow:hidden;}
.right-pro .p04 p input{ width:100%; display:block; font-size:14px; height:40px; line-height:40px; text-indent:10px; overflow:hidden; border-radius:5px;}
.right-pro .p04 #dropdown{ display:block; float:left; width:190px; height:40px; position:relative;}
.right-pro .p04 span{ display:block; width:100%; font-size:14px; height:40px; line-height:40px; text-indent:10px; border-radius:5px; overflow:hidden; background-color:#fff; color:#999;}
.right-pro .p04 b{ position:absolute; right:10px; top:0; height:40px; display:block; background-image:url(../images/sel_03.png); background-position:center; background-repeat:no-repeat; width:14px;}
.right-pro .p04 ul{ width:100%; border-radius:5px; background-color:#fff; border-radius:5px; position:absolute; left:0; top:45px; display:none; padding:5px 0;}
.right-pro .p04 ul li{ border-bottom:1px solid #f1f1f1; height:34px; overflow:hidden;}
.right-pro .p04 ul li a{ width:100%; display:block; height:34px; line-height:34px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-indent:10px; font-size:14px;}
.right-pro .p04 ul li:last-child{ border-bottom:none;}
.right-pro .p05{ width:100%; margin-top:15px;}
.right-pro .p05 p{ display:block; float:left; width:260px; height:40px; margin-right:10px; overflow:hidden;}
.right-pro .p05 span{ display:block; float:left; width:320px; height:40px; overflow:hidden;}
.right-pro .p05 input{ width:100%; display:block; font-size:14px; height:40px; line-height:40px; text-indent:10px; overflow:hidden; border-radius:5px;}
.right-pro .p06{ width:100%; margin-top:15px;}
.right-pro .p06 p{ display:block; float:left; width:260px; height:40px; margin-right:10px; overflow:hidden; position:relative;}
.right-pro .p06 a{ width:100%; display:block; font-size:14px; height:40px; line-height:40px; text-align:center; overflow:hidden; border-radius:5px; background-color:#fff;}
.right-pro .p06 p input{ width:100%; height:40px; display:block; position:absolute; left:0; top:0; opacity:0;}
.right-pro .p06 span{ font-size:14px; line-height:20px; float:left; color:#999; display:block; width:320px;}
.right-pro .p07{ width:100%; margin-top:15px;}
.right-pro .p07 textarea{ display:block; padding:8px 10px; width:570px; background-color:#fff; overflow:auto; border-radius:5px; font-size:14px; line-height:24px; height:104px; font-family:Arial, Helvetica, sans-serif;}
.right-pro .p08{ width:100%; margin-top:15px;}
.right-pro .p08 p{ display:block; height:40px; line-height:40px; font-size:14px; float:left;}
.right-pro .p08 p input{ width:14px; height:14px; display:block; float:left; margin:13px 0; margin-right:10px;}
.right-pro .p08 a{ float:right; display:block; width:150px;}
.right-pro .p08 a input{ text-align:center; font-size:16px; height:40px; line-height:40px; width:100%; cursor:pointer; border-radius:5px; background-color:#fa0101; color:#fff; overflow:hidden; font-weight:bold;}

.ptitle{ width:1200px; margin:auto; padding-bottom:2px; background-image:url(../images/title_07.png); background-position:left bottom; background-repeat:no-repeat; margin-top:29px; font-size:18px; line-height:38px;}
.pwen{ width:100%; max-width:1200px; margin:auto; font-size:14px; margin-top:25px; line-height:24px;}
.pwen img{ max-width:100%; height:auto;}
.pwen iframe,.pwen video{ width:100%; height:460px; display:block; margin:auto;}

.phot{ padding-top:60px; padding-bottom:70px;}
.phot .title{ width:1200px; margin:auto; text-align:center;}
.phot .title span{ font-size:36px; height:46px; text-transform:uppercase; line-height:46px; display:block; overflow:hidden;}
.phot .title p{ font-size:16px; height:26px; line-height:26px; display:block; overflow:hidden; color:#666; text-overflow:ellipsis; white-space:nowrap;}
.phot .title strong{ display:block; width:98px; height:8px; margin:auto; overflow:hidden; margin-top:8px;}
.phot .title strong b{ display:block; float:left; width:80px; height:8px; border-radius:8px; background-color:#fa0101; overflow:hidden;}
.phot .title strong a{ display:block; float:right; width:8px; height:8px; border-radius:8px; background-color:#333; overflow:hidden;}
.phot .box{ width:1200px; margin:auto; padding-top:10px; position:relative;}
.phot .box ul{ width:1220px; display:block; overflow:hidden;}
.phot .box li{ width:285px; display:block; overflow:hidden; border-bottom:1px solid #cacaca; margin-top:20px; margin-right:20px; float:left;}
.phot .box li .tu{ width:100%; height:285px; position:relative;}
.phot .box li .tu img{ max-width:100%; max-height:285px; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.phot .box li .line{ width:60px; height:2px; background-color:#999; margin:auto; margin-top:20px;}
.phot .box li .wen{ width:100%; font-size:16px; line-height:46px; height:46px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.phot .box li:hover{ border-bottom:1px solid #fa0101;}
.phot .box li:hover .line{ background-color:#fa0101;}

/*新闻*/
.main .news{ width:100%; padding-top:10px; display:block;}
.main .news li{ padding:20px 0; display:block; overflow:hidden; border-bottom:1px solid #cacaca;}
.main .news li .left{ width:170px; height:110px; float:left;}
.main .news li .left img{ width:100%; display:block;}
.main .news li .right{ width:calc(100% - 190px); height:110px; float:right;}
.main .news li .right .bt{ font-size:18px; height:28px; line-height:28px;}
.main .news li .right:hover .bt a{ color:#fa0101;}
.main .news li .right .wen{ width:100%; height:48px; line-height:24px; font-size:14px; margin:5px 0; color:#666;}
.main .news li .right .shi{ width:100%; height:24px;}
.main .news li .right .shi span{ display:block; float:right; font-size:14px; color:#999; height:24px; line-height:24px;}
.main .news li .right .shi b{ display:block; float:right; width:120px; height:1px; background-color:#cacaca; margin-right:15px; margin-top:11px;}
.main .news li .right:hover .shi b{ background-color:#fa0101;}
.main .news li .right:hover .shi span{ color:#fa0101;}

/*新闻内页*/
.main .ny{ width:100%; margin-top:25px;}
.main .ny .bt{ text-align:center; color:#fa0101; font-size:20px; line-height:30px;}
.main .ny .sj{ text-align:center; color:#333; font-size:14px; line-height:32px; height:37px; border-bottom:1px solid #cacaca;}
.main .ny .wen{ font-size:14px; line-height:24px; margin-top:20px;}
.main .ny .wen img{ max-width:100%; height:auto;}
.main .ny .back{ margin-top:20px; padding-top:9px; border-top:1px solid #cacaca; position:relative;}
.main .ny .back p{ display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden; margin-top:6px;}
.main .ny .back p a{ max-width:700px; overflow:hidden; display:inline-block; vertical-align:middle; height:24px;}
.main .ny .back p a:hover{ color:#fa0101;}
.main .ny .back span{ position:absolute; right:0; top:15px; font-size:14px; height:24px; line-height:24px;}
.main .ny .back span a:hover{ color:#fa0101;}

/*关于我们*/
.main .honor{ width:900px; overflow:hidden; padding-top:10px;}
.main .honor a{ width:205px; height:278px; display:block; float:left; margin-right:20px; margin-top:20px; background-color:#fff; position:relative; overflow:hidden;}
.main .honor a img{ width:100%; display:block; transition-delay:0s; transition-duration:1s; transition-property:all; transition-timing-function:ease; -moz-transition-delay:0s; -moz-transition-duration:1s; -moz-transition-property:all; -moz-transition-timing-function:ease; -webkit-transition-delay:0s; -webkit-transition-duration:1s; -webkit-transition-property:all; -webkit-transition-timing-function:ease; -o-transition-delay:0s; -o-transition-duration:1s; -o-transition-property:all; -o-transition-timing-function:ease;}
.main .honor a span{ display:block; width:100%; height:36px; line-height:36px; background-color:rgba(0,0,0,0.7); font-size:14px; color:#fff; text-align:center; position:absolute; left:0; bottom:0;}
.main .honor a:hover img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}

.main .par{ width:900px; overflow:hidden; padding-top:10px;}
.main .par a{ width:280px; height:170px; display:block; float:left; margin-right:20px; margin-top:20px; background-color:#fff; position:relative; overflow:hidden; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.main .par a img{ max-width:240px; max-height:130px; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.main .par a:hover{ -webkit-transform:rotateY(-360deg);}

/*服务*/
.serbox{ width:1200px; height:500px; background-image:url(../images/ser_03.png); background-position:center; background-repeat:no-repeat;}
.serbox .box{ padding-left:390px; padding-top:100px; width:780px;}
.serbox .box .s01{ width:100%;}
.serbox .box .s01 p{ display:block; float:left; width:248px; border:1px solid #cacaca; height:40px; margin-right:15px; overflow:hidden;}
.serbox .box .s01 p input{ width:100%; display:block; font-size:14px; height:40px; line-height:40px; text-indent:9px; overflow:hidden; border-radius:5px;}
.serbox .box .s01 #dropdown{ display:block; float:left; width:250px; height:42px; position:relative;}
.serbox .box .s01 span{ display:block; width:248px; font-size:14px; height:40px; line-height:40px; text-indent:9px; border:1px solid #cacaca; overflow:hidden; background-color:#fff; color:#999;}
.serbox .box .s01 b{ position:absolute; right:10px; top:0; height:40px; display:block; background-image:url(../images/sel_03.png); background-position:center; background-repeat:no-repeat; width:14px;}
.serbox .box .s01 ul{ width:230px; border-radius:5px; background-color:#f1f1f1; position:absolute; left:0; top:45px; display:none; padding:5px 10px;}
.serbox .box .s01 ul li{ border-bottom:1px solid #ddd; height:34px; overflow:hidden;}
.serbox .box .s01 ul li a{ width:100%; display:block; height:34px; line-height:34px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px;}
.serbox .box .s01 ul li:last-child{ border-bottom:none;}
.serbox .box .s02{ width:100%; margin-top:15px;}
.serbox .box .s02 p{ display:block; float:left; width:328px; border:1px solid #cacaca; height:40px; margin-right:15px; overflow:hidden;}
.serbox .box .s02 span{ display:block; float:left; width:433px; border:1px solid #cacaca; height:40px; overflow:hidden;}
.serbox .box .s02 input{ width:100%; display:block; font-size:14px; height:40px; line-height:40px; text-indent:9px; overflow:hidden;}
.serbox .box .s03{ width:778px; height:98px; border:1px solid #cacaca; margin-top:15px;}
.serbox .box .s03 textarea{ display:block; padding:8px 9px; width:760px; background-color:#fff; overflow:auto; font-size:14px; line-height:24px; height:82px;}
.serbox .box .s04{ width:100%; margin-top:15px;}
.serbox .box .s04 p{ display:block; float:left; width:280px; height:44px; margin-right:10px; overflow:hidden; position:relative;}
.serbox .box .s04 a{ width:100%; display:block; font-size:14px; height:44px; line-height:44px; text-align:center; overflow:hidden; background-color:#f1f1f1;}
.serbox .box .s04 p input{ width:100%; height:44px; display:block; position:absolute; left:0; top:0; opacity:0;}
.serbox .box .s04 span{ font-size:14px; line-height:18px; float:left; color:#666; display:block; margin:4px 0; width:320px;}
.serbox .box .s05{ width:100%; margin-top:15px;}
.serbox .box .s05 p{ display:block; height:42px; line-height:42px; font-size:14px; float:left;}
.serbox .box .s05 p input{ width:14px; height:14px; display:block; float:left; margin:14px 0; margin-right:10px;}
.serbox .box .s05 a{ float:right; display:block; width:150px;}
.serbox .box .s05 a input{ text-align:center; font-size:16px; height:42px; line-height:42px; width:100%; cursor:pointer; background-color:#fa0101; color:#fff; overflow:hidden; font-weight:bold;}

/*联系我们*/
.lx{ width:1200px; margin:auto;}
.lx .left{ width:420px; border-radius:10px; padding:40px 30px; padding-bottom:50px; background-color:#fa0101; float:left;}
.lx .left .f01{ font-size:24px; line-height:34px; font-weight:bold; color:#fff; text-transform:uppercase;}
.lx .left .f02{ font-size:14px; line-height:24px; color:#fff; margin-top:20px;}
.lx .left .f03{ margin-top:10px;}
.lx .left .f03 p{ display:block; overflow:hidden; margin-top:20px;}
.lx .left .f03 p strong{ height:20px; width:30px; float:left; display:block;}
.lx .left .f03 p strong img{ height:20px;}
.lx .left .f03 p span{ font-size:14px; line-height:20px; color:#fff; width:calc(100% - 30px); float:left; display:block;}
.lx .right{ width:680px; float:right;}
.lx .right .f01{ width:300px; float:left; margin-left:40px; margin-bottom:20px;}
.lx .right .f01 span{ display:block; font-size:16px; line-height:34px; margin-bottom:6px; text-transform:uppercase;}
.lx .right .f01 p{ display:block; border-radius:5px; padding:0 19px; overflow:hidden; border:1px solid #cacaca;}
.lx .right .f01 p input{ font-size:14px; line-height:38px; display:block; overflow:hidden; width:100%; background-color:transparent;}
.lx .right .f02{ width:640px; float:left; margin-left:40px; margin-bottom:30px;}
.lx .right .f02 span{ display:block; font-size:16px; line-height:34px; margin-bottom:6px; text-transform:uppercase;}
.lx .right .f02 p{ display:block; border-radius:5px; overflow:hidden; border:1px solid #cacaca;}
.lx .right .f02 p textarea{ height:104px; font-size:14px; line-height:24px; padding:7px 19px; display:block; overflow:auto; width:100%; background-color:transparent;}
.lx .right .f03{ width:640px; float:left; margin-left:40px;}
.lx .right .f03 input{ cursor:pointer; display:block; text-align:center; float:right; width:180px; height:40px; line-height:40px; font-size:14px; border-radius:40px; background-color:#333; color:#fff;}
.lx .right .f03 input:hover{ background-color:#fa0101;}