@charset "utf-8";
@import url("style/base.css");
/* CSS Document */
body { height:100%; min-width:1200px;}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,table,td,tr,th,div,dl,dt,dd,form,fieldset,img,cite,strong,em,div,input{margin:0;padding:0;}
body{ text-align:left; margin:0 auto; font-size:12px; font-family:"Microsoft YaHei","微软雅黑"; color:#555;}
h1, h2, h3, h4, h5, h6{ font-size:12px;font-weight: normal;}
div{margin:0 auto;}
img, table, td, th ,embed{ border:none;}
img{ vertical-align:middle;}
ul,li{ padding:0; list-style-type:none;}
a{ text-decoration:none; color:#555;}
a:hover{ text-decoration:none;}
.fl{ float:left;}
.fr{ float:right;}
.none{ display:none;}
.block{ display:block;}
.h70{ width:100%; height:150px;}
.clear{ clear:both;}
.w1000{ width:1000px; height:auto; margin:0 auto; overflow:hidden;}
.w1200{ width:1200px; height:auto; margin:0 auto; overflow:visible;}
.w100pc{ width:100%; height:auto; margin:0 auto; overflow:hidden;}
#wrap{ width:100%; height:auto; margin:0 auto; overflow:hidden; background:#fff; position:relative;}
@media(max-width:767px){
body { height:100%; min-width:300px;}
body{ min-width:320px !important; max-width:640px;}
body{ background:#fff;color:#878787;font:.8em "微软雅黑"; margin:0 auto;}
.auto_img{width:100%;}
.w1000{ width:100%; height:auto; margin:0 auto; overflow:hidden;}
.w1200{ width:100%; height:auto; margin:0 auto; position:relative;}
.container{ width:100%; height:auto; margin:0 auto; position:relative;}
#wrap{ width:100%; height:auto; margin:0 auto; overflow:hidden; background:#fff;}
}

/*header*/
#header{ width:100%;  height:auto; overflow:visible;}

.top{ width:100%; height:115px; padding:20px 0 0;}
.top .logo{ float:left; position:relative; padding-top:8px; position:relative; min-width:311px;}
.top .logo img{ height:auto;}
.top .logo span{ display:block; position:absolute; left:104px; top:43px; color:#666; font-size:16px; width:172px; text-align:center; color:#F00;}
.top .logo span:after{ content:""; display:block; width:24px; height:1px; background:#F00; position:absolute; top:12px; left:0;}
.top .logo span:before{ content:""; display:block; width:24px; height:1px; background:#F00; position:absolute; top:12px; right:0;}

.menu{ float:right;}
.menu ul{ height:auto; width:100%; float:none;}
.menu ul li{ float:left; height:auto; position:relative; padding:0; margin:0 1px 0 0;}
.menu ul li:after{ content:""; display:block;position:absolute;bottom:30px;right:-1px;width:1px; height:15px; background:#dbdbdb;}
.menu ul li:last-child{ margin:0;}
.menu ul li:last-child:after{ display:none;}
.menu ul li>a{ font-size:16px; height:75px; color:#333; text-decoration:none;z-index:1;display:block; text-align:center; padding:0 18px; line-height:73px;overflow:hidden; border-bottom:2px solid transparent;min-width:60px;}
.menu ul li a span{position:relative;display: block;-webkit-transition: all .2s ease-in-out;transition: all .2s ease-in-out}
.menu li.active>a,.menu li:hover>a{color:#104cad; border-bottom:2px solid #104cad; }

.menu .dropdown-menu{top:73px;left:50%;margin:0 0 0 -80px;width:160px;border:0px solid #d2d2d2;/*border-top:0px solid #0354ac;*/background-color:#fff;text-align:center; padding:5px 0;border-radius:0; background:#104cad;}
.menu .dropdown-box{position: absolute;z-index:3;display: none}
.menu .dropdown-box dd{ float:left;width:100%;line-height: 36px;font-size: 16px}
.menu .dropdown-box dd a{display: block;height:42px;overflow: hidden;line-height:42px;color:#fff;font-size:15px}
.menu .dropdown-box dd a:hover{color:#fff; background:#0f3d87;}
.menu ul li:hover .dropdown-menu.dropdown-box{ display:block;}

.none{display:none}
.hide1{ position:absolute; z-index:100;top:102px;left:39px;}
.btn_menu,.menu .menu_bg,.menu .menu_closed{ display:none;}


@media(max-width:767px){
	.menu ul li a i{ display:none;}
	.top .logo{ float:left; position:relative; width:auto; padding:12px 0 15px 10px; z-index:109; margin:0;}
	.top .logo img{ width:auto; height:45px; margin:0;}
	.top .logo span{ left:89px; top:40px; color:#666; font-size:14px; width:130px;}
	.top .logo span:after{ width:14px; top:10px;}
	.top .logo span:before{ width:14px; top:10px;}
	
	.top{ width:100%; height:auto; margin:0 auto; position:relative; border:none; padding:0;}
	.top .btn_menu{ display:block; position:absolute; right:10px; top:23px;font-size:14px;color: #333; width:24px; height:24px;}
	.top .btn_menu .icon{display:inline-block;background-position:center;background-repeat:no-repeat;background-size:contain; vertical-align:middle;}
	.top .btn_menu .icon-menu{width:24px;height:24px;background-image:url(/images/icon-menu.png)}
	.menu ul li:hover .dropdown-menu.dropdown-box{ display:none;}
}
@media(max-width:767px){
	.menu{display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
	.menu .menu_bg{ display:block;position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
	.menu .menu_closed{ display:block;position:absolute;width:20%;left:0px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
	.menu .nav{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%}
	.menu .nav{padding-left:5%;padding-right:5%}
	.menu .nav li{border-bottom:1px solid #232530; width:100%;}
	.menu ul li:after{ display:none;}
	.menu .nav li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px; text-align:left;}
	.menu ul li a span:after{color:#ff8a00;}
	.menu ul li a span:after{ text-align:left;}
	.menu li.active>a, .menu li:hover>a{ border:none;}
	.menu .nav li .navigation-li{background:url(/images/plus.png) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
	.menu .nav li .navA_on{background:url(/images/reduce.jpg) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
}

/*banner*/
.slideBox{ width:100%; position:relative;  height:100%; }
.slideBox .bd{ height:100%; z-index:0;  width:100%;   position:relative; }
.slideBox .bd ul{width:100%;height:100%; position:relative; z-index:100;}
.slideBox .bd li{ zoom:1; vertical-align:middle; width:100%; }
.slideBox .bd li>div{width:100%; height:580px;  margin:0 auto;}
.slideBox .bd li .w1200{ position:absolute; width:1200px; height:auto; top:50%; left:50%; margin-left:-600px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.slideBox .bd li .tit{ font-size:42px;margin-bottom:30px;line-height:1;color:#fff;}
.slideBox .bd li .sum {line-height:1;text-align:left; font-size:24px;color:#fff;}
.slideBox .bd li:last-child .w1200{/* text-align:center; */margin-top:-30px;}
.slideBox .bd li:last-child .sum{/* text-align:center;*/}

.bannerPanel{position:relative; width:100%; min-width:1200px; max-width:2560px;}
.banner{width:100%; overflow:hidden;padding: 0px;margin: 0px;height:580px;}
.banner li{position:relative; float:left; height:580px;min-height:580px;min-width:1180px; max-width:2560px;}
.banslideClass{width:100%;height: 100%;min-width:1200px; max-width:2560px;height:580px;}
.banslideClass a{ display:block; width:100%; height:580px; position:relative;}
.swiper-form{position: absolute;left: 50%;margin-left: -440px;z-index: 10;bottom: 38px;width: 880px;height: 120px;background-color: rgba(0, 0, 0, 0.4)}
.swiper-form .swiper-form__left{float: left;padding-left: 24px;width: 400px}
.swiper-form .swiper-form__right{float: left;padding-top: 49px;margin-left: 12px}
.swiper-form .swiper-form__text{padding-top: 18px;margin-bottom: 15px;font-size: 16px;color: #fff}
.swiper-form .swiper-form__text b{font-size: 24px}
.swiper-form .swiper-form__text .line{margin: 0 12px;	font-size: 14px}
.swiper-form .swiper-form__slider {height:14px;border-radius: 7px;background: #fff;border: none}
.swiper-form .swiper-form__slider .ui-slider-range {background: #004da0;border-radius: 7px 0 0 7px}
.swiper-form .swiper-form__slider .ui-slider-handle {top:-10px;margin: 0 0 0 -19px;width: 38px;height: 38px;background: url(/images/slider-handle.png) no-repeat 0 0;border: none;outline: none}
.swiper-form .swiper-form__slider .ui-slider-value {position: absolute;font-size: 16px;color: #fff;bottom: -30px;width: 100px;text-align: center;margin-left: -50px}
.swiper-form .swiper-form__input{float: left;width: 250px;height: 40px;padding: 13px 20px;border: none}
.swiper-form .swiper-form__button{float: left;margin-left: 8px;width: 160px;height: 40px;background-color: #e61874;background-image: linear-gradient(30deg, #e61874, #fd5ba4);border: none;color: #fff;font-size: 16px;text-align: center}
.banner01{ display:none;}
@media(max-width:767px){
	.slideBox{ display:none;}
	.swiper-form{ display:none;}
	.banner01{ display:block; width:100%; height:auto; position:relative; overflow:hidden;}
	
	.indBanner{ width:100%; height:auto;}
	.indBanner .swiper-slide{ height:auto;}
	.indBanner .swiper-slide img{ display:block; width:100%; height:auto;}
	.indBanner .swiper-slide a{ display:block; width:100%; height:100%; position:relative;}
	.indBanner .swiper-slide .mes{ position:absolute; width:90%; height:auto; top:50%; left:5%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
	.indBanner .swiper-slide .tit{ font-size:18px;margin-bottom:12px;line-height:1;color:#fff;}
	.indBanner .swiper-slide .sum {line-height:1;text-align:left; font-size:13px;color:#fff;}
	.indBanner .swiper-pagination{ bottom:10px;}
	.indBanner .swiper-pagination-bullet{margin:5px auto; display:inline-block; cursor:pointer; width:8px;height:8px;text-indent:-999px;border-radius:50%;background-color:transparent;opacity:1;position:relative; margin:0 5px;}
	.indBanner .swiper-pagination-bullet:before{content:"";display:block;width:8px;height:8px;background:rgba(255,255,255,.7);border-radius:50%;position:absolute;left:-1px;top:-1px;z-index:10;transform:scale(1);transition:all 0.3s;}
	.indBanner .swiper-pagination-bullet-active{background-color:#009FE8;}
	.indBanner .swiper-pagination-bullet-active:before{transform:scale(1);background-color:#009FE8;}
}

/*main*/
.main{ width:auto; height:auto; overflow:visible;}
.mTit{text-align:center; line-height:1.5; padding:0 0 5px;}
.mTit h1{display:inline-block;font-size:28px;position:relative;line-height:1.5; font-weight:bold;}
.mTit h1:before,.mTit h1:after{position:absolute;top:20px;content:"";width:20px;height:2px;background:#333}
.mTit h1:before{left:-40px}
.mTit h1:after{right:-40px}
.mTit span{text-transform:uppercase;font-size:14px;color:#999; display:block; padding:0 0 10px;}
.mTitW h1,.mTitW span,.mTitW h1:after,.mTitW h1:before{color:#fff}
.mTitW h1:after,.mTitW h1:before{background:#fff}
@media(max-width:767px){
	.mTit h1{font-size:1.4rem;}
	.mTit span{font-size:.85rem;}
	.mTit h1:before,.mTit h1:after{width:15px; top:15px;}
	.mTit h1:before{left:-25px}
	.mTit h1:after{right:-25px}
}


.entry-container { margin-top: -100px; text-align: center; padding-bottom:54px; position: relative; z-index:1;}
.entry-container:after{ content:''; display:block; width:100%; height:calc(100% - 100px); position:absolute; left:0; bottom:0; background:#efeff4; z-index:0}
.entry-container .w1200 { overflow: visible; position:relative; z-index:10;}
.entry-container .entry-item{display:inline-block;vertical-align:middle;width:224px;height:232px;border: 1px solid #e8e8e8;-webkit-border-radius:10px;-webkit-background-clip: padding-box;-moz-border-radius: 10px;-moz-background-clip: padding;border-radius: 10px;background-clip: padding-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;background: #fff;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; vertical-align:middle;}
.entry-container .entry-item.publish{margin:0 0px 0 15px;}
.entry-container .entry-item:hover{ -webkit-box-shadow: 1.5px 2.598px 8px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1.5px 2.598px 8px 0px rgba(0, 0, 0, 0.2); box-shadow: 1.5px 2.598px 8px 0px rgba(0, 0, 0, 0.2); border-color: #fff;}
.entry-container .entry-item:hover .img-container { background: #fff!important;}
.entry-container .entry-item:hover .img-container .hover{ opacity: 1;}
.entry-container .entry-item:hover .img-container .normal{ opacity: 0;}
.entry-container .entry-item:hover h3,.entry-container .entry-item:hover span{ -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -o-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px);}
.entry-container .entry-item:hover.green { border-bottom:5px solid #01c2ac;}
.entry-container .entry-item:hover.green h3,.entry-container .entry-item:hover.green i{ color:#01c2ac;}
.entry-container .entry-item:hover.green .img-border { border-color:#01c2ac;}
.entry-container .entry-item:hover.blue{ border-bottom:5px solid #529df5;}
.entry-container .entry-item:hover.blue h3,.entry-container .entry-item:hover.blue i{ color:#529df5;}
.entry-container .entry-item:hover.blue .img-border{ border-color: #529df5;}
.entry-container .entry-item:hover.yellow { border-bottom: 5px solid #ffae00;}
.entry-container .entry-item:hover.yellow h3,.entry-container .entry-item:hover.yellow i{ color:#ffae00;}
.entry-container .entry-item:hover.yellow .img-border{ border-color:#ffae00;}
.entry-container .entry-item:hover.red{ border-bottom:5px solid #f56f52;}
.entry-container .entry-item:hover.red h3,.entry-container .entry-item:hover.red i{ color:#f56f52;}
.entry-container .entry-item:hover.red .img-border{ border-color:#f56f52;}
.entry-container .entry-item:hover.purple{ border-bottom:5px solid #97c71e;}
.entry-container .entry-item:hover.purple h3,.entry-container .entry-item:hover.purple i{ color:#97c71e;}
.entry-container .entry-item:hover.purple .img-border{ border-color: #97c71e;}
.entry-container h3{ font-size:22px; color:#000; margin-top:25px; margin-bottom:6px; -webkit-transition:all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}
.entry-container i{	font-size:38px; color: #fff; text-align: center; padding-top:0px; width: 37px; line-height:95px;}
.entry-container span { font-size:15px; color: #888888; display: block; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.entry-container .img-border { border: 1px solid #e8e8e8; width: 104px; height: 104px; -webkit-border-radius: 100%; -webkit-background-clip: padding-box; -moz-border-radius: 100%; -moz-background-clip: padding; border-radius: 100%; background-clip: padding-box; margin: auto; margin-top: 25px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.entry-container .img-container {width: 95px;height: 95px;margin: auto;-webkit-border-radius: 100%;-webkit-background-clip: padding-box;-moz-border-radius: 100%;-moz-background-clip: padding;border-radius: 100%;background-clip: padding-box;margin-top: 4px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;position: relative;}
.entry-container .img-container .normal{ opacity:1;}
.entry-container .img-container.green{ background:#01c2ac;}
.entry-container .img-container.yellow{ background:#ffae00;}
.entry-container .img-container.blue{ background:#529df5;}
.entry-container .img-container.purple{ background:#97c71e;}
.entry-container .img-container.red{ background:#f56f52;}
.entry-container .img-container.blue i{	font-size: 42px; width: 41px; padding-top: 16px;}
.entry-container .img-container img{ width: 45px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; position: absolute; top: 50%; left: 50%; margin-left: -23px; margin-top: -15px;}
@media(max-width:767px){
	.entry-container { margin:0; padding:24px 10px;}
	.entry-container:after{ height:100%; }
	.entry-container .entry-item{width:48%;height:auto;margin:0 0 10px 1%; padding-bottom:25px;}
	.entry-container .entry-item:last-child{ width:97.8%;}
	.entry-container .entry-item.publish{margin:0 0 10px 1%;}
	.entry-container h3{ font-size:18px; color:#000; margin-top:15px; margin-bottom:6px;}
	.entry-container span { font-size:13px;}
	.entry-container .img-border{ width:84px; height:84px; margin-top:15px;}
	.entry-container .img-container {width:74px;height:74px;margin-top:4px;}
	.entry-container i{	font-size:30px; width:37px; line-height:74px;}
}


.ma1{ padding:80px 0 0; overflow: hidden;}
.ma1 .maT{display:flex;justify-content:space-between;align-items:center;max-width:1590px;padding:0 15px;margin:0 auto;flex-wrap: wrap;}
.ma1 .maT .maT_l{ width:45.46%;padding-right:100px;text-align:right;position:relative;}
.ma1 .maT .maT_l .maCn{font-size:16px;color:#333333;line-height:1.87;margin-bottom:45px;position:relative;}
.ma1 .maT .maT_l .maEn{font-size:12px;line-height:1.9;color:#999999; text-transform:uppercase;}
.ma1 .maT .maT_l::after {content: "";width:6px;height:149px;background-color: #83c14b;position: absolute;right:70px;top: 50%;transform:translateY(-50%);}
.ma1 .maT .maT_r{width:53.85%;height:307px;background:url(../images/line2.jpg) no-repeat center center;background-size: cover;padding:44px 20px 20px 46px;}
.ma1 .maT .maT_r h3{font-size:60px;color:#fff; font-weight:bold;}
.ma1 .maT .maT_r p{font-size:24px;color:#fff;margin-top:24px;position:relative;}
.ma1 .maT .maT_r p::after{content:"";height:4px;width:51px;background-color:#ffffff;position:absolute;bottom:-27px;left:0;}
.ma1 .maB{ width:100%; height:auto;position:relative;overflow:hidden;}
.ma1 .maB .img{width:100%;overflow:hidden; position:relative; z-index:0;}
.ma1 .maB .img img{width:100%;transition: all ease .36s;display:block; margin-top:-65px;}
.ma1 .maB:hover .img img{transform: scale(1.1);}
.ma1 .maB .cont{background:#fff;position:absolute;top:0;width:52.9%;padding:54px 45px 54px 45px;right:15px; z-index:9;}
.ma1 .maB .cont1{ background:#eaf2e3; width:45.06%; left:15px; right:auto;}
.ma1 .maB .cont h3 {font-size:24px;color:#333333;margin-bottom:35px;line-height:37px;}
.ma1 .maB .cont p{font-size:16px;color:#666666;line-height:1.875; min-height:90px}
@media(max-width:767px){
	.ma1{ padding:30px 10px;}
	.ma1 .maT{max-width:850px;padding:0;}
	.ma1 .maT .maT_l{ display:none;}
	.ma1 .maT .maT_r{width:100%;height:11.5rem;background:url(../images/line2.jpg) no-repeat center center;background-size: auto 100%;padding:28px 10px 10px 23px;}
	.ma1 .maT .maT_r h3{font-size:32px;}
	.ma1 .maT .maT_r p{font-size:14px;margin-top:14px;}
	.ma1 .maT .maT_r p::after{height:2px;width:31px;bottom:-20px;}
	.ma1 .maB .img{width:100%;overflow:hidden;}
	.ma1 .maB .img img{ margin-top:0;}
	.ma1 .maB .cont{position:relative;top:auto;width:100%;padding:30px 20px;right:auto; border:1px solid #e9efec;}
	.ma1 .maB .cont1{ width:100%; left:auto;}
	.ma1 .maB .cont h3 {font-size:18px;margin-bottom:15px;line-height:30px;}
	.ma1 .maB .cont p{font-size:14px; min-height:inherit}
}

.ma2{ padding:50px 0; overflow: hidden;}
.ma2 .maCont{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;}
.ma2 .maCont .left{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; padding:0 15px}
.ma2 .maCont .left .pic{position:relative; width:100%; /*min-height:332px; background:url(/images/about_bg.png) no-repeat left top; background-size:auto 100%;*/}
.ma2 .maCont .left .pic .img{ position:relative; z-index:4;}
.ma2 .maCont .left .pic .img img{ max-width:100%; height:auto;}
.ma2 .maCont .left .pic>img{max-width:100%;height:auto;position:absolute; top:0; left:0; z-index:5; max-height:100%; width:auto;}
.ma2 .maCont .left .pic:after{position:absolute;content:"";height:260px;width:255px;background:#8090c7;z-index:0;right:90px;margin:0 auto;top:45px;opacity:0.15;animation:heartbeat 1s infinite alternate;}
.ma2 .maCont .right{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;}
.ma2 .maCont .right h2{position:relative;margin-bottom:40px;font-size:28px;line-height:42px; font-weight:bold;}
.ma2 .maCont .right h2:before{content:"";background:#666;position:absolute;height:4px;width:50px;bottom:-20px;left:0;}
.ma2 .maCont .right p{margin:0 0 20px;line-height:2;text-align:justify; font-size:16px}
.ma2 .maCont .right .more{ text-align:left;}
.ma2 .maCont .right .more a{ display:inline-block;font-size:16px;text-transform:uppercase;line-height: 26px;font-weight:500;overflow:hidden;border-radius:5px;cursor:pointer; background:#104cad;padding:9px 36px;color:#fff;border-radius: 5px; border:1px solid #104cad;}
.ma2 .maCont .right .more a:hover{}
@media(max-width:767px){
	.ma2{ padding:30px 10px;background-color:#fafafa;}
	.ma2 .maCont .left{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding:0}
	.ma2 .maCont .left .pic:after{height:75%;width:60%;right:16%;top:15%;}
	.ma2 .maCont .right{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding:15px 0 0;}
	.ma2 .maCont .right h2{margin-bottom:30px;font-size:1.4rem;line-height:42px;}
	.ma2 .maCont .right h2:before{content:"";background:#666;position:absolute;height:2px;width:35px;bottom:-10px;left:0;}
	.ma2 .maCont .right p{margin:0 0 20px;line-height:2;font-size:14px}
	.ma2 .maCont .right .more a{ display:inline-block;font-size:14px;padding:6px 30px;}
	.ma2 .maCont .right .more a:hover{}
}


.main1{ width:100%; overflow:visible;padding:50px 0;background-color:#fafafa;}
.main1 ul li{ float:left;width:380px; margin-right:30px; margin-top:15px;}
.main1 ul li:nth-child(3n){ margin-right:0;}
.main1 ul li a{ display:block;border:1px solid #ddd;border-radius:5px;padding:20px;height:160px;}
.main1 ul li .item_icon{ float:left; width:86px; height:auto;}
.main1 ul li .item_text{margin-left:100px; line-height:1.5;}
.main1 ul li .item_text h5{color: #333;font-size:18px; font-weight:bold; padding-bottom:8px;}
.main1 ul li .item_text span{font-size:14px;color:#777}
@media(max-width:767px){
	.main1{ padding:1.6rem 0;}
	.main1 ul{ padding:0 10px;}
	.main1 ul li{ float:left;width:100%;height:auto; margin:1rem 0 0;}
	.main1 ul li a{padding:10px;height:auto;}
	.main1 ul li .item_icon{ width:82px;}
	.main1 ul li .item_icon img{ max-width:100%; height:auto;}
	.main1 ul li .item_text{margin-left:95px;}
	.main1 ul li .item_text h5{font-size:1.1rem;}
	.main1 ul li .item_text span{font-size:.85rem;}
}

.main2{ width:100%; height:auto; padding:50px 0 0;}
.main2_c{padding-top:60px; position:relative; width:969px; margin:0 auto;}
.main2_c img{ max-width:100%; display:block; margin:0 auto}
.main2_c ul{ position:absolute; top:60px; padding:50px 1px 0;}
.main2_c ul li{width:226px;height:46px; float:left; line-height:44px; text-align:center; border:1px solid #92c2e8; margin-top:24px; font-size:16px; font-weight:bold; color:#333;}
.main2_c ul li.fr{ float:right; margin-left:515px;}
.mo-img{ display:none;}
@media(max-width:767px){
	.main2{padding:1.6rem 10px 0;}
	.main2_c{padding:1.2rem 0 0; width:100%;}
	.main2_c>img{ display:none;}
	.main2_c ul{ display:none;}
	.mo-img{ display:block; max-width:100%; height:auto;}
	.mo-img img{ max-width:100%; display:block; margin:0 auto}
	
}

.main3{ width:100%; height:auto; overflow:visible;background:#fafafa; padding:50px 0;}
.main3_c{padding:30px 0 0;}
.main3_c .text{ font-size:16px; line-height:1.5; color:#333; padding:0 0 10px;}
.main3_c .img{ padding:30px 0 0; text-align:center;}
.main3_c img{ max-width:100%; height:auto;}
@media(max-width:767px){
	.main3{padding:1.6rem 10px;}
	.main3_c{padding:1.2rem 0 0;}
	.main3_c .text{ font-size:1rem; line-height:1.8;}
	.main3_c .img{ padding:1rem 0 0;}
	
}

.main4{ width:100%; height:auto; overflow:visible; padding:50px 0;}
.main4_c{padding:30px 0 0;}
.main4_c ul li{ float:left; width:25%;background:#fa5c37;color:#fff;text-align:center;padding:40px 0}
.main4_c ul li:nth-child(2){background:#fa9e37;}
.main4_c ul li:nth-child(3){background:#287a9f;}
.main4_c ul li:nth-child(4){background:#29b461;}
.main4_c ul li i{display:block;text-align:center; font-size:56px;}
.main4_c ul li h5{text-align:center;font-size:18px;margin-bottom:10px;margin-top:15px; font-weight:bold; color:#FFF; line-height:1.5;}
.main4_c ul li p{ height:160px; margin-bottom:10px; font-size:15px; line-height:1.8;}
.main4_c ul li a{display:inline-block;border:1px solid #fff;padding:6px 30px;color:#fff;border-radius:5px; font-size:15px;}
.main4_c ul li a:hover{ background:#fff; color:#fa5c37;}
.main4_c ul li:nth-child(2) a:hover{ color:#fa9e37;}
.main4_c ul li:nth-child(3) a:hover{ color:#287a9f;}
.main4_c ul li:nth-child(4) a:hover{ color:#29b461;}
@media(max-width:767px){
	.main4{ padding:1.6rem 10px;}
	.main4_c{padding:1.2rem 0 0;}
	.main4_c ul li{ width:50%;background:#fa5c37;padding:2rem 0}
	.main4_c ul li i{ font-size:2.8rem;}
	.main4_c ul li h5{font-size:1.1rem;}
	.main4_c ul li p{ height:8rem; padding:0 8px; font-size:.85rem;}
	.main4_c ul li a{padding:6px 0; width:70%; font-size:.85rem;}
		
}


.main5{ width:100%; padding:50px 0; background:#fafafa;}
.main5_c{ padding:30px 0 0;}
.main5_c ul li{ float:left; width:33.33333%;text-align:center;padding:30px 30px;border:1px solid #ddd;margin-bottom:-1px;margin-left:-1px}
.main5_c ul li:nth-child(3n+1){ margin-left:0;}
.main5_c ul li:hover{color:#fff;background:#118fe9}
.main5_c ul li:hover i{color:#fff}
.main5_c ul li i{display:block;font-size:36px;color:#118fe9;margin-bottom:20px}
.main5_c ul li p{height:40px;font-weight:normal; font-size:15px; line-height:1.8;}
@media(max-width:767px){
	.main5{ padding:1.6rem 10px;}
	.main5_c{ padding:1.2rem 0 0;}
	.main5_c ul li{ width:50%;padding:15px;}
	.main5_c ul li:nth-child(2n+1){ margin-left:0;}
	.main5_c ul li i{font-size:2.2rem;margin-bottom:1rem;}
	.main5_c ul li p{height:3.1rem;font-size:.85rem;}
}

.main6{ width:100%; height:auto; padding:50px 0;}
.main6_c{padding-top:30px; position:relative;}
.main6_c img{ max-width:100%; display:block; margin:0 auto;}
.main6_c ul{ position:absolute; top:30px; padding:0;}
.main6_c ul li{width:380px;height:45px; float:left; line-height:45px; text-align:right; margin-top:15px; font-size:18px; color:#333; padding-right:25px; position:relative;}
.main6_c ul li:after{ content:""; display:block; width:15px; height:15px; background:#999; position:absolute; right:0; top:15px;border-radius:50%;}
.main6_c ul li.fr{ float:right; width:454px; margin-left:330px; text-align:left; padding:0 0 0 25px;}
.main6_c ul li.fr:after{ left:0;}
.main6_c ul li:nth-child(1){ margin-top:15px;}
.main6_c ul li:nth-child(1):after,.main6_c ul li:nth-child(1) span{ background:#89c600;}
.main6_c ul li:nth-child(2){ margin-top:15px;}
.main6_c ul li:nth-child(2):after,.main6_c ul li:nth-child(2) span{ background:#ffc001;}
.main6_c ul li:nth-child(3){ margin-top:65px;}
.main6_c ul li:nth-child(3):after,.main6_c ul li:nth-child(3) span{ background:#f91900;}
.main6_c ul li:nth-child(4){ margin-top:65px;}
.main6_c ul li:nth-child(4):after,.main6_c ul li:nth-child(4) span{ background:#00b393;}
.main6_c ul li:nth-child(5){ margin-top:67px;}
.main6_c ul li:nth-child(5):after,.main6_c ul li:nth-child(5) span{ background:#343e48;}
.main6_c ul li:nth-child(6){ margin-top:67px;}
.main6_c ul li:nth-child(6):after,.main6_c ul li:nth-child(6) span{ background:#01bbf8;}
.main6_c ul li span{ display:none;}
@media(max-width:767px){
	.main6{ padding:1.6rem 5px;}
	.main6_c{padding-top:1.2rem;}
	.main6_c>img{ display:none;}
	.main6_c ul{ position:relative; top:0; padding:0;}
	.main6_c ul li{width:48%;height:calc(90px + 5rem); line-height:1.75; text-align:center; margin-top:15px !important; margin-right:4%; font-size:.95rem; padding:0 10px;}
	.main6_c ul li:after{ display:none;}
	.main6_c ul li.fr{ float:right; width:48%; margin:15px 0 0 0 !important; text-align:center; padding:0 10px;}
	.main6_c ul li span{ display:block; margin:0 auto 10px; width:80px; height:80px; border-radius:50%; padding:20px 0 0; text-align:center;}
	.main6_c ul li span img{ width:40px; height:40px;}
}


.main7{ width:100%; height:auto; padding:50px 0; background:#fafafa}
.main7_c{padding-top:30px; position:relative;}
.main7_c .line{ width:100%; margin:5px 0; height:4px; background:#e6f0f7;}
.main7_c ul{ padding:0;}
.main7_c ul li{ width:210px; float:left; position:relative; margin-right:33px; padding-bottom:27px;}
.main7_c ul:last-child li{ padding-bottom:0; padding-top:27px;}
.main7_c ul li:last-child{ margin-right:0;}
.main7_c ul li .box{width:210px;height:130px; background:#e6f0f7; color:#666; padding:15px 20px; position:relative;border-radius:5px;}
.main7_c ul li .box h1{ font-size:16px; line-height:1.5; padding-bottom:5px; font-weight:bold;}
.main7_c ul li .box h1 font{ font-weight:normal;}
.main7_c ul li .box p{ font-size:15px; line-height:1.6;}
.main7_c ul li .box:after{ content:""; display:block;width: 0;height: 0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:24px solid #00baf7; position:absolute; bottom:-12px; left:49px;}
.main7_c ul li.m2 .box:after{ border-top-color:#e6f0f7;}
.main7_c ul:last-child  .box:after{ left:auto; top:-12px; right:42px; border-bottom:24px solid #00baf7; border-top:none;}
.main7_c ul:last-child li.m2 .box:after{ border-bottom-color:#e6f0f7;}
.main7_c ul li.m1 .box{ background:#00baf7; color:#FFF;}
.main7_c ul li.m1 .box h1{ color:#fff;}
.main7_c ul li.m2 .box h1{ color:#000;}
.main7_c ul li.m2 .box h1 font{ color:#118fe9}
.main7_c ul li i{ display:block; width:14px; height:14px; background:#00baf7; position:absolute;border-radius:50%; left:52px; bottom:-14px;}
.main7_c ul li.m2 i{ border:2px solid #00baf7; background:#FFF;}
.main7_c ul:last-child li i{ left:auto; bottom:auto; right:45px; top:-14px;}
@media(max-width:767px){
	.main7{ padding:1.6rem 10px;}
	.main7_c{padding-top:1.2rem;}
	.main7_c .line{ width:4px; height:100%; margin:0; position:absolute; top:1.2rem; left:50%; margin-left:-2px; z-index:1; display:none;}
	.main7_c ul{ padding:0; width:48%; float:left;}
	.main7_c ul:last-child{ float:right;}
	.main7_c ul li{ width:100%; margin:0; padding-bottom:1rem;}
	.main7_c ul:last-child li{ padding-bottom:1rem; padding-top:0;}
	.main7_c ul li:last-child{ padding-bottom:0;}
	.main7_c ul li .box{width:100%;height:9.8rem; padding:10px 15px;}
	.main7_c ul li .box h1{ font-size:1rem;}
	.main7_c ul li .box p{ font-size:.85rem;}
	.main7_c ul li .box:after,
	.main7_c ul:last-child  .box:after,
	.main7_c ul li i{ display:none;}
}


.main8{ width:100%; height:auto; padding:50px 0 0;}
.main8_c{padding:30px 0 30px;}
.main8_c ul li{ float:left; width:380px;height:auto;margin:0 30px 20px 0;cursor:pointer}
.main8_c ul li:nth-child(3n){ margin-right:0;}
.main8_c ul li .pic{width:100%;height:auto;}
.main8_c ul li .pic img{width:100%;height:auto;}
.main8_c ul li .info{overflow:hidden;padding-top:10px}
.main8_c ul li .info .tit{margin-bottom:5px;font-size:16px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; line-height:1.5}
.main8_c ul li .info .desc {display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;font-size:13px;color: #999;height:70px; line-height:1.8;}
.main8_c ul li:hover .tit{color:#1474db;}
@media(max-width:767px){
	.main8{;padding:1.6rem 10px 0;}
	.main8_c{padding:1.2rem 0 .6rem;}
	.main8_c ul li{ width:48%; margin:0 4% 1rem 0;}
	.main8_c ul li:nth-child(2n){ margin-right:0;}
	.main8_c ul li:nth-child(2n+1){ margin-right:4%;}
	.main8_c ul li:nth-child(9){ display:none;}
	.main8_c ul li .info .tit{margin-bottom:.5rem;font-size:1;}
	.main8_c ul li .info .desc{-webkit-line-clamp:2;font-size: .8rem;height:2.88rem;}
}


.main9{ width:100%; height:auto; padding:50px 0; background:#fafafa;}
.main9_c{padding-top:10px;}
.main9_c ul li{ float:left; width:380px; margin-right:30px;}
.main9_c ul li:nth-child(3n){ margin-right:0;}
.main9_c ul li .box{border:1px solid #eee;background:#fff;padding:28px;text-align:center;margin-top:20px}
.main9_c ul li .box i{display:inline-block;width:100px;height:100px;background:#118fe9;color:#fff;font-size:36px;text-align:center;line-height:100px;border-radius:100px}
.main9_c ul li .box b{display:block;font-size:18px;margin-top:15px;margin-bottom:10px; color:#333; line-height:1.5}
.main9_c ul li .box p{font-size:14px;height:60px; color:#333; line-height:1.5}
@media(max-width:767px){
	.main9{ padding:1.6rem 10px;}
	.main9_c{padding-top:.2rem;}
	.main9_c ul li{width:48%; margin-right:4%;}
	.main9_c ul li:nth-child(2n){ margin-right:0;}
	.main9_c ul li:nth-child(2n+1){ margin-right:4%;}
	.main9_c ul li .box{padding:10px;margin-top:15px}
	.main9_c ul li .box i{width:80px;height:80px;font-size:2.2rem;line-height:80px;border-radius:80px}
	.main9_c ul li .box b{font-size:1.1rem;margin-top:.6rem;margin-bottom:.4rem;}
	.main9_c ul li .box p{font-size:.85rem;height:7.625rem;}
}


.main10{ width:100%; height:auto; padding:50px 0 20px;}
.ma3{ background:#fafafa;}
.main10_c{padding:30px 0 30px;}
.main10_c ul li{ float:left; width:277.5px;height:auto;margin:0 30px 0 0;cursor:pointer;border:1px solid #eee;}
.main10_c ul li:nth-child(4n){ margin-right:0;}
.main10_c ul li .pic{width:100%;height:auto;}
.main10_c ul li .pic img{width:100%;height:auto;}
.main10_c ul li .tit{font-size:16px;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden; line-height:1.5; padding:12px;}
.main10_c ul li:hover .tit{color:#1474db;}
@media(max-width:767px){
	.main10{ padding:1.6rem 10px 0;}
	.ma3{ background:#fff;}
	.main10_c{padding:1.2rem 0;}
	.main10_c ul li{ float:left; width:48%;height:auto;margin:0 4% 15px 0;}
	.main10_c ul li:nth-child(2n){ margin-right:0;}
	.main10_c ul li .tit{font-size:1rem; line-height:1.5; padding:5px; line-height:1.7;}
}

.main11{ width:100%; height:auto; padding:50px 0 20px; background:#fafafa;}
.ma4{ background:#fff;}
.main11_c{padding:30px 0 30px;}
.main11_c ul li{ float:left; width:33.333%;height:auto; text-align:center;}
.main11_c ul li i{display:inline-block;width:100px;height:100px;line-height:100px;font-size:46px;border: 1px solid #eee;color:#8a6927;border-radius:100px;text-align:center;}
.main11_c ul li p{margin-top:10px; font-size:16px; line-height:1.8;}
.main11_c ul li p.tel{font-size:16px; margin-top:0; line-height:1.8;}
@media(max-width:767px){
	.main11{ padding:1.6rem 10px .4rem; }
	.main11_c{padding:1.2rem 0 .2rem;}
	.main11_c ul li{ width:100%; margin-bottom:1rem}
	.main11_c ul li i{width:80px;height:80px;line-height:80px;font-size:2.4rem;border-radius:80px;}
	.main11_c ul li p{ font-size:1rem;}
	.main11_c ul li p.tel{font-size:1rem;}
}

.telAll{ display:none;}
.telAll .telBg{ background:rgba(0 ,0 ,0 , .8); position:fixed; top:0; left:0; width:100%; height:100vh; z-index:9999;}
.telAll .telCon{ position:fixed; top:50%; left:50%; margin:-60px 0 0 -180px; width:360px; height:120px; background:#fff; z-index:10000; border-radius:10px;}
.telAll .telCon p{ padding:20px 20px; font-size:16px; line-height:1.8; text-align:center;}
.telAll .telCon font{ font-size:28px; color:#104cad; font-weight:bold;}
.telAll .telCon font span{ font-size:16px; color:#333; font-weight:normal;}

/*footer*/
.footer{ width:100%; background:#2d333c; padding:35px 0 25px;}
.footer .fBox{width:100%; text-align:center;}
.footer .fBox .fBoxL{ float:left; text-align:left;}
.footer .fBox .fBoxL .fewm{ float:left; width:74px; height:auto; margin-right:35px;}
.footer .fBox .fBoxL .fewm img{ width:100%; height:auto;}
.footer .fBox .fBoxL .fewm span{ display:block; text-align:center; color:#c2c1c1; font-size:13px; padding:5px 0 0;}
.footer .fBox .fNav{overflow: hidden; padding:0 0 5px;}
.footer .fBox .fNav li{ display:inline-block;position:relative; padding:0 24px 0 0;}
.footer .fBox .fNav li a{display: block; font-size: 15px; color: #c2c1c1; height:20px; line-height: 20px;}
.footer .fBox .fNav li a:hover{text-decoration:underline!important;}
.footer .fBox .fList{margin-top: 12px; overflow:hidden;}
.footer .fBox .fList p{ font-size:14px; color:#c2c1c1; height:25px; line-height:25px;}
.footer .fBox .copyright{margin-top:10px; font-size: 14px; color: #c2c1c1;}
.footer .fBox .copyright a{ color: #c2c1c1;}
.footer_links{padding:15px 0 0}
.footer_links .con{font-size:14px}
.footer_links .con span{display:inline-block;line-height:1.5; color:#ddd; margin-bottom:5px; margin-right:0; vertical-align:middle;}
.footer_links .con a{ display:inline-block;line-height:1.5;white-space:nowrap;overflow: hidden;text-overflow: ellipsis; color:#c2c1c1; margin-bottom:5px; margin-right:12px; vertical-align:middle;}
.footer_links .con a:hover{ color:#fff;}
.fcimg{ text-align:center;/* padding:20px 0 0;*/ float:right;} 
.index_foot{ display:none;}

#fmenu{ position:fixed; bottom:0px; width:100%; height:auto; line-height:44px; z-index:999; max-width:640px; display:none;}
#fmenu ul{margin:0 auto;list-style-type:none;width:100%;/*max-width:500px;*/height:100%;}
#fmenu ul li{float:left;width:100%;height:100%;text-align:center;position:relative;font-size:18px;}
#fmenu ul li .line{position:absolute;top:0px;right:0px;z-index:30;width:1px;}
#fmenu ul li .menu_li{position:relative;z-index:40;width:calc(100% - 10px);height:40px;line-height:40px;color:#fff;border-radius:40px;}
#fmenu ul li .menu_li>a{line-height:40px; vertical-align:middle;font-size:0;}
#fmenu ul li{ padding:0 10px 8px;}
#fmenu ul li .menu_li{background-color:#1474db;width:calc(100% - 20px); margin-top:10px;}
#fmenu ul li .menu_li i{ display:inline-block; width:40px; height:40px; vertical-align:middle;}
#fmenu ul li .menu_li i.fa-tel{ background:url(/images/en_3.png) no-repeat 0 1px; background-size:auto 38px;}
#fmenu ul li .menu_li i.fa-ewm{ background:url(/images/icoEwm.png) no-repeat 50%; background-size:auto 20px;}
#fmenu ul li .menu_li em{ vertical-align:middle;padding:0px;font-size:18px;}
#fmenu ul li .menu_li b{vertical-align:middle;padding:0px; font-weight:normal;font-size:16px;}
#fmenu ul li .img_front{position:absolute;top:0px;left:0px;z-index:30;width:100%;height:100%;background-color: #000;opacity:.65;}
#fmenu ul li .img_front img{width:100%;height:100%;}
#fmenu ul li span{position:absolute;bottom:-300px;left:50%;width:104px;margin-left:-52px;height:auto;text-align:center;z-index:10;background-color: rgb(245, 245, 245);border-radius:10px;    border: 1px solid rgba(174, 174, 174, 0.3);}
#fmenu li em{font-style:normal;padding:10px;}
#fmenu ul li span a{float:left;width:100%;height:43px;line-height:43px;color:#454545;text-decoration:none;}
#fmenu .footer_front{position:fixed;width:100%;height:100%;top:0px;left:0px;z-index:888;display:none;}
#fmenu ul li span>img{width:7px;height:6px; position: absolute; bottom: -6px;left: 47px;}
#fmenu li i.linear{ display:block; background-image:-webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.2), transparent);background-image:linear-gradient(to right, transparent, rgba(0, 0, 0, 0.2), transparent); border:0; height:1px; width:80%; margin:0 auto;}
.ewmBox{display:none;width:140px;padding:5px;position:fixed;left:50%;top:50%; margin-left:-60px;transform:translateY(-50%);-webkit-transform:translateY(-50%);background-color:#fff;text-align:center; z-index:9999;}
.ewmBox img{width:100%;height:auto;}
.ewmBox p{font-size:12px;color:#666;padding:3px 0 0;}
.boxar{position:fixed; top:0; left:0; display:block; background-color:#000; opacity: .65; height:100%; width:100%;z-index:9990;display:none;}

@media(max-width:767px){
	.footer .fEwm,.footer .fBox .fNav,.footer .fBox .fList,.footer_links,.fcimg{ display:none;}
	.footer{ padding:1rem 0;}
	.footer .fBox{width:100%; float:none; padding:0 10px 44px;}
	.footer .fBox .copyright{ color:#fff; font-size:14px;padding:0; line-height:1.8; text-align:center; margin-top:0;}
	.footer .fBox .copyright a{ color:#fff;}
	.footer .fBox .copyright span{ display:block;}
	
	.index_foot{ width:100%; height:auto;display:block; overflow:hidden;max-width: 640px; margin:0 auto; margin-top:12%;}
	.app_con{ height:auto;max-width: 640px;margin: 0 auto; overflow: hidden;width:100%; display:block;}
	#fixed-foot{position:fixed; z-index:1000;bottom:0;width:100%; max-width:640px; height:auto; margin:0 auto;display: inline-block;background:#fff;-webkit-box-shadow: 0 0 10px 0 rgba(12,36,134,.1); box-shadow:0 0 10px 0 rgba(12,36,134,.1); padding:5px;}
	#fixed-foot .btn1{width:100%; max-width:640px; margin:0 auto;display:block;text-align:center; }
	#fixed-foot .btn1 a{ cursor:pointer; display:block; color:#FFFFFF;float:left; text-align: center;width:66%; background-color:#009FE8; border-radius:8px; line-height:40px; text-align:center; font-size:0;}
	#fixed-foot .btn1 a:nth-child(1){ border-left:none; margin-right:0%; width:100%}
	#fixed-foot .btn1 a img{ display:inline-block; margin:0 8px 0 0; vertical-align:middle; width:18px; height:auto;}
	#fixed-foot .btn1 a span{ display:inline-block;font-size:15px; vertical-align:middle;}
	
	#fmenu{ display:block;}
}

.inbanner{ background-image:url(/images/inbanner.jpg); background-position:center; background-repeat:no-repeat; height:240px; width:100%;}
.inbanner .box{ padding:85px 0 0; text-align:center;}
.inbanner h5{ font-size:38px; font-weight:bold; line-height:50px; color:#FFF; letter-spacing:4px;}
.inbanner h5 span{ font-size:24px; font-family:"microsoft YaHei UI Light"; font-weight:normal; text-transform:uppercase; letter-spacing:1px;}
@media(max-width:767px){
	.inbanner{ background:url(/images/inbanner.jpg) top center no-repeat; height:160px; width:100%; background-size:auto 100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
	.inbanner .box{ padding:0;}
	.inbanner h5{ font-size:1.4rem; line-height:40px; letter-spacing:2px;}
	.inbanner h5 span{ font-size:.8rem;letter-spacing:0px;}
}


/*content*/
.content{ margin:0 auto; min-height:460px; padding:0;}

.content .grey{ background:#fafafa;}
.content .white{ background:#fff; color:inherit}

/*.content .w1200{ margin-top:-72px; background:#FFF; border-radius:10px; border-top:3px solid #009FE8; overflow:hidden;}*/
.side_left{ width:265px;float: left;padding:25px;padding-top: 28px;padding-right: 0; position:relative;}
.side_left:after{ content:""; display:block; width:1px; height:100%; background:#ddd; position:absolute; top:0; right:-1px;}
.wrapTit{position: relative;height:52px;border-bottom:1px solid #ddd;text-align:left;padding-left:0;font-size:24px;border-bottom:2px solid #ff8a00;}
.wrapTit i{font-size: 14px;font-style: normal;color:#999;position: relative;top:5px;}
.side_menu{ width:100%; height:auto;}
.side_menu li{position:relative;}
.side_menu li>.name{line-height:42px;}
.side_menu li>.name a{display:block;padding-left:15px;border-bottom:1px solid #ddd; font-size:16px;padding-top:5px;}
.side_menu li>.name i{position:absolute;top:3px;right:0;font-style: normal;font-family:"宋体";color:#999;font-weight:800; width:42px; height:42px; display:block; text-align:center;}
.side_menu li.current>.name i{color:#fff;}
.side_menu li a:hover{color:#104cad;}
.side_menu li.current>.name a{background-color:#c5c5c5;color:#fff}

.side_menu li .third_box{ display:none;}
.side_menu li .third_box{padding:0px;border:0px solid #ddd; border-right:none; border-top:none;}
.side_menu li .third_box .third_li{ margin-bottom:1px; border-bottom:0; background:#f2f2f2;}
.side_menu li .third_box .third_li:last-child{ margin-bottom:0;}
.side_menu li .third_box .third_li .name a{ color:#333; display:block; padding:8px 35px; font-size:14px;}
.side_menu li .third_box .third_li .name a.active{ color:#104cad;} 
/*.side_menu li .third_box .third_li:hover{ background:#104cad;}*/
.side_menu li .third_box .third_li:hover .name a{ color:#104cad;}
.side_menu li.active>.name i{transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkid-transform:rotate(90deg);-o-transform:rotate(90deg);}
.side_menu li.active .third_box{ display:block;}
.catetitle,.more_item_content{ display:none;}
@media(max-width:767px){
	.content{ overflow:hidden; margin:0 auto; min-height:40px; padding:0;}
	.side_left{ width:100%; float:none; padding:0; position:relative; box-sizing:border-box;}
	.wrapTit{ display:none;}
	.side_menu{ width:100%; height:auto; padding:.8rem 10px 0; border-bottom:0 solid #ddd;}
	.side_menu li{margin-bottom:10px;background-color:#fff; width:32.333%; float:left; text-align:center; margin-right:1.5%;}
	.side_menu li:nth-child(3n){ margin-right:0;}
	.side_menu li>.name a{display:block;padding:5px;height:auto;border-left:none;line-height:26px;color:#333;font-size:.9rem; border-radius:30px;background-color:#eee; border-bottom:none;}
	.side_menu li>.name a i{ display:none;}
	.side_menu li>.name a:hover{color:#104cad}
	.side_menu li.current>.name a{border:none;background-color:#104cad;color:#fff}
	.side_menu li>.name i{ display:none;}
	.mo-hide{ display:none;}
	
	.catetitle{ padding:13px 10px; background:#efefef; font-size:.95rem; position:relative; color:#000; display:block;}
	.catetitle .look_more_item{ top:11px;display:block;position:absolute;right:10px;font-size:.8rem; color:#333;}
	.more_item_box{background:none;display:inline-block;border:1px solid #ccc;padding:3px 10px; border-radius:3px;}
	.more_item_content{left:100%;top:0;height:100%!important;overflow:auto;position:fixed;width:100%;z-index:10;background:#fff;padding:0;transition:left .2s linear 0s;z-index:1200; display:block;}
	.more_nav_box li a{display:block;font-weight:normal;padding:10px 15px;border-bottom:1px solid #e5e4e1;color:#555; font-size:.95rem;}
	.more_nav_box li{overflow:hidden;zoom:1;}
	.more_nav_box .third_mobile{ padding-left:30px;}
	.more_nav_box .third_mobile a{ font-size:.85rem;}
	.more_nav_box li .wrap{background-color:#E8E7E3;}
	.more_nav_box li a:hover{background-color:#E8E7E3;}
	.more_nav_box li .second-nav{color:#111;}
	.more_nav_box li .current{color:#104cad;}
	.more_nav_box li.third_mobile.current a{/*background-color:#f9f9f9;*/color:#104cad;}
	.more_item_content .mhead{background:#333;background:linear-gradient(#333,#111);padding:9px 15px;color:#fff;box-shadow:0 0 3px rgba(0,0,0,0.5);cursor:pointer;}
	.more_item_content .icon-back{background-position:6px -266px;width:25px;height:25px;left:inherit;right:12px;top:7px;}
	
}


.side_right{ float:right; width:935px; padding:20px 35px 0; background:#FFF; border-left:1px solid #ddd;}
.side_right1{ float:none; border-left:none; margin:0 auto;}
.mt0{ padding-top:0;}
.side_r_t{ width:100%;border-bottom:2px solid #ddd;}
.side_r_t h2{font-size:18px;color:#333;line-height:58px; float:left;}
@media(max-width:767px){
	.side_right{ float:none; width:100%; padding:1px 0 20px; background:#FFF;}
	.side_r_t{ display:none;}
	.side_r_t h2{font-size: 1.2rem;color: #333; font-weight:700;}
}

.breadcrumb{padding:10px 0 0;line-height:40px;color:#666; font-size:14px; float:right;}
.breadcrumb span.arrow{margin:0 4px;color:#666;}
.breadcrumb a{color:#666}
.breadcrumb a:hover{color:#104cad}
@media(max-width:767px){
	.breadcrumb{ display:none;}
}


.right_con{ width:100%; padding:0; height:auto; overflow:hidden; min-height:380px;}
.about_con{ width:100%; padding:0; height:auto; overflow:hidden;}
.infor,.contact{ width:100%; height:auto; overflow:hidden; color:#333;padding:20px 0;font-size:14px;line-height:2;}
.infor p,.contact p{ padding-bottom:0;}
.infor img{ height:auto; overflow:hidden; max-width:100%;}
.map{ margin-top:10px;}
.map label{ max-width:none;}
.infor a{ color:#666;}
.right_con table{ border:1px solid #CCC;}
.right_con table td{ border:1px solid #CCC; text-align:left; padding:5px;}
@media(max-width:767px){
	.right_con{ width:100%; padding:.8rem 0 0; height:auto; overflow:hidden; min-height:30px;}
	.infor,.contact{ width:100%; height:auto; overflow:hidden; color:#333;padding:.75rem 10px 0;margin-top:0;font-size:.8rem;line-height:1.8; min-height:240px;}
	.infor p,.contact p{ padding-bottom:10px;}
	.infor img{ height:auto; overflow:hidden; max-width:98%;}
	.map{ margin-top:10px;}
	.infor a{ color:#666;}
	.right_con table{ border:1px solid #CCC;}
	.right_con table td{ border:1px solid #CCC; text-align:left; padding:5px;}
}

/*news*/
.news_list{ width:100%; height:auto; overflow:hidden; padding:20px 0 40px;}
.news_list ul{ width:100%; height:auto; overflow:hidden;}
.news_list li{ cursor:pointer; width:100%; height:auto; float:left; border-bottom:1px dashed #bdbdbd; padding:0 0 15px; margin-bottom:15px;}
.news_list li h2{ width:100%; font-weight:100;margin-bottom:5px;line-height:1.8; display:flex;justify-content:space-between}
.news_list li h2 a{font-size:18px;color:#333;display:inline-block; max-width:80%; overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
.news_list li h2 span{ font-size:15px; color:#999}
.news_list li .date{ font-size:14px; color:#999; padding:5px 0 8px; line-height:1.5;}
.news_list li .date i{ margin-right:5px; vertical-align:middle;}
.news_list li span{ display:block;font-size:14px;line-height:1.8;color:#999;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
.news_list li h2 a:hover{ color:#104cad;}
@media(max-width:767px){
	.news_list{ width:100%; height:auto; overflow:hidden; padding:0 10px;}
	.news_list ul{ width:100%; height:auto; overflow:hidden; padding-bottom:1rem;}
	.news_list li{ cursor:pointer; width:100%; height:auto; float:left; border-bottom:1px dashed #bdbdbd; padding:.8rem 0; margin-bottom:0;}
	.news_list li h2 span{ padding-top:3px;}
	.news_list li .date{ display:none;}
	.news_list li .info{ float:none; width:100%; padding-top:0;}
	.news_list li h2{margin-bottom:.2rem;}
	.news_list li h2 a{font-size:1rem; max-width:75%;}
	.news_list li .info span{font-size:.85rem; max-height:3.06rem;}
}

/*page*/
#page{ height:34px; margin:10px 0 0px;overflow:hidden; width:100%; text-align:center; font-size:14px;}
#page .pagination{ display:inline-block;margin:0; border-radius: 0;}
#page .pagination span{ display:block; float:left; margin:0 3px; background:none;}
#page a.active{display:block;width:32px;height:32px;border-radius:4px;border: 1px solid #ddd;text-align: center;line-height:30px; padding:0; background:none;}
#page a{ display:block; width:32px;height:32px;border-radius:4px;border:1px solid #ddd;text-align: center;line-height:30px; padding:0; background:none;}
#page a:hover{border-color: #104cad;background-color: #104cad;color: #fff}
#page .none{ display:none;}
#page .pagination span.active a,#page .pagination span.active span{border-color: #104cad;background-color: #104cad;color: #fff}
#page1{ display:none;} 
@media(max-width:767px){
	#page{ display:none;}
	#page1{ display:block; text-align:center; width:100%; height:auto; overflow:hidden;padding-top:5px;margin-bottom:10px;}
	#page1 a{ display:inline-block; margin-right:0; padding:7px 13px; background:#004da0; border-radius:5px; color:#FFF; font-size:14px;}
	#page1 a.num{ text-decoration:underline; color:#004da0; font-weight:bold;}
	#page1 span{ display:inline-block;font-size:15px; color:#333; background:none; padding:7px 13px; }

}

/*product*/
.show_list{width:100%; height:auto; padding:50px 0;}
.show_list>ul{ width:100%;}
.show_list ul li{ float:left; width:380px;height:auto;margin:0 30px 20px 0;cursor:pointer}
.show_list ul li:nth-child(3n){ margin-right:0;}
.show_list>ul li a{ display:block; position:relative; overflow:hidden;}
.show_list>ul li .pic{width:100%;height:auto;position: relative;overflow: hidden;}
.show_list.serList>ul li .pic:after {position: absolute;content: "";background: rgba(16, 76, 173, 0.6);height: 100%;width: 100%;left: 0;top: 0;opacity: 0;-moz-transition: all 400ms ease-out 0s;-webkit-transition: all 400ms ease-out 0s;-ms-transition: all 400ms ease-out 0s;-o-transition: all 400ms ease-out 0s;transition: all 400ms ease-out 0s;-moz-transform: perspective(3em) rotateY(-3deg);-o-transform: perspective(3em) rotateY(-3deg);-ms-transform: perspective(3em) rotateY(-3deg);-webkit-transform: perspective(3em) rotateY(-3deg);transform: perspective(3em) rotateY(-3deg);transform-origin: top;}
.show_list>ul li .pic img{width:100%;height:auto;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:.5s ease-in-out;-webkit-transition: all .5s ease-in-out;transition:all .5s ease-in-out;}
.show_list>ul li:hover .pic img{transform:scale(1.05);-moz-transform:scale(1.05);-webkit-transform:scale(1.05);}
.show_list>ul li .info{overflow:hidden;padding-top:10px}
.show_list>ul li .info .name{margin-bottom:5px; line-height:1.5;}
.show_list>ul li .info .name strong{font-weight:normal;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.show_list>ul li .info .count-bar{display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;font-size:13px;color:#999;height:70px; line-height:1.8;}
.show_list ul li:hover .name{color:#104cad;}
.show_list.serList>ul li:hover .pic:after {opacity:1;-moz-transform:perspective(0) rotateX(0);-o-transform:perspective(0) rotateX(0);-ms-transform: perspective(0) rotateX(0);-webkit-transform: perspective(0) rotateX(0);transform: perspective(0) rotateX(0);}
@media(max-width:767px){
	.show_list{ padding:1.6rem 0}
	.show_list>ul{ padding:0 10px;}
	.show_list>ul li{width:48%;margin:0 4% .8rem 0;}
	.show_list>ul li:nth-child(2n){ margin-right:0;}
	.show_list>ul li:nth-child(2n+1){ margin-right:4%;}
	.show_list>ul li .info{padding:5px 0 0}
	.show_list>ul li .info .name strong{font-size:1rem; display:block; color:#333;}
	.show_list>ul li .info .count-bar{font-size:.85rem; height:4.59rem;}
}

/*detail*/
.details_con{ width:100%; height:auto; overflow:hidden; min-height:400px; float:left; padding:20px 0;}
.detail_title{ font-size:24px; font-weight:500; color:#333; line-height:1.5; padding:0 0 20px; text-align:center;}
.detail_time{ color:#666; line-height:1.45; width:100%; font-size:13px;text-align:center; padding:10px;background:#f1f1f1; margin-bottom:20px;}
.detail_time i{ display:inline-block; font-style:normal;}
.detail_time em{ display:inline-block; font-style:normal; margin:0 15px;}
.details_img{ text-align:center; margin-bottom:5px;}
.details_img img{ max-width:100%; height:auto;}
.details_info{ width:100%; height:auto; overflow:hidden; padding:0 0 10px; line-height:2; color:#333; min-height:360px; border-bottom:0 dashed #CCC; font-size:14px;}
.details_info p{ padding-bottom:0; text-align:justify;}
.details_info img{ max-width:100%; height:auto;}
.smBox{ background:#efefef; padding:10px 15px; margin:15px 0 0; font-size:14px; line-height:2; color:#888;}

.detail_fenye{ width:100%; height:auto; margin:0 auto; overflow:hidden; padding:10px 0;}
.detail_fenye span{ display:inline-block; margin-right:5px; line-height:36px; color:#444; font-size:16px;}
.detail_fenye span a{ color:#444; font-size:16px;}
.detail_fenye span a:hover{ color:#104cad; text-decoration:underline;}
@media(max-width:767px){
	.details_con{ width:100%; height:auto; overflow:hidden; min-height:40px; float:left; padding:0;}
	.detail_title{ font-size:1.1rem; font-weight:600; color:#333; line-height:1.5; padding:0 5px; text-align:center;}
	.detail_time{ color:#999; line-height:1.8; width:100%; font-size:.8rem;text-align:center; padding:.8rem 10px 0; width:100%; background:none; margin-bottom:.5rem;}
	.detail_time i{ display:inline-block; font-style:normal;}
	.detail_time em{ display:inline-block; font-style:normal; margin:0 5px;}
	.details_img{ text-align:center; margin-bottom:5px;}
	.details_img img{ max-width:100%; height:auto;}
	.details_info{ width:100%; height:auto; overflow:hidden; padding:10px 10px; line-height:2; color:#333; min-height:30px; border-bottom:0 dashed #CCC;}
	.details_info p{ padding-bottom:10px; text-align:justify;}
	.details_info img{ max-width:98%; height:auto;}
	
	.detail_fenye{ width:100%; height:auto; margin:0 auto; overflow:hidden; padding:0 10px; display:block; border-top:1px dashed #ddd;}
	.detail_fenye span{ display:inline-block; margin-right:2px; line-height:1.5; color:#333; font-size:14px;}
	.detail_fenye>span{ margin:0; padding-top:10px}
	.detail_fenye span a{ color:#666; font-size:14px;}
	.detail_fenye span a:hover{ color:#004da0; text-decoration:underline;}
}

.preferred{ padding:20px 0 40px;}
.preferred .preTit .name{float:left;color:#333;font-size:28px;height:42px;line-height:42px;}
.preferred .preTit a{ display:none;}
.preferred .preTit a:hover{color:#278a2f;background:url(/images/more_hower.png) no-repeat right center;}
.preferred .preTit a span{margin-left:15px;font-size:13px;}
.preferred .preList{margin-top:25px;}
.preferred .preList li{ float:left;width:32.133%;margin-left:1.8%;}
.preferred .preList li:first-child{ margin-left:0;}
.preferred .preList li .pro-img{width:100%;height:auto;position:relative;overflow:hidden;}
.preferred .preList li .pro-img img {width:100%;height:auto;transition: .3s;}
.preferred .preList li .pro-info{background:#fafafa;text-align:center;padding:15px 10px;}
.preferred .preList li .pro-tit{font-size:16px;line-height:22px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.preferred .preList li .pro-tit a{ color:#4c4949;}
.preferred .preList li .pro-tit a:hover{color:#278a2f;}
.preferred .preList li:hover .pro-img img{transform: scale(1.1);}
.preferred .preList li:hover .pro-info{background: #fff;box-shadow: 4.994px 9.801px 35px 0px rgba(38, 36, 36, 0.1);}
.preferred .preList li:hover .inpro-review{opacity: 1;}
.preferred .preList li:nth-child(4){ display:none;}
@media(max-width:767px){
	.preferred{ padding:30px 10px 20px;}
	.preferred .preTit .name{font-size:1.4rem;height:32px;line-height:32px;}
	.preferred .preTit a{line-height:32px;}
	.preferred .preList{margin-top:20px;}
	.preferred .preList li{ float:left;width:49%;margin-left:2%; margin-bottom:15px;}
	.preferred .preList li:nth-child(2n+1){ margin-left:0;}
	.preferred .preList li .pro-info{padding:10px;}
	.preferred .preList li .pro-tit{font-size:1rem;}
	.preferred .preList li:nth-child(4){ display:block;}
	
}

.d-flex{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important;}