body{font-family:"microsoft yahei",Arial,Verdana;  height:100%;}

body, div, p, ul, ol, dl, dt, dd, li, form, input, table, img, h1, h2, h3, h4, h5, h6{margin:0;padding:0; font-weight:normal;}
img, a img{border:0 none;}
img.no_border{background:none;border:0 none;}
img {
    border: 0;
	height: auto;
	-ms-interpolation-mode: bicubic;
	max-width: 100%;
}
ul, ol{list-style-type:none;}

.fl{ float:left;}
.fr{ float:right;}
.clear{clear:both;height:0;line-height:0;font-size:0;visibility:hidden;overflow:hidden}
.clearfix:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;zoom:1;}

* html .clearfix {height: 1%;} 
a:link, a:visited{color:#333;}
a:hover{color:#00a0e9;}
a:hover, a:active, a:link, a:visited{text-decoration:none;}
*,
*:after,
*:before {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
}
.logo_box{ width: 1200px; height: 90px; margin: 0 auto; position:relative; z-index:999;}
.logo_box .WeChat{ text-align: right; padding: 10px 21px 0 0;}
.logo_box .WeChat a{ padding: 0px 10px;}
.logo_box .WeChat a:hover{ color: #c70b09;}
.logo_box .logo{ float: left; position: relative;}
.logo_box .logo:after{border-left:2px solid #e3e3e4; position: absolute;width:2px; height:25px; top:17px; right:-20px;content: "";}

.nav{ float: left; margin-left: 45px; margin-top: 15px;}
.nav p{display:block;padding-left:10px; padding-right: 30px; padding-bottom: 10px; line-height:30px; font-size: 18px;}
.set{background:url(../images/btn_2.png) right 8px no-repeat;}
.select{background:url(../images/btn_1.png) right 8px no-repeat;}
.new{width:280px;position:absolute;border:1px solid #CCC;display:none; padding:10px; padding-right: 0px; background-color: #fff; }
.nav ul li{ width: 33.333%; line-height:30px; font-size: 16px; float: left;cursor:pointer;}
.new .triangle-up { width: 18px; height: 11px; position: absolute; left: 19px; top: -11px; font-size: 20px; color: #ccc; background:url(../images/top_icon.jpg) no-repeat 0px 1px;}
.contact{ float: right; margin-top: 15px; margin-right: 21px;}
.contact span{ float: left; height: 35px; margin-right: 30px; padding-left: 35px; line-height: 35px; color: #c70b09; font-size: 16px; background-image: url(../images/contact.png) ; background-repeat: no-repeat;}
.contact span:last-child{ margin-right: 0px;}
.contact span a{ padding: 0 5px;color: #c70b09;}
.contact span.tele{background-position: 3px 3px;}
.contact span.qq{background-position: 3px -30px;}
/*导航部分*/
.anv_bg{ background-color: #c70b09;}
.nav_box{ width:1200px; margin:0 auto; position:relative; z-index:9;}
.nav_box .dorpdown{ width:202px; float:left; position:relative;}
.nav_box .dorpdown .title{ width: 202px; padding-left: 35px; font-size: 16px; color: #fff; line-height: 42px; position: relative; background-color: #970100;}
.nav_box .dorpdown .title b{ position: absolute; left: 15px; top: 15px;}

.nav_box .ind_drop{ width:202px; float:left; position:relative;}
.nav_box .ind_drop .title{ width: 202px; padding-left: 35px; font-size: 16px; color: #fff; line-height: 42px; position: relative; background-color: #970100;}
.nav_box .ind_drop .title b{ position: absolute; left: 15px; top: 15px;}
.no{ display:none;}
.panel-body{ padding:0px;}
.center{width:202px; position:absolute; top:42px; left:0px; background-color:rgba(255,95,26,0.9); }
/*.center .first{ width:100%; height:41px; line-height:41px; background-color:#4a4a4a; padding-left:53px;font-size:18px; color:#fff; position: relative;}
.center .first i{ position: absolute; left: 19px; top: 10px;}*/
.center .course_box{ width:100%; padding: 11px 0px; background-color: #e3e3e4; overflow: hidden;}
.center .course_box h1{ font-size: 16px; color: #333; font-weight: bold; padding: 8px 0 8px 35px;background-image: url(../images/c_list_icon.png); background-repeat: no-repeat; }
.center .course_box h1.i1{background-position: 8px 4px;}
.center .course_box h1.i2{background-position: 8px -27px;}
.center .course_box h1.i3{background-position: 8px -61px;}
.center .course_box h1.i4{background-position: 8px -93px;}
.center .course_box h1.i5{background-position: 8px -125px;}
.center .course_box h1.i6{background-position: 8px -159px;}
.center .course_box .c_list{ margin-left: 35px; overflow: hidden;}
.center .course_box .c_list ul{}
.center .course_box .c_list ul li{ width:50%; float: left;color:#666; font-size: 14px; position:relative;}
.center .course_box .c_list ul li a{ color: #666;}
.center .course_box .c_list ul li a:hover{ color: #c70b09;}
.center .course_box .c_list ul li:after{border-left:1px solid #666; position: absolute;width:2px; height:10px; top:5px; left:-15px;content: "";}

.gray_line{border-bottom:1px solid #d3d1d2; }
.vice_nav{ width: 1200px; margin: 0 auto; padding: 15px 0; overflow: hidden;}
.vice_nav ul{}
.vice_nav ul li{ float: left; font-size: 18px; padding: 0 20px; position: relative;}
.vice_nav ul li a{color: #333;display: inline-block;}
.vice_nav ul li a:hover:after{border-bottom:2px solid #c70b09; position: absolute; width: 90%; height:5px; bottom:-15px; left: 0px; right:0%;margin:auto;content: "";}
.vice_nav ul li.hov a{ color: #c70b09;}
.vice_nav ul li.hov:after{border-bottom:2px solid #c70b09; position: absolute; width: 90%; height:5px; bottom:-15px; left: 0px; right:0%;margin:auto;content: "";}
.vice_nav ul li:first-child{ border-right:none;}
.vice_nav ul li:last-child{padding-right: 0px;}
.vice_nav ul li:last-child:after{ border-right:none;}


.hide{ display:none;}
.panel{ border:0px;margin-bottom:0px;}
.panel-default > .panel-heading{ height:46px; line-height: 46px; background-color:transparent;border-top:1px solid #eeac91;border-bottom:1px solid #eeac91;}
.panel-title{ padding-left:40px; font-size:18px; color:#fff;}
.panel-title a{ color:#fff;}
.panel{ background-color:transparent;}

.nav_box .nav_list{ width:998px; height:42px; float:left;}
.nav_box .nav_list ul{border-bottom:none; margin:0px; padding:0px; float: left;}
.nav_box .nav_list ul li{ float:left; color:#5c5c5c; font-size:16px; padding: 0 20px; height:42px; line-height:42px; position:relative;}
.nav_box .nav_list ul li.space{ width: auto; text-align: center; display: inline-block;}
.nav_box .nav_list ul li.space b{ width: 10px; display: inline-block;}
.nav_box .nav_list ul li.w_p{ padding: 0 20px 0 25px;margin: 0 0 0 25px;}
.nav_box .nav_list ul li.w_p#nav2{ margin: 0;}
.nav_box .nav_list ul li.w_p i{ width: 20px; height: 20px; display: block;position: absolute; background-image: url(../images/nav_icon.png); background-repeat: no-repeat; }
.nav_box .nav_list ul li.w_p i.i1{left: 3px; top: 10px;  background-position: -3px -2px; }
.nav_box .nav_list ul li.w_p i.i2{left: 3px; top: 10px;  background-position: -3px -43px; }
.nav_box .nav_list ul li.hov{background-color:#970100; color:#fff;}
.nav_box .nav_list ul li.hov a{ color:#fff;}
.nav_box .nav_list ul li:hover{background-color:#3f3f40;}
.nav_box .nav_list ul li:hover a{ color:#fff;}
.nav_box .nav_list ul li.open{ background-color:#970100;}
.nav_box .nav_list ul li.open a{ color:#fff;}
.nav_box .nav_list ul li.open .dropdown-menu{ position: absolute; float: none; left:0px; right: 0px; content: ""; margin:auto; background-color:#970100; border:none; min-width:100%;border-radius:0px;}
.nav_box .nav_list ul li.open .dropdown-menu.last{left:-15px; right: -5px;}
.nav_box .nav_list ul li.open .dropdown-menu li{ width:100%; padding:0px; border-bottom:1px solid #970100; text-align: center;}
.nav_box .nav_list ul li.open .dropdown-menu li label{ margin-bottom: 0px; font-weight: normal;}
.nav_box .nav_list ul li.open .dropdown-menu li:hover{background-color:#c70b09;}
.nav_box .nav_list ul li.open .dropdown-menu li.hov{background-color:#c70b09;}
.nav_box .nav_list ul li.open .dropdown-menu li a{ padding:0px; line-height:42px; text-align:center; font-size: 14px;}
.nav_box .nav_list ul li.open .dropdown-menu li a:hover,.nav_box .nav_list ul li.open .dropdown-menu li a:focus{ width:100%; height:41px; line-height:41px;border-bottom:1px solid #c70b09; background-color:transparent;padding:0px;}
/*.nav_box .nav_list ul li:last-child{ padding-right:0px;}*/
.nav-tabs li a{ color:#fff; margin-right:0px; line-height:none;border:none;border-radius:0px;cursor:pointer; padding-top:0px; }
.nav-tabs li .dropdown-menu li{ height: 41px; line-height: 41px;}
.nav-tabs .dropdown-menu{ margin-top:0px;  }
.dropdown-menu{ top:42px;}
.banner{ width:100%; margin:0 auto; position:relative; z-index:1;}
.banner img{ width:100%;}
.main{ width:100%; margin:0 auto;overflow:hidden;}
.main img{ width:100%;}
.icon_box{ width:100%; height:187px; background-color:#3a3a3a; overflow:hidden;}
.icon_box .icon_list{ width:1200px; margin:0 auto; overflow:hidden;}
.icon_box .icon_list ul{}
.icon_box .icon_list ul li{ width:16.666%; float:left; text-align:center; padding:35px 0;}
.icon_box .icon_list ul li i{ width:78px; height:78px; margin:0 auto; display:block;border-radius:56px;border:2px solid #fff; background-color:#3a3a3a;background-image: url(../images/icon_list.png) ; background-repeat: no-repeat;}
.icon_box .icon_list ul li i.i1{background-position: 4px 4px;}
.icon_box .icon_list ul li i.i2{background-position: -143px 6px;}
.icon_box .icon_list ul li i.i3{background-position: -290px 3px;}
.icon_box .icon_list ul li i.i4{background-position: -436px 3px;}
.icon_box .icon_list ul li i.i5{background-position: -587px 8px;}
.icon_box .icon_list ul li i.i6{background-position: -734px 6px;}
.icon_box .icon_list ul li label{ color:#fff; font-size:16px; font-weight:normal; margin-top:15px;}
course_list{ width:100%;}
.course_list ul{}
.course_list ul li{ width:25%; float:left;}
.carousel-control img{ width: auto;}
.carousel-control.left,.carousel-control.right{ font-size:80px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .0001) 100%)}
.carousel-control.left img,.carousel-control.right img{ position:absolute; top:50%;}
/*.carousel-indicators li{ width:19px; height:19px; margin: 1px 5px; background-color:#fff;}
.carousel-indicators li.active{ width:19px; height:19px; margin: 1px 5px; background-color:#970100;border:1px solid #970100;}*/
.carousel-indicators li{ background-repeat: no-repeat;background-image: url("../images/carousel_icon.png");background-position: -20px -20px;background-color: transparent;border: none;border-radius: 0;width: 20px;height: 20px;}
.carousel-indicators li.active{ background-position: -20px -20px;background-color: transparent;border: none;margin: 1px;width: 20px;height: 20px;}
.carousel-control.left img{ left: 7%;}
.carousel-control.right img{ right: 7%;}




/*.share_box .carousel-indicators .active{width:16px; height:16px;margin: 0 5px; background-color:#ff5f1a;border:1px solid #ff5f1a;}*/
.line_tutorial{ width: 100%; margin: 0 auto; background-color: #000; position: relative;padding: 65px 0; overflow: hidden;}
.line_tutorial h1{  position: relative; height: 75px; font-weight: bold;font-size: 35px; color: #fff; text-align: center;}
.line_tutorial h1:before{border-bottom:3px solid #ff5f1a; position: absolute;width:40px; top:55px; left:49%;background-color: #ececec;content: "";}
.line_tutorial h2{ text-align: center; font-size: 16px; color: #fff; line-height: 25px;}
.line_tutorial .nav-tabs{ width: 50%; margin: 50px auto 0 auto;border-bottom:2px solid #ddd;}
.line_tutorial .nav-tabs li{ width: 33.333%; height: 35px; float: left; text-align: center;position: relative;}
.line_tutorial .nav-tabs > li.active > a,.line_tutorial  .nav-tabs > li.active > a:hover,.line_tutorial  .nav-tabs > li.active > a:focus{ color: #fff; background-color:inherit; border:0px; display:table; margin: 0 auto; }
.line_tutorial .nav-tabs > li > a{padding: 0 20px; font-size: 18px; color: #fff;}
.line_tutorial .nav-tabs > li.active > a:before{border-bottom:2px solid #ff5f1a; position: absolute;width:100%; top:34px; left:0%;background-color: #ececec;content: "";}
.line_tutorial .nav-tabs > li.t_left{}
.line_tutorial .nav-tabs > li.t_left a{ float: left;}
.line_tutorial .nav-tabs > li.t_center{ text-align: center;}
.line_tutorial .nav-tabs > li.t_center a{ text-align: center;}
.line_tutorial .nav-tabs > li.t_right{}
.line_tutorial .nav-tabs > li.t_right a{ float: right;}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color:inherit;
}
.line_tutorial .line_list{ width: 100%; height: 385px; padding: 50px 0; overflow: hidden;}
.line_tutorial .line_list ul{ height: 285px; text-align: center; overflow: hidden;}
.line_tutorial .line_list ul li{ display: inline-block; margin-left: 5px;}
.banner{ width:100%;  margin:0 auto; overflow:hidden;}
/*.banner .carousel-indicators .active{ width: 20px; height: 20px; margin:0px 5px;background-color:#970100;border:1px solid #970100;}*/
.banner .navbar{ position: absolute; z-index: 999;}
.banner .navbar-default .navbar-nav > li > a{ color: #fff;}
/*.banner .item{ width: 100%; height: 500px;}
.banner .item img{ width: 100%; height: 500px; }*/
/*.banner .item{ background-image: url(../images/banner1.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;}*/
.about_box{ width: 1200px; margin: 0 auto; padding: 70px 0 0 0; overflow: hidden;}
.about_box h1{ font-size: 47px; text-align: center; color: #333; }
.about_box h2{font-size: 30px; text-align: center; color: #333; padding: 15px 0;}
.about_box h3{font-size: 16px; text-align: center; color: #333; line-height: 23px;}
.about_box .about_icon{ width: 1200px; margin: 0 auto; padding: 60px 0 50px 0; overflow: hidden;}
.about_box .about_icon ul{}
.about_box .about_icon ul li{ float: left; width: 171px;}
.about_box .about_icon ul li p{ width: 94px; height: 94px; margin: 0 auto;border:1px solid #c70b09;border-radius:100%;background-image: url(../images/about_icon.png); background-repeat: no-repeat;}
.about_box .about_icon ul li p.i1{background-position: 15px 8px;}
.about_box .about_icon ul li p.i2{background-position: -140px 11px;}
.about_box .about_icon ul li p.i3{background-position: -300px 11px;}
.about_box .about_icon ul li p.i4{background-position: -464px 11px;}
.about_box .about_icon ul li p.i5{background-position: -623px 10px;}
.about_box .about_icon ul li p.i6{background-position: -785px 11px;}
.about_box .about_icon ul li p.i7{background-position: -942px 11px;}
.about_box .about_icon ul li:hover p.i1{background-position: 15px -96px;}
.about_box .about_icon ul li:hover p.i2{background-position: -140px -90px;}
.about_box .about_icon ul li:hover p.i3{background-position: -300px -90px;}
.about_box .about_icon ul li:hover p.i4{background-position: -464px -90px;}
.about_box .about_icon ul li:hover p.i5{background-position: -623px -93px;}
.about_box .about_icon ul li:hover p.i6{background-position: -785px -90px;}
.about_box .about_icon ul li:hover p.i7{background-position: -942px -90px;}
.about_box .about_icon ul li:hover p{ background-color: #c70b09;}
.about_box .about_icon ul li h1{ color: #666; font-size: 14px; text-align: center; padding: 10px 0; }
.about_box .about_icon ul li h2{ color: #666; font-size: 14px; text-align: center; padding: 0px; }

.honor_box{ width: 100%; margin: 0 auto; padding: 60px 0; background-color: #c70b09; overflow: hidden;}
.honor_box .honor{ width: 1200px; margin: 0 auto; color: #fff; overflow: hidden;}
.honor_box .honor h1{ font-size: 47px; text-align: center;}
.honor_box .honor h2{font-size: 30px; text-align: center;  padding: 15px 0;}
.honor_box .honor h3{font-size: 16px; text-align: center;  line-height: 23px;}
.honor_box .honor p{ width: 100%; text-align: center; padding: 10px 0 0 0;}

.case_list{ width: 1200px; margin: 0 auto; overflow: hidden;}
.case_list ul{}
.case_list ul li{ float: left;}
.case_list ul li .i_list{ position: relative;}
.case_list ul li .i_list .mask{ display: none;width: 100%; height: 100%; padding: 20px; position: absolute; top: 0px; left: 0px;background-color:rgba(0,0,0,0.75);}
.case_list ul li .i_list .mask h1{  padding: 5px 0; color: #fff;font-size: 42px;}
.case_list ul li .i_list .mask h2{  padding: 5px 0; color: #fff;font-size: 24px;}
.case_list ul li .i_list .mask.th3 h1{font-size: 28px; }
.case_list ul li .i_list .mask.th3 h2{ font-size: 20px;}
.case_list ul li .i_list .mask.th6 h1{font-size: 42px; }
.case_list ul li .i_list .mask.th6 h2{ font-size: 24px;}
.case_list ul li .i_list .mask.th9 h1{font-size: 42px; }
.case_list ul li .i_list .mask.th9 h2{ font-size: 24px;}
.c_left ul li .i_list{ float: left;}
.i_half ul li{ width: 50%;}
.i_half ul li .i_list{ float: left;}

.gray_bg{ background-color: #f5f5f5;}
.blue_bg{ background-color: #0099cc;}
.fgray_bg{ background-color: #1a1a1a;}
.fgray_bg.border{ border-top: 10px solid #00CDFF;}
.customer{ width: 1200px; margin: 0 auto; padding: 70px 0; }
.customer h1{ font-size: 47px; text-align: center; color: #333; }
.customer h2{font-size: 30px; text-align: center; color: #333; padding: 15px 0;}
.customer h3{font-size: 16px; text-align: center; color: #333; line-height: 23px;}
.customer .carousel{  padding: 30px 0;}
.customer .carousel-control.left{ text-align: left; left: -35px;}
.customer .carousel-control.right{ text-align: right;right: -35px;}
.customer .carousel-control.left:hover{ color: #333;}
.customer .carousel-control.right:hover{ color: #333;}
.customer .carousel-control.left,.customer .carousel-control.right{ line-height:245px;font-size:80px; color: #333; background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .0001) 100%)}
.customer .carousel-control{ width: 4%; text-shadow:none;}
.customer .carousel .carousel-control{ width: 5%;}
.customer .carousel .carousel-control.left{ left: -60px;}
.customer .carousel .carousel-control.right{ right: -60px;}
.customer .carousel .carousel-control img{ top: 30%;}

.about_box .ind_list{ width: 1200px; margin: 0 auto; padding: 60px 0 50px 0; overflow: hidden;}
.about_box .ind_list ul{}
.about_box .ind_list ul li{ float: left; width: 200px;}
.about_box .ind_list ul li p{ width: 100px; height: 94px; margin: 0 auto;background-image: url(../images/ind_list.png); background-repeat: no-repeat;}
.about_box .ind_list ul li p.i1{background-position: 2px -7px;}
.about_box .ind_list ul li p.i2{background-position: -159px -7px;}
.about_box .ind_list ul li p.i3{background-position: -320px -7px;}
.about_box .ind_list ul li p.i4{background-position: -482px -7px;}
.about_box .ind_list ul li p.i5{background-position: -644px -7px;}
.about_box .ind_list ul li p.i6{background-position: -804px -7px;}

.about_box .ind_list ul li h1{ color: #666; font-size: 14px; text-align: center; padding: 10px 0; }
.about_box .ind_list ul li h2{ color: #666; font-size: 14px; text-align: center; padding: 0px; }
.about_box .service ul li{ width: 14.2%;}
.about_box .service ul li p{ width: 100px; height: 94px; margin: 0 auto;background-image: url(../images/server_icon.png); background-repeat: no-repeat;}
.about_box .service ul li p.i1{background-position: 2px -3px;}
.about_box .service ul li p.i2{background-position: -157px -3px;}
.about_box .service ul li p.i3{background-position: -319px -3px;}
.about_box .service ul li p.i4{background-position: -479px -3px;}
.about_box .service ul li p.i5{background-position: -641px -3px;}
.about_box .service ul li p.i6{background-position: -802px -3px;}
.about_box .service ul li p.i7{background-position: -963px -3px;}

.about_box .social ul li{ width: 16.6%;}
.about_box .social ul li p{ width: 100px; height: 94px; margin: 0 auto;background-image: url(../images/social_icon.png); background-repeat: no-repeat;}
.about_box .social ul li p.i1{background-position: 2px -3px;}
.about_box .social ul li p.i2{background-position: -157px -3px;}
.about_box .social ul li p.i3{background-position: -319px -3px;}
.about_box .social ul li p.i4{background-position: -479px -3px;}
.about_box .social ul li p.i5{background-position: -641px -3px;}
.about_box .social ul li p.i6{background-position: -802px -3px;}
.about_box .social ul li p.i7{background-position: -963px -3px;}

.label_s{ width: 1200px; margin: 0 auto; background-color: #fff; overflow: hidden;}
.label_s .nav{ width: 100%; margin: 0px;}
.label_s .nav-tabs > li{margin-bottom:0px; padding: 15px 30px; font-size: 18px;}
.label_s .nav-tabs li.active{ position: relative;}
.label_s .nav-tabs li.active:after{ position: absolute;
            right:0px;
            bottom:0px;
            left:0px;
            margin:auto;content:"";width: 0;
            height: 0;
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
            border-bottom: 8px solid #f78223;}
.label_s .nav > li > a{ padding: 0px; color: #333;}
.label_s .nav-tabs > li.active > a,.label_s .nav-tabs > li.active > a:hover,.label_s .nav-tabs > li.active > a:focus{ color: #f78223; border:0px; background-color: inherit;}
.label_s .nav-tabs{border-bottom:2px solid #f78223;}
.label_s #mySer.nav-tabs{border-bottom:2px solid #30a5de;}
.label_s #mySer.nav-tabs li.active:after{border-bottom: 8px solid #30a5de;}
.label_s #mySer.nav-tabs > li.active > a,.label_s #mySer.nav-tabs > li.active > a:hover,.label_s #mySer.nav-tabs > li.active > a:focus{ color: #30a5de; border:0px; background-color: inherit;}
#mySer.nav-tabs > li{ padding: 15px 52px;}
.news_box{ width: 1200px; margin: 0 auto; padding: 30px 0 0 0; overflow: hidden;}
.news_box .news{ width: 50%; float: left;}
.news_box .news .head{ width: 98%; float: left; padding: 20px 0 10px 0;}
.news_box .news .head span{ float: left; font-size: 24px;}
.news_box .news .head a{ float: right; margin-top: 8px; width: 30px; height: 20px;text-align: center; display: block;  font-size: 18px; margin-bottom: 0px; overflow: hidden;}
.news_box .news .news_list{ width: 100%; float: left; padding: 10px 0 0px 0;}
.news_box .news .news_list ul{}
.news_box .news .news_list ul li{ float: left; width: 285px; margin-left: 15px;}
.news_box .news .news_list ul li p{ width: 100%; float: left; position: relative;overflow: hidden;}
.news_box .news .news_list ul li p a.fa-play{ width: 40px; height: 25px; text-align: center; color: #fff; position: absolute; display:block; bottom: 15px; left: 15px; border-radius:5px;border:1px solid #fff;background-color:rgba(0,0,0,0.75);}
.news_box .news .news_list ul li p a.fa-play:before{ position: absolute; top: 5px; left: 15px; }
.news_box .news .news_list ul li .content{ width: 100%; float: left;padding: 20px 30px; background-color: #fff;}
.news_box .news .news_list ul li .content h1{ color: #333; font-size: 14px;    white-space: nowrap;text-overflow: ellipsis; overflow: hidden; -webkit-text-overflow: ellipsis;}
.news_box .news .news_list ul li .content h2{ color: #999; font-size: 14px; padding: 5px 0; white-space: nowrap;text-overflow: ellipsis; overflow: hidden; -webkit-text-overflow: ellipsis;}

.news_box .news .left{}
.news_box .news .left ul{ margin-left: -15px;}

.address_box{ width: 1200px; margin: 0 auto; padding: 70px 0 0 0;}
.address_box h1{ font-size: 47px; text-align: center; color: #333; }
.address_box h2{font-size: 30px; text-align: center; color: #333; padding: 15px 0;}

.slider{ position: relative;}
#slider-1{width:1200px; margin: 0 auto;text-align:center}
#slider-1 .bd,#slider-1 .bd li,#slider-1 .bd img{width:1200px; height:600px; position: relative;}
#slider-1 .sli_foot{position: relative;width: 100%; height: 150px;overflow: hidden; bottom: 0px;  left: 0px;background-color:rgba(0,0,0,0.6);}
#slider-1 .sli_foot ul{width: 5600px; position: relative; overflow: hidden; padding: 0px; margin: 0px; left: 0;}
#slider-1 .sli_foot ul li{float: left;width: 400px;}
#slider-1 .sli_foot ul li.active .city_box{ background-color: #cc0000; z-index: 10;}

#slider-1 .sli_foot .city_box{height: 150px;padding: 25px;cursor: pointer;}
#slider-1 .sli_foot .city_box.left{ position: absolute;width: 38%;  left: 0px; z-index: 8;}
#slider-1 .sli_foot .city_box.middle{ position: absolute;width: 44%;  left: 0px; right: 0px;margin:auto; background-color: #cc0000; z-index: 10;}
#slider-1 .sli_foot .city_box.right{ position: absolute;width: 38%;  right: 0px; z-index: 8;}
#slider-1 .sli_foot .city_box h1{ font-size: 24px; color: #fff; text-align: center; padding-bottom: 10px; border-bottom:1px solid #fff; position: relative;}
#slider-1 .sli_foot .city_box h1 em{ font-style: normal; font-size: 20px; font-weight: normal; }
#slider-1 .sli_foot .city_box h1 b { position: absolute; left: 0px; right: 0px;margin:auto; bottom: 0px;width: 0;height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 6px solid #fff;}
#slider-1 .sli_foot .city_box .city_list{ width: 100%; padding-top: 10px;}
#slider-1 .sli_foot .city_box .city_list h2{ width: 50%; float: left; padding: 10px 0 2px 0; font-size: 16px; color: #fff; font-weight: normal; text-align: left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-webkit-text-overflow:ellipsis;}

#slider-1 ol{ margin-top:2px; height: 90px; width:1200px}
#slider-1 ol li{ position:relative; line-height: 65px; font-size: 24px; display:inline-block; float:left;cursor:pointer; padding: 0 23px; }
#slider-1 ol li.active{ color: #cc0000;}
/*#slider-1 .hd li img{ display:block;width:125px; height:58px}
#slider-1 .hd li i{ position:absolute; display:block; z-index:9; left:0; top:0; right:0; bottom:0;}*/
#slider-1 ol li.active i{ position:absolute;  width:10px; height:10px; background:url(../images/iconpic-arrow-up.png) no-repeat 0 0; left:0; bottom:0px; right:0;margin:auto;}
.arrow{ width: 50px; height: 95px;cursor:pointer;background-image: url(../images/arrow_icon.png); background-repeat: no-repeat; position: absolute;}
.arrow.prev{background-position: 0px 0px; left: -70px; bottom:115px;}
.arrow.next{background-position: -131px 0px; right: -70px; bottom:115px;}

.contact_box{ width: 1200px; margin: 0px auto; padding: 30px 0 30px 0;border-top:1px solid #C2C2C2; overflow: hidden;}
.contact_box h1{ font-size: 36px; text-align: center; color: #333; }
.contact_box h2{font-size: 36px; text-align: center; color: #333; padding: 15px 0;}
.contact_box h3{font-size: 36px; text-align: center; color: #cc0000; line-height: 23px;}

.ecological{ width: 1200px; margin: 0 auto; padding: 15px 0;color: #fff; font-size: 16px; font-weight: bold;overflow: hidden;}
.ecological a{ padding: 0 14px;color: #fff; position: relative;display: inline-block;}
.ecological a:after{border-right:1px solid #fff; position: absolute;height:15px; top:5px; right:0%;content: "";}
.ecological:first-child{ border-right:none;}
.ecological a:last-child{padding-right: 0px;}
.ecological a:last-child:after{ border-right:none;}

.foot_box{ width: 1200px; margin: 0 auto; padding: 30px 0; overflow: hidden;}
.foot_box .i_foot{ width: 1200px;margin: 0 auto;overflow: hidden;}
.foot_box .i_foot .left{ width: 30%; float: left;}
.foot_box .i_foot .right{ width: 70%; float: left;}
.foot_box .i_foot .right .d_list{ width: 100%; float: left; padding-bottom: 10px; color: #fff;}
.foot_box .i_foot .right .d_list a{ color: #fff;}
.foot_box .i_foot .right .d_list dt{ font-size: 18px; font-weight: bold; float: left; padding-right: 20px;}
.foot_box .i_foot .right .d_list dd{font-size: 18px; float: left; padding: 0 8px;}
.foot_box .copyright{ width: 100%; margin: 0px auto; padding: 50px 0 10px 0;}
.foot_box .copyright h1{ font-size: 14px; text-align: center; color: #fff;}
.foot_box .copyright h2{ font-size: 14px; text-align: center; padding: 20px 0; }
.foot_box .copyright h2 a{ color: #fff; padding: 0 15px; position: relative; }
.foot_box .copyright h2 a:after{border-right:1px solid #fff; position: absolute; height:13px; top:4px; left:0%;content: "";}
.foot_box .copyright h2 a:first-child:after{ border-right:none;}
.footbotbg{ position: relative;background:url(../images/footbotbg.jpg) repeat-x;width:100%;height:49px;padding-top:18px;bottom:0;}
.footbotbg a span{ color:#D6D6D6;}
#share_area{width:380px;height:18px;position: absolute;left: 0; right: 0px;margin:auto;}
.no{ display: none;}
.nav_banner{ width: 100%; margin: 0 auto;}
.nav_banner img{ width: 100%; height: 100%;}
.nav_banner{ width: 100%; height: 520px; background-position: center center; background-repeat: no-repeat; background-size: cover;overflow: hidden;}

.nav_banner video{
	/* width: 100% !important;
	height: auto !important; */
	width: 100%;
	height: 520px;
	object-fit: cover;
}
/* 去除视频控件 */
.nav_banner video::-webkit-media-controls{ 
	display:none !important;
}
.nav_banner p,.nav_banner p span{
	font-size: 0 !important;
	height: 0 !important;
	color: transparent !important;
}
.nav_head{ width: 1200px; margin: 0 auto; padding: 20px 0;}
.nav_head .nav{ width: 100%; padding: 0px; margin: 0px;border-bottom:0px;}
.nav_head .nav{ width: 100%; padding: 0px 0; background-color: #fff;box-shadow: 0px 2px 3px 0px #d9d9d9;}
.nav_head .nav li a{ padding: 0px; border:0px; color: #666; font-size: 18px;}
.nav_head .nav li.active a{ border: 0px; color: #cc0000;}
.nav_head .nav-tabs > li{ margin-bottom:0px; padding: 25px 20px; }
.nav_head .nav-tabs > li.active{ position: relative;}
.nav_head .nav-tabs > li.active:after{ width: 100%; border-bottom:2px solid #cc0000; position: absolute;bottom:0px; left:0;height: 2px;background-color: #ececec;content: "";}
.nav_head .tab-content{ width: 100%; margin: 0 auto; overflow: hidden;}
.nav_head .tab-pane{ margin-top: 20px;}

/*产品列表*/
.sc_list{ width:100%; margin: 1% auto; position: relative; padding-bottom: 15px; overflow: hidden;}
.sc_list ul{ margin-left: -2%;}
.sc_list ul li{ width:22.9%;height: 350px;  float: left; padding: 0px; margin-left: 2.1%; margin-top: 2%; box-shadow:none;}
.sc_list ul li .l_box{ width: 100%; padding-bottom: 5px; float: left; overflow: hidden;box-shadow: 0px 2px 9px 1px #d9d9d9; background-color: #fff;}
.sc_list ul li img{ width: 100%;}
.sc_list ul li h1{ font-size: 12px;padding:5px 10px 0 10px;}
.sc_list ul li h1 span:first-child{ margin-left: 0px; }
.sc_list ul li h1 span{ margin-left: 5px; color: #bbb;}
.sc_list ul li h2{ font-size: 24px;padding:5px 10px 0 10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-webkit-text-overflow:ellipsis;height:31px; line-height: 26px;}
.sc_list ul li .p_foot{ width: 100%; padding:5px 10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-webkit-text-overflow:ellipsis;}

/*按钮*/
.more_btn{ width:50%; margin:0 auto;left:0px; right:0px;  padding: 30px 0; text-align: center;}
.more_btn a{font-size:18px; text-align:center;  color:#fff;  padding:8px 50px;  border-radius:6px; background-color:#ccc;border:1px solid #ccc;
-webkit-transition: all .25s ease;
transition: all .25s ease;}
.more_btn a:hover {
border-color: transparent;
background-color: #333; 
color: #fff;
}
.c_person{ width: 1200px; margin: 0 auto;padding: 50px 0;border-top:1px solid #ccc; overflow: hidden;}
.c_person .left{ position: relative; width: 50%; float: left; }
.c_person .left:after{border-right:1px solid #ccc; position: absolute;width:2px; height:100%; top:0px; right:0%;content: "";}
.c_person .left .c_left{ float: left; margin-left: 30px;}
.c_person .left .c_left h1{ text-align: right; font-size: 28px; line-height: 47px;}
.c_person .left .c_right{ float: left; margin-left: 30px;}
.c_person .left .c_right .code_box{ background-color: #fff; padding: 10px;}
.c_person .right{ width: 50%; float: left;}
.c_person .right .c_left{ float: left; margin-left: 30px;}
.c_person .right .c_left h1{ text-align: left; font-size: 28px; line-height: 47px;}
.c_person .right .c_right{ float: left; margin-left: 30px;}
.c_person .right .c_right .code_box{ background-color: #fff; padding: 10px;}

.test_box{ width: 1210px; margin: 0 auto; padding: 30px 0; overflow: hidden; }
.center_box{width: 1200px; margin: 0 auto; padding: 30px 0; overflow: hidden;}
/*新闻部分*/
.news_box{width: 1200px; margin: 0 auto; padding: 30px 0 0px 0; overflow: hidden;}
.news_title{ width: 1200px; margin: 0 auto; overflow: hidden;}
.news_title .news_h{ float: left;border-bottom:1px solid #ccc; }
.news_title .news_h span,.news_title .news_h label{ display: block; float: left; font-size: 24px; color: #333; font-weight: normal; position: relative;}
.news_title .news_h span:after{border-bottom:2px solid #cc0000; position: absolute;width:100%; left: 0px; bottom: -6px;content: "";}
.news_title .news_h label{ margin-left: 10px;}
.news_list{ width: 1200px; margin: 0 auto; padding-bottom: 30px; overflow: hidden;}
.news_list ul{ margin-left: -20px;}
.news_list ul li{ width: 285px;height: 262px;float: left; margin-top: 20px; margin-left: 20px; background-color: #fff;box-shadow:0px 0px 2px 0px #d9d9d9; }
.news_list ul li .title{ width: 100%; padding: 15px 15px;}
.news_list ul li .title h1{ font-size: 18px; white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-webkit-text-overflow:ellipsis; }
.news_list ul li .title h2{ font-size: 14px; margin-top: 10px; white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-webkit-text-overflow:ellipsis;  }
.news_list ul li img{ max-width:280px;max-height:280px;}



.news_list ul li .video p{ width: 100%; float: left; position: relative;overflow: hidden;}
.news_list ul li .video p a{ width: 40px; height: 25px; text-align: center; color: #fff; position: absolute; display:block; bottom: 15px; left: 15px; border-radius:5px;border:1px solid #fff;background-color:rgba(0,0,0,0.75);}
.news_list ul li .video p a:before{ position: absolute; top: 5px; left: 15px; }
.news_list ul li .video .content{ width: 100%; float: left;padding: 20px 30px; background-color: #fff;}
.news_list ul li .video .content h1{ color: #333; font-size: 14px;}
.news_list ul li .video .content h2{ color: #999; font-size: 14px; padding: 5px 0;}

.more_case{ width: 1200px; margin: 0 auto 20px; overflow: hidden;}
.more_case ul{}
.more_case ul li{ float: left; width: 25%;}
.more_case ul li .i_list{ position: relative;}
.more_case ul li .i_list img{width:300px;height: 300px;}
.more_case ul li .i_list .mask{ display: none;width: 100%; height: 100%; padding: 20px; position: absolute; top: 0px; left: 0px;background-color:rgba(0,0,0,0.75);}
.more_case ul li .i_list .mask h1{font-size: 28px;line-height: 38px;color:#fff;}
.more_case ul li .i_list .mask h2{font-size: 20px;line-height: 34px;color:#fff;}
.more_case ul li .i_list .mask.th3 h1{font-size: 28px;line-height: 38px;}
.more_case ul li .i_list .mask.th3 h2{font-size: 20px;line-height: 34px;}
.more_case ul li .i_list .mask.th6 h1{font-size: 42px; }
.more_case ul li .i_list .mask.th6 h2{ font-size: 24px;}
.more_case ul li .i_list .mask.th9 h1{font-size: 42px; }
.more_case ul li .i_list .mask.th9 h2{ font-size: 24px;}



/*联系方式*/
.contact_box{ width: 1000px; margin: 0 auto; overflow: hidden;}
.contact_box .banner{ width: 100%;}
.contact_box .describe{width: 100%; padding: 30px; }
.contact_box .describe h1{ font-size: 22px; color: #fff; text-align: left;  padding-bottom: 10px; border-bottom:2px solid #fff; overflow: hidden;}
.contact_box .describe h1 p,.contact_box .describe h1 span{ float: left;}
.contact_box .describe h1 span{ margin: 4px 0 0 5px;}
.contact_box .describe h2{ font-size: 14px; color: #fff; line-height: 23px; text-align: left; padding: 5px 0;}
.contact_box .describe.blue{ background-color: #00a1e9;}
.contact_box .describe.green{ background-color: #46bc01;}
.contact_box .describe.yellow{ background-color: #f58201;}
.contact_box .describe.pink{background-color: #e4007f;}
.map_box{ width: 100%;}
.map_box .left{ width: 365px; float: left; padding: 92px 30px; background-color: #404040;}
.map_box .left h1{ font-size: 18px; font-weight: bold; color: #fff; text-align: left; line-height: 25px; padding-bottom: 5px; border-bottom:2px solid #fff;}
.map_box .left h2{ font-size: 14px; color: #fff; text-align: left; padding: 5px 0; }
.map_box .left h2.first{ padding-top: 13px;}
.map_box .right{ width: 635px; height: 400px; float: left;}

/*bx-wrapper*/
.banner .dots {position:absolute;width:176px;left:50%;margin-left:-88px;bottom:20px;text-align:center;z-index:3;}
.banner .dots li{display:inline-block;_float:left;*float:left;width:14px;height:14px;margin:0 4px;text-indent:-999em;background-color:#fff;border-radius:6px;cursor:pointer;-webkit-transition:background .5s,opacity .5s;-moz-transition:background .5s,opacity .5s;transition:background .5s,opacity .5s}
.banner .dots li.active {background-color:#c30e23;}
.bx-controls{position:absolute;width:500px;bottom:20px;left:50%;margin-left:-250px;text-align:center;}
.bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;    *zoom: 1;*display: inline;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align: center;width: 500px;}
.bx-wrapper .bx-pager.bx-default-pager a {background: #fff;text-indent: -9999px;display: block;width: 14px;height: 14px;margin: 0 5px;outline: 0;-moz-border-radius: 100%;-webkit-border-radius: 100%;border-radius: 100%;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {background: #c30e23}
.bx-controls-auto{display:none;}
.bx-controls-direction{display:none;}

button.more {width: 300px;height: 40px;line-height: 40px;background-color: #cccccc;border-radius: 5px;margin: 20px auto;font-size: 18px;color: #fff;display: block;border: none;}




.sidebar {position:fixed;top:50%;right:0;margin-top:-80px;width:160px;height:163px;z-index:100;}



.sidebar i { display:block; height:163px; background:#000; opacity:0.5; filter:alpha(opacity=50); border-radius:6px 0 0 6px;}



.sidebar ul { position:absolute; top:8px; left:0; z-index:99;}



.sidebar li { position:absolute; left:0; -webkit-transition:left .5s ease-in-out 0s; -moz-transition:left .5s ease-in-out 0s; -ms-transition:left .5s ease-in-out 0s; -o-transition:left .5s ease-in-out 0s; transition:left .5s ease-in-out 0s;}



.sidebar li a { display:block; padding-left:56px; width:153px; height:50px; background:url(../images/sidebar-icon.png) no-repeat; font-size:14px; line-height:50px; color:#FFF;}



.sidebar .sidebar-a { top:0;}



.sidebar .sidebar-b { top:50px;}



.sidebar .sidebar-c { top:100px;}



.sidebar .sidebar-a a { top:0; background-position:0 0; }



.sidebar .sidebar-b a { top:50px; width:153px; background-position:0 -50px;}



.sidebar .sidebar-c a { top:100px; background-position:0 -100px;}