@charset "utf-8";
/*初始化样式*/
body{ margin:0px; padding:0px; margin:0px auto; zoom:1;

/*设置字体*/
font-size:12px;
line-height:24px;
font-family:Arial,"微软雅黑","宋体";
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;}
@media(max-width:768px){
  img{ max-width:100%; height:auto }
}
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:#183884;}

/*清楚浮动*/
.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: #183884;}

#dituContent{ width:46%; height:260px; float:left;}

@media (max-width: 640px) {
#dituContent{ width:100%;}
}

/*Top*/
.Top_w{width: 100%; padding-bottom: 15px; border-bottom: 1px solid #183884;}
.Top{width: 1520px; max-width: 98%; padding: 0 1%; margin: 0 auto; position: relative; z-index:88;}
.Top .logo{padding-top: 13px; display: inline-block; float: left;}

.Top_con{width: 210px; height: 111px; position: absolute; top: 0; right: 0; }
.Top_language{line-height: 101px; width: 49%; height: 111px; text-align: center; font-size: 14px; float: left;}
.Top_language a{background: url(../images/en.jpg) no-repeat left center;color: #6d6b6b; padding-left:26px; display:inline-block;}
.Top_language a.on,.Top_language a:hover{color: #183884;}
.Top_email{float: left; width: 49%;  height: 101px; 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: #183884;}


.MainNav{width: 60%; float: right;  margin: 40px 0 0 8%;}
.MainNav ul li{float: left; width: 12%; text-align: center; position: relative; height: 30px;}
.MainNav ul li .Main_link{font-size: 18px; color: #5f5d5d; display: inline-block; padding-bottom: 6px;}
.MainNav ul li.on .Main_link,.MainNav ul li:hover .Main_link{color: #183884; border-bottom: 3px solid #183884;}


.Main_nav{ position: absolute; top: 100%; left: -200%;  z-index: 99; padding-top: 41px;}
.Main_navCon{width: 370px; padding: 6px 20px; background: #183884;}
.Main_nav .Main_list{float: left; width: 26%; padding: 3% 12% 3% 3%;  border-right: 1px solid #fff;}
.Main_nav .Main_list dl dd{padding: 2% 0 2% 25px; margin-top: 5px;  border-bottom: 1px solid #183884; text-align: left;}
.Main_nav .Main_list dl dd:hover{background: url(../images/nav_arrow.png) 13px 50% no-repeat; border-bottom: 1px solid #fff; }
.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{
	display:none;
	width:410px;
}
.MainNav ul li:hover>.Main_nav{
	display:block;
}
/*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:70px; 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:#183884;}
.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;}
.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: #183884;}
.mob_nav li ul{display: none;}
.mob_nav li ul.subnav li a{font-size:1.8em; margin-top: 0px; background-color: #183884; line-height: 2.4em; background-image: none;}
.mob_nav li ul.subnav li a:hover{background-color: #fff; color: #183884; background-image: none;}
.weather{ float:right; line-height:50px;}
/*手机端头部*/

/*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 .text  { position: absolute; width: 40%;padding: 4% 2%;bottom: 90px;left: 150px;background: rgba(0, 0, 0, 0.16); transform:translateX(-40px);opacity: 0;transition: .5s;}
.HomeBan .text aside { color:#fff; font-size: 32px;transform:translateX(60px); opacity: 0;transition: .5s .5s;}
.HomeBan li.active .text { transform:translateX(0);opacity: 1;}
.HomeBan li.active .text aside { transform:translateX(0);opacity: 1;}
.HomeBan .bx-pager{ background: url(../images/bg.png) center top no-repeat; width: 100%; text-align: center; position: absolute; bottom: 36px; 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: 13px; height: 13px; margin:7px;  background: url(../images/2.png) 0 0 no-repeat; overflow:hidden; text-indent: 24px; }
.HomeBan .bx-controls .bx-pager-item a.active{ background: url(../images/1.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_pc img {transform: scale(1.08);transition: 4s;}
.BanList_wap{display: none;}
.HomeBan li.active .BanList_pc img {transform: scale(1);}
/*Banner*/

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

.H_hotSearch{float: right; width: 312px; height: 36px; margin-top: 20px; border-bottom: 1px solid #dfdfdf; margin-right: 2%;}
.H_hotSearch .text{color: #666; font-size: 16px; height: 36px; line-height: 36px; width: 80%; float: left; font-family: "微软雅黑";}
.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: #183884; font-size: 30px; }
.H_Title i{width: 36px; height: 1px; background: #183884; display: none; margin: 16px auto 0;}

.H_por{width: 1520px; margin: 20px 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 .pic .hover{ display:none;}
.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 img,.H_porL ul li.on img{ display:none;}
.H_porL ul li:hover .hover,.H_porL ul li.on .hover{ display:block;}


.H_porR{width: 88%; float: right;}
.H_porR_pic img{display: block; width: 100%; }
.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; text-align: center;}
.H_porR_list ul li .pic img{width: 100%; 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 #183884;}
.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: #183884;}
.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;}
.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;}

.H_caseList{border-top: 3px solid #183884;}
.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: 30%; float: left; padding:0 5%;}
.H_aboutR .title{margin-top: 12%; font-size: 24px; font-weight: bold; color: #183884;}
.H_aboutR .title span{display: none; width: 23px; height: 2px; background: #183884; margin-top: 20px;}
.H_aboutR .text{font-size: 16px; color: #333; margin-top: 40px;}
.H_aboutR .btn{width: 160px; height: 48px; line-height: 48px; text-align: center; background: #183884; 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: 30%; 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 #183884; color: #183884; 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: #183884; 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: #183884;}
.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: #183884; max-height: 48px; 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: #183884;}

.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: #183884;}

.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%;}
.footer_list{margin-top:-3px;}
.footer_list ul li{float: left;width: 50%; margin-bottom: 12px;}
.footer_list ul li a:hover{color: #183884;}
.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 #183884; padding-left: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom:15px;}
.footer_Code{width: 10%; margin-left: 10%;}
.footer_Code .footerCode{margin-top:18px;  padding-left:10px; width:95px; text-align:center;}
.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;}

/*首页*/

/*Bottom*/
.BottomW{width: 100%;  padding: 10px 0; background: #183884;}
.Bottom{max-width: 1520px; max-width: 96%; margin: 0 auto;}
.BottomLinks{float: left; color: #3a5596;}
.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 #183884; color: #183884;}
/*SildeBar*/


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

/*
 Timeline000731 为demo编号
 */
.Timeline000731{ padding:3%; margin-left:16%;}
.Timeline000731 ul li time{ width:15%; padding-right:4%; float:left;}
.Timeline000731 ul li time img{ width:100%;}
.Timeline000731 ul li dl{ float:left; width:74%; min-height:140px; font-size:14px; color:#474747; background:url(../images/Timeline000731_bg3.jpg) repeat-y 7px top;}
.Timeline000731 ul li dl dd{ background:url(../images/dot.png) no-repeat left top; padding-left:6%; line-height:25px; background-size:22px;}
.Timeline000731 ul li dl dd span{ font:bold 20px Arial; color:#183884; padding-right:10px; display:inline-block;}

@media (max-width: 480px) {
.Timeline000731{ margin-left:6%;}
.Timeline000731 ul li time{ width:40%; float:left;}
.Timeline000731 ul li dl{ background-position:3px top; width:54%; padding-bottom:20px; min-height:90px;}
.Timeline000731 ul li dl dd{ background-size:12px; padding-left:10%; text-overflow: ellipsis; overflow: hidden;}
.Timeline000731 ul li dl dd span{ font:bold 16px Arial;}
}

.deve_bg{width: 100%; position: relative;}
.deve{background: url(../images/lcbg.jpg) no-repeat left top; width:1194px; margin: 60px auto; max-width: 100%; position: relative;}
.deve i{width: 32px; height: 32px; position: absolute; top: -16px; left: 50%; margin-left: -24px;}
.deve ul{padding: 0 0;}
.deve ul li:first-child{}
.deve ul li{ padding-bottom:20px;}
.deve ul li .pic{ padding-left:150px; float: left; width: 24%; margin-right:3%; position: relative;}
.deve ul li .pic img{display: block; width:100%;}
.deve ul li .pic .time{width: 76px; height: 76px; text-align: center; line-height: 76px; color: #fff; font-size: 16px; display:none;}
.deve ul li .pic .time s{width: 8px; height: 8px;position: absolute; top: 50%; margin-top: -4px; right: -8px;}
.deve ul li .text{float: left; position: relative;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.deve ul li .text h1{ font-size: 40px; color: #183884; border-bottom:solid 1px #183884; float:left; padding:15px 0; margin:0; margin-bottom:10px;}
.deve ul li.on{}


.deve_bg .btn{width: 21px; height: 19px; position: absolute; bottom: -25px; left: 50%; margin-left: -40px; 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: 1200px; max-width: 88%; margin: 32px auto 0; padding:0 84px 0 84px; 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;}
.pro_menuList ul li:hover a,.pro_menuList ul li.on a{background: #183884 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_Con{width: 85%; float: right;}
.pro_location{height: 48px; line-height: 48px; font-size: 16px; background: #183884 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: #183884;}


.pro_info{width: 1520px; margin: 0 auto; max-width: 96%;}
.pro_infoT{margin-top: 75px;}
.pro_infoT_L{width:450px; float:left; position: relative;}

.pro_infoT_L .wap_img{ display:none; width:100%;}
.pro_infoT_L .jqzoom{ position:relative; z-index:2;}
.pro_infoT_L .jqzoom .Img{ width:100%;border: 2px solid #183884; border-radius: 4px;}
.pro_infoT_L .jqzoom img{ width:100%;}
.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 #183884; 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{ margin-left:470px;}
.pro_infoTT{color: #183884; 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: #183884;}
.pro_infoB_T ul li:hover a{color: #183884;}
.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: 35px; position: absolute; left: 0; top: 50%; margin-top: -17px; background: url(../images/case_menuL.png) 0 0 no-repeat; text-indent: 30px; overflow: hidden;}
.caseMenu .bx-next{width: 28px; height: 35px; position: absolute; right: 0; top: 50%; margin-top: -17px; 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: 48px; overflow: hidden;}
.case ul li .more{padding-left: 41px; width: 102px; 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: #183884;}

/*RighInfo001774*/
.RighInfo001774{ padding-bottom:3%;}
.RighInfo001774 .list_img{ width:100%;}
.RighInfo001774 .big{ margin-bottom:20px;}
.RighInfo001774 .big li figure{ padding-bottom:50%; background-repeat: no-repeat; background-position: center center; background-size:contain;}
.RighInfo001774 .scroll li img,
.RighInfo001774 .big li img{ display:none;}
.RighInfo001774 .scroll{ padding:0 30px; position:relative;}
.RighInfo001774 .scroll a{ position:absolute; height:100%; width:28px; height:100px; z-index:10; cursor:pointer;}
.RighInfo001774 .scroll a.prev{ background: url(../images/case_menuL2.png) left center no-repeat; left:0;}
.RighInfo001774 .scroll a.next{ background: url(../images/case_menuR2.png) left center no-repeat; right:0;}
.RighInfo001774 .scroll a.prevStop,
.RighInfo001774 .scroll a.nextStop{ cursor:default;}
.RighInfo001774 .scroll a span{ position:absolute; font-size:20px; left:50%; top:50%; margin-left:-10px; margin-top:-10px; color:#ccc;}
.RighInfo001774 .scroll li{ float:left;}
.RighInfo001774 .scroll li figure{ margin:0 auto; padding-bottom:50%; background-repeat: no-repeat; background-position: center center; background-size:contain; max-width:90%; border:1px solid #fff; overflow:hidden;}
.RighInfo001774 .scroll li.on figure{ border-color:#fff; cursor:pointer;} 
 
 
 
/*详细*/
.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; color:#183884;}

.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: #183884;}
.info_other span.back a{ display:inline-block; color:#fff; padding:0.2% 3%; border-radius:25px; background-color:#183884;}
.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;}
.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: #183884;}


.partner{width: 100%; overflow: hidden; margin-top: 30px;}
.partner ul{margin-right: -2%;}
.partner ul li{float: left; width: 14%; margin: 16px 2% 0 0; border: 2px solid #5a5a5a; 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-right: -10%;}
.dow ul li{padding: 0 2%; width: 36%; margin-right: 10%; 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: #183884;}

/*新闻下载*/
.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: #183884;}
.news ul li .text{color: #727272; font-size: 14px; max-height: 72px; 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: 72px; 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:#183884;}
.focusL .title2{font-size: 16px; margin-top:5px; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.focusL ul li .title:hover{color: #183884;}
.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: #183884;}
.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:#183884;}
.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:#183884;}
.pages .p_page em a.a_cur{ color:#fff; border:solid 1px #f1f1f1; background:#183884;}
.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: #183884;}

.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{ 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%; padding-left:20px;}
@media screen and (max-width:1520px){
.H_caseMenuList .bx-controls-direction .bx-prev{left: 0;}    
.H_caseMenuList .bx-controls-direction .bx-next{right: 0;}
}
@media screen and (max-width:1198px){
.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_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%;}
.footer > div{ display:none }
.footer div.footer_contact{ display:block; float:none; width:auto }
.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 (min-width:1200px){
.MainNav{float: left;}
.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{}

.footerTop{ font-size:22px;}    
.footer_Code{ margin-left:1%; width:12%}
.footer_contact{ max-width:42%;}
.footerText p{ line-height:20px;}
.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{}
.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: 32%; 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: 50%; 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{ width:auto; background:none;} 
.deve i{display: none;}
.deve ul li{ height: auto; padding: 20px 0;}
.deve ul li .pic{ padding-left:40px;}
.deve ul li .pic img{width: 100%;}   
.deve_bg .btn{margin-left: -11px; }    
.deve ul li .pic .time s{display: none;}
.deve ul li .text h1{ font-size:24px; padding:5px 0; margin-bottom:5px;}   

.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:auto; 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%;}
}