@charset "utf-8";

/* CSS Document */

*{ margin:0; padding:0; list-style:none; font-family:"MicsoftYahei"}

a{ text-decoration:none}



.pic{display: flex;







    justify-content: center;







    align-items: center; text-align:center}







.pic img{ width:100%; max-width:100%; height:100%;  display:block;margin:auto;max-height:100%; object-fit: cover;}

.clearfix:after {







	content: "";







	display: block;







	clear: both;







}



.fl{float: left;}







.fr{float: right;}







.text-center{text-align: center;}







.w1200{width:1200px;margin:0 auto;}

.toper{ padding:1.5rem 0; font-size:32px; position:relative}

.toper span{ color:#DF0000; font-size:38px; font-style:normal; margin-top:0.5rem}

.toper .tel{ width:26.66%; float:right; height:70px; background:url(../images/tel_bg.jpg) right no-repeat}

.toper .tel p{ text-align:right; font-size:32px; font-style:italic; line-height:32px; padding-top:28px; color:#DC0002}

.toper .logo{ width:256px; position:absolute; left:50%; top:0; z-index:1; margin-left:-128px}

.nav{ height:59px; line-height:59px; border-top:1px solid #E7E7E7; clear:both}

.nav li{ width:14px; float:left; position:relative; width:13%; text-align:center; font-size:18px;}

.nav li  a{ color:#000; font-size:18px;}

.nav li.on a{ color:#b20405; font-size:18px}

.nav li:nth-child(4){margin-left:22%;}

/**banner start**/

.banner{width:100%;height:auto;position:relative;overflow:hidden;clear:both}

.banner .bd ul li{position:relative;margin:auto}

.banner .bd ul li img{width:100%;}

.banner .hd{width:10%;position:absolute;left:45%;z-index:1;bottom:30px;text-align:center}

.banner .hd li{width:14px;height:14px;margin:0 7px 0 7px;border-radius:50%;font-size:0;background:#FFF;display:inline-block}

.banner .hd li.on{background:#e01028}

/**banner end**/

.index_title{ clear:both; padding:3rem 0 1rem 0; text-align:center;}

.index_product{ width:100%; position:relative; height:auto; overflow:hidden}

.index_product .left{ width:32.16%; margin-right:1.75%}

.index_product  .pic{ position:relative; height:auto; overflow:hidden; margin-bottom:22px;}

.index_product  .pic .text{ position:absolute; left:0; top:36px; height:70px; line-height:70px; width:91%; z-index:5; padding-left:9%; color:#fff; font-size:36px; text-align:left}

.index_product  .pic .line{ width:14px; height:70px; line-height:70px; position:absolute; left:0; content:""; background:#DF0001; transition:all 0.7s ease; z-index:1; top:36px}

.index_product  .pic:hover .line{ width:100%; background:rgba(222,0,1,0.8)}

.index_product .right{ width:66.08%}

.av1{ width:48.8%; margin-right:3.03%; height:328px !important;}

.av2{ width:48.17%;height:153px!important;}

.probox{ height:auto; overflow:hidden; padding-bottom:2rem; clear:both; background:url(../images/pro-bg.jpg) bottom left  no-repeat;}

.index_adver1{ clear:both; padding:3rem 0; height:auto; position:relative; background:#DF0001; overflow:hidden}

.index_adver1 .left{ width:39.75%; position:relative; height:auto; overflow:hidden; padding-bottom:7px;}

.index_adver1 .left img,.index_adver1 .right img{ width:auto; max-width:100%}

.index_adver1 .left div{ position:absolute; left:0; bottom:0; z-index:1; color:#fff; font-size:40px; font-style:italic; left:14%;}

.index_adver1 .right{ width:49.6%;color:#FFFFFF;}
.index_adver1 .right p:first-child{font-size:30px;font-weight:bold;line-height:60px;background:url(../images/line-bg.png) no-repeat center;text-align:center;}
.index_adver1 .right p:nth-child(2){font-size:18px;text-align:center;line-height:30px;margin-top:20px;}
.index_adver1 .right .right-zx {margin-top:30px;}
.index_adver1 .right .right-zx a:first-child{float:left;display:inline-block;width:282px;height:56px;line-height:56px;text-align:center;font-size:18px;color:#FFFFFF;border-radius:60px;background:#ffba00;}
.index_adver1 .right .right-zx a:last-child{float:right;display:inline-block;width:282px;height:56px;line-height:56px;text-align:center;font-size:18px;color:#FFFFFF;border-radius:60px;border:1px solid #FFFFFF}
.whybox{ height:auto; overflow:hidden; width:100%; padding:1rem 0 3rem 0; background:url(../images/why_bg.png) center bottom no-repeat}

.whybox .why{ padding:2rem 4%; position:relative; height:auto;border:10px solid #DF0001;}

.whybox .why .pic{ width:521px; height:auto; position:absolute; right:-82px; top:20%; z-index:1}

.about_box{ width:46.63%}

.about_box h2{ line-height:30px; font-size:20px; color:#de0001; font-weight:normal; padding-bottom:3px; border-bottom:1px solid #EEEEEE;}

.about_box h3{ font-weight:normal; color:#b9b9b9; font-size:13px; height:44px; position:relative; line-height:24px;}

.about_box h3:after{ width:34px; height:2px; line-height:2px; position:absolute; bottom:0; left:0; z-index:1; content:""; background:#b20405;}

.about_box .text{ padding-top:25px; line-height:25px; font-size:16px; color:#666666;}

.more_box{ padding-top:12px; clear:both; height:36px;}

.more_box .more{ width:130px; height:30px; margin-left:10px}

.more_box .more span{ display:block; float:left;}

.more_box .more span.txt{ width:100px; text-align:center; line-height:30px; font-size:13px; color:#666; box-shadow:0px 0px 10px #CCC}

.more_box .more span.dot{ width:30px; height:30px; background:#DF0001; text-align:center}

.more_box .more span.dot img{ margin-top:12px}

.pinpai { clear:both; position:relative; overflow:hidden; height:auto}

.pinpai div.a{ display:block; width:30px; height:30px; position:absolute;  bottom:20px}

.pinpai div.prev{ right:55px}

.pinpai div.next{ right:0}

.pinpai .title{ line-height:32px; padding-top:26px; padding-bottom:21px; border-bottom:1px solid #B20405; font-size:22px; color:#B20405}

.pinpai .hd{ padding-top:20px;}

.pinpai .hd li{ width:20%; float:left; text-align:center; font-size:22px; color:#de0001; line-height:42px; position:relative}

.pinpai .hd li.on:after{ width:72px; height:2px; line-height:2px; background:#B20405; position:absolute; left:50%; margin-left:-36px; bottom:0; z-index:1; content:""}

.pinpai .bd { padding-top:28px; clear:both}

.pinpai .bd li { line-height:25px; font-size:16px; color:#666; padding-bottom:20px; border-bottom:1px solid #B20405;} 

.index-team{ height:auto; overflow:hidden; padding-bottom:2rem; background:#F3F3F3 url(../images/team-title.jpg) center top no-repeat; padding-top:210px;}

.index-team-list { position:relative;}

.index-team-list span{ display:block; position:absolute; top:102px; z-index:11; width:30px; cursor:pointer}

.index-team-list span.prev{ left:-3%}

.index-team-list span.next{ right:-2%}

.index-team-list ul{}

.index-team-list li{ width:210px; height:260px; float:left;margin:20px 0; margin-right:18px; border:1px solid #F3F3F3; margin-left:10px; box-shadow:0px 0px 5px #ccc; position:relative; transition:all 0.7s ease }

.index-team-list li:hover { box-shadow:none; border:1px solid #ccc}

.index-team-list li .ding{ position:absolute; width:100%; left:0; top:-10px; text-align:center}

.index-team-list li .ding img{ width:auto;}

.index-team-list li h3{ padding-top:24px; line-height:47px; text-align:center; font-size:20px; color:#de0001; font-weight:normal}

.index-team-list li p{ line-height:25px; font-size:16px; color:#666; padding:0 9.5%;} 

.tedian-box .title{ padding:3rem 0 1rem 0; font-size:30px; color:#333333; text-align:center; line-height:4rem}

.tedian-list ul{ display:block; height:auto; overflow:hidden}

.tedian-list ul li{ width:30%; float:left; margin-right:4.25%;}

.tedian-list ul li:last-child{ margin-right:0}

.tedian-list ul li .pic{ height:264px; border-radius:12px; position:relative;}

.tedian-list ul li .pic .text{ position:absolute; width:100%; text-align:center; line-height:100%;}

.tedian-list ul li p{ line-height:30px; padding-top:17px; font-size:20px; color:#333333}

.tedian-list .more{ padding:2.4rem 0;}

.tedian-list .more a{ display:block; height:54px; width:23.58%; margin:auto; line-height:54px; text-align:center; font-size:18px; color:#fff; background:#de0001; border-radius:22px}

.join-box{ height:auto}

.join-box .line{ height:40px; background:url(../images/join-bg.png) center no-repeat;}

.join-box1{ height:469px; background:#DE0001;}

.join-box1 .left{ width:60.83%; margin-left:2%;}

.join-box1 .left .title{ padding-top:2.2rem}

.join-box1 .left .stitle{  line-height:3rem; text-align:center; font-size:24px;color:#fff}

.join-box1 .left .stitle span{ font-size:30px; }

.formbox { padding-top:1rem}

.formbox .fleft{ width:30.4%;}

.formbox .fleft input{ width:98%; height:38px; line-height:38px; padding-left:2%; background:#fff; border:none; margin-bottom:10px;}

.formbox .fleft input::placeholder{font-size:14px; color:#666666}

.formbox .fright{ width:67.53%; margin-left:1.6%;}

.formbox .fright textarea{ height:120px; width:98%; padding-left:2%; padding-top:14px; border:none; background:#fff;font-size:14px; color:#666666}

.formbox .fright textarea::placeholder{font-size:14px; color:#666666}

.formbox .submit{ width:173px; height:52px; line-height:52px; text-align:center; color:#fff; font-size:16px; margin:auto; background:#FFB900; border:0px; display:block; margin-top:1rem}

.join-box1 .right{ width:27.83%; margin-left:5%; padding:0 2%; background:#fff; margin-top:0.9rem; padding-bottom:40px}

.join-box1 .right h2{ padding-top:1.3125%; font-weight:normal; margin-top:21px}

.join-box1 .right h2 span:first-child{ float:right; font-size:12px; color:#000; margin-top:0.68rem}

.join-box1 .right h2 span:first-child a{color:#000;}

.join-box1 .right h2 span:last-child{ float:left; font-size:18px; color:#fff; display:block; width:102px; line-height:36px; background:#de0001; text-align:center}

.join-box1 .right  ul{ padding-top:12px; display:block; clear:both}

.join-box1 .right  ul li{ line-height:28px; font-size:14px;} 

.join-box1 .right  ul li a{font-size:14px; color:#666666}

/**footer start**/

.footer-box{ padding:13px 0; background:#000; color:#fff; height:auto; overflow:hidden}

.footer-box a{color:#FFFFFF;}

.footer-box .fnav{height:54px; border-bottom:1px solid #fff;}

.footer-box .fnav li{ width:14.28%; text-align:center; line-height:54px; position:relative; float:left; position:relative; transition:all 0.5s ease}

.footer-box .fnav li a{ color:#fff; font-size:16px;}

.footer-box .fnav li.on:after{ position:absolute; width:100%; height:2px; line-height:2px; left:0; bottom:-1px; content:""; background:#DF0001;}

.footer-box  .fleft{ width:18.16%; text-align:center; margin-top:20px}

.footer-box  .fleft img{ width:auto; max-width:100%}

.footer-box  .fcent { width:26.25%; margin-left:5%; line-height:30px; font-size:16px; margin-top:35px}

.footer-box  .fright{ width:35.75%; padding-top:1.7rem}

.footer-box  .fright li{ width:36%; float:left; margin-left:14%; text-align:center }

.footer-box  .fright li img{ max-width:100%}

.footer-box  .fright li p{ line-height:40px; padding-top:11px; font-size:18px}

/**footer end**/