@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0; padding: 0px; border: 0; font-size: 100%; outline: none;}
html { font-size: 100%!important; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; }
/* always display scrollbars */
body { font: 14px/1.8 "Microsoft Yahei","微软雅黑"; margin:0 auto; color: #424242; -webkit-tap-highlight-color:rgba(0,0,0,0);}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
h1, h2, h3, h4, h5, h6{font-weight:normal}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
img { border: 0; vertical-align: middle;}
input{ outline: none;}
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; border-radius: 0; }
textarea {-webkit-appearance: none; border-radius: 0; outline: none;  font-family:"Microsoft Yahei"}
::-moz-selection { background: #338fff; color: #fff; text-shadow: none; }
::selection { background: #338fff; color: #fff; text-shadow: none; }
select{ outline: none;}
select::-ms-expand { display: none; }
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; transition:All 0.4s ease-in-out;	-webkit-transition:All 0.4s ease-in-out;	-moz-transition:All 0.4s ease-in-out;	-o-transition:All 0.4s ease-in-out;}
a:link, a:visited { text-decoration: none; color:#424242;}
a:active, a:hover { text-decoration: none; outline:none; color:#eb3d00;}
a:focus{text-decoration:none;outline:0;}
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px;}
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.trans{ -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s;}

/*在线客服*/
.side{position:fixed;width:54px;height:auto;right:0;top:214px;z-index:100;}
.side ul li{width:54px;height:54px; line-height: 54px; float:left;position:relative;border-bottom:1px solid #444;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff; overflow:hidden;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#ae1c1c;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}


/*PC端头部样式*/
#header-content{width: 100%; height: auto; overflow: hidden; }
#header-bar1{width: 100%; height: auto; overflow: hidden; background: #efefef; }
#bar1-01{width: 1200px; height: auto; margin: 0 auto;}
#bar1-01 .left{width: 600px; height: auto; line-height: 40px; float: left; color: #878787; font-size: 14px;}
#bar1-01 .right0{width: 500px; height: auto; line-height: 32px; float: left; text-align: right; }
#bar1-01 .right1{width: 500px; height: auto; line-height: 40px; float: right; text-align: right;}


#header-bar2{width: 100%; height: 120px; overflow: hidden; }
#bar-02{width: 1200px; height: auto; margin: 0 auto;}
#bar-02 .logo{width: 470px; height: auto; float: left;}
#bar-02 .tel{width: 229px; height: auto; float: right; background: url(../images/icon-1.png) no-repeat 440px 95%; text-indent: 5rem; padding-left: 420px; padding-top: 28px;}
#bar-02 .tel p{ text-align: left; font-size: 16px; line-height: 180%; color: #341c76;}
#bar-02 .tel p span{font-size: 22px; color: #e50012;}

#header-bar3{width: 100%; height: auto; overflow: hidden; background: #341c76; overflow: hidden; }
#bar3{width: 1200px; height: 50px; margin: 0 auto;}
#bar3 .navigation{width: 1200px; height: 50px; margin: 0 auto; background: url(../images/nav-bg.png) no-repeat;}
#nav {margin:0 auto; width:1200px; height: auto; font-size:16px; position:  absolute; z-index:9999;}
#nav .jquery {margin-right:0;padding:0;}
#nav .mainlevel {float:left; border-right:0; width:150px; height:50px; line-height:50px; /*IE6 only*/}
#nav .mainlevel a {text-align:center; text-decoration:none; display:block; width:150px; color: #fff;}
#nav .mainlevel a:hover {text-decoration:none; background: #eb3d00; }
#nav .mainlevel ul {display:none; position:absolute; top: 50px;}
#nav .mainlevel li {border-top:1px solid #402f6f; /*IE6 only*/}
#nav .mainlevel li a{background:#341c76; color: #fff; width:150px; font-size:14px; height:45px; line-height:45px; text-transform: none;}
#nav .mainlevel li a:hover{ background:#eb3d00; color: #fff; }


/*PC端底部样式*/
#footer-bar1{width: 100%; height: auto; background: #341c76; overflow: hidden; }
#footer-bar1 .footer-nav{width: 1200px; height: auto; margin: 0 auto; overflow: hidden;}
#footer-bar1 .footer-nav .nav1{width: 369px; height: auto; min-height: 460px; float: left; border-right: #412788 solid 1px; padding: 60px 0 60px 30px; overflow: hidden;}
#footer-bar1 .footer-nav .nav1 h2{font-size: 24px; background: url(../images/icon-2.png) no-repeat 0 50%; text-indent: 3.8rem; color: #eb3d00; padding: 15px 0; margin-bottom: 20px;}
#footer-bar1 .footer-nav .nav1 h3{font-size: 18px; color: #c6c6c6;}
#footer-bar1 .footer-nav .nav1 p{color: #c6c6c6; line-height: 220%;}
#footer-bar1 .footer-nav .nav1 p img{margin-top: 15px;}

#footer-bar1 .footer-nav .nav2{width: 369px; height: auto; min-height: 460px; float: left; border-right: #412788 solid 1px; padding: 60px 0 60px 30px; overflow: hidden;}
#footer-bar1 .footer-nav .nav2 li{width: 100%; height: auto; line-height: 220%;}
#footer-bar1 .footer-nav .nav2 li a{color: #c6c6c6;}
#footer-bar1 .footer-nav .nav2 li a:hover{color: #eb3d00;}
#footer-bar1 .footer-nav .nav2 h2{font-size: 24px; background: url(../images/icon-3.png) no-repeat 0 50%; text-indent: 3.8rem; color: #eb3d00; padding: 15px 0; margin-bottom: 20px;}

#footer-bar1 .footer-nav .nav3{width: 370px; height: auto; float: right; padding: 60px 0 60px 30px;}
#footer-bar1 .footer-nav .nav3 h2{font-size: 24px; background: url(../images/icon-4.png) no-repeat 0 50%; text-indent: 3.8rem; color: #eb3d00; padding: 15px 0; margin-bottom: 20px;}
#footer-bar1 .footer-nav .nav3 h3{width: 100%; height: auto;}
#footer-bar1 .footer-nav .nav3 h3>input{width: 100%; height: 33px; border: #412788 solid 1px; background: none; color: #6f59ad; text-indent: 0.5rem; box-sizing: border-box; margin-bottom: 20px;}
#footer-bar1 .footer-nav .nav3 h4{width: 100%; height: auto;}
#footer-bar1 .footer-nav .nav3 h4>textarea{width: 100%; height: auto; border: #412788 solid 1px; background: none; color: #6f59ad; padding: 6px; box-sizing: border-box; margin-bottom: 10px;}
#footer-bar1 .footer-nav .nav3 h5{width: 100%; height: auto;}
#footer-bar1 .footer-nav .nav3 h5 span{color: #eb3d00; font-size: 20px;}
#footer-bar1 .footer-nav .nav3 h5>input{width: 30%; height: 33px; border: #412788 solid 1px; background: none; color: #6f59ad; text-indent: 0.5rem; box-sizing: border-box; margin-bottom: 20px; margin-right: 10px;}
#footer-bar1 .footer-nav .nav3 h6{width: 100%; height: auto;}
#footer-bar1 .footer-nav .nav3 h6>input{width: 110px; height: 35px; border: 0; background: #9582c7; color: #341c76; cursor: pointer; transition:All 0.4s ease-in-out;	-webkit-transition:All 0.4s ease-in-out;	-moz-transition:All 0.4s ease-in-out;	-o-transition:All 0.4s ease-in-out;}
#footer-bar1 .footer-nav .nav3 h6>input:hover{background: #eb3d00; color: #c6c6c6;}

#footer-bar2{width: 100%; height: auto; background: #11003e; overflow: hidden; }
#footer-bar2 .copyright{width: 1200px; height: 60px; line-height: 60px; color: #a59ac4; text-align: center; margin: 0 auto;}
#footer-bar2 .copyright a{color: #a59ac4; }
#footer-bar2 .copyright a:hover{color: #eb3d00;}


/*综合首页样式*/
#movie{width: 100%; height: auto; margin: 0 auto; overflow: hidden;}
.swiper-container{
    width: 100%;
    height: auto;
}
.swiper-container img{
    width: 100%;
}
.swiper-slide {
      text-align: center;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
}
.banner{	width: 100%; height: auto;	position: relative;	overflow: hidden;		}
.banner ul{	position: absolute;	}
.banner ul li{	width: 100%;	height: 600px;	float: left;	background:  no-repeat center center;	}
.banner ul li img{width: 100%; }
.banner ol{	/*width: 60px;*/	height: 20px;	background: rgba(0,0,0,0.5);	position: absolute;	left:50%;	/*margin-left: -40px;*/	bottom: 20px;	padding: 0 10px;	border-radius: 10px;}
.banner ol li{	width: 10px;	height: 10px;	float: left;	margin: 5px 5px;	background: rgba(255,255,255,0.5);	border-radius: 50%;	cursor: pointer;}
.banner ol .current{	background: rgba(255,255,255,1);}
.banner i{	width: 58px;	height: 120px;	position: absolute;	top: 50%;	margin-top: -60px;	cursor: pointer;	border-radius: 5px;	display: none;}
.banner .left{	left: 60px;	background: url('../images/left_right.png') no-repeat 0 0px;}
.banner .right{	right: 60px;	background: url('../images/left_right.png') no-repeat 0px -120px;	}
.banner .left:hover , .banner .right:hover{	background-color: rgba(0, 0, 0, 0.31);}

#home-bar1{width: 100%; height: auto; overflow: hidden; padding: 50px 0;}
.home-comp{width: 100%; max-width: 1200px; height: auto; min-height: 400px; margin: 0 auto;}
.home-comp-tit{width: 100%; height: auto; font-size: 30px; color: #000;}
.home-comp-tit span{font-size: 12px; color: #c9c9c9; text-transform: uppercase;}
.home-comp-txt{width: 100%; height: auto;  margin-top: 50px;}
.home-comp-txt .t1{width: 500px; height: auto; float: left;}
.home-comp-txt .t1 p{line-height: 240%; text-indent: 2rem;}
.home-comp-txt .t1 h2{width: auto; height: auto;}
.home-comp-txt .t1 h2>input{width: 124px; height: 35px; border: 0; background: url(../images/icon-5.png) no-repeat; color: #fff; text-align: left; text-indent: 0.8rem; margin-top: 20px; cursor: pointer;}
.home-comp-txt .t2{width: 666px; height: auto; float: right;}

#home-bar2{width: 100%; height: auto; overflow: hidden; padding: 50px 0; background: #f6f6f6;}
.home-pro{width: 100%; max-width: 1200px; height: auto; margin: 0 auto;}
.home-pro-tit{width: 100%; height: auto; text-align: center; background: url(../images/png-3.png) no-repeat 50% 80%; line-height: 200%;}
.home-pro-tit p{font-size: 30px; color: #000;}
.home-pro-tit p span{font-size: 14px; color: #c9c9c9;}
.home-pro-pic{width: 100%; height: auto; margin: 50px auto; overflow: hidden;}
.nTab{width:100%; border:0; overflow:hidden;}
.none {display:none;}
.nTab .TabTitle{width:700px; height:auto; overflow:hidden; margin: 0 auto;}
.nTab .TabTitle li{float:left; cursor:pointer; height:35px; line-height:35px; width:140px; margin-right: 10px; margin-bottom: 10px;  text-align:center; border-radius: 25px; }
.nTab .TabTitle li a{text-decoration:none; }
.nTab .TabTitle .active{color:#fff; background:#eb3d00; }
.nTab .TabTitle .normal{color: #fff; background: #341c76; }
.nTab .TabContent{clear:both; overflow:hidden; border:0; text-align:left; margin:0 auto; width:auto; }
.home-pro-list{width: 1230px; height: auto; overflow: hidden; margin-top: 50px;}
.home-pro-list figure{width: 380px; height: auto; float: left;  margin-right: 30px; text-align: center; }
.home-pro-list figure img{transition:All 0.4s ease-in-out;	-webkit-transition:All 0.4s ease-in-out;	-moz-transition:All 0.4s ease-in-out;	-o-transition:All 0.4s ease-in-out;}
.home-pro-list figure img:hover{filter: brightness(120%); }

.scroll-outer{height:auto; width: 100%;}
#scroll{width:1200px; margin:0 auto; padding: 0;}
#scroll .owl-wrapper-outer{margin:0 auto;}
#scroll .item{width:380px;height:auto; margin:0 auto; overflow:hidden;}
#scroll .item img{transition:All 0.4s ease-in-out;	-webkit-transition:All 0.4s ease-in-out;	-moz-transition:All 0.4s ease-in-out;	-o-transition:All 0.4s ease-in-out;}
#scroll .item img:hover{filter: brightness(120%);}
#scroll .item h2{width: 380px; height: auto; border: 0;}
#scroll .item p{text-align: center; margin-top: 5px;}
.owl-theme .owl-controls .owl-buttons {position:absolute;top:0;width:0;height:0;margin:0;padding:0;border-radius:0;font:0;overflow:hidden;_display:none;}
.owl-theme .owl-controls .owl-buttons .owl-prev{left:0;}
.owl-theme .owl-controls .owl-buttons .owl-next{right:0;}
.owl-theme .owl-controls .owl-buttons .owl-prev:before{content:"";}
.owl-theme .owl-controls .owl-buttons .owl-next:before{content:"";}
.home-pro-btn{width: 100%; height: auto; text-align: center; }
.home-pro-btn>input{width: 130px; height: 40px; border: #c5c5c5 solid 1px; background: #fff; border-radius: 25px; cursor: pointer; transition:All 0.4s ease-in-out;}
.home-pro-btn>input:hover{border: #eb3d00 solid 1px; background: #eb3d00; color: #fff;}
.home-pro-nav{width: 100%; height: auto; margin: 30px auto; text-align: center; }
.home-pro-nav>input{width: 140px; height: 35px; border: 0; background: #341c76; color: #fff; margin: 0 3px; cursor: pointer; border-radius: 25px; transition:All 0.4s ease-in-out;}
.home-pro-nav>input:hover{background:#eb3d00; }


#home-bar3{width: 100%; height: auto; overflow: hidden; padding: 50px 0;}
.home-case{width: 100%; max-width: 1200px; height: auto; margin: 0 auto;}
.home-case-tit{width: 100%; height: auto; text-align: center; background: url(../images/png-3.png) no-repeat 50% 80%; line-height: 200%;}
.home-case-tit p{font-size: 30px; color: #000;}
.home-case-tit p span{font-size: 14px; color: #c9c9c9;}
.home-case-pic{width: 1200px; height: auto; margin: 50px auto; overflow: hidden;}
.mr_frbox{height:auto;padding:0;}
.mr_frBtn{width:75px; height:auto; overflow:hidden; margin:0 auto;}
.mr_frBtnL{cursor:pointer;display:inline;float:left;height:35px;margin-top:30px;width:35px;}
.mr_frUl{float:left;height:auto;width:1220px; overflow:hidden;}
.mr_frBtnR{float:right;margin-top:30px;cursor:pointer;width:35px;height:35px;}
.mr_frUl ul li{display:inline;float:left; width:380px; margin-right:20px; overflow:hidden; position:relative; border:#eee solid 0px; }
.mr_frUl ul li p{width:380px; height:auto; text-align:center; }
.mr_frUl ul li img{cursor: pointer; transition: all 0.6s; margin-bottom: 5px; }
.mr_frUl ul li img:hover {filter: brightness(180%);}


#home-bar4{width: 100%; height: auto; overflow: hidden; padding: 50px 0; background: #f6f6f6;}
.home-news{width: 100%; max-width: 1200px; height: auto; margin: 0 auto;}
.home-news-tit{width: 100%; height: auto; text-align: center; background: url(../images/png-3.png) no-repeat 50% 80%; line-height: 200%;}
.home-news-tit p{font-size: 30px; color: #000;}
.home-news-tit p span{font-size: 14px; color: #c9c9c9;}
.home-news-txt{width: 1200px; height: auto; margin: 50px auto; }
.home-news-txt .left{width: 540px; height: auto; min-height: 298px; float: left; background: #fff; padding: 20px; overflow: hidden;}
.home-news-txt .right{width: 580px; height: auto; float: right;}
.newslist{width: 580px; height: auto; min-height: 338px; overflow: hidden;}
.newslist li{width: 580px; height: 60px; float: left; margin-bottom: 10px; background: #fff; padding: 23px 0;}
.newslist li h2{width: 60px; height: 50px; float: left; background: #eb3d00; text-align: center; line-height: 140%; padding-top: 10px;}
.newslist li h2 p{font-size: 26px; color: #fff;}
.newslist li h2 p span{font-size: 12px; color: #fff;}
.newslist li h3{width: 490px; height: auto; float: right; line-height: 160%; padding-right: 10px;}
.newslist li h3 p{font-size: 16px;}
.newslist li h3 p span{color: #9c9c9c; font-size: 14px; display:none; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}


/*内页样式*/
/*#subpages-banner{width: 100%; height: auto; overflow: hidden; text-align: center; }*/
#subpages-banner{width: 100%; height: auto; overflow: hidden; text-align: center; position: relative; }
#subpages-banner .banner-1{width: 100%; height: 300px; background: url(../images/banner-1.jpg) no-repeat center top;  }
#subpages-banner .banner-2{width: 100%; height: 300px; background: url(../images/banner-2.jpg) no-repeat center top;  }
#subpages-banner .banner-3{width: 100%; height: 300px; background: url(../images/banner-3.jpg) no-repeat center top;  }
#subpages-banner .banner-4{width: 100%; height: 300px; background: url(../images/banner-4.jpg) no-repeat center top;  }
#subpages-banner .banner-5{width: 100%; height: 300px; background: url(../images/banner-5.jpg) no-repeat center top;  }
#subpages-banner .banner-6{width: 100%; height: 300px; background: url(../images/banner-6.jpg) no-repeat center top; }
#subpages-banner .banner-7{width: 100%; height: 300px; background: url(../images/banner-7.jpg) no-repeat center top;  }
#subpages-banner .banner-8{width: 100%; height: 300px; background: url(../images/banner-8.jpg) no-repeat center top;  }
#subpages-banner .banner-9{width: 100%; height: 300px; background: url(../images/banner-9.jpg) no-repeat center top;  }

#subpages-content{width: 100%; height: auto; overflow: hidden; padding: 30px 0;}
.subpages-main{width: 1200px; height: auto; margin: 0 auto; overflow: hidden;}
.subpages-left{width: 240px; height: auto; float: left;}
.pro-left{width: 240px; height: auto; float: left;}
.left-list{width: 100%; height: auto; overflow: hidden;}
.left-tit{width: 100%; height: 75px; line-height: 75px; color: #fff; font-size: 24px; background: #341c76; text-align: center;}
.left-nav{width: 100%; height: auto; border-bottom: #ccc solid 3px; overflow: hidden; }
.left-nav li{width: 100%; height: 50px; line-height: 50px; background: #efefef; margin-top: 1px; text-align: center; font-size: 15px;}
.left-nav li a{display: block;}
.left-nav li a:hover{background: #eb3d00; color: #fff;}

.menu_list{margin:0 auto;width:100%;}
.menu_head{width:100%;height:50px; line-height:50px; cursor:pointer; position:relative; background:#e5e5e5 url(../images/pro_left.png) no-repeat 96% 50%; margin-top:0; text-indent: 1rem; border-bottom: #fff solid 1px; font-weight: bold; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; font-size: 16px;}
.menu_list .current{background:#e5e5e5 url(../images/pro_down.png) no-repeat 96% 50%; font-weight: bold; font-size: 16px; }
.menu_body{width:100%; height:auto; overflow:hidden; line-height:45px; background: #f6f6f6;}
.menu_body a{display:block;width:100%;height:50px;line-height:50px; text-decoration:none; text-indent: 1.4rem; border-bottom:1px solid #fff; background: url(../images/icon-17.png) no-repeat 5% 50%; transition:All 0.4s ease-in-out;	-webkit-transition:All 0.4s ease-in-out;	-moz-transition:All 0.4s ease-in-out;	-o-transition:All 0.4s ease-in-out;}
.menu_body a:hover{text-decoration:none; background: #eb3d00 url(../images/icon-18.png) no-repeat 5% 50%; color: #fff;}

.left-cont{width: 238x; height: auto; overflow: hidden; margin-top: 20px; border: #eee solid 1px; }
.left-cont-tit{width: 100%; height: 120px; margin-bottom: 5px;}
.left-contact{width: 94%; height: auto; padding: 3%;}
.left-contact p{line-height: 200%; margin: 3px auto;}

.left-focus{width: 238x; height: auto; overflow: hidden; margin-top: 20px; border: #eee solid 1px; }
.left-focus-tit{width: 100%; height: 40px; line-height: 40px; margin-bottom: 5px; background: #341c76; color: #fff; text-align: left; text-indent: 1.2rem; font-size: 18px;}
.left-focus-txt{width: 220px; height: auto; overflow: hidden; padding: 9px;}
.left-focus-txt li{width: 100%; height: auto; border-bottom: #ccc dotted 1px; padding: 5px 0;}

.subpages-right{width: 920px; height: auto; min-height: 500px; float: right;}
.subpages-right-tit{width: 100%; height: auto; border-bottom: #eee solid 1px; overflow: hidden;}
.subpages-right-tit h2{font-size: 22px; height: auto; width: 300px; line-height: 50px; float: left; }
.subpages-right-tit h3{font-size: 14px; height: auto; line-height: 50px; width: 620px; text-align: right; color: #999; float: right;}
.subpages-right-tit h3 a{color: #999;}
.subpages-right-tit h3 a:hover{color: #eb3d00;}
.subpages-right-txt{width: 100%; height: auto; margin: 30px auto;}
.subpages-right-txt p{line-height: 220%; margin: 10px auto; text-indent: 2rem;}

.subpages-certificate{width: 932px; height: auto; overflow: hidden; margin: 30px auto;}
.subpages-certificate figure{width: 220px; height: auto; float: left; margin-right: 12px; margin-bottom: 20px; text-align: center;}
.subpages-certificate figure img{margin-bottom: 8px; transition:All 0.4s ease-in-out;}
.subpages-certificate figure img:hover{filter: brightness(120%);}

.subpages-workshop{width: 930px; height: auto; overflow: hidden; margin: 30px auto;}
.subpages-workshop figure{width: 300px; height: auto; float: left; margin-right: 10px; margin-bottom: 20px; text-align: center;}
.subpages-workshop figure img{margin-bottom: 8px; border: #eee solid 1px; padding: 9px; transition:All 0.4s ease-in-out;}
.subpages-workshop figure img:hover{filter: brightness(120%);}

.subpages-pro{width: 920px; height: auto; overflow: hidden; margin: 30px auto;}
.subpages-pro figure{width: 420px; height: auto; float: left; margin-right: 20px; margin-left: 20px; margin-bottom: 20px; text-align: center; }
.subpages-pro figure img{margin-bottom: 5px; border: #eee solid 1px; transition:All 0.4s ease-in-out; padding: 19px; background: #eee;}
.subpages-pro figure img:hover{filter: drop-shadow(1px 1px 4px gray); border: #eee solid 1px;}
.subpages-proinfo{width: 100%; height: auto; overflow: hidden; }
.subpages-proinfo .bigpic{width: 100%; height: auto; margin: 0 auto; text-align: center;}
.subpages-proinfo .bigpic img{border: #eee solid 1px;}
.subpages-proinfo-tit{font-size: 24px; text-align: center; margin: 50px auto 20px auto;}
.subpages-proinfo-txt{width: 100%; height: auto;}
.subpages-proinfo-txt h2{background: #f6f6f6; line-height: 45px; margin: 20px auto; text-indent: 1rem; font-size: 16px; border-radius: 25px;}
.subpages-proinfo-txt p{line-height: 220%; margin: 10px auto; text-indent: 2rem;}
.submain-proinfo-enquiry{width: 100%; height: auto; margin: 50px auto; }
.submain-proinfo-enquiry h2{background: #f6f6f6; line-height: 45px; margin: 20px auto; text-indent: 1rem; font-size: 16px; border-radius: 25px;}
.submain-proinfo-enquiry h3{width: 100%; height: auto;}
.submain-proinfo-enquiry h3>input{width: 100%; height: 45px; border: #eee solid 1px; text-indent: 0.5rem; color: #999; box-sizing: border-box; margin: 10px auto; border-radius: 5px;}
.submain-proinfo-enquiry h4{width: 100%; height: auto;}
.submain-proinfo-enquiry h4>select{width: 100%; height: 45px; border: #eee solid 1px; color: #999; box-sizing: border-box; margin: 10px auto; border-radius: 5px;}
.submain-proinfo-enquiry h5{width: 100%; height: auto;}
.submain-proinfo-enquiry h5>textarea{width: 100%; height: auto; border: #eee solid 1px; color: #999; box-sizing: border-box; margin: 10px auto; padding: 1%; border-radius: 5px;}
.submain-proinfo-enquiry h6{width: 100%; height: auto;}
.submain-proinfo-enquiry h6>input{width: 150px; height: 50px; border: 0; color: #fff; margin: 10px auto; background: #333; color: #fff; font-size: 15px; cursor: pointer; transition:All 0.4s ease-in-out;	-webkit-transition:All 0.4s ease-in-out;	-moz-transition:All 0.4s ease-in-out;	-o-transition:All 0.4s ease-in-out; border-radius: 5px;}
.submain-proinfo-enquiry h6>input:hover{background: #eb3d00; color: #fff;}

.subpages-access{width: 945px; height: auto; overflow: hidden; margin: 30px auto;}
.subpages-access figure{width: 290px; height: auto; float: left; margin-right: 25px; margin-bottom: 20px; text-align: center;}
.subpages-access figure img{margin-bottom: 5px; transition:All 0.4s ease-in-out; padding: 5px; background: #eee;}
.subpages-access figure img:hover{filter: drop-shadow(1px 1px 4px gray);}

.subpages-case{width: 920px; height: auto; overflow: hidden; margin: 30px auto;}
.subpages-case figure{width: 420px; height: auto; float: left; margin-right: 20px; margin-left: 20px; margin-bottom: 20px; text-align: center; }
.subpages-case figure img{margin-bottom: 5px; border: #eee solid 1px; transition:All 0.4s ease-in-out; padding: 19px; background: #eee;}
.subpages-case figure img:hover{filter: drop-shadow(1px 1px 4px gray); border: #eee solid 1px;}


.subpages-news{width: 100%; height: auto; overflow: hidden; margin: 30px auto;}
.subpages-news li{width: 100%; height: auto; border-bottom: #ccc dotted 1px; padding-bottom: 20px; margin-bottom: 20px; overflow: hidden;}
.news-list{width: 100%; height: auto; overflow: hidden;}
.news-list h2{font-size: 16px; font-weight: bold; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.news-list p{color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; line-height: 200%;}
.news-list h3{color: #999; font-size: 12px; margin-top: 5px;}
.news-list h4{width: 100%; height: auto;}
.news-list h4>input{width: 130px; height: 40px; border: 0; color: #fff; background: #341c76; margin-top: 15px; border-radius: 25px; cursor: pointer; transition:All 0.4s ease-in-out;}
.news-list h4>input:hover{background: #eb3d00;}

.submain-newsinfo{width: 100%; height: auto; margin: 30px 0; overflow: hidden;}
.submain-newsinfo h1{width: 100%; height: auto; text-align: center; font-size: 20px; margin: 8px auto; font-weight: bold;}
.submain-newsinfo hr{height:1px; border:0; border-bottom:#eee solid 1px; margin:10px auto;}
.submain-newsinfo h2{width: 100%; height: auto; text-align: center; color: #d2d2d2; font-size: 12px;}
.submain-newsinfo p{text-indent: 2rem; margin: 15px auto;}
.right-newsinfo-end{width: 100%; height: auto;}
.right-newsinfo-end p{text-indent: 0; display:none; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; margin: 10px auto;}
.right-newsinfo-btn{width:100%; height:auto; overflow:hidden; margin: 15px auto;}
.right-newsinfo-btn-left{width: 49%; height: auto; float: left; text-align: right; padding-right: 1%;}
.right-newsinfo-btn-left>input{width:130px; height:35px; line-height:35px; border:0; text-align:center; color:#fff; margin:5px auto; background:#341c76 url(../images/p-12.png) no-repeat 20% 50%; background-size:20%; text-indent:1.8rem; cursor:pointer; }
.right-newsinfo-btn-right{width: 49%; height: auto; float: right; text-align: left; padding-left: 1%;}
.right-newsinfo-btn-right>input{width:130px; height:35px; line-height:35px; border:0; text-align:center; color:#fff; margin:5px auto; background:#341c76 url(../images/p-13.png) no-repeat 20% 50%; background-size:20%; text-indent:1.8rem; cursor:pointer; }

.subpages-video{width: 920px; height: auto; overflow: hidden; margin: 30px auto;}
.subpages-video figure{width: 420px; height: auto; float: left; margin-right: 20px; margin-left: 20px; margin-bottom: 20px; text-align: center;}
.subpages-video figure img{margin-bottom: 5px; transition:All 0.4s ease-in-out; padding: 10px; background: #eee;}
.subpages-video figure img:hover{filter: drop-shadow(1px 1px 4px gray);}
.subpages-videoinfo{width: 920px; height: auto; overflow: hidden; margin: 30px auto; text-align: center;}

.submain-cont{width: 100%; height: auto; margin: 30px 0; overflow: hidden; line-height: 220%;}
.submain-cont h2{font-size: 20px;}
.submain-cont p{}

.submain-feedback{width: 100%; height: auto; margin: 30px 0; overflow: hidden;}
.submain-feedback h2{width: 100%; height: auto;}
.submain-feedback h2>input{width: 100%; height: 45px; line-height: 45px; border: #eee solid 1px; text-indent: 0.5rem; color: #999; box-sizing: border-box; margin: 5px auto;}
.submain-feedback h4{width: 100%; height: auto;}
.submain-feedback h4 textarea{width: 100%; height: auto; border: #eee solid 1px; color: #999; box-sizing: border-box; margin: 10px auto; padding: 0.5%;}
.submain-feedback h5{width: 100%; height: auto;}
.submain-feedback h5 input{width: 120px; height: 35px; border: 0; color: #fff; margin: 10px auto; background: #333; color: #fff; font-size: 14px; cursor: pointer; transition:All 0.4s ease-in-out;	-webkit-transition:All 0.4s ease-in-out;	-moz-transition:All 0.4s ease-in-out;	-o-transition:All 0.4s ease-in-out;}
.submain-feedback h5>input:hover{background: #eb3d00; color: #fff;}

.subpages-solution{width: 920px; height: auto; overflow: hidden; margin: 30px auto;}
.subpages-solution li{width: 100%; height: auto; float: left; padding-bottom: 30px; margin-bottom: 30px; border-bottom: #ccc dotted 1px;}
.solution-content{width: 100%; height: auto; overflow: hidden;}
.solution-content .left-pic{width: 230px; height: auto; float: left;}
.solution-content .left-pic img{width: 100%;}
.solution-content .right-txt{width: 670px; height: auto; float: right;}
.solution-content .right-txt h2{font-size: 16px;}
.solution-content .right-txt h2 a{color:#341c76;}
.solution-content .right-txt h2 a:hover{color:#eb3d00;}
.solution-content .right-txt p{display:none; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.solution-content .right-txt h3{width: 100%; height: auto;}
.solution-content .right-txt h3>input{width: 120px; height: 35px; border: 0; background: #666; border-radius: 25px; color: #fff; cursor: pointer; margin-top: 15px;}
.solution-content .right-txt h3>input:hover{ background: #eb3d00; color: #fff;}



/*分页样式*/
#pages{width:100%; height:auto; padding: 10px 0; overflow:hidden; text-align:center; }
.pages-list{width: 329px; height: auto; margin: 0 auto; overflow: hidden;}
.pages-list li{width: 42px; height: auto; float: left; margin-right: 5px; text-align: center;}

.pages-num{width: 42px; height: 42px;}
.pages-num>input{width: 38px; height: 38px; border: #eee solid 1px; text-align: center; cursor: pointer; font-size: 16px; transition:All 0.4s ease-in-out;	-webkit-transition:All 0.4s ease-in-out;	-moz-transition:All 0.4s ease-in-out;	-o-transition:All 0.4s ease-in-out;}
.pages-num>input:hover{background: #c8000b; color: #fff;}

.pages-top{width: 42px; height: 42px;}
.pages-top>input{width: 38px; height: 38px; border: #eee solid 1px; background: url(../images/pages/icon-11.png) no-repeat 50% 50%; text-align: center; cursor: pointer; transition:All 0.4s ease-in-out;	-webkit-transition:All 0.4s ease-in-out;	-moz-transition:All 0.4s ease-in-out;	-o-transition:All 0.4s ease-in-out;}
.pages-top>input:hover{background: url(../images/pages/icon-11-a.png) no-repeat 50% 50% #c8000b;}

.pages-end{width: 42px; height: 42px;}
.pages-end>input{width: 38px; height: 38px; border: #eee solid 1px; background: url(../images/pages/icon-12.png) no-repeat 50% 50%; text-align: center; cursor: pointer; transition:All 0.4s ease-in-out;	-webkit-transition:All 0.4s ease-in-out;	-moz-transition:All 0.4s ease-in-out;	-o-transition:All 0.4s ease-in-out;}
.pages-end>input:hover{background: url(../images/pages/icon-12-a.png) no-repeat 50% 50% #c8000b;}

.pages-back{width: 42px; height: 42px;}
.pages-back>input{width: 38px; height: 38px; border: #eee solid 1px; background: url(../images/pages/icon-13.png) no-repeat 50% 50%; text-align: center; cursor: pointer; transition:All 0.4s ease-in-out;	-webkit-transition:All 0.4s ease-in-out;	-moz-transition:All 0.4s ease-in-out;	-o-transition:All 0.4s ease-in-out;}
.pages-back>input:hover{background: url(../images/pages/icon-13-a.png) no-repeat 50% 50% #c8000b;}

.pages-next{width: 42px; height: 42px;}
.pages-next>input{width: 38px; height: 38px; border: #eee solid 1px; background: url(../images/pages/icon-14.png) no-repeat 50% 50%; text-align: center; cursor: pointer; transition:All 0.4s ease-in-out;	-webkit-transition:All 0.4s ease-in-out;	-moz-transition:All 0.4s ease-in-out;	-o-transition:All 0.4s ease-in-out;}
.pages-next>input:hover{background: url(../images/pages/icon-14-a.png) no-repeat 50% 50% #c8000b;}



/*==========以下样式为移动端==========*/


/*头部*/
#top {
    width: 100%;
    /*overflow: hidden;*/
    height: 70px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 500;
    border-bottom: 0;
    background: #fff;
    display: none;
    box-shadow: rgba(0,0,0,0.15) 0 2px 5px;
}
/*#top h2{position: absolute; right: 0; top: 0;}
#top h2 img{width: 100%; height: auto;}
#top h3{position: absolute; left: 0; top: -20px;}
#top h3 img{width: 100%; height: auto;}*/
#top1 {
    float: left;
    width: 58%;
    padding-top: 17px;
}

#top1 img {
    width: 100%;
    height: auto;
}

#top4 {
    float: left;
    width: 27%;
}
.list {
    width: 100%;
    margin: 0 auto;
    padding-top: 0;
}
.list ul li {
    border-bottom: 0;
}

.list ul li a {
    font-size: 0.9rem;
    text-indent: 1.0rem;
    display: block;
    height: auto;
    line-height: 70px;
    position: relative;
    transition: all.4s ease-in-out;
}
/*.list ul li .inactive {
    background: url(../images/off.png) no-repeat 95% center;
}

.list ul li .inactives {
    background: url(../images/on.png) no-repeat 95% center;
}*/
.list ul li ul{display: none;}
.list ul li ul li {background:#fff; border-bottom: rgba(255,255,255,0.15) solid 1px;  }
.list ul li ul li ul{display: none;}
.list ul li ul li a{ text-indent: 0.5rem; font-weight: normal; font-size: 0.9rem; height: 40px; line-height: 40px; }

#top2 {
    float: right;
    width: 15%;
    position: relative;
}

#top2 img {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 0;
    height: auto;
    width: auto;
}

#top3 {
    width: 100%;
    height: 71px;
    overflow: hidden;
    display: none;
}

#menu {
    position: fixed;
    z-index: 600;
    width: 100%;
    height: 100%;
    overflow: hidden;
 /*overflow-y: auto; */
    background: rgba(0,0,0,0.8);
    display: none;
    transition: margin 0.5s;
}

#menu ul {
    width: 55%;
    background: #fff;
    height: 100%;
    margin: 0 0 0 -55%;
    transition: margin 0.5s;
}

#menu ul li {
    text-align: left;
    text-transform: uppercase;
    text-indent: 1.5rem;
    font-size: 1.2rem;
    border-bottom: solid 1px #eee;
}

#menu ul li span{
    font-weight: normal;
    margin-right: 10px;
}

#menu ul li span a{
    display: inline-block;
    margin: 10px auto;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    background: #00405e;
    color: #fff; 
    text-indent: 0;
    font-size: 12px;
}

#menu ul li a {
    display: block;
    line-height: 3.0rem;
    font-size: 1.0rem;
    background: #fff;
    color: #424242;
}

#menu ul li a.it {
    background: url(../images/jia.png) right no-repeat /auto 100% #fff;
}

#menu ul li dl {
    background: #eee;
    overflow: hidden;
    display: none;
}

#menu ul li dl dd a {
    background: #f7f7f7;
    overflow: hidden;
    border-top: solid 1px #eee;
    font-size: 0.9rem;
    text-indent: 1.5rem;
    text-transform: capitalize;
    color: #666;
}

#close {
    position: absolute;
    margin-left: 0%;
    width: 3rem;
    height: 3rem;
    background: #cc0000 url("../images/icon-close.png") no-repeat 50% 50%;
    color: #fff;
    line-height: 3rem;
    text-align: center;
    transition: margin 0.5s;
    font-size: 22px;
}

/*内页导航*/
.header{
    position:relative;
    height:auto; 
    background:#eb3d00; 
    display: none; 
}
.h5-right-tit{
    width:100%; 
    height:auto; 
    overflow:hidden;
}
.h5-right-tit-left{
    width:86%; 
    height:50px; 
    line-height:50px; 
    float:left;  
    color:#fff; 
    text-align:left; 
    text-indent:1rem; 
    font-size:1.0rem; 
    background:#341c76; 
    font-weight: bold;
}
.h5-right-tit-right{
    width:14%; 
    height:50px; 
    float:right; 
}