/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px; font-family:'Microsoft Yahei', '微软雅黑', 'Simsun', '宋体', 'Arial', sans-serif; color:#000; background:#fff;}
a{color:#000;}
a:hover{ color:#1a2073;}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:100%; max-width:1200px; margin:0 auto;}
.fr { float: right;}
.fl { float: left;}


.header{ position:relative; z-index:66; }
.head_c{  }
.head_c .top{ height: 30px; line-height: 30px; background: #0e1637; color:#fff;}
.head_c .top .lt{ float:left; }
.head_c .top .rt{ float:right; }
.head_c .top .rt a{ color:#fff; margin:0 10px; }
.head_c .top .rt a:hover{ text-decoration:underline;}
.head_c .btm{ height:100px;}
.head_c .btm .logo{ float:left; width:250px; height:100px; position:relative;}
.head_c .btm .logo img{ max-width:100%; max-height:50px; position: absolute; top: 0; bottom: 0; margin: auto 0;}
/*menu*/
.menu{ float:right; width:900px; padding:25px 0; height:50px; line-height:25px; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end;}
.menu ul li{ float:left; position:relative; padding:0 18px;}
.menu ul li:nth-last-child(2){padding-right: 0;}
.menu ul li i{ font-style:normal; display:block; font-size:12px;}
.menu ul li dl{ background:#fff; width:100%; position:absolute; left:0px; top:25px; box-shadow:2px 2px 5px rgba(0,0,0,0.2); padding:10px 0;display:none; }
.menu ul li dl dd{ line-height:28px;border-bottom:#ddd dotted 1px; margin:0 10px; text-align:center;}
.menu ul li dl dd a{ font-size:12px; color:#333; font-weight:normal; display:inline; padding:0; }
.menu ul li dl dd a:hover{ color:#1a2073;}
.menu a{ font-size:16px; display:block;text-align:center;}
.menu a:hover{ }
a.menu_hover{ color:#1a2073; }

.head_m{ width:100%; height:50px; background:#0e1637; color:#fff; position:fixed; top:0; display:none;}
.head_m .lt{ float:left; width:10%; height:50px; position:relative; margin-left:1%;}
.head_m .lt img{ max-width:100%; max-height:100%; position: absolute; top: 0; bottom: 0; margin: auto 0;}
.head_m .ct{ float:left; width:78%; text-align:center; line-height:50px; font-size:16px; font-weight:bold;}
.nav {display:none; margin:0; width:100%; float:left;}
.nav-list {width:100%;margin:0px;padding:0px;float:left;display:none;}
.nav-item { position: relative; width:100%;margin:0px;padding:0px;float:left;text-align: center;list-style:none;zoom:1;}
.nav-item a {display:block; font-weight: 400; padding: 10px; background: #000; text-transform: uppercase; border-top: 1px solid #343434; color: #fff; -webkit-transition: color .2s linear,background .2s linear; -moz-transition: color .2s linear,background .2s linear; -o-transition: color .2s linear,background .2s linear; transition: color .2s linear,background .2s linear; font-size:14px;}
.nav-item a:hover {background:#3d1805;color: #ffe39e;}
.nav-inner {display: none;}
.nav-active, .nav-active-inner .nav-inner {display:block;}
.nav-mobile { display:block; cursor: pointer;position: absolute; top:13px; right:1%;background: url(../images/nav.png) 100% 100% no-repeat; width:30px; height:24px;}
.nav-mobile {}

@media (max-width: 1400px) {
  .menu{width: 800px;}
  .menu ul li{padding: 0 12px;}
}
@media (max-width: 1200px) {
  .head_c .btm .logo{width: 230px;}
  .menu{width: 710px;}
  .menu ul li{padding: 0 8px;}
}


/*---------------------------轮换图片-------------------------------*/
.slide_container { position: relative;float: left;width: 100%; }
.rslides {position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0;margin: 0;}
.rslides li {-webkit-backface-visibility: hidden;position: absolute;display: none;width: 100%;left: 0;top: 0;}
.rslides li:first-child {position: relative;display: block;float: left;}
.rslides img {display: block;height: auto;float: left;width: 100%;border: 0;}
.slide {position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0;margin: 0;}
.slide li {position: absolute;width: 100%;left: 0;top: 0;}
.slide img {display: block;position: relative;z-index: 1;height: auto;width: 100%;border: 0;}
.slide li .img{ padding-bottom: ; position: relative; overflow: hidden; }
.slide li .img img{ /* position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); */ max-width: 100%; height: auto; }
.slide .caption {display: block;position: absolute;z-index: 2;font-size: 20px;text-shadow: none;color: #fff;background: #000;background: rgba(0,0,0, .8);left: 0;right: 0;bottom: 0;padding: 10px 20px;margin: 0;max-width: none;}
.slide_nav {position: absolute;-webkit-tap-highlight-color: rgba(0,0,0,0);top: 52%;left: 0;opacity: 0.5;z-index: 3;text-indent: -9999px;overflow: hidden; height: 61px;width: 38px;background: transparent url("../images/themes.png") no-repeat left top;margin-top: -45px;}
.slide_container:hover .slide_nav{opacity: 0.8;}
.slide_nav:active {opacity: 1.0;}
.slide_nav.next {left: auto;background-position: right top;right: 0;}
@media (max-width: 768px) {
  .slide li .img{ }
}
/*---------------------------轮换图片 End-------------------------------*/



.more01{padding-top: 35px; text-align: center; }
.more01 a{ display: inline-block; padding: 10px 35px; border: 1px solid #666; color: #000000; font-size: 16px; } 
.more01 a span{ font-family: "黑体"; padding-left: 6px; }
.more01 a:hover{ color: #FFFFFF; background: #005895; border-color: #005895; }

.con01{ height:28px; line-height:28px; padding:15px 0; border-bottom:1px solid #ccc;}
.con01 .lt01{ float:left; width:900px; overflow:hidden; font-size:14px;}
.con01 .lt01 dl{}
.con01 .lt01 dl dt{ float:left; width:100px;}
.con01 .lt01 dl dd{ float:right; width:800px;}
.con01 .lt01 dl dd a{ margin:0 5px;}
.con01 .lt01 dl dd a:hover{ text-decoration:underline;}
.con01 .rt01{ float:right; height:26px; border: 1px solid #ccc; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.con01 .rt01 .in01{ float:left; border:none; width:221px; padding:0 10px; height:26px; background:none;}
.con01 .rt01 .in02{ float:left; border:none; width:17px; height:26px; background:url(../images/go.png) center no-repeat; cursor:pointer;}


.index_title{width:1200px;height:50px;text-align:center;margin:0 auto;}
.index_title h3{height:24px;line-height:24px;background:url(../images/title_bg.png) no-repeat center;}
.index_title h3 a{font-size:24px;color:#333;font-weight:400;}
.index_title p{font-size:14px;color:#666;padding-top:5px;}

.con02{ }
.brand{width:100%;min-width:1200px; max-height:600px;background:url(../images/bg_brand.jpg) center no-repeat;overflow:hidden; padding:50px 0;}
.brand .brand_h{width:1200px;height:30px;margin:30px auto 0;}
.brand .brand_h ul{width:780px;height:30px;margin:0 auto;}
.brand .brand_h ul li{position:relative;float:left;width:98px;height:28px;border:1px solid #0e1637;border-radius:8px;overflow:hidden;}
.brand .brand_h ul li:nth-of-type(1)~li{margin-left:35px;}
.brand .brand_h ul li a{display:block;width:100%;height:100%;text-align:center;line-height:30px;font-size:14px;color:#666;}
.brand .brand_h ul li.on a{background:#0e1637;color:#fff;}
.brand .brand_b{width:1200px;margin:30px auto 0;overflow:hidden;}
.brand .brand_b .item_list{position:relative;}
.brand .brand_b .item_list .btn{position:absolute;width:16px;height:32px;top:134px;}
.brand .brand_b .item_list .btn_l{background:url(../images/btn_l.png) no-repeat center;left:0;}
.brand .brand_b .item_list .btn_r{background:url(../images/btn_r.png) no-repeat center;right:0;}
#certify .swiper-slide{width:525px;height:300px;}
#certify .swiper-slide a{display:block;width:100%;height:100%;}
#certify .swiper-slide a img{display:block;width:100%;height:100%;}
#certify .swiper-slide a p{position:absolute;left:0;bottom:0;width:100%;height:30px;text-align:center;color:#fff;line-height:30px;background:rgba(0,0,0,.5);font-size:16px;}

.brand_m{ width:100%; display:none;}
.brand_m .main{ padding:0 0.5%; margin-top:10px;}
#tabfirst{ width:100%; text-align:center;}
#tabfirst li{ display:inline-block; width:30%; text-align:center; margin:5px 0.5% 0 0.5%; height:26px; line-height:26px;  -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; border:1px solid #0e1637;}
.tabin{ background:#0e1637; color:#fff;}
.contentfirst{ display:none;}
.contentfirst ul li{ float:left; width:50%; padding: 0 1%; box-sizing: border-box; text-align:center;}
.contentfirst ul li .img{ height:255px; width:100%; position:relative}
.contentfirst ul li img{ width:100%; max-height:255px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto auto;}
.contentfirst ul li span{ display:block; line-height:22px; height:44px; overflow:hidden;}
.contentin{ display:block; margin-top:10px;}



.con03{}
.star{width:100%; min-width:1200px; height:774px; background:url(../images/bg_star.jpg) no-repeat center; overflow:hidden;}
.star .index_title{ margin-top:80px;}
.star .star_b{ width:1200px; height:535px; margin:30px auto 0;}
.star .star_b .star_b_l{ float:left; width:185px; height:535px;}
.star .star_b .star_b_l ul li{transition:all 0.3s; width:185px; height:53.5px; text-align:center; line-height:53.5px; font-size:18px; overflow:hidden; margin-bottom:5px;}
.star .star_b .star_b_l ul li:nth-of-type(1)~li{margin-top:5px;}
.star .star_b .star_b_l ul li a{ transition:all 0.3s; display:block; width:100%; height:100%; color:#fff; background:#0e1637;}
.star .star_b .star_b_l ul li a p{ transition:all 0.3s;}
.star .star_b .star_b_l ul li.on a p{ line-height:26px;}
.star .star_b .star_b_l ul li.on a p:nth-of-type(1){ padding-top:60px;}
.star .star_b .star_b_l ul li.on{ height:185px;}
.star .star_b .star_b_l ul li.on a{ background:transparent;}
.star .star_b .star_b_r{     float: left;  margin-left: 50px; width:150*4+357px;height:535px;}
.star .star_b .star_b_r ul{ overflow:hidden;}
.star .star_b .star_b_r ul li{ position:relative;transition:all 0.3s;float:left;width:150px;height:535px;overflow:hidden;}
.star .star_b .star_b_r ul li .tit{ position:absolute; bottom:0; background:rgba(0,0,0,.5); color:#fff; height:30px; line-height:30px; width:100%; text-align:center; font-size:16px;}
.star .star_b .star_b_r ul li.on{ width:357px;}
.star .star_b .star_b_r ul li.on .mark{ opacity:0;}
.star .star_b .star_b_r ul li img{display:block; width:357px; height:535px;}
.star .star_b .star_b_r ul li .mark{ transition:all 0.3s; position:absolute; width:100%; height:100%; background:rgba(0,0,0,.5); top:0; left:0;}

.star_m{ display:none;}
.star_m .main{ padding:0 0.5%; margin-top:10px;}
.star_m .main ul{ width:100%;}
.star_m .main ul li{ float:left; width:50%; text-align:center; line-height:20px; font-size:14px;}
.star_m .main ul li a{ display:block; color:#fff; padding:160px 0;}
.star_m .main ul li a p{ padding:0;}
.star_m .more{ text-align:center; margin-top:10px; }
.star_m .more a{ display:inline-block; width:30%; height:30px; line-height:30px; background:#0e1637; color:#fff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}


.con04{ padding:50px 0;}
.con04_c{}
.con04_c .list{ overflow:hidden; position:relative;}
.con04_c .list .circle{ width:200px; height:200px; background:#fff; position:absolute; z-index:10; left:500px; top:130px; text-align: center; border-radius:100%;}
.con04_c .list .circle h2{ font-size: 20px; font-weight:normal; padding:0 20px; margin:60px 0 0 0;}
.con04_c .list .circle i{ display:block; margin-top:10px; }
.con04_c .list .circle i img{ max-width:80px;}
.con04_c .list ul{ width:1250px;}
.con04_c .list ul li{ float:left; width:585px; height:200px; overflow:hidden; margin:30px 30px 0 0; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; position:relative; }
.con04_c .list ul li img{ width:585px; height:200px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; position:relative;}
.con04_c .list ul li h2{ line-height:50px; color:#fff; font-size:16px; display:block;}
.con04_c .list ul li .content{ width:100%; height:100%; background:url(../images/bg_con04.png) repeat; color:#fff; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; position:absolute; top:-200px;}
.con04_c .list ul li .content h3{ font-size:16px; line-height:50px; padding:0 10px; text-align:left;}
.con04_c .list ul li .content p{ font-size:14px; padding:5px 10px;}
.con04_c .list ul li:hover .content{ position:absolute; top:0; left:0;transition:all 0.3s;}
.con04_c .list ul li:hover h2{ display:none;}
.con04_c .list ul li:nth-child(odd) h2{ position:absolute; top:0; left:10px;}
.con04_c .list ul li:nth-child(even) h2{ position:absolute; top:0; right:10px;}
.con04_c .list ul li:nth-child(odd) h3{ text-align:left;}
.con04_c .list ul li:nth-child(even) h3{ text-align:right;}


.con05{ max-height:300px; overflow:hidden; color:#fff;}
.con05 .lt05{ float:left; width:600px;}
.con05 .lt05 ul{ padding:50px 0;}
.con05 .lt05 ul li{ line-height:30px; font-size:16px;}
.con05 .lt05 ul li:nth-child(2){ padding-left:20px;}
.con05 .lt05 ul li:nth-child(3){ padding-left:40px;}
.con05 .lt05 ul li:nth-child(4){ padding-left:60px;}
.con05 .lt05 ul li:nth-child(5){ padding-left:80px;}
.con05 .lt05 ul li:nth-child(6){ padding-left:100px;}
.con05 .rt05{ float:right; width:600px;}
.con05 .rt05 span{ display:block; width:300px; height:40px; line-height:40px; font-size:24px; text-align:center; background:#0e1637; color:#fff; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; margin:140px 0 0 300px;}


.con06{ padding:50px 0; }
.con06_c{  }
.con06_c .list{ margin-top:30px; }
.con06_c .list ul{  }
.con06_c .list ul li{ height:300px; overflow:hidden; }
.con06_c .list ul li .ship{ width: 600px; text-align:center; position: relative; overflow: hidden; display: flex; flex-wrap: wrap;justify-content: center; align-items: flex-end; align-content: center; }
.con06_c .list ul li .ship .img{ width: 100%; position: relative; overflow: hidden; padding-bottom: 50%; }
.con06_c .list ul li .ship img{ width: 600px; height:auto; position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%); }
.con06_c .list ul li .txt{ width:540px; padding:0 30px;}
.con06_c .list ul li .txt p{ font-size:14px;}
.con06_c .list ul li .txt strong{ display:block;}
.con06_c .list ul li .txt strong a{ color:#f60;}
.con06_c .list ul li .txt strong a:hover{ text-decoration:underline;}
.con06_c .list ul li .txt h2{ font-size:16px; font-weight:normal; line-height:30px;}
.con06_c .list ul li .txt p span{ display:inline-block; width:270px;}
.con06_c .list ul li:nth-child(1) .ship{ float:left;}
.con06_c .list ul li:nth-child(1) .txt{ float:right;}
.con06_c .list ul li:nth-child(1) .txt p{ text-indent:2em;}
.con06_c .list ul li:nth-child(2) .ship{ float:right;}
.con06_c .list ul li:nth-child(2) .txt{ float:left;}


.con07{ max-height:590px; overflow:hidden; padding:50px 0;background:url(../images/bg_con07.jpg) center top no-repeat;}
.con07_c{}
.con07_c .list{ margin-top:30px; overflow:hidden;}
.con07_c .list ul{ width:1300px;}
.con07_c .list ul li{ float:left; width:350px; height:223px; overflow:hidden; margin:0 75px 0 0; position:relative;}
.con07_c .list ul li .img{}
.con07_c .list ul li .img img{ width:350px; height:223px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;}
.con07_c .list ul li .txt{ width:100%; height:50px; line-height:50px; overflow:hidden; background:url(../images/bg_con04.png) repeat; color:#fff; text-align:center; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; position:absolute; bottom:0; left:0; font-size:14px;}
.con07_c .list ul li:hover .txt{ height:80px; line-height:80px; transition:all 0.3s;}


.con08{ padding:50px 0;}
.con08_c{}
.con08_c .list{ margin-top:30px; overflow:hidden;}
.con08_c .list ul{ width:1300px;}
.con08_c .list ul li{ float:left; width:350px; height:270px; margin:0 75px 0 0;}
.con08_c .list ul li .img{ height:223px;}
.con08_c .list ul li .img img{ width:350px; height:223px;}
.con08_c .list ul li .txt{ height:50px; line-height:50px; overflow:hidden; background:#0e1637; color:#fff; font-size:14px; text-align:center;}

350  223 75
.con09{}
.con09_c{}
.con09_c .list{ margin-top:30px; overflow:hidden;}
/*slideTxtBox_01*/
.slideTxtBox_01{}
.slideTxtBox_01 .hd{ float:right; width:700px;}
.slideTxtBox_01 .hd ul{}
.slideTxtBox_01 .hd ul li{ height:75px; padding:20px 0; border-bottom:1px dashed #a0a0a0;}
.slideTxtBox_01 .hd ul li:nth-child(1) { padding:0 0 20px 0;}
.slideTxtBox_01 .hd ul li a{ display:block;}
.slideTxtBox_01 .hd ul li a:hover{}
.slideTxtBox_01 .hd ul li.on{ } 
.slideTxtBox_01 .hd ul li .lt09{ float:left; width:75px; height:75px; background:#f4f4f4; text-align:center; font-size:14px; line-height:20px;}
.slideTxtBox_01 .hd ul li .lt09 strong{ display:block; font-size:24px; line-height:30px; padding-top:12px;}
.slideTxtBox_01 .hd ul li.on .lt09{ background:#1a2073; color:#fff;}
.slideTxtBox_01 .hd ul li .rt09{ float:right; width:600px;}
.slideTxtBox_01 .hd ul li .rt09 h3{ line-height:35px; height:35px; overflow:hidden; font-size:18px; font-weight:normal;}
.slideTxtBox_01 .hd ul li .rt09 p{ line-height:20px; height:40px; overflow:hidden; padding:0; font-size:14px;}
.slideTxtBox_01 .bd{ float:left; width:448px;}
.slideTxtBox_01 .bd ul{}
.slideTxtBox_01 .bd>div{ position:relative;}
.slideTxtBox_01 .bd a{}
.slideTxtBox_01 .bd .img{ height:336px; }
.slideTxtBox_01 .bd .img img{ width:448px; height:336px;}
.slideTxtBox_01 .bd .txt{ width:100%; background:url(../images/bg_con04.png) repeat; color:#fff; text-align:center; height:50px; line-height:50px; overflow:hidden; position:absolute; z-index:6; left:0; bottom:0;}


.con10{ margin-top:30px;}
.con10_c{}
.con10_c .tit10{ padding-bottom:10px; border-bottom:1px dashed #ccc;}
.con10_c .tit10 span{ display:block; text-align:center; width:100px; height:40px; line-height:40px; background:#0e1637; color:#fff;}
.con10_c .main{ margin-top:10px;}
.con10_c .main ul{}
.con10_c .main ul li{ line-height:24px;}
.con10_c .main ul li a{ margin:0 10px;}







.footer{ margin-top:30px; background:url(../images/footer.jpg) repeat; color:#fff; font-size:14px;}
.footer a{ color:#fff; margin:0 10px;}
.footer a:hover{ text-decoration:underline;}
.footer .top{ border-bottom:1px solid #515151; height:180px; overflow:hidden; padding:50px 0;}
.footer .top .lt_f{ float:left; width:1000px; height:180px;}
.footer .top .lt_f .lt_f1{ line-height:30px;}
.footer .top .lt_f .lt_f2{ margin-top:30px; background:url(../images/footer_time.png) left center no-repeat; padding-left:70px; font-size:14px; line-height:20px;}
.footer .top .lt_f .lt_f2 span{ font-size:30px; display:block; line-height:36px;}
.footer .top .rt_f{ float:right; width:120px; text-align:center; height:180px;}
.footer .top .rt_f .erwm{ width:120px; height:120px;}
.footer .top .rt_f .erwm img{ width:120px; height:120px;}
.footer .top .rt_f span{ display:block; line-height:30px;}
.footer .btm{}
.footer .btm ul li{ text-align:center; line-height:30px;}


.foot_nav{ width:100%; height:40px; background:#0e1637; font-size:14px; position:fixed; bottom:0; left:0; display:none;}
.foot_nav a{ color:#fff;}
.foot_nav ul{}
.foot_nav ul li{ float:left; width:25%; text-align:center;}
.foot_nav ul li .img{ height:20px;}
.foot_nav ul li .img img{ max-width:100%; height:20px;}
.foot_nav ul li span{ display:block; line-height:20px; height:20px;}


/*分享share*/
.all_share{width: 125px; position: fixed; top: 25%; left: -125px; z-index: 999; box-shadow:2px 0 3px rgba(0,0,0,0.25);}
.all_share .bdsharebuttonbox{}
.all_share .bdsharebuttonbox .title1{width: 24px; height:66px; border-radius: 0 10px 10px 0; background:#0e1637; position: absolute; top: 0; right: -24px; color: #fff; font-size: 14px; text-align: center; padding: 22px 0 0 0}
.all_share .bdsharebuttonbox .title2{width:105px; height: 25px; font-size: 14px; padding: 0 10px; background: #f6f6f6; color: #626262; line-height: 25px;}
.all_share .bdsharebuttonbox ul{background: #fff;}
.all_share .bdsharebuttonbox ul li{width: 100px; height: 14px; padding:10px 10px; }
.all_share .bdsharebuttonbox a{display: block; margin: 0; padding: 0 0 0 25px;}
.all_share .bdsharebuttonbox a:hover{color:#1a2073;}


/* 在线客服2 */
.Nav_r{display: inline-block; position:fixed; right: 0px; z-index: 9999;}
.Nav_r ul{width:45px;}
.Nav_r ul li{width:45px; height:45px; background-color: #111; margin-bottom: 1px; transition: 0.3s;  -ms-transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s;  -o-transition: 0.3s;position: relative; overflow: hidden; cursor: pointer;}
.Nav_r ul li i{display: block; width:45px; height:45px; color: #ffffff; font-size: 26px; line-height: 45px; text-align: center; position: absolute; top: 0; right: 0;}
.Nav_r ul li p{opacity: 0;transition: 0.3s; -ms-transition: 0.3s; -moz-transition: 0.3s;  -webkit-transition: 0.3s; -o-transition: 0.3s;font-size: 14px; line-height:35px;}
.Nav_r ul li a{display: block; line-height: 45px; color:#fff; font-size:12px; text-align:left; padding-left: 10px;}
.Nav_r ul li .img{ position:absolute; width: 150px; height: 200px; bottom: -60px; left: -160px; opacity: 0; transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s;}
.Nav_r ul li .img img{width:130px;height:130px; position:relative; top: 10px; left:10px;}
.Nav_r ul li .img .title{width:150px; position: absolute; bottom: 42px; text-align: center; height: 18px; overflow: hidden; }

.Nav_r ul li:hover{background:#0e1637; width:160px; overflow: visible;}
.Nav_r ul li.wxkf:hover{}
.Nav_r ul li:hover p{opacity: 1;}
.Nav_r ul li.code:hover{width: 45px;}
.Nav_r ul li.code:hover .img{opacity: 1; bottom: -36px;}


/*Add------------------------------------------------------------------------------*/

.inside{ margin-top:20px; }
.inside .in_left{ float:left; width:195px; }
.inside .in_left table{ border-spacing:0;}
.inside .in_left .in_lt01{ overflow:visible; border:1px solid #ccc; }
.inside .in_left .in_lt01 h2{ height:80px; line-height:80px; background:url(../images/in_le.png) -15px center no-repeat; color:#fff; padding:0 10px; font-size:16px;}
.inside .in_left .in_lt01 ul{}
.inside .in_left .in_lt01 ul li{ line-height:44px; height:44px; overflow:hidden; border-top:1px solid #ccc; font-size:14px;}
.inside .in_left .in_lt01 ul li span a{ display:block;}
.inside .in_left .in_lt01 ul li span{ display:block; border-left:4px solid #fff; padding:0 10px;}
.inside .in_left .in_lt01 ul li:hover span{ border-left:4px solid #0e1637;}
.inside .in_left .in_lt01 ul li .hover{ border-left:4px solid #0e1637;}
.inside .in_left .in_lt02{ border:1px solid #ccc; margin-top:20px;}
.inside .in_left .in_lt02 h2{ height:40px; line-height:40px; background:#f8f8f8 url(../images/tel.png) left 10px center no-repeat; padding-left:45px; font-weight:normal; font-size:16px;}
.inside .in_left .in_lt02 ul{ padding:10px;}
.inside .in_left .in_lt02 ul li{ font-size:14px;}
.inside .in_left .in_lt03{ border:1px solid #ccc; margin-top:20px;}
.inside .in_left .in_lt03 h2{ height:40px; line-height:40px; background:#f8f8f8 url(../images/news.png) left 10px center no-repeat; padding-left:45px; font-weight:normal; font-size:16px;}
.inside .in_left .in_lt03 ul{ padding:10px;}
.inside .in_left .in_lt03 ul li{ line-height:30px; height:30px; overflow:hidden; font-size:14px; background:url(../images/about-cn3_19.jpg) left center no-repeat; padding-left:10px;}
.inside .in_left .in_lt04{ border:1px solid #ccc; margin-top:20px;}
.inside .in_left .in_lt04 h2{ height:40px; line-height:40px; background:#f8f8f8 url(../images/key.png) left 10px center no-repeat; padding-left:45px; font-weight:normal; font-size:16px;}
.inside .in_left .in_lt04 ul{ padding:10px;}
.inside .in_left .in_lt04 ul li{ line-height:30px;}
.inside .in_left .in_lt04 ul li a{ padding:5px 20px; background:#0e1637; color:#fff;}

.inside .in_right{ float:right; width:calc(100% - 225px); font-size:14px;}
.weizhi{ height:30px; line-height:30px; border-bottom:1px solid #ccc; background:url(../images/homebg.png) left center no-repeat; padding-left:20px; font-size:12px;}
.inside .in_right .inmain{ padding:5px 0;}
.inside .in_right .inmain img{ max-width:100%; }
.inside .in_right .inmain svg{ max-width:80px; height: 80px; fill: #FFFFFF; }
.topen{
	width:40px;
	height:20px;
	float:right;
	position:absolute;
	top:10px;
	right:40px;
	text-align:center;
	line-height:20px;
	color:white;
	cursor:pointer;
	}
.clear{
	clear:both;}
.erji{
	width:100%;
	display:none;
	
	}
@media only screen and (max-width: 980px){
	.head_c{ display:none;}
.head_m{ display:block;}
	.nav{ display:block;}
.brand{
	max-width:1200px;
	    min-width: auto;
	}
	.index_title{
		width:100%;}
.brand .brand_h{
	width:100%;
	}
.brand .brand_b{
	width:100%;}
.brand .brand_b .item_list .btn{
	z-index:999;}
.star{
	max-width:1200px;
	    min-width: auto;
	}
.con04_c .list ul li{
	width:37%;
	}
.con04_c .list ul li img{
	width:100%;}
.con04_c .list .circle{
	    left: 50%;
    transform: translateX(-50%);
	}
.con05{
	background-size:cover;
	}
.con05 .lt05{
	width:50%;
	float:left;
	}
.con05 .rt05{
	width:50%;
	float:right;
	}
.con05 .rt05 span{
	    margin: 140px 0 0 170px;
	}
.con06_c .list ul li{
	height:auto;
}
.con06_c .list ul li .ship{
	width:100%;
	}
.con06_c .list ul li .txt{
	padding:0;
	width:100%;}
.con07_c .list ul{
	width:100%;
	max-width:1300px;}
.con07_c .list ul li{
	    width: 25%;
		height:auto;
		    margin: 0 30px 0 45px;
	}
.con07_c .list ul li .img img{
	width:100%;
	height:auto;}	
.con08_c .list ul{
	width:100%;
	max-width:1300px;	
	}
.con08_c .list ul li{
	    width: 44%;
		height:auto;
		    margin: 20px 20px 0 31px;	
	}
.con08_c .list ul li .img{
	height:auto;
	}
.con08_c .list ul li .img img {
    width: 100%;
	height:auto;
}
.slideTxtBox_01 .bd{
	    float: none;
    width: 55%;
    margin: 0 auto;
	}
.slideTxtBox_01 .hd{
	width:100%;
	float:none;
	}
.slideTxtBox_01 .hd ul li .rt09{
	width:89%;}
.footer .top .lt_f{
	width:80%;
	}
.footer .top .lt_f .lt_f1{
	margin-left:20px;}
.footer .top .lt_f .lt_f2{
	margin-left:20px;}
.footer .top .rt_f{
	width:20%;
}
.inside .in_left{
	margin-top:40px;
	}
.inside .in_right{
	    /* width: 700px; */
		margin-top:40px;
	}
.con01 .lt01{
	width:680px;}
.con01 .lt01 dl dt{
	width:85px;}
.con01 .lt01 dl dd{
	width:500px;}
  
  .more01{padding-top: 25px;}
  .more01 a{font-size: 15px;}
}



@media only screen and (max-width: 768px) {
body{ background:#f1f1f1;}
.head_c{ display:none;}
.head_m{ display:block;}
.nav{ display:block;}
.slide_container{ margin-top:50px;}

.con01{ display:none;}

.index_title{ width:100%;}
.con02{ padding:20px 0 10px 0; background:#fff;}
.brand{ display:none;}
.brand_m{ display:block;}
.con03{ margin-top:20px; background:#fff; padding:20px 0;}
.star_m{ display:block;}
.star{ display:none;}

.con04{ margin-top:20px; padding:20px 0; background:#fff;}
.con04_c{ width:100%;}
.con04_c .list .circle{ display:none;}
.con04_c .list{ padding:0 1%;}
.con04_c .list ul{ width:100%;}
.con04_c .list ul li{ float:none; width:100%; height:auto; margin:10px 0;}
.con04_c .list ul li img{ width:100%; height:auto;}
.con04_c .list ul li h2{ display:none;}
.con04_c .list ul li .content{ position:absolute; top:0; left:0;}
.con04_c .list ul li .content h3{ text-align:center; margin-top:10%;}
.con04_c .list ul li .content p{ display:none;}
.con04_c .list ul li:nth-child(2){ display:none;}
.con04_c .list ul li:nth-child(3){ display:none;}
.con04_c .list ul li:nth-child(4){ display:none;}

.con05{ display:none;}

.con06{ padding:20px 0; margin-top:20px; background:#fff;}
.con06_c{ width:100%;}
.con06_c .list{ padding:0 1%;}
.con06_c .list ul{ width:100%;}
.con06_c .list ul li{ float:none; width:100%; height:auto; margin:10px 0;}
.con06_c .list ul li .ship{ width:100%; }
.con06_c .list ul li .ship img{ width:100%; height:auto;}
.con06_c .list ul li .txt{ width:100%; padding:0;}
.con06_c .list ul li:nth-child(1) .ship{ float:none;}
.con06_c .list ul li:nth-child(1) .txt{ float:none;}
.con06_c .list ul li:nth-child(1) .txt p{ max-height:100px; overflow:hidden;}
.con06_c .list ul li:nth-child(2) .ship{ float:none;}
.con06_c .list ul li:nth-child(2) .txt{ float:none;}
.con06_c .list ul li .txt p span{ width:100%;}
.con06_c .list ul li:nth-child(2){ display:none;}

.con07{ padding:20px 0; margin-top:20px; background:#fff; height:auto; max-height:none; overflow:visible; }
.con07_c{ width:100%; }
.con07_c .list{ padding:0 1%; margin:0; }
.con07_c .list ul{ width:100%; }
.con07_c .list ul li{ float:none; margin:0; width:100%; height:auto; margin:10px 0;}
.con07_c .list ul li .img img{ width:100%; height:auto; }
.con07_c .list ul li .txt{ height:50px; line-height:50px; }

.con08{ padding:20px 0; margin-top:20px; background:#fff; height:auto; max-height:none; overflow:visible;}
.con08_c{ width:100%;}
.con08_c .list{ padding:0 1%; margin:10px 0 0 0;}
.con08_c .list ul{ width:100%;}
.con08_c .list ul li{ width:100%; box-sizing: border-box; padding: 0 1%; height:auto; margin:0; margin-bottom: 15px;  }
.con08_c .list ul li .img{ height:auto;  }
.con08_c .list ul li .img img{ width:100%; height:auto; }
.con08_c .list ul li .txt{ margin-top:-3px; }

.con09{ padding:20px 0; margin-top:20px; background:#fff; height:auto; max-height:none; overflow:visible;}
.con09_c{ width:100%; }
.con09_c .list{ padding:0 1%; margin:10px 0 0 0; }
.slideTxtBox_01 .bd{ float:none; display:none; }
.slideTxtBox_01 .hd{ float:none; width:100%; }

.con10{ display:none; }

.footer{ width:100%; margin-top:20px; margin-bottom:40px; background:none; color:#333; padding-bottom: 20px; }
.footer a{ color:#333; }
.foot{ width:100%; padding-bottom: 20px; }
.footer .top{ display:none; }

.foot_nav{ display:block; padding:5px 0; }

.all_share{ display:none; }
.Nav_r{ display:none; }

.inside{ width:100%;}
.inside .in_left{ float:none; display:none;}
.inside .in_right{ float:none; width:100%; margin-top:50px;}

  .more01{padding-top: 15px; padding-bottom: 15px;}
}



@media only screen and (max-width: 480px) {
.contentfirst ul li .img{ height:160px;}
.contentfirst ul li img{ width:100%; max-height:160px;}

.star_m .main ul li a{ display:block; color:#fff; padding:93px 0;}
.slideTxtBox_01 .hd ul li .lt09{ width:75px;}
.slideTxtBox_01 .hd ul li .rt09{ width:320px;}
.slideTxtBox_01 .hd ul li .rt09 h3{font-size: 16px;}

.more01 a{font-size: 13px; padding: 8px 25px;}
}

@media only screen and (max-width: 414px) {
.contentfirst ul li .img{ height:140px;}
.contentfirst ul li img{ width:100%; max-height:140px;}

.star_m .main ul li a{ display:block; color:#fff; padding:75px 0;}
.slideTxtBox_01 .hd ul li .lt09{ width:75px;}
.slideTxtBox_01 .hd ul li .rt09{ width:265px;}
.slideTxtBox_01 .hd ul li{ height:auto; }
}

@media only screen and (max-width: 375px) {
.contentfirst ul li .img{ height:125px;}
.contentfirst ul li img{ width:100%; max-height:125px;}

.star_m .main ul li a{ display:block; color:#fff; padding:67px 0;}
.slideTxtBox_01 .hd ul li .lt09{ width:75px;}
.slideTxtBox_01 .hd ul li .rt09{ width:270px;}
}

@media only screen and (max-width: 320px) {
.contentfirst ul li .img{ height:110px;}
.contentfirst ul li img{ width:100%; max-height:110px;}

.star_m .main ul li a{ display:block; color:#fff; padding:54px 0; }
.slideTxtBox_01 .hd ul li .lt09{ width:75px;}
.slideTxtBox_01 .hd ul li .rt09{ width:236px;}
}