@charset "utf-8";
/* CSS Document */
@font-face {

   font-family:'First';
  src:url('font01/MADE TOMMY Regular_PERSONAL USE.otf') format('truetype');

  font-weight: normal;

  font-style: normal;

}

@font-face {

   font-family:'so';
  src:url('font01/Source Han Sans CN Normal.ttf') format('truetype');

  font-weight: normal;

  font-style: normal;

}

@font-face {

   font-family:'bold';
  src:url('font01/MADE TOMMY ExtraBold_PERSONAL USE.otf') format('truetype');

  font-weight: normal;

  font-style: normal;

}

@font-face {

   font-family:'menu';
  src:url('font01/MADE TOMMY Bold_PERSONAL USE.otf') format('truetype');

  font-weight: normal;

  font-style: normal;

}

@font-face {

   font-family:'menu1';
  src:url('font01/MADE TOMMY Medium_PERSONAL USE.otf') format('truetype');

  font-weight: normal;

  font-style: normal;

}


body{ font-size:18px; color:#333333; line-height:24px; font-family:'First';  overflow-x:hidden}

a { color:#333333; text-decoration:none; }

a:hover { text-decoration:none;}

.sider{width:285px; float:left;}
.containter{float:right; width:655px;}
.clear_cs{height:0px;font-size:0px; line-height:0px;clear:both;over-flow:hidden;}
.float_clear{clear:both;}
.pc{display:block;}
.phone{display:none;}
/******************header css***************/
.f_l{float:left;}
.f_r{float:right;}
.top{background:#3f48cc; height:46px; line-height:46px; color:#fff;}
.lan{float:right; position:relative; background:url(../images/jt.jpg) no-repeat right; padding-right:30px;}
.lan ul{position:absolute; right:0; width:150px; background:#fff; z-index:99999; border-radius:5px; top:44px; display:none;}
.lan ul li{height:35px; line-height:35px; padding-left:20px;}
.lan ul li img{margin-right:5px;}
.hide1{display:none;}
.phone-header{display:none;}

.w1680{width:90%; max-width:1680px; margin:auto;}
.w1200{width:90%; max-width:1200px; margin:auto;}
.header{ width:100%;display:block; position:fixed; z-index:9999; background:#fff;  padding-top:10px; height:98px;}
.kong1{height:98px; width:100%; display:block}
.header1{background:#fff; position:fixed;}
.header1 .menu a{color:#333;}
.header1 .top-right a{background:#1163b7; color:#fff;}
.logo{ float:left; width:14%; }
.logo img{max-width:236px; width:100%}

.menu-box{border-top:1px solid #e5e5e5; box-sizing:border-box;}
.menu{width:650px; float:left; position:absolute; left:50%; margin-left:-325px; font-weight:bold; }
.menu ul li{float:left; padding-right:20px; margin-left:2%;height:70px; line-height:70px; font-size:16px; padding-left:2%; box-sizing:border-box;position:relative; margin-top:5px; font-family:'menu1';}
.menu li.erji{background:url(../images/mjt.png) no-repeat right; position:relative;} 
.menu li.erji:hover{background:url(../images/mjt1.png) no-repeat right; position:relative;} 
.menu li.erji a{padding-bottom:50px;}
.menu ul li:hover a{color:#ef2838}
.sub-menu{position:absolute; top:74px; left:0px; display:none}
.sub-menu dl{background:#fff; border-radius:5px; padding:15px;width:200px; font-weight:normal;}
.sub-menu dl dd{height:35px; line-height:35px; padding-left:5%;}
.search{ position:absolute; right:-20px;width:260px; top:60px; display:none;}
.text{width:200px; border:none; height:40px; padding-left:10px;}
.menu li a:hover{color:#3f48cc}
.sea-box{background:#fff; border-radius:5px; height:50px; padding:5px;}

.top-right{width:30px; float:right; margin-top:28px; position:relative;}
.top-right a{background:#ffffff; border-radius:25px; color:#1163b7; padding:3px 20px;}
.banner{position:relative;}
.banner .swiper-slide{position:relative;}
.b-cont{font-size:18px;color:#fff; width:100%; position:absolute; top:30%; text-align:center;}
.b-cont h2{font-size:48px; line-height:50px;  margin-bottom:20PX; font-family:'menu';}
.b-cont p{width:53%; line-height:34px; margin:auto; font-size:24px; margin-bottom:30px; font-family:'bo';}
/*.swiper-slide-active .b-cont{transform:translateY(-200em);}*/
.banner .swiper-button-next{background:url(../images/right.png) no-repeat; width:51px; height:51px; right:0%}
.banner .swiper-button-next:hover{background:url(../images/right2.png) no-repeat;}
.banner .swiper-button-prev{background:url(../images/left.png) no-repeat; width:51px; height:51px; left:0%}
.banner .swiper-button-prev:hover{background:url(../images/left2.png) no-repeat;}
.banner .swiper-pagination-bullet{background:url(../images/icon.png) no-repeat; width:24px; margin:0;height:22px; opacity:1;}
.banner .swiper-pagination-bullet-active{background:url(../images/iconhover.png) no-repeat;}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0;}


.banner .swiper-pagination{ bottom: 40px;left: 0;width: 100%;}
.banner .swiper-pagination-current{color:#3f48cc; font-size:35px; font-weight:bold;}
.banner .swiper-button-next{background:url(../images/right.png) no-repeat; width:86px; height:86px; right:0%;  opacity:1;}
.banner .swiper-button-prev{background:url(../images/left.png) no-repeat; width:86px; height:86px; left:0%;  opacity:1}

/**************首页动画*********/


/**************首页动画*********/

.index-one{margin:30px 0; font-weight:bold;}
.index-one dl{width:25%; float:left;}
.index-one dl dt{float:left;}
.index-one dl dd{float:left; margin-top:15px; margin-left:10px;}
.index-two{background:#f5f5f5; padding-top:20px;}
.about-pic{float:left; width:50%;}
.about-right{float:right; width:45%; margin-top:70px;}
.about-right h2{font-size:52px; font-weight:bold;}
.about-right h3 img{margin-right:15px;}
.about-right h3{color:#cb0a0a; margin:20px 0; font-family:'bold'; font-size:30px;}
.about-right p{line-height:30px;}
.index-three{background:url(../images/bg.jpg) no-repeat; height:174px; padding-top:50px; box-sizing:border-box;}
.index-three dl dt{float:left; color:#cb0a0a; position:relative; font-size:52px; padding-right:40px;font-family:'bold';}
.index-three dl dt span{position:absolute; right:0; top:5px; color:#000; font-size:18px;}
.index-three dl dd{float:left; margin-top:20px; font-size:20px; color:#666666; font-weight:bold; line-height:20px;}
.index-three dl dd span{float:left; margin-top:7px; margin-right:10px;}
.index-three dl{ display:inline;}
.index-three .w1680{display:flex;justify-content:space-between;}
.title{ text-align:center; font-size:52px; color:#333333;margin:40px 0;line-height:40px;}
.index-four{ margin:50px auto;}

.ser-box{ text-align:center; padding:0 20%; border-right:1px solid #dedede;}
.ser-box h2{color:#cb0a0a; font-size:20px;font-family:'bold';margin:25px 0;text-transform:uppercase;}
.swiper-slide:nth-child(3n) .ser-box {border:none;}
.index-four .swiper-pagination-bullet{background:#fff; border-radius:50%; border:1px solid #cb0a0a; width:12px; height:12px;}
.index-four .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 3px;}
.index-four .swiper-pagination-bullet-active{ background:#cb0a0a}
.index-four .swiper{overflow:hidden; padding-bottom:80px; margin-top:80px;}

.footer{ background:#111111; padding:50px 0 30px 0;}
.di-logo{text-align:center;}
.di-menu a{ color:#FFF; margin:0 3%; font-weight:bold;}
.di-menu{text-align:center; margin:15px 0;}
.fx{text-align:center; margin-top:80px;}
.fx a{margin:0 4px;}
.dibu{ text-align:center; color:#8e8e8e; margin-top:25px;}
.about-right1{float:right; width:50%; margin:50px 0 10px 0;}
.about-right1 H2{font-size:36PX; margin-bottom:50PX; font-weight:bold;}
.about-right1 p{font-size:18px; line-height:35px; color:#666666;text-align:justify}
.about-pic1{width:50%; float:left; margin:50px 0 10px 0;}
.about-pic1 img{width:85%;}
.memo{ width:70%; color:#666666;font-size:18px; text-align:center; margin:40px auto; line-height:35px;}
.pro-box p{text-align:center; margin-top:15px;}
.index-four .swiper-button-next{background:url(../images/right1.png) no-repeat; width:16px; height:26px; right:-30px; top:57%}
.index-four .swiper-button-next:hover{background:url(../images/right2.png) no-repeat;}
.index-four .swiper-button-prev{background:url(../images/left1.png) no-repeat; width:16px; height:26px; left:-30px;top:57%}
.index-four .swiper-button-prev:hover{background:url(../images/left2.png) no-repeat;}
.about-map{background:#f2f2f2; padding:50px 0; margin-bottom:20px;}
.map{margin-top:-60px;}
.about-menu{ border-bottom:1px solid #ddd; text-align:center; height:87px; line-height:87px;}
.about-menu a{padding:33px 60px;}
.about-menu a:hover{background:#cb0a0a; color:#fff;}
.about-menu a.on{background:#cb0a0a; color:#fff;}
.fw-pic{width:50%; float:left; position:relative; z-index:999;}
.fw-right{width:60%; margin-left:-10%; float:left; background:#f5f5f5; padding-top:3%; padding-bottom:8%; padding-left:15%; margin-top:3%; padding-right:5%; box-sizing:border-box;}
.fw-right h2{color:#333333; font-size:30px; font-family:"menu"; margin:20px 0;}
.fw-right p{line-height:30px; margin-bottom:50px; color:#666;text-align:justify}
.fw-right a{color:#ef2838; font-weight:bold;}
.fuwu:nth-child(2n) .fw-right{float:left; margin-right:-10%; margin-left:0; padding-left:5%; padding-right:15%;}
.fuwu:nth-child(2n) .fw-pic{float:right;}
.fuwu{margin:30px 0;}
.title2{color:#000003; font-size:32px; text-align:center; margin:40px 0; font-family:"menu"}
.video{width:24%; float:left; margin:15px 0; margin-right:1%;}
.video:nth-child(4n){margin-right:0;}
.video-pic{position:relative;}
.sp-more{ position:absolute; top:30%; left:0%; width:100%;text-align:center;}
.video-name{text-align:center; margin-top:10px;}
.showMorehandle{text-align:center; margin:30px 0;}
.showMorehandle span{color:#fff; background:#ef2838; border-radius:5px; padding:10px 30px;}
.new-box{ background:#f9f9f9;}
.new-pic{width:50%; float:left;}
.new-pic img{width:100%;}
.new-right{width:50%; float:left; padding:3% 5%; background:#f9f9f9;}
.new-right h2{font-weight:bold; margin:20px 0; font-size:24px;}
.new-right a{color:#fff; background:#cb0a0a; border-radius:4px; padding:10px 20px;}
.new-right p{margin-bottom:40px;}
.new-one .swiper{overflow:hidden;}
.new-one{ position:relative; padding-bottom:40px;}

.new-one .swiper-pagination-bullet{background:#fff; border-radius:50%; border:1px solid #cb0a0a; width:12px; height:12px;}
.new-one .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 3px;}
.new-one .swiper-pagination-bullet-active{ background:#cb0a0a}
.new-box2{border:1px solid #ddd; margin:30px 0;}
.new-pic2{width:40%; float:left;}
.new-right2{width:60%; float:left;}
.new-right2 p{margin-bottom:30px;}
.new-right2 p:nth-child(1){margin-bottom:0px;}
.lx-left{width:50%; float:left; margin:60px 0;}
.lx-right{width:45%; float:left;margin:60px 0;}
.title3{font-size:32px; font-family: "bold";margin-bottom:40px;}
.lx-left table{width:90%;}
.text1{border:1px solid #ddd; width:90%; border-radius:4px; height:40px; padding-left:2%; box-sizing:border-box;}
.lx-left table tr{height:60px;}
.area{border:1px solid #ddd; width:95%; border-radius:4px; height:90px; padding-left:2%; box-sizing:border-box;}
.submit{background:#ff9e9e; color:#fff; width:140px; height:40px; border:none; border-radius:5px;}
.lx-right p{margin-bottom:10px;}
.pro-main{background:#f6f6f6; padding:50px 0;}
.pro-left{width:21%; float:left;}
.pro-left ul{ background:#fff; margin-bottom:50px;}
.pro-left ul li{background:url(../images/jt.png) no-repeat 95% 20px; border-bottom:1px solid #ddd; line-height:59px; box-sizing:border-box}
.pro-left ul li a{padding-left:20px; display:block}
.pro-left ul li dl{padding-left:20px; font-size:16px; background:#fff; margin:10px 0; display:none;}

.pro-left ul li dl dd{line-height:30px;}
.pro-left ul li.on a.yi{background:#ef2838 url(../images/jt2.png) no-repeat 95% 20px;color:#fff;}
.pro-left ul li:hover a.yi{background:#ef2838 url(../images/jt2.png) no-repeat 95% 20px; color:#fff;}
.pro-left ul li dd a:hover{color:#ef2838;}
.lx-title{background:#e6e6e6; padding:20px 0; text-align:center;}
.lx-title h2{font-size:22px; font-weight:bold; margin-bottom:10px;}
.lx-title p{color:#666666;}
.lx-cont{background:url(../images/bg2.jpg) no-repeat center;}
.lx-cont p{font-weight:bold; margin:15px 0;}
.lx-cont{text-align:center; padding:20px 0;}
.lx-more a{color:#fff; background:#ef2838; display:block; height:50px; line-height:50px; text-align:center;}
.pro{float:left; width:31.8%; margin-right:2%; background:#fff; margin-bottom:30px; padding:2%; box-sizing:border-box;}
.pro:nth-child(3n){margin-right:0;}
.pro-name{height:60px; line-height:30px; text-align:center;}
.pro-right{width:75%; float:right;}
.pro:hover .pro-name a{color:#ef2838}
.prod-one{background:#fff;}
.prod-left{width:40%; float:left; border-right:1px solid #ddd; padding:2%; box-sizing:border-box;}
.prod-right{float:right; width:55%; padding-top:4%;}
.prod-right h2{ font-size:32px; font-weight:bold;}

.prod-right p{margin-top:30px;font-family:'gilroy-regular'; margin-bottom:60px; }
.prod-right a{color:#fff; background:#ef2838; display:block; height:50px; line-height:50px; width:170px; text-align:center;border-radius:5px; margin-bottom:50px;}
.prod-right a img{vertical-align:middle; margin-left:5px;}
.prod-left .swiper{ overflow:hidden;}

.prod-left .mySwiper .swiper-slide{border:1px solid #ddd;}
.prod-title{background:url(../images/bg3.jpg) no-repeat; width:258px; height:60px; line-height:60px; padding-left:20px; box-sizing:border-box; font-weight:bold; color:#fff; margin-top:30px;}
.prod-two h2{border-left:4px solid #ef2838; font-size:22px; font-weight:bold; margin:30px 0; padding-left:10px;}
.prod-two{background:#fff; padding:2%;}
.quick table td{ padding:0 15px;}
.quick table td:nth-child(2n){font-weight:bold;}
.quick table tr{height:35px;}
.quick{ border-bottom:1px solid #ddd; padding-bottom:20px;}
.desc table tr td:nth-child(1){background:#f6f6f6;}
.desc table tr td{border:1px solid #ddd; height:35px; padding-left:3%;}
.desc table{width:60%;}
.desc{border-bottom:1px solid #ddd; padding-bottom:30px;}

.sea-list{padding:25px 0; border-bottom:1px solid #f5f5f5;}
.sea-list dt a{color:#ef2838; font-size:18px;}
.sea-list dt{ margin-bottom:10px;}
.sea-list dd a{color:#666; font-size:14px;}
.sea-list dd:nth-child(3) a{color:#999;}
.sea-list dd:nth-child(3){ margin-top:10px;}
.sea-btn{background:url(../images/se.jpg) no-repeat; width:26px; height:34px; border:none; float:right; margin-top:5px; margin-right:5px;}
.lujing{border-bottom:1px solid #f5f5f5; margin-bottom:3px; border-top:1px solid #f5f5f5; height:85px; line-height:85px; color:#999;}
.lujing img{vertical-align:middle; margin-top:-5px;}
.lujing a{margin:0 5px; color:#666;font-family:'gilroy-regular';}
.lj-right{float:right; width:30%; text-align:right;}
.lj-right a:hover{border-bottom:4px solid #4a52d3; color:#4a52d3;}
.lj-right a{padding-bottom:30px; margin-left:50px; color:#000;}
.lj-left{width:50%; float:left;}

.bg{background:#f6f6f6; padding:30px 0;}
.newd-box{background:#fff; text-align:center; padding:30px 0;}
.newd-box h2{font-size:24px; border-bottom:1px solid #f5f5f5; padding-bottom:20px;}
.newd-content img{width:100%;}
.newd-content{padding:5% 10%;text-align:justify}
.newd-date{ text-align:center; padding-bottom:20px; color:#999;font-family:'gilroy-regular'; margin-top:20px;}
.prev-next{padding-left:10%; padding-top:30px; text-align:left;font-family:'gilroy-regular'; padding-right:10%;width:50%; float:left;}

.back{color:#fff; background:#ef2838; float:right; padding:5px 20px; margin-right:10%; margin-top:40px;}

.index-four .swiper{ margin:20px 0;}
.fx{margin-top:20px;}
.index-four{margin:20px auto;}

.about-right a{ display:block; width:150px;border:1PX solid #ef2838; height:45px; line-height:45px; text-align:center;color:#cb0a0a; margin-top:40px;font-family:'bold'; font-size:14px;}

.title4{font-size:36px; text-align:center; font-weight:bold;}
.new-right p{color:#666;}

.about-menu ul li{display:inline;}
@media screen and (min-width:768px) and (max-width:1500px)  {
.index-three{padding-top:13px;}
}
@media (max-width:768px) {
.title{font-size:24px;}	
	
.kong1{height:60px; width:100%;}
.pc{display:none;}
.phone{display:block;}
.pkong{height:60px; width:100%;}
.p_logo{width:50%; float:left; margin-left:5px; margin-top:2px;}
.plan{width:100px; margin-top:17px; float:right;}

.menu{display:none;}

.header{display:none;}
.phone-header{display:block; position:fixed; width:100%; top:0; background:#fff; z-index:9999999;}
.p_logo img{width:100%;}
.phone_menu_btn span{background:#fff; padding:0px 13px; height:3px; margin:5px 0; display:block;}
.phone_menu{background:rgba(0,103,205,0.8); z-index:9999999; height:100%; position:fixed; width:100%; height:0px; overflow:hidden; top:60px;}
.phone_menu_btn{position:fixed; right:10px; top:9px;}
.phone_menu ul li{height:40px; line-height:40px; border-bottom:1px solid #ccc; padding:0 5%}
.hide1{display:none;}
.phone_menu ul li a{display:block; color:#fff;}
.show{ display:block;}
.phone_menu ul li.on{background:#0067cd;}
.phone_menu ul li.on a{color:#fff;}
.phone_menu .p_sub_menu li{padding:0 8%;}
.down
{
animation: myfirst 1s forwards;
-moz-animation: myfirst 1s forwards;	/* Firefox */
-webkit-animation: myfirst 1s forwards;	/* Safari 和 Chrome */
-o-animation: myfirst 1s forwards;	/* Opera */
}

.phone{display:block;}
.pc{display:none;}

@keyframes myfirst
{
from {height: 0;}
to {height: 100%;}
}

@-moz-keyframes myfirst
{
from {height: 0;}
to {height: 100%;}
}

@-webkit-keyframes myfirst
{
from {height: 0;}
to {height: 100%;}
}

@-o-keyframes myfirst
{
from {height: 0;}
to {height: 100%;}
}

.kong{ display:none}

.index-one dl{width:50%;}
.index-one dl dt img{width:40px;}
.index-one dl dd{font-size:15px; margin-top:7px;}
.about-pic{width:100%;}
.about-pic img{width:100%;}
.about-right{width:100%; margin-top:30px;}
.about-right h2{font-size:24px;}
.about-right h3{ font-size:20px;}
.index-three dl{display:block; width:100%; border-bottom:1px solid #eee; padding:14px 0;}
.index-three .w1680{display:block;}
.index-three{ background:#f6f6f6; height:auto;}
.index-three dl dt{font-size:24px;}
.index-three dl dd{margin-top:0; font-size:16px;}
.about-menu a{padding:10px 10px; display:block;}
.about-menu{height:auto; line-height:35px;}
.b-cont h2{ font-size:24px;}
.b-cont p{width:90%;}
.b-cont{top:15%;}
.about-pic1{width:100%;}
.about-right1{width:100%; margin-top:20px;}
.about-right1 H2{ margin-bottom:20px;}
.about-pic1 img{width:100%;}
.memo{width:100%;}
.map img{width:100%;}
.pro-left{width:100%;}
.pro-right{width:100%;}
.b-cont img{ display:none;}
.pro-lx{display:none;}
.pro{width:100%;}
.prod-left{width:100%;}
.prod-right{width:100%;}
.desc table{width:100%;}
.quick table{width:100%;}
.quick table td{display:block; width:50%; float:left; font-size:14px; padding:0;}
.fw-pic{width:100%;}
.fw-right{width:100%; margin-left:0; padding:5%; box-sizing:border-box;}
.video{width:100%;}
.title2{font-size:24px; margin:20px 0;}
.lx-left{width:100%; margin:20px 0;}
.lx-right{ width:100%; margin:20px 0;}
.new-pic{width:100%;}
.new-right{width:100%;}
.new-right p{ margin-bottom:20px;}
.new-right h2{font-size:20px;}
.new-pic2{width:100%;}
.new-right2{width:100%;}
.newd-content{padding:5% 5px;}
}