@charset "utf-8";
/*初始化样式*/
/*网站变灰色

html {
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(100%);
}
*/

body{ margin:0px; padding:0px; margin:0px auto; zoom:1; overflow-x: hidden;

/*设置字体*/
font-size:12px;
line-height:24px;
font-family: Microsoft YaHei, Arial, Helvetica;
color:#414446;

/*设置宽度*/
width:100%;
background: #fff;
}
ul,li,form, dl,dt,dd, div{ padding: 0px; margin: 0px;}
.ul,.ul li{ list-style:none;}
.h1,.h2,.h3,.h4,.h5,.h6,.p{ padding:0px; margin:0px;}
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#414446;}
input:focus { outline: none;}

/*强制去除表单自带的样式*/
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*/}

/*强制去除textarea自带的样式*/
textarea{resize:none;/*-webkit-appearance:none;*/}

textarea,input,select { background:none; border:none; margin:0; padding:0;}

/*html5设置*/
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;}
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}

img{ border:none; border:0; vertical-align:baseline;}
a{ color:#414446; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; color:#E62129;}

/*清楚浮动*/
.clear{ clear:both; height:0px; overflow:hidden;}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1;}

/*网站地图*/
.ul_sitemap li{ border-bottom:dotted 1px #ddd; padding:5px 0px;}
.ul_sitemap li strong{ width:90px; display:inline-block;}
/*初始化样式*/

/*页面框架结构*/
.Contain{}
.SildeBar{}
.MainContent{}
.Content{width: 1194px; max-width: 100%; margin: 0 auto;}
.SinglePage{ /*单片*/ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; clear:both; overflow:hidden;}
.Current{position: absolute; top: 50%; margin-top: -14px; right: 0; padding-left: 15px; background: url(../images/icon_location.png) 0 50% no-repeat; font-size: 14px;}
.Current span{color: #e62129;}

/*Top*/
.Top_w{width: 100%; padding: 27px 0}
.Top{ max-width: 94%; margin: 0 auto; position: relative; z-index:88;}
.Top .logo{ width:27%; float: left; display: block; max-height: 70px;}
.Top .logo img{ max-width: 100%}
.Top .logo a{ display: inline-block}

.Top_con{ position: absolute; right: 0; top:24px; width:118px; border: none}
.Top_language{ float: right; width: auto; line-height:25px; height: auto; border: none; position: relative}
.Top_language dl dt{ cursor: pointer;width: 52px; height: 26px; background: url("../images/index/icon_lan.png")}
.Top_language dl dd { display: none;position: absolute; width:140px; line-height: 29px; border: solid 1px #fff; right: 0; top: 73px; background:rgba(255,255,255,0.6);}
.Top_language dl dd a{ display: block; color: #333333; font-size: 15px; background: no-repeat 6px; padding-left: 33px;}
.Top_language dl dd a.lan1{background-image: url(../images/index/icon_lan1.png); border-bottom: solid 1px #fff}
.Top_language dl dd a.lan2{background-image: url(../images/index/icon_lan2.png)}
.Top_search{ position: absolute; left: 0;}
.Top_search a{ cursor: pointer;width: 27px; height: 26px; display: block; background: url("../images/index/top_search.png")}
.Top_search .search{ display: none;width: 200px; position: absolute; right: -6px; top: -6px; border: solid 1px #ddd; border-radius: 5px; padding: 5px 30px 5px 5px; background: #fff}
.Top_search .search input{ width: 100%; height: 26px;}
.Top_search .search a{ position:absolute; right: 5px; top:5px}

.Top_email{float: left; width: 49%;  height: 101px; border-left: 1px solid #d6d6d6; float: right; background: url(../images/icon_email2.png) 50% 50% no-repeat; position: relative;}
.Top_emailCon{position: absolute; top: 60%; width: 100%; z-index: 99; display: none;}
.Top_email ul li{text-align: center; background: #fff; border-bottom: 1px solid #d6d6d6; height: 30px; line-height: 30px; }
.Top_email ul li a{color: #6d6b6b;}
.Top_email ul li a:hover{color: #E62129;}


.MainNav{width: 60%; float: right; padding-top: 28px; padding-right: 120px;}
.MainNav ul li{float: left; width: 12%; text-align: center; position: relative; height: 30px;}
.MainNav ul li .Main_link{font-size: 19px; color: #000000; display: inline-block; padding-bottom: 6px;}
.MainNav ul li.on .Main_link,.MainNav ul li:hover .Main_link{color: #e62129; border-bottom: 3px solid #e62129;}


.Main_nav{ position: absolute; top: 100%; left: -200%;  z-index: 99; padding-top: 39px;}
.Main_navCon{width: 370px; padding: 6px 20px; background: #e62129;}
.Main_nav .Main_list{float: left; width: 35%; padding: 3% 3% 3% 3%;  border-right: 1px solid #ec595f;}
.Main_nav .Main_list dl dd{padding: 2% 0 2% 25px; margin-top: 5px;  border-bottom: 1px solid #e62129; text-align: left;}
.Main_nav .Main_list dl dd:hover{background: url(../images/nav_arrow.png) 13px 50% no-repeat; border-bottom: 1px solid #ef6d72; }
.Main_nav .Main_list dl dd a{color: #fff; font-size: 14px;}
.Main_nav .pic{width: 53%; height: 100%; padding: 5% 0; padding-left: 5%; float: right; color: #fff;}
.Main_nav .pic img{width: 100%; display: block;}
.MainNav ul li{-webkit-perspective: 500px;}
.MainNav ul li>li{
	position:relative;
	-webkit-perspective: 500px;
	/* perspective: 500px; */
}

.MainNav ul li .Main_nav{
	-webkit-perspective: 500px;
	perspective: 500px;
}
.Main_nav{	transform: rotate3d(1,0,0,-90deg);
	-webkit-transform: rotate3d(1,0,0,-90deg);
	-moz-transform: rotate3d(1,0,0,-90deg);
	-ms-transform: rotate3d(1,0,0,-90deg);
	-o-transform: rotate3d(1,0,0,-90deg);
	-webkit-transform-origin:0 0 0;
	-moz-transform-origin:0 0 0;
	transform-origin:0 0 0;
	-khtml-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	transition: transform 0.5s, opacity 0.3s;
	-webkit-transition: -webkit-transform 0.5s, opacity 0.3s;
	-moz-transition: -moz-transform 0.5s, opacity 0.3s;
	display:block;
	width:410px;
}
.MainNav ul li:hover>.Main_nav{
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	transform: rotate3d(0,0,0,0);
	-webkit-transform: rotate3d(0,0,0,0);
	-moz-transform: rotate3d(0,0,0,0);
	-ms-transform: rotate3d(0,0,0,0);
	-o-transform: rotate3d(0,0,0,0);
}
/*Top*/



/*手机端头部*/
.mobile_top{display: none;position: relative; background-color: #fff;}
.mobile_top .logo{padding:2px 75px 2px 5px;overflow: hidden;height: 64px;}
.mobile_top .logo a{display:block;float: left;height:44px;margin-top:10px;}
.mobile_top .logo img{width:auto;height:80%;}
.mobile_top .language{position:absolute; right:40px; top: 50%; margin-top: -15px; width:50px;height:30px;}
.mobile_top .language a{font-size: 14px; line-height: 30px; display: inline-block;}
.mobile_top .language a.on{color:#E62129;}
.mobile_top .btn_nav{position:absolute; right:10px; top: 50%; margin-top: -15px; width:30px;height:30px;}
.mobile_top .btn_nav a{ display:block;}
.mobile_top .btn_back{position:absolute; left:4%; top: 27%;display: block;width: 6%;display: none;}
.mobile_top .Top_language{position: absolute; right: 60px; top: 50%; margin-top: -15px; z-index: 10;}
.mobile_top .Top_language dl dd{top: 48px;}
.mob_nav{position:absolute; right:0%; z-index:99; width:40%; top:100%; height: 100%; display: none;}
.mob_nav li{ width:100%;}
.mob_nav li a{display: block;font-size: 16px; line-height: 3.2em;text-indent:10px;color: #fff; font-weight: bold;margin-top: 1px;}
.mob_nav li a:hover{background-color: #fff; color: #e62129;}
.mob_nav li ul{display: none;}
.mob_nav li ul.subnav li a{font-size:1.8em; margin-top: 0px; background-color: #e62129; line-height: 2.4em; background-image: none;}
.mob_nav li ul.subnav li a:hover{background-color: #fff; color: #e62129; background-image: none;}
.weather{ float:right; line-height:50px;}
/*手机端头部*/

.footer_part{ font-size: 14px; background: #3d3d3d}
.footer_part,
.footer_part a{ color:rgba(255,255,255,0.7);}
.footer_part a:hover{ color: #ea222a}
.footer_part .part1{ padding-top: 3%; padding-bottom: 1%}
.footer_part .part2{ padding:22px 0; border-top: solid 1px #454545}
.footer_part .part2 .other{ float: left}
.footer_part .part2 .other a{ margin-right:20px; display: inline-block}
.footer_part .part2 .copyright{ float: right}
.foot_contact{ float: left; width: 35%; font-size: 16px; line-height: 34px;}
.foot_contact .hotline{ color: #fff; font-size: 22px; padding-top: 5%; padding-bottom: 3%}
.foot_contact .hotline b{ font-size: 30px; font-weight: normal; color: #ff0000}
.foot_contact .txt{ padding-bottom: 3%}
.foot_ewm { max-width: 420px;}
.foot_ewm li{ float: left; width:26%; position: relative; text-align: center;}
.foot_ewm li.douyin{ margin: 0 11%}
.foot_ewm li .pic{ background: #fff; max-width: 107px; margin: auto}
.foot_ewm li .pic img{ width: 100%;display:block;}
.foot_ewm li .sub{ font-size: 12px}
.foot_nav{ float: right; width: 65%;}
.foot_nav dl{ float: left; width: 16.66%; text-align: center}
.foot_nav dl h4{ font-size: 17px; padding: 0 5px; margin: 0; line-height: 20px; color: #fff; display: inline-block; border-left: solid 2px #ff0000}
.foot_nav dl ul{ padding-top:5%; line-height: 30px;}

@media(max-width:1100px){
.foot_contact,
.foot_nav{ float: none; width: 100%}
.foot_contact{font-size:14px; padding-top: 3%}
.foot_contact .hotline{ padding-top: 2%;font-size:16px;}
.foot_contact .hotline b{font-size: 20px;}
.foot_contact .info{ float: left; width:60%;}
.foot_ewm { float: right; width: 40%; text-align: center}
}
@media(max-width:640px){
.foot_nav dl{ width: 31.333%; padding:1%;}
.foot_nav dl h4{ border: solid 1px #454545; border-radius: 2px; line-height: 30px; font-size: 15px; display: block}
.foot_nav dl ul{ display: none}
.foot_contact .info,
.foot_ewm{ float: none; width: 100%}
}

.auto_w1600{ max-width: 1600px; margin: auto; position: relative; padding: 0 2%}
section{ /*font-size: 18px;*/ line-height: 34px;}
section img{ max-width: 100%}

/*Banner*/
.HomeBan {width: 100%; position: relative; z-index: 2;}
.HomeBan .BanList {overflow: hidden; position: relative;}
.HomeBan .BanList .bx-controls-direction{display: none;}
.HomeBan .BanList:hover .bx-controls-direction{display: block;}
.HomeBan .BanList li {width: 100%;}
.HomeBan .BanList li img{display: block; width: 100%;}
.HomeBan .bx-pager{width: 100%; text-align: center; position: absolute; bottom: 76px; left: 0; z-index: 99;}

/*.HomeBan .bx-controls .bx-pager{ text-align: center; display: inline-block; }*/
.HomeBan .bx-controls .bx-pager-item{display: inline-block;}
.HomeBan .bx-controls .bx-pager-item a{display: block; width: 24px; height: 12px; margin: 0 4px;  background: url(../images/banner_d1.png) 0 0 no-repeat; overflow:hidden; text-indent: 24px; }
.HomeBan .bx-controls .bx-pager-item a.active{ background: url(../images/banner_d2.png) 0 0 no-repeat;}
.HomeBan .bx-controls-direction .bx-prev{width: 79px; height: 79px; background: url(../images/arrowL.png) 0 0 no-repeat; position: absolute; left: 50px; top: 50%; margin-top: -40px; z-index: 99;}
.HomeBan .bx-controls-direction .bx-next{width: 79px; height: 79px; background: url(../images/arrowR.png) 0 0 no-repeat; position: absolute; right: 50px; top: 50%; margin-top: -40px; z-index: 99;}
.Banner{/*height: 268px;*/width: 100%;}
.Banner img{ width:100%; display: block;}

.BanList_pc{display: block;}
.BanList_wap{display: none;}
/*Banner*/

/*首页*/
.H_hot{width: 1520px; margin: 0 auto; max-width: 96%; height: 72px; background: #e62129; position: relative; margin-top: -36px; z-index: 99;  overflow: hidden;}
.H_hot .H_hotTip{width: 40%; margin-left: 2%; line-height: 72px; color: #fff; font-size: 16px; float: left;}
.H_hot .H_hotTip a{font-size: 16px; color: #fff;}

.H_hotSearch{float: right; width: 312px; height: 36px; margin-top: 20px; border-bottom: 1px solid #f39094; margin-right: 2%;}
.H_hotSearch .text{color: #fadfe0; font-size: 16px; height: 36px; line-height: 36px; width: 80%; float: left; font-family:  Microsoft YaHei, Arial, Helvetica;}
.H_hotSearch .btn{width: 20%; float: right; height: 36px; background: url(../images/icon_search.png) 100% 50% no-repeat;}

.H_Title{text-align: center;}
.H_Title .cn{color: #e62129; font-size: 30px; }
.H_Title i{width: 36px; height: 1px; background: #e62129; display: none; margin: 16px auto 0;}

.H_por{width: 1520px; margin: 50px auto 0; max-width: 96%; }
.H_porBox{margin-top: 30px;}
.H_porL{width: 10%; float: left;}
.H_porL ul li{position:relative; width: 100%; border-radius: 4px; background: #8b8a8a; height: 81px; text-align: center; overflow: hidden; margin-top: 22%;}
.H_porL ul li:first-child{margin-top: 0;}
.H_porL ul li .pic{height: 81px;}
.H_porL ul li .pic img{width: 100%; height: 81px;}
.H_porL ul li .title{position: absolute; top: 0; left: 0; line-height: 81px; width: 100%; height: 100%; font-size: 18px; color: #fff; font-weight: bold;}
/* .H_porL ul li:hover,.H_porL ul li.on{background-color: #a1171d; } */


.H_porR{width: 88%; float: right;}
.H_porR_pic img{display: block; /*width: 100%;*/  margin : 0 auto;}
.H_porR_list{margin-top: 20px;}
.H_porR_list ul li:first-child{margin-left: 0;}
.H_porR_list ul li{width: 16%; float: left; margin-left: 0.8%;}
.H_porR_list ul li .pic{background: #efefef; height: 137px; display:block; text-align: center;}
.H_porR_list ul li .pic img{width: 100%; height:100%; object-fit:contain; display: block;}
.H_porR_list ul li .title{height: 41px; line-height: 41px; text-align: center; padding-right: 37px; display: block; background: #d3d3d3 url(../images/icon_more.jpg) 100% 0 no-repeat; color: #272727; font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}


.H_case{margin-top: 50px;}

.H_caseMenu{margin-top: 32px; width: 100%; border-top: 1px solid #f5f5f5;}
.H_caseMenuList{width: 1180px; max-width: 100%; position: relative; margin: 0 auto; position: relative;}
.H_caseMenuList ul{width: 84%; margin: 0 auto;}
.H_caseMenuList ul li{width: 169px; float: left; text-align: center; background: url(../images/icon_line.png) 0 50% no-repeat;}
.H_caseMenuList ul li:first-child{background: none;}
.H_caseMenuList ul li span{display: block;}

.H_caseMenuList ul li .pic{display:block; height: 60px; text-align: center; vertical-align:bottom;}
.H_caseMenuList ul li .pic img{vertical-align:middle;  margin: 0 auto;}
.H_caseMenuList ul li .title{font-size: 16px; color: #999;}
.H_caseMenuList ul li a{display: block; padding: 16px 0; border-top: 5px solid #fff;}
.H_caseMenuList ul li a:hover,.H_caseMenuList ul li.on a{background: #f9f9f9; border-top: 5px solid #e62129;}
.H_caseMenuList ul li span .H_caseIcon{display: block;}
.H_caseMenuList ul li span .H_caseHover{display: none;}
.H_caseMenuList ul li:hover span .H_caseIcon,.H_caseMenuList ul li.on span .H_caseIcon{display: none;}
.H_caseMenuList ul li:hover span .H_caseHover,.H_caseMenuList ul li.on span .H_caseHover{display: block;}
.H_caseMenuList ul li:hover .title,.H_caseMenuList ul li.on .title{color: #e62129;}
.H_caseMenuList .bx-wrapper{margin: 0 auto;}
.H_caseMenuList .bx-pager{display: none;}
.H_caseMenuList .bx-controls-direction .bx-prev{width: 44px; height: 48px; background: url(../images/icon_arrowL.png) 0 0 no-repeat; position: absolute; top: 50%; margin-top: -24px; left: -160px; text-indent: 44px; overflow: hidden; font-size:0;}
.H_caseMenuList .bx-controls-direction .bx-next{width: 44px; height: 48px; background: url(../images/icon_arrowR.png) 0 0 no-repeat; position: absolute; top: 50%; margin-top: -24px; right: -160px; text-indent: 44px; overflow: hidden; font-size:0;}

.H_caseList{border-top: 3px solid #e62129;}
.H_caseList dl dd{display: none;}
.H_caseList img{display: block; width: 100%; opacity:0; }
.H_casePicL{width: 49.3%; float: left; position: relative; cursor: pointer; background-repeat:no-repeat; background-position:center center; background-size:cover;}

.H_casePicR{width: 50.3%; float: right;    cursor: pointer;}
.H_casePicR .left{float: left; width: 49.1%; float: left; position: relative; background-repeat:no-repeat; background-position:center center; background-size:cover;}

.H_casePicR  .right{float: left; width: 50.1%; float: right; }
.H_casePicR  .right_t{height: 50%;  position: relative;  cursor: pointer; background-repeat:no-repeat; background-position:center top; background-size:cover;}
.H_casePicR  .right_b{height: 50%;  position: relative;  cursor: pointer; background-repeat:no-repeat; background-position:center bottom; background-size:cover;}
.H_casePicR  .right_t { margin-bottom: 1.25%;}

.H_caseList .right .hover .text{ padding:5% 10% 0 10%}
.H_caseList .right .hover .text p{ padding:0; margin:0;}

.H_caseList .title{position: absolute; bottom: 0; left: 0; width: 100%; height: 55px; background: rgba(0, 0, 0, 0.48); color: #fff; text-align: center; line-height: 55px; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.H_caseList .hover{width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); z-index: 1; display: none; overflow:hidden;}
.H_caseList .hover .text{color: #fff;  padding: 20% 30% 0 30%;}

.H_caseList .hover .btn{width: 47px; height: 47px; display: block; margin: 10px auto 0; background: url(../images/icon_more2.png) 0 0 no-repeat;}

.H_casePicL:hover .hover{display: block;}
.H_casePicR .left:hover .hover{display: block;}
.H_casePicR  .right_t:hover .hover{display: block;}
.H_casePicR  .right_b:hover .hover{display: block;}

.H_about{width: 1520px; margin: 48px auto 0; max-width: 96%; }
.H_aboutBox{background: url(../images/bg.jpg) 100% 0 no-repeat; margin-top: 30px;}
.H_aboutL{width: 60%; float: left;}
.H_aboutL img{width: 100%; display: block;}
.H_aboutR{width:40%; float: left; padding:0 5%;}
.H_aboutR .title{margin-top: 12%; font-size: 24px; font-weight: bold; color: #e62129;}
.H_aboutR .title span{display: none; width: 23px; height: 2px; background: #e62129; margin-top: 20px;}
.H_aboutR .text{font-size: 16px; color: #333; margin-top: 40px; height: 210px; overflow-y: scroll;}
.H_aboutR .btn{width: 160px; height: 48px; line-height: 48px; text-align: center; background: #e62129; font-size: 14px; color: #fff; margin-top: 40px; display: block;}

.H_adv{margin-top: 80px;}
.H_adv img{width: 100%; display: block;}

.H_news{width: 1520px; max-width: 96%; margin: 68px auto 0;}
.H_newsL{width:40%; float: left; padding: 3% 5% 4.4% 5%; background: #f3f3f3;}
.H_newsMenu ul li{float: left; font-size: 30px; color: #666; padding: 0 12px; background: url(../images/news_line.png) 0 0 no-repeat;}
.H_newsMenu ul li:first-child{padding-left: 0; background: none;}
.H_newsMenu ul li.on a{border-bottom: 1px solid #e62129; color: #e62129; display: block; padding-bottom: 15px;}
.H_newsList{margin-top: 29px;}
.H_newsList .H_newsListBox{display: none;}
.H_newsList .H_newsListBox.on{display:block;}

.H_newsListBox .btn{text-align: center; background: #e62129; color: #fff; height: 48px; line-height: 48px; width: 160px; font-size: 14px; display: block; margin-top: 20px;}
.H_newsList ul .top{ padding:0 0 10px 0; border-bottom: 1px solid #e8e8e8;}
.H_newsList ul .top .pic{width: 22%; float: left;}
.H_newsList ul .top .pic img{width: 100%;}
.H_newsList ul .top .con{width: 74%; float: right;}
.H_newsList ul .top .con .title{font-size: 18px; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block;}
.H_newsList ul .top .con .title:hover{color: #e62129;}
.H_newsList ul .top .con .title span{float: right; font-size: 14px; color: #666;}
.H_newsList ul .top .con .text{margin-top: 10px; font-size: 14px; color: #e62129; max-height:58px; overflow: hidden;}
.H_newsList ul li a.tip{color: #333; font-size: 16px; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.H_newsList ul li .time{float: right; font-size: 14px; color: #666;}
.H_newsList ul li{padding: 10px 0; border-bottom: 1px solid #e8e8e8;}
.H_newsList ul li a:hover{color: #e62129;}

.H_newsR{width: 59.5%; float: right; position:relative;}
.H_newsR ul li a{display: block; position: relative;}
.H_newsR ul li a img{width: 100%; display: block;}
.H_newsR ul li a .title{position: absolute; left: 0; bottom: 0; background: #a1a1a4; height: 60px; line-height: 60px; color: #fff; font-size: 18px; width: 100%; text-align: center;}
.H_newsR ul li a i{width: 82px; height: 82px; position: absolute; top: 50%; left: 50%; margin-top: -41px; margin-left: -41px; background: url(../images/icon_video.png) 0 0 no-repeat;}
.videoCon{display: none; background: #000;}
.videoCon video{width: 100%; height: 400px;}
.H_newsR .bx-controls .bx-pager{position: absolute; width: 97%; bottom: 14px; left: 0; text-align: right; z-index: 99;}
.H_newsR .bx-controls .bx-pager-item {display: inline-block; margin: 0 2px;}
.H_newsR .bx-controls .bx-pager-item a{display: block; width: 13px; height: 13px; background: #c8c8c8; border-radius: 50%; text-indent: 13px; overflow: hidden; cursor: pointer;}
.H_newsR .bx-controls .bx-pager-item a.active{background: #e62129;}

.footer{width: 1520px; max-width: 96%; border-top: 1px solid #e3e3e3; margin: 62px auto 0; padding:25px 0;}
.footer_box{width: 20%; float: left;}
.footer_box2{margin-left: 5%; height: 225px;}
.footer_list{margin-top:-3px;}
.footer_list ul li{float: left;width: 50%; margin-bottom: 12px;}
.footer_list ul li a:hover{color: #e62129;}
.footer_list ul li a{font-size: 14px; color: #666; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background: url(../images/footer_arrow.png) 0 50% no-repeat; padding-left: 12px; display: block;}
.footerTop{font-size: 24px; color: #5f5d5d; border-left:3px solid #e72a33; padding-left: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom:15px;}
.footer_Code{width: 22%; }
.footer_Code .footerCode img{height: 100px;}
.footer_Code .footerCode{margin-top:18px;  margin: 0 25px; width:95px; text-align:center; display: inline-block;}
/* .footer_Code .footerCode img{ height: 95px; width:95px;} */
.footerCode span{display: block; font-weight: bold; color: #5f5d5d; font-size:15px;}
.footer_contact{float: right; max-width: 30%; width:auto;}

.footer_contact strong{ margin-top:10px; display:block;}
/*首页*/

/*Bottom*/
.BottomW{width: 100%;  padding: 10px 0; background: #e62129;}
.Bottom{max-width: 1520px; max-width: 96%; margin: 0 auto;}
.BottomLinks{float: left; color: #ea4148;}
.BottomLinks em{margin: 0 10px;}
.BottomLinks a{color: #fadfe0;}

.Bottom .Copyright{float: right; color: #fadfe0;}
.Bottom .Copyright a{color: #fadfe0;}
/*Bottom*/


/*SildeBar*/
.SildeBar{width: 100%; height: 73px; background: #f1f6f9; }
.siledBarCon{position: relative; width: 1194px; margin: 0 auto; max-width: 100%;}
.menu{width: 1520px; margin: 0 auto; max-width: 100%;}
.menu ul li{width: 10%; float: left; line-height: 73px; text-align: center;}
.menu ul li a{display: block; height: 71px; color: #666; font-size: 18px; border-top: 2px solid #f1f6f9;}
.menu ul li.on a,.menu ul li:hover a{background: #fff; border-top: 2px solid #e62129; color: #e62129;}
/*SildeBar*/


/*关于我们*/
.about{width: 1194px; margin: 80px auto; max-width: 96%;}
.about img{max-width: 100%;}
.about_pic img{width: 100%; display: block;}

/*发展历程*/
.deve_bg{width: 100%; position: relative; background: url(../images/deve_bg.png) 0 100% no-repeat;}
.deve{width: 700px; margin: 60px auto; max-width: 100%; background: url(../images/icon_deve.png) 50% 0 repeat-y; position: relative;}
.deve i{width: 32px; height: 32px; position: absolute; top: -16px; left: 50%; margin-left: -24px; background: url(../images/icon_t.png) 0 0 no-repeat; }
.deve ul{padding: 0 0;}
.deve ul li:first-child{padding-top: 24px;}
.deve ul li { min-height:195px; padding: 7px 0;}
.deve ul li .pic{float: left; width: 40%; position: relative;}
.deve ul li .pic img{display: block;}
.deve ul li .pic .time{width: 76px; height: 76px; position: absolute; top: 50%; margin-top: -38px; right: -38px; text-align: center; line-height: 76px; color: #fff; background: url(../images/time_bg.png) 0 0 no-repeat; font-size: 16px;}
.deve ul li .pic .time s{width: 8px; height: 8px;position: absolute; top: 50%; margin-top: -4px; right: -8px; background: url(../images/icon_dd.png) 0 0 no-repeat;}
.deve ul li .text{float: right; width: 45%; margin-top: 5%; padding-top: 5px; font-size: 14px; color: #e62129; position: relative;}
.deve ul li .text .line{display: block; width: 41px; height: 1px; background: #f07e83; position: absolute; top: 0; left: 0;}

.deve ul li.on .pic{float: right;}
.deve ul li.on .text{float: left;}
.deve ul li.on .time{right: auto; left: -38px; background: url(../images/time_bg2.png) 0 0 no-repeat;}
.deve ul li.on .time s{right: auto; left: -8px;}

.deve_bg .btn{width: 21px; height: 19px; position: absolute; bottom: -13px; left: 50.7%; margin-left: -1px; background: url(../images/icon_more.png) 0 0 no-repeat;}


.video_list{width: 1258px; margin: 45px auto 0; max-width: 96%;}
.video_list ul li{width: 31.33%; float: left; margin: 10px 1%; }
.video_list ul li .pic{background: url(../images/video_bg.png) 0 100% no-repeat;  padding-bottom: 65.5%;  position: relative; display: block; background-size: contain; height:0; position:relative;}

.video_list ul li .pic img{width: 100%; vertical-align: middle; position:absolute; left:0; top:0; height:85%;}
.video_list ul li a{display: block; }
.video_list ul li i{width: 67px; height: 67px; position: absolute; top: 50%; left: 50%; margin-left: -34px; margin-top: -34px; background: url(../images/video_btn.png) 0 0 no-repeat;}
.video_listCon{width: 780px; max-width:100%; background: #000; display: none;}
.video_listCon video{width: 100%;  min-height: 300px;}
.video_listCon iframe{width: 100%; min-height: 300px;}
.video_listCon .iframe{width: 100%;}
.video_list ul li .title{text-align: center; margin-top: 10px; padding: 0 2%; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 14px; color: #595757;}


/*产品*/
.por_top{width: 1300px; max-width: 88%; margin: 32px auto 0; padding: 0 110px; position: relative;}
.por_top ul li{float: left; position: relative;}
.por_top ul li img{width: 100%;  box-shadow: 3px 5px 5px #ccc;}
.por_top .bx-controls .bx-pager{display: none;}
.por_top .bx-prev{width: 63px; height: 69px; position: absolute; top: 50%; margin-top: -39px; left: 0; background: url(../images/por_arrowL.png) 0 0 no-repeat; overflow: hidden; text-indent: 64px;}
.por_top .bx-next{width: 63px; height: 69px; position: absolute; top: 50%; margin-top: -39px; right: 0;background: url(../images/por_arrowR.png) 0 0 no-repeat;  overflow: hidden; text-indent: 64px;}


.pro_box{width: 1520px; max-width: 100%; margin: 46px auto 0;}
.pro_menu{width: 10%; float: left; padding: 9px; border: 1px solid #eeeeee; position: relative;}
.pro_top{width: 100%; height: 84px; background: url(../images/menu_top.png) 0 0 no-repeat; text-align: center; line-height: 84px; background-size:100% 100%; font-size: 20px; color: #fff;}
.pro_menuList{padding-top: 10px; background: url(../images/menu_line.png) 0 0 repeat-x;}
.pro_menuList ul li{padding-bottom: 10px; background: url(../images/menu_line.png) 0 100% repeat-x; position: relative;}
.pro_menuList ul li:hover > a,.pro_menuList ul li.on > a{background: #e62129 url(../images/pro_menu2.png) 90% 50% no-repeat;}
.pro_menuList ul li a{ display: block; height: 58px; width: 90%; padding-right: 10%; line-height: 58px; text-align: center; background: #c4c4c4 url(../images/pro_menu1.png) 90% 50% no-repeat; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 18px; color: #fff;}
.pro_menu i{position: absolute; width: 100%; height: 7px; background: #f8f8f8; bottom: -7px; left: 0;}
.pro_menuList ul li .submenu {position: absolute; left: 100%; top: 0; min-width: 150px; display: none;}
.pro_menuList ul li .submenu a {border-bottom: 1px solid #ccc;}
.pro_menuList ul li .submenu a:hover {background: #e62129 url(../images/pro_menu2.png) 90% 50% no-repeat;}
.pro_menuList ul li:hover .submenu {display: block;}
.pro_Con{width: 85%; float: right;}
.pro_location{height: 48px; line-height: 48px; font-size: 16px; background: #e62129 url(../images/icon_location2.png) 16px 50% no-repeat; color: #fff; padding: 0 45px;}
.pro_location a{color: #fff;}

.pro_list{width: 100%; margin-top: 20px; overflow: hidden;}
.pro_list ul{margin-right: -2%;}
.pro_list ul li{width: 23%; margin: 20px 2% 10px 0; float: left;}
.pro_list ul li .pic{border: 1px solid #ebebeb;}
.pro_list ul li img{width: 100%; display: block; }
.pro_list ul li a{display: block;}
.pro_list ul li .title{text-align: center; color: #353535; font-size: 15px; margin-top: 10px; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.pro_list ul li:hover .title{color: #e62129;}


.pro_info{width: 1194px; margin: 0 auto; max-width: 96%;}
.pro_infoT{margin-top: 75px; display: flex; justify-content: space-between;}
.pro_infoT_L{width:37%; float:left; position: relative;}


.pro_infoT_L .jqzoom{ position:relative; z-index:2;}
.pro_infoT_L .jqzoom .Img{ width:100%;border: 2px solid #ef6066; border-radius: 4px;}
.pro_infoT_L .zoomdiv{ position:absolute;  z-index:8; width:350px; height:350px; display: none; background: url(../images/loading.gif) #fff no-repeat center center; overflow: hidden; border:1px solid #e4e4e4; left:454px; top:0px;}
.pro_infoT_L .bigimg{width:800px;}
.pro_infoT_L .jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}


.pro_infoT_L #spec-left,
.pro_infoT_L #spec-right{ cursor:pointer; width:6%; padding-top:10%; z-index: 9; position: absolute; top:15%; text-indent: 44px; overflow: hidden;}
.pro_infoT_L #spec-left{ background: url(../images/icon_arrowL.png) no-repeat center center; background-size:contain;left:0;}
.pro_infoT_L #spec-right{background: url(../images/icon_arrowR.png) no-repeat center center; background-size:contain; right:0;}

.pro_infoT_L #spec-n5{ position:relative;}
.pro_infoT_L #spec-list{ width:390px; margin:auto;}
.pro_infoT_L #spec-list ul li{ float:left; display:inline; width:120px; padding:0 5px; position:relative;}
.pro_infoT_L #spec-list ul li a{ cursor:pointer; display:block; background-repeat:no-repeat; background-position:center center; background-size:contain;}
.pro_infoT_L #spec-list ul li img{ width:100%; height:70px; opacity:0;}
.pro_infoT_L #spec-list ul li a{ border:solid 1px transparent}
.pro_infoT_L #spec-list ul li a.a_select{border-color:#ef6066;}

.pro_infoT_L .listwap{ display:none; border: 2px solid #ef6066; border-radius: 4px; overflow:hidden;}
.pro_infoT_L .listwap ul li{ position:relative; float:left; padding-top:10%;background-repeat:no-repeat; background-position:center center; background-size:100%;}
.pro_infoT_L #bx-pager a.active{border-color:#ef6066;}


.pro_infoT_R{ width: 60%; margin-left: 0;}
.pro_infoTT{color: #e62129; font-size: 30px; font-weight: bold; padding-bottom: 20px; border-bottom: 1px solid #cccccc; line-height:30px;}
.pro_infoTtext{margin-top: 20px; font-size: 18px; color: #7c7c7c;}
.pro_infoB{margin-top: 34px;}
.pro_infoB .text img{ max-width:100%;}
.pro_infoB_T{height: 37px; line-height: 37px; border-bottom: 1px solid #e6e6e6;}
.pro_infoB_T ul li{float: left; height: 36px; padding: 0 25px; border: 1px solid #fff; border-bottom: none;}
.pro_infoB_T ul li.on,.pro_infoB_T ul li:hover{height: 37px; background: #fff; border-radius:4px 4px 0 0; border: 1px solid #e6e6e6; border-bottom: none;}
.pro_infoB_T ul li.on a{color: #e62129;}
.pro_infoB_T ul li:hover a{color: #e62129;}
.pro_infoB_T ul li a{font-size: 14px; color: #353535; font-weight: bold; display: block; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.pro_infoB .box{margin-top:20px;}
.pro_infoB .box .text{display: none;}
.pro_infoB .box .on{display: block;}




/*案例*/
.caseMenu{padding: 0 28px; position: relative;}
.caseMenu .bx-pager{display: none;}
.caseMenu .bx-prev{width: 28px; height: 30px; position: absolute; left: 0; top: 50%; margin-top: -12px; background: url(../images/case_menuL.png) 0 0 no-repeat; text-indent: 30px; overflow: hidden;}
.caseMenu .bx-next{width: 28px; height: 30px; position: absolute; right: 0; top: 50%; margin-top: -12px; background: url(../images/case_menuR.png) 0 0 no-repeat; text-indent: 30px; overflow: hidden;}
.caseMenu .bx-prev:hover{background: url(../images/case_menuL2.png) 0 0 no-repeat;}
.caseMenu .bx-next:hover{ background: url(../images/case_menuR2.png) 0 0 no-repeat;}

.case{width: 1194px; max-width: 100%; margin: 31px auto 0; /*overflow: hidden;*/}
.case ul{margin-right: -2%;}
.case ul li{width: 23%; height: 376px; margin:31px 2% 0 0; float: left;}
.case ul li img{width: 100%; display: block; }
.case ul li .title{display: block;  white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 18px; color: #666; font-weight: bold; margin-top: 20px;}
.case ul li .title2{margin-top: 5px; font-size: 16px; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; height: 24px;}
.case ul li .text{margin-top: 10px; font-size: 14px; color: #727272; padding: 0 2%; height:60px; overflow: hidden;}
.case ul li .more{padding-left: 41px; width:143px; height: 40px;  display: block; text-align: center; line-height: 40px;  background: url(../images/case_more.png) 0 0 no-repeat; color: #000; font-size: 14px;  margin: 10px auto 0;}
.case ul li .more:hover,.case ul li .title:hover{color: #e62129;}


/*详细*/
.news-info {padding:40px 2%;}
.news-info .h5{ text-align:center; color:#666; font-size:18px;font-weight:normal;margin-bottom: 10px;}
.news-info .time{ text-align:center; margin-top: 10px;}
.news-info .title1{font-size: 20px; font-weight: bold;}

.info_other{padding: 40px 2%;}
.info_other span{ padding:2px 0; display:block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; font-size: 14px;}
.info_other span a:hover{color: #e62129;}
.info_other span.back a{ display:inline-block; color:#fff; padding:0.2% 3%; border-radius:25px; background-color:#E50012;}
.news-info .con{margin-top: 20px;}

/*荣誉资质*/
.honor{width: 100%; overflow: hidden;}
.honor ul{margin-right: -2%;}
.honor ul li{float: left; width: 23%; margin: 54px 2% 0 0;}
.honor ul li a{display: block; text-align: center;}
.honor ul li .pic{border: 1px solid #ccc; display: block; padding:10%;}
.honor ul li .pic span{ display:block; padding-top:60%; background-repeat:no-repeat; background-position:center center; background-size:contain}
.honor ul li .title{font-size: 18px;color: #666; font-weight: bold; margin-top: 20px; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.honor ul li:hover .title{color: #e62129;}


.partner{width: 100%; overflow: hidden; margin-top: 30px;}
.partner ul{margin-right: -2%;}
.partner ul li{float: left; width: 33%; overflow: hidden; border-radius: 12px;}
.partner ul li a{display: block; text-align: center;}
.partner ul li  img{display: block; width: 100%;}

/*资料下载*/
.dow {width: 100%; margin-top: 90px; overflow: hidden;}
.dow ul{margin-left: -5%;}
.dow ul li{padding:0 2%; width:45%; margin-left:5%; margin-bottom:10px; border-bottom: 1px solid #e3e3e3; float: left;}
.dow ul li.on{background: #f7f7f7;}
.dow ul li a{padding:0 71px 0 25px; display: block; height: 48px; line-height: 48px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; position: relative; font-size: 16px; color: #3d3d3d; background: url(../images/icon_dow.png) 0 50% no-repeat;}
.dow ul li a i{width: 71px; height: 26px; position: absolute; right: 0; top: 50%; margin-top: -13px; background: url(../images/dow_btn.png) 0 0 no-repeat;}
.dow ul li a:hover{color: #e62129;}

/*新闻下载*/
.news{margin-top: 50px;}
.news ul li{padding: 20px 0; border-bottom: 1px solid #efefef;}
.news ul li .pic{width: 25%; float: left;}
.news ul li .pic img{width: 100%;}
.news ul li .newsR{float: right; width: 72%; position: relative;}
.news ul li .newsR .time{position: absolute; top: 0; right: 0; color: #999;}
.news ul li .title{color: #666; font-weight: bold; font-size: 18px; display: block; padding-right: 70px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.news ul li .title2{font-size: 16px; display: block; padding-right: 70px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-top:5px;}
.news ul li .title:hover{color: #e62129;}
.news ul li .text{color: #727272; font-size: 14px; max-height: 90px; overflow: hidden; margin-top:10px;}
.news ul li .more{width: 93px; height: 32px; margin-top: 10px;line-height: 32px; color: #f18387; border: 1px solid #f18387; border-radius: 10px; display: block; text-align: center; font-size: 14px;}

/*媒体*/
.focus{margin-top: 47px; }
.focus ul li{ margin-bottom: 20px; }
.focus ul li .pic{float: right; width: 30%; }
.focus ul li .pic img{width: 100%;}
.focusL{width: 68%; float: left;}
.focusL .text{color: #727272; font-size: 14px; margin-top: 10px; max-height: 90px; overflow: hidden;}
.focusL .title{font-size: 18px; font-weight: bold; color: #666; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.focusL .title:hover{ color:#e62129;}
.focusL .title2{font-size: 16px; margin-top:5px; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.focusL ul li .title:hover{color: #e62129;}
.focusL .focusL_source{display: block; text-align: right;}

/*联系我们*/
.contact{margin: 64px 0;}
.contact .map{width: 40%; height: 318px; float: left;}
.contact .text_con{width: 50%; float: right;}
.contact_tip{margin-top: 70px; padding-bottom: 6px; font-size: 16px; border-bottom: 1px dotted #cbcbcb; color: #5e5e5e;}
.contact .box2{margin-top: 40px;}
.contact .form{width: 50%; float: left;}
.contact .form table{width: 100%;}
.contact .form .text{width: 227px; padding: 0 5px; height: 31px; border: 1px solid #dbdbdb;}
.contact .form .tip{width: 60px; font-size: 14px; color: #5e5e5e;text-align: right; line-height: 31px;}
.contact .form td{padding: 8px 0;}
.contact .form td textarea{width: 100%; height: 131px; padding: 10px; border: 1px solid #dbdbdb;}
.contact .form .code td{position: relative;}
.contact .form .code img{height: 32px; position: absolute; top: 8px; }
.contact .form .btn{width: 97px; height: 33px; display: block; cursor: pointer;margin: 10px auto 0; line-height: 33px; text-align: center; background: #cc0000; color: #fff; font-size: 14px;}

.contact .pic{width: 40%; float: right;}
.contact .pic img{max-width: 100%;}

/*招聘*/
.join{margin: 40px 0;}
.join_t{font-size: 18px; color: #5e5e5e;}
.join_t img{max-width: 100%;}
.join_b{margin-top: 40px; font-size: 18px; color: #5e5e5e;}
.join_list{border-bottom: 1px solid #eaeaea;}
.join_list ul li{border-bottom: 1px solid #eaeaea; overflow: hidden; cursor: pointer;}
.join_list ul li span{display: block; width: 21%; padding: 0 2%; text-align: center; float: left;}
.join_list ul li.top{height: 43px; line-height: 43px; background: #e6212a;}
.join_list ul li.top span{color: #fff; font-size: 16px;}
.join_list ul li .Box span{height: 56px; line-height: 56px; font-size: 14px; color: #666;}
.join_list ul li .Box .title{position: relative;}
.join_list ul li .Box .title i{width: 11px; height: 6px; position: absolute; top: 50%; margin-top: -3px; right: 10%; background: url(../images/join_arrowB.png) 0 0 no-repeat;}

.join ul li .con{padding: 5%; display: none;}
.join_list ul li.on{background: #f7f7f7;}
.join_list ul li.block .con{display: block;}
.join_list ul li.block .Box .title i{background: url(../images/join_arrowT.png) 0 0 no-repeat;}
/*分页*/
.pages{margin: 40px 0; padding:10px; line-height:18px; zoom:1; overflow:hidden; text-align: center;}
.pages span{ padding:0px 3px; display:inline-block;}
.pages a{ display:inline-block; margin:0px 2px; color: #acacac; }
.pages a:hover{color:#fff; border:solid 1px #f1f1f1; background:#e6212a;}
.pages .p_page em{ font-style:normal; font-family:Arial;}
.pages .p_page em a{ padding:8px 15px; border:solid 1px #e1e1e1; background:#fff; border-radius: 4px; font-size: 14px;}
.pages .p_page em a:hover{color:#fff; border:solid 1px #f1f1f1; background:#e6212a;}
.pages .p_page em a.a_cur{ color:#fff; border:solid 1px #f1f1f1; background:#e6212a;}
.pages .p_page b{ font-weight:normal;}

.Pages .a_prev,.Pages .a_next{padding:8px 28px; border:solid 1px #e1e1e1; background:#fff; border-radius: 4px; font-size: 14px; color: #e62129;}

.Pages .p_cur,.Pages .a_first,.Pages .a_end,.Pages .p_count,.Pages .p_total,.Pages .p_jump{display: none;}
/*分页*/


/*小滚动条样式*/

.gdt::-webkit-scrollbar,
p::-webkit-scrollbar{width:3px;}
.gdt::-webkit-scrollbar-track,
p::-webkit-scrollbar-track{background-color:#fff;}
.gdt::-webkit-scrollbar-thumb,
p::-webkit-scrollbar-thumb{background-color:#bbb;}
.gdt::-webkit-scrollbar-thumb:hover,
p::-webkit-scrollbar-thumb:hover{background-color:#555}
.gdt::-webkit-scrollbar-thumb:active,
p::-webkit-scrollbar-thumb:active{background-color:#666}
.gdt{ overflow:auto !important; padding-right:10px !important;}

.txt_pingzhikongzhi .left{ float:left; width:38%;}
.txt_pingzhikongzhi .right{float:right; width:60%}
.fr_about_photo{ float:right; width:60%;}
@media screen and (max-width:1520px){
.Top_con{right: 2%;}

/* .H_porL{width: 100%;} */
/* .H_porL ul li{width: 16%; float: left; margin-left: 0.8%; margin-top: 0;} */
/* .H_porL ul li:first-child{margin-left: 0;} */
/* .H_porL ul li:last-child{display: block; margin-left: 0; margin-top: 10px;} */

/* .H_porR{width: 100%;} */

.H_porR_pic{margin-top:19px;}

.H_caseMenuList .bx-controls-direction .bx-prev{left: 0;}
.H_caseMenuList .bx-controls-direction .bx-next{right: 0;}

.H_about{padding: 0 2%;}
.H_por{padding: 0 2%; }

.H_newsL{width: 30%; float: left; padding: 3% 5% 1.8% 5%; background: #f3f3f3;}

.footer{padding: 25px 2% 25px 2%;}
.Bottom{padding: 0 2%;}

.Current{right: 10px;}
.por_top{padding: 0 6%;}

.pro_info{padding: 0 2%;}

.case ul{margin-right: 0;}
.case ul li{width: 23%; margin:40px 1%; float: left;}

/* .footer_Code{ margin-left:5%;} */
.footer_contact{ max-width:35%;}
}
@media screen and (max-width:1300px){
.MainNav ul li .Main_link{font-size: 16px;}

.H_caseList .hover .text{color: #fff;  padding: 10% 10% 0 10%;}
.H_caseList .hover .btn{width: 30px; height: 30px; background-size: cover; margin-top: 0;}

.H_aboutR .title{font-size: 18px;}
.H_aboutR .text{height: 100px;}

.footerTop{ font-size:22px;}
.footer_Code{ margin-left:1%; width:12%}
.footer_contact{ max-width:42%;}

.pro_menuList ul li a{font-size: 14px;}

.partner ul li{width: 22%;}
}

@media screen and (max-width:1002px){
.Top_w{display: none;}
.mobile_top{display: block;}
.mob_nav{display: block;}

.H_hotSearch{width: 40%;}
.H_hot .H_hotTip{font-size: 12px;}
.H_hot .H_hotTip a{font-size: 12px;}

.H_aboutR .text{height: 92px;}
.H_aboutR .title{font-size: 16px;}
.H_aboutR .text{font-size: 14px;}

.H_newsMenu ul li{font-size: 20px;}
.H_newsList ul .top .pic{width: 40%;}
.H_newsList ul .top .con{width: 56%;}

.H_newsL {width: 36%;padding: 3% 2% 1.8% 2%;}

.H_newsList ul .top .con .title{font-size: 14px;}
.H_newsList ul li a.tip{font-size: 14px;}

.footer_box{width: 45%;}
.footer_box2{width: 45%; float: right;}
.footer_Code{margin-left: 0; width: 40%; margin-top: 10px;}
.footer_contact{max-width: 65%; margin-top: 10px;}
.footerTop{font-size: 18px;}

.menu ul li{width: 18%;}

.por_top .bx-prev{width: 43px; height: 49px; margin-top: -25px; background-size: contain; }
.por_top .bx-next{width: 43px; height:49px;  margin-top: -25px; background-size: contain;}

.pro_menu{display: none;}
.pro_Con{width: 100%;}

.SildeBar{height: auto;}
.case ul li{width: 31%;}
.fr_about_photo{ width:48%;}


}
@media screen and (max-width:840px){
.pro_infoT_L{ float:none;}
.pro_infoT_L .listpc{ display:none;}
.pro_infoT_L .listwap{ display:block;}

.pro_infoT{ margin-top:10px;}
}
@media screen and (max-width:767px){
.BanList_pc,.Current{display: none;}
.BanList_wap{display: block;}

.HomeBan .bx-controls-direction .bx-prev{display: none;}
.HomeBan .bx-controls-direction .bx-next{display: none;}
.HomeBan .bx-pager{bottom: 10px;}

.H_hot{width: 100%; height: 40px; line-height: 40px; max-width: 100%; position: static; margin-top: 0;}
.H_hot .H_hotTip{font-size: 12px; line-height: 40px;}
.H_hot .H_hotTip a{font-size: 12px;}

.H_hotSearch{margin-top: 0;}
.H_hotSearch .text{font-size: 14px;}


.H_porL ul li{width: 31.33%; float: left; margin:10px 1%; margin-top: 10px;}
.H_porR_list ul li{width: 31.33%; float: left; margin:10px 1%;}
.H_porL ul li:first-child{margin-left: 1%; margin-top: 10px;}
.H_porL ul li:last-child{margin-left: 0.8%;}
.H_porR_list ul li:first-child{margin-left: 1%;}

.H_casePicL{width: 100%;}
.H_casePicR{width: 100%; margin-top: 4px;}

.H_aboutL{width: 100%;}
.H_aboutR{width: 90%;}
.H_aboutBox{background: url(../images/bg.jpg) 50% 100% no-repeat; padding-bottom: 20px; background-size: cover;}

.H_adv{margin-top: 20px;}
.H_news{margin-top: 20px;}
.H_newsL{width: 96%; padding: 2%;}
.H_newsR{width: 100%; margin-top: 10px;}
.H_newsR .iframe{width: 100%;}
.videoCon video{width: 100%; height: 300px;}




.H_newsListBox .btn{width: 100px; height: 35px; line-height: 35px;}
.H_Title .cn{font-size: 24px;}

.SildeBar{height: auto;}
.menu{height: auto;}
.menu ul li{width: 25%; line-height: 40px;}
.menu ul li a{height: 38px; font-size: 14px;}


.Current{top: auto; bottom: -30px;}
.about{margin-top: 50px;}
.about_pic{margin-top: 50px;}


.deve{background:none;}
.deve i{display: none;}
.deve ul li{height: auto; padding: 20px 0;}
.deve ul li .pic img{width: 100%;}
.deve_bg .btn{margin-left: -11px; }
.deve ul li .pic .time s{display: none;}

.video_list ul li{width: 48%; background-size: 100% 100%;}

.video_list ul li i{width: 30px; height: 30px; margin-left: -15px; margin-top: -15px; background-size: cover;}

.por_top .bx-prev{width: 23px; height: 29px; margin-top: -15px; background-size: contain; }
.por_top .bx-next{width: 23px; height:29px;  margin-top: -15px; background-size: contain;}

.pro_list ul li{width: 48%;}

.pro_infoT_L{width:100%;}
.pro_infoT_R{width: 100%; margin-top: 30px; margin-left:0;}
.pro_infoTT{font-size: 20px;}

.case ul li{width: 48%;}

.honor ul li{width: 48%;}
.honor ul li .title{font-size: 14px;}

.partner ul{margin: 0;}
.partner ul li{width: 46%; margin: 20px 1%;}

.dow ul li{width: 86%;}

.news ul li .pic{width: 40%;}
.news ul li .newsR{width: 58%;}
.news ul li .title{font-size: 16px;}

.focus ul li{margin-top: 20px;}
.focusL .title{font-size: 18px;}
.focusL .title2{font-size: 16px; margin-top: 5px; line-height: 25px;}
.news ul li .title2,.news ul li .text{ margin-top: 5px; }

.contact .map{width: 100%; height: 200px; }
.contact .text_con{width: 100%; margin-top: 20px;}

.contact .form{width: 100%; float: left;}
.contact .form .text{width: 60%;}
.contact .form td textarea{width: 80%;}
.contact .pic{width: 100%; float: right; text-align: center;}

.join_list ul li span{width: 25%;}
.join_list ul li span{padding: 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.join_list ul li .Box .title i{right: 0; }

.news-info .title1{ font-size:18px; }
.news-info .title2{ font-size: 14px;}
img{ max-width: 100%;}
.fr_about_photo{ float:none; width:100%;}
}
@media screen and (max-width:640px){
.pro_infoB_T ul li{padding: 0; width: 16%;}
.pro_infoB_T ul li a{font-size: 12px;}

.H_caseList .title{ font-size: 13px; line-height: 40px; height: 40px; }

.focus ul li .pic,
.focus ul li .focusL,
.news ul li .pic,
.news ul li .newsR{ float:none; width:100%;}
}

@media screen and (max-width:479px){
.H_caseMenuList .bx-controls-direction .bx-prev{width: 30px; height: 34px; background-size: cover;}
.H_caseMenuList .bx-controls-direction .bx-next{width: 30px; height: 34px;background-size: cover;}

.H_adv{margin-top: 20px;}

.H_newsR ul li a i{width: 40px; height: 40px; margin-left: -20px; margin-top: -20px; background-size: cover;}
.H_newsR ul li a .title{height: 40px; line-height: 40px;}
.H_newsR .bx-controls .bx-pager{bottom: 5px;}

.pro_infoTT{font-size: 18px;}
.pro_infoTtext{font-size: 14px;}
.case ul li{height: 250px;}

.footer_list ul li a{ font-weight:normal;}

.Pages .a_prev,.Pages .a_next{padding:8px}
}

@media screen and (max-width:320px){
.footer_Code{width: 100%;}
.footer_contact{width: 100%; max-width:100%;}
}




/*20170307*/

@media screen and (min-width:1200px){
.footer_list ul li{ width:102px; padding-right:25%;}
.footer_list ul li:nth-child(2n){ padding-right:0;}
.footer_list ul li:nth-child(2n+1){ clear:both;}
}

@media screen and (min-width:1200px){
/* .footer_Code{ margin-left:6%;} */
}
@media screen and (min-width:1300px){
/* .footer_Code{ margin-left:8%;} */
}
@media screen and (min-width:1400px){
/* .footer_Code{ margin-left:10%;} */
}
@media screen and (min-width:1500px){
/* .footer_Code{ margin-left:12%;} */
}
@media screen and (min-width:1600px){
/* .footer_Code{ margin-left:12.5%;} */
}
@media screen and (min-width:1900px){
/* .footer_Code{ margin-left:13%;} */
}
.H_porL.hd{padding-top: 81px; padding-bottom: 81px; position: relative;}
.H_porL.hd ul{}
.H_porL .slick-arrow{width: 100%; height: 81px;background-image: url(../images/RighInfo001277-btn_prev.png); background-position: center center ; background-repeat: no-repeat; cursor: pointer; position: absolute; left: 0; top: -81px; border: 0;}
.H_porL .slick-arrow.slick-next{transform: rotateZ(180deg); top: auto; bottom: -81px;}
.H_porL .slick-prev{transform: translate(0);}
.H_porL ul li.slick-current .pic{background-color: #a1171d;}
.H_porL ul li .title{ z-index: 10;}
.H_porL ul li{margin-top: 0; background-color: transparent; padding:8px 0; height: 100px;}
.H_porL ul li .pic{ position: relative;background: #8b8a8a; border-radius: 4px;}
.H_porL ul li.slick-current .pic::before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%;background-color: #a1171d; opacity: .5; z-index: 1;}
@media screen and (max-width:1024px){
	.H_porL{width: 100%;}
	.H_porR{width: 100%;}
	.H_porL ul li{margin-top: 0; height: auto;}
	.H_porL.hd ul{padding: 0; padding-left: 10%; padding-right: 10%;}
	.H_porL .slick-arrow{ top: 0; bottom: 0; margin: auto; left: 0; transform: rotateZ(-90deg); width: 10%; height: 100%;}
	.H_porL .slick-arrow.slick-next{left: auto ; right: 0;transform: rotateZ(90deg); bottom: 0;}
	.H_porL ul li{margin:  0 !important; padding:  10px 15px;}
	.H_porL.hd{padding: 0;}

}

/*
 .RighInfo002803 为demo编号
 */
.RighInfo002803{ padding: 0% 0; }
.RighInfo002803 .auto{ max-width: 1194px; }
.RighInfo002803 .word{width:44%;float:right;}
.RighInfo002803 .h2{font-size:28px;color:#333;font-weight: normal;margin-top:0;margin-bottom:2%;line-height: initial;}
.RighInfo002803 .h2:after{content:'';width:27px;height: 2px;background:#e62129;display: block;margin-top:14px;}
.RighInfo002803 .word p{font-size:16px;line-height: 31px;text-align: justify;margin-top:0;margin-bottom:9px;}
.RighInfo002803 .word .h3{color:#333;}
.RighInfo002803 .pic{width:53%;float:left; }

@media(max-width:1200px){
.RighInfo002803 .auto{padding:0 2%;}
}

@media(max-width:768px){
.RighInfo002803{padding:6% 0;}
.RighInfo002803 .word{width:100%;}
.RighInfo002803 .word .h2{font-size:24px;}
.RighInfo002803 .word p{line-height: 28px;}
.RighInfo002803 .pic{width:100%;}
}





/*
 .Floor000881 为demo编号
 */
.Floor000881{padding:0% 0;}
.Floor000881 .auto{max-width:1194px;}
.Floor000881 .h2{font-size:28px;color:#333;font-weight: normal;margin-top:0;margin-bottom:2%;line-height: initial;}
.Floor000881 .h2:after{content:'';width:27px;height: 2px;background:#e62129;display: block; margin-top:14px;}


.Floor000881 .pic{width:29%;float:left;}
.Floor000881 .pic img{margin-bottom:10px;}
.Floor000881 .word{width:67%;float:right;}

.Floor000881 .word .h3{color:#333;border-top:1px solid #e5e5e5;padding-top:11%;margin-top:10%;margin-bottom:2%}
.Floor000881 .word .h3:after{content:'';width:27px;height: 2px;background:#e62129;display: block; margin-top:14px;}
.Floor000881 .word .img{margin-top:8%;}
.Floor000881 .word p{font-size:16px;line-height: 30px;text-align: justify;margin-top:0;}

/*slick Basic*/
.Floor000881 .slick-slider { position:relative;display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent}
.Floor000881 .slick-list { position: relative; z-index: 1;display: block; overflow: hidden;}
.Floor000881 .slick-list:focus {outline: none}
.Floor000881 .slick-list.dragging {cursor: pointer;cursor: hand;}
.Floor000881 .slick-slider .slick-track, 
.Floor000881 .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)}
.Floor000881 .slick-track {position: relative; top: 0; left: 0; display: block;}
.Floor000881 .slick-track:before, 
.Floor000881 .slick-track:after{display: table; content: '';}
.Floor000881 .slick-track:after{ clear: both;}
.Floor000881 .slick-loading .slick-track { visibility: hidden;}
.Floor000881 .slick-slide{ display: none; float: left;min-height: 1px;}
[dir = 'rtl'] .slick-slide {float: right;}
.Floor000881 .slick-slide .slick-loading img { display: none;}
.Floor000881 .slick-slide .dragging img { pointer-events: none;}
.Floor000881 .slick-initialized .slick-slide { display: block;}
.Floor000881 .slick-loading .slick-slide { visibility: hidden;}
.Floor000881 .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;}
.Floor000881 .slick-arrow .slick-hidden { display: none;}
/*slick Basic End*/

.Floor000881 .list_scroll li{}
.Floor000881 .list_scroll li a{display: block; margin: 0 16px;border: 1px solid #eaeaea;background:#fff;}
.Floor000881 .list_scroll li .Ispic{padding-bottom:70%;}
.Floor000881 .list_scroll li p{text-align:center; margin:0; line-height:55px;border-top:0;color:#333;font-size:16px;border-top: 1px solid #eaeaea;}


.Floor000881 .slick-arrow{ position:absolute; width:22px; height:22px; top:50%; margin-top:-11px; overflow:hidden;font-size: 0; cursor: pointer;z-index:10; border: 0;background: none;padding: 0; border-top: 2px solid #e6212a;border-left: 2px solid #e6212a;transform:rotate(-45deg);}
.Floor000881 .slick-prev{ left:-25px;}
.Floor000881 .slick-next{transform:rotate(135deg); right:-25px;}
@media(min-width:1293px){
.Floor000881 .list_scroll .slider{margin: 0 -16px;}
}
@media(max-width:1292px){
.Floor000881 .slick-prev{ left:0;}
.Floor000881 .slick-next{ right:0;}
}
@media(max-width:1200px){
.Floor000881 .auto{padding:0 2%;}	
}
@media(max-width:768px){
.Floor000881{ padding:30px 0;}
.Floor000881 .pic{width:100%;}
.Floor000881 .word{width:100%;}
.Floor000881 .word .img{margin-top:4%;}
.Floor000881 .word p{line-height: 28px;}
.Floor000881 .h2{font-size:24px;}
.Floor000881 .list_scroll .slider{padding: 0 26px;}
.Floor000881 .list_scroll li a{margin: 0 5px;}
}