/* CSS Document */
/* 全局定义 */
*{margin:0; padding:0;}
html{ min-width:1200px; background:#fff;}
body{text-align:center; font:normal 14px/24px "microsoft yahei"; color:#666;-webkit-text-size-adjust:none;}
img{ vertical-align:middle; _behavior: url("../js/png.htc"); border:none;}
.clear{clear:both; height:0; overflow:hidden;}
.blank10{height:10px; overflow:hidden;}
.blank20{height:20px; overflow:hidden;}
.blank40{height:40px; overflow:hidden;}
.blank80{height:80px; overflow:hidden;}
ul{list-style:none;}
a{color:#666; text-decoration:none;}
a,
img,
li,
div,
*{
transition: all 0.5s ease
}
a:hover{color:#d10101; }
.white{color:white;}
.green{color:#429b01;}
.yellow{color:#d10101;}
.blue{color:#004ea0;}
.text{margin:0px 0px; padding: 0 30px; text-align:left; line-height:32px;}
.text2{margin:10px 0px; color:#666666}
td{padding:0 5px;}

/* form*/
.form{margin:0 auto; width:350px; height:450px; overflow:hidden; text-align:left; }
.form .form_text{ font-size:16px; font-weight:bold; margin-bottom:15px;}
.form input,.form textarea{ width:330px; padding:3px 8px; line-height:24px; border-radius:5px; border:1px #ccc solid; outline:none; resize:none; margin-bottom:4px; }
.form textarea{ height:60px; }
.form div.submit_out{text-align:center;}
.form .submit_bt{ font-size:16px; font-weight:bold; height:40px; line-height:40px; text-transform:uppercase; width:120px; clear:both; display:block; margin:11px auto 0; padding:0; cursor:pointer; background:#ccc; color:#fff; font-family: "思源黑体 CN","微软雅黑";background:#d10101; border-color:#d10101;}
.form input:hover.submit_bt{ background:#479c1a; border-color:#479c1a;}
#dituContent1{width:600px; float:left;height:450px;border:#ccc solid 1px; font-size:12px; line-height:20px;}



/*悬浮框*/
#xuanfu { position: fixed;width: 91px;top:30%; right: 0;z-index: 99999;}
#xuanfu ul li {width: 100%;height: 88px;display: block;margin-bottom: 1px;position: relative;}
#xuanfu ul li .pic3 {display: none;position: absolute;left: -178px;top: -0px;}
#xuanfu ul li .pic4 {display: none;position: absolute;left: -178px;top: -0px;}
#xuanfu ul li .pic5 {display: none;position: absolute;left: -178px;top: -0px;}



/* 头部 */
.header_out{width:100%; margin: 0 auto; height:90px; background-color:#fff; position:relative;}
.header_line{width:100%; margin:0 auto; height:18px; background-color:#434343;}
#header{ height:90px; width:1200px; overflow:visible; position:relative;  margin: 0 auto; text-align:left;}
#header .logo{ position:absolute; left:0px; top:20px; font:normal 24px/82px "microsoft yahei"; color:#666;}
#header .cxt{ text-align:left;  position:absolute; right:270px; top:40px;  }
#header .tel{ position:absolute; left:610px; top:50px; font:bolder 20px/26px "microsoft yahei"; color:#333; width:300px;}
#header .tel img{ float:left;}
#header .tel span{  font:bolder 24px/24px "microsoft yahei"; color:#c00725; font-style:italic;}
#header .ewm_top{ position:absolute; left:900px; top:30px; font:bolder 36px/36px "microsoft yahei"; color:#666;}
#header .language{ display:none;position:absolute; right:15px; top:20px; height:12px; text-align:right; font:normal 15px/15px "microsoft yahei";color:#bbb; }
#header .language a{ color:#ccc; margin-left:0px; }
#header .language a:hover{ color:#cc0000; }
#header .language a.current{ text-decoration:underline; color:#cc0000;}



.search{ display:none; text-align:left; height:20px; width:183px; border:1px solid #aaa; position:absolute; right:0px; top:55px;  }
.search .key{ position:absolute; top:0px; left:6px; border:none; line-height:20px; background:none; color:#999; width:135px;}
.search .search_submit{ position:absolute; top:0px;right:0px; cursor:pointer; border:none; border-left:1px solid #aaa; background:url(../images/searchImg.png) 3px 0px no-repeat; width:30px; height:20px;}
.search_en{background:url(../images/search_en.jpg) left top no-repeat;}


/* 菜单 */
#menu_out{ height:90px; width:760px; position:absolute; top:0; right:0px; z-index:999; text-align:center; }
#nav{height:90px; z-index:9; margin: 0px auto; font:normal 16px/90px "microsoft yahei";}
#nav ul li {text-align:center;position:relative; float:left;}
#nav ul li.line{height:0px; width:1px; overflow:hidden; }
#nav ul li.line img{height:0px; width:1px; }
#nav li a{color:#666; display:block; margin:0; width:120px; height:90px; line-height:90px; float:left; font-size:16px;}
#nav li a:hover{ background:#d10101; color:#fff;}
#nav ul li ul{position:absolute; top:90px;left:0px;display:none;z-index:9;background:#fff;border-top:none;border-radius:0 0 4px 4px;box-shadow:0px 0px 0px 0px #aaa; padding-bottom:4px; }
#nav ul li ul li{ margin:0; display:block; padding:0; text-align:center;}
#nav ul li ul a{ color:#666; padding:0; height:30px; background-color:#ddd; line-height:30px; font-size:13px; display:inline; margin:0px auto; }
#nav ul li ul a:hover{ color:#fff; background:#d10101;}
#nav ul li.pcls>a{color:#fff; background:#d10101;}
#nav ul li ul li ul{top:0px;left:200px;}




/*轮播图片*/
.teachers_banner{
    width:100%;
    height:600px;
    background: url(../images/teachers_banner.jpg) no-repeat center top;
    background-size: cover;
     position: relative;
    overflow: hidden;
	z-index:99;
}
.teachers_b{
  position:relative;
  margin-top:160px;
  margin-left:400px;
  z-index:0;
}
#slide2 {
    margin: 0 auto;
    width: 400px;
    height: 330px;
    position: relative;
  }

#slide2 li {
    position: absolute;
    width:400px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    align-items: flex-start;
    -webkit-box-align: flex-start;
    -webkit-align-items: flex-start;
    overflow:hidden;
}

#slide2 li img {
    width: 100%;
    height: 100%;
}
.slide_left{
 width:240px;
}
.slide_right{
 width:440px;
  padding: 40px;
  -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
}
.slide_right h3{
font: 400 30px/18px "Microsoft Yahei";
color:#222222;
}
.slide_right h3 span{
  display:inline-block;
  margin-left:10px;
  font: 400 14px/36px "Microsoft Yahei";
color:#555555;
}
.slide_right p{
  padding:20px 0 30px;
  color:#555555;
    font: 400 14px/24px "Microsoft Yahei";
    border-bottom: 1px solid #dbdbdb;
}
.slide_right dl{
  padding-top:30px;
}
.slide_right dd{
  float: left;
  width:33.3%;
   color:#777;
    font: 400 14px/24px "Microsoft Yahei";

}
.slide_right dd h3{
color:#ff9000;
margin-bottom:20px;
}
.arrow2 {
   display: none;
}

.arrow2 .prev2,
.arrow2 .next2 {
    position: absolute;
    width: 64px;
    top: 38%;
    z-index: 9;
    font: 700 96px 'simsun';
    opacity: 0.3;
    color: #fff;
    cursor: pointer;
}

.arrow2 .prev2 {
    left: -250px;
}

.arrow2 .next2 {
    right: -250px;
}

.arrow2 .prev2:hover,
.arrow2 .next2:hover {
    color: #00a0e9;
    opacity: .7;
}

.text_banner{ position:absolute; top:290px; left:400px; z-index:999; }
.text_banner .text_banner1{ color:#fff; font:400 48px/60px "microsoft yahei";}
.text_banner .text_banner2{ color:red; font:400 32px/60px "microsoft yahei";}
.text_banner .text_banner3{ font:400 18px/30px "microsoft yahei"; position:absolute; top:300px; left:0px;}
a.more{ border:1px #d10101 solid; background:#d10101; padding:10px 35px; font-size:18px; color:#fff; border-radius:0px; float:left; margin:20px 20px 0 0; position:absolute;}
a.more .morePic{margin-top:-50px; position:absolute; top:0px; left:31px;opacity:0;filter:alpha(opacity=0);}
a:hover.more{ border:1px #d10101 solid; color:#d10101; background:#fff;}
a:hover.more .morePic{opacity:1;filter:alpha(opacity=100); top:0px; left:-11px;o}
a.more2{ border:1px red solid; width:80px; height:24px; margin:0 auto; color:red; border-radius:5px; display:block; margin-top:50px;}
a:hover.more2{ border:1px red solid;  color:#fff; background:red;}
a.more3{ border:1px #d10101 solid; background:#d10101; padding:8px 70px; color:#fff; border-radius:0px; float:left; margin:20px 20px 0 0}
a:hover.more3{ border:1px #fff solid; color:#d10101; background:#fff;}
a.more4{ border:1px #d10101 solid; background:#d10101; padding:10px 0; width:200px; font-size:18px; color:#fff; border-radius:0px;margin:30px auto; clear:both; display:block;}
a:hover.more4{ border:1px #d10101 solid; color:#d10101; background:#fff;}
a.more5{ border:1px #d10101 solid; background:#d10101; padding:5px 20px; font-size:15px; color:#fff; border-radius:8px; float:right; margin:-50px 20px 0 0}
a:hover.more5{ border:1px #d10101 solid; color:#fff; background:#d10101;}
a.more6{ border:1px #d10101 solid; background:#d10101; padding:0px 10px; font-size:15px; color:#fff; float:right; margin:0px 20px 0 0}
a:hover.more6{ border:1px #d10101 solid; color:#fff; background:#d10101;}
a.more7{ border:1px #d10101 solid; background:#d10101; padding:0px 20px; color:#fff; border-radius:10px; float:left; margin:20px 20px 0 0}
a:hover.more7{ border:1px #1e7d3b solid; color:#fff; background:#1e7d3b;}


.about_move{position:relative; float:right; width:900px; height:320px; margin:0px auto;}
#a1{position:absolute; left:0; top:130px; width:30px; height:60px;}
#a2{position:absolute; right:0; top:130px;}
#div1 {
	overflow: hidden;
	width: 900px;
	height: 322px;
	margin: 0px auto;
	position: relative;
}
#div1 ul {
	position: absolute;
	left: 0;
	top: 0;
}
#div1 ul li {
	float: left;
	list-style: none;
}
#div1 ul li img { }
#div1 ul li p{margin:-40px 0 0 0; text-align:center;}
.about_move2{position:relative; float:right; width:1200px; height:320px; margin:0px auto;}
.about_move2 #div1 {
	overflow: hidden;
	width: 1100px;
	height: 322px;
	margin: 0px auto;
	position: relative;
}


/* 主要内容 */
.cnt{ clear:both; width:1200px; margin:0px auto;}
.cnt2{margin:0px auto;text-align:left; padding:50px 0px;background:#fff url(../images/bg2.png) center top repeat;}
.cnt_in2{margin:0px auto;text-align:left; width:1200px; padding:0px 0px; background:#fff; }

.index_box{float:left; width:250px; height:400px; margin-top:-30px; text-align:left; position:relative;}
.index_box div{position:absolute; left:30px; top:245px; width:190px; height:100px; overflow:hidden; }
.index_box a{ display:block; width:120px; height:50px; position:absolute; left:15px; bottom:10px; background:url(../images/more01.jpg) left top no-repeat;}
.index_box a:hover{background:url(../images/more02.jpg) left top no-repeat;}
.index_box1{background:url(../images/index_box1.png) no-repeat}
.index_box2{background:url(../images/index_box2.png) no-repeat}
.index_box3{background:url(../images/index_box3.png) no-repeat}
.index_box4{background:url(../images/index_box4.png) no-repeat}


.pro .pro_list{height:65px; overflow:hidden; border-bottom:1px dotted #ccc; margin-bottom:8px;}
.pro .pro_list img{ float:left; margin-right:10px; display:inline;}
.pro .pro_list a{font-weight:bold;}
.pro .pro_list div{ height:48px; width:250px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.pro .pro_list domain() {
	div { text-overflow:clip; position:relative; white-space:normal; padding-right:1.2em; max-height:3em; word-wrap:break-word; width:15em; -moz-box-sizing:border-box; text-align:justify;}
	div:after { content:"..."; position:absolute; right:0; bottom:1.5em;}
}

.mainTitle{height:140px;}
.mainTitle h3{color:#000; font:normal 32px/60px "microsoft yahei";}

.title{font:bold 14px/28px "microsoft yahei"; color:#555; text-indent:15px; background:url(../images/baohe_06.jpg) left bottom no-repeat; position:relative; height:28px; margin-bottom:10px;}
.title span{ position:absolute; right:0; top:0; font:normal 14px/28px "microsoft yahei"; }
.title span a{ color:#384f8b;}

.contacts{float:right; width:206px}

.aboutTItle{ font-size:20px; font-weight:bold; color:#333; line-height:60px;}
.aboutTItle2{ font-size:30px; font-weight:normal; color:#333; line-height:40px; text-align:left; background:none;}
.aboutTItle3{ font-size:16px; font-weight:bold; color:#333; line-height:60px;}

.about{width:530px; padding:30px 57px 20px 20px; font:normal 15px/25px "microsoft yahei"; float:left; color:#333; text-align:left;}
.aboutImg{width:527px; padding:30px 0 0 0; font:normal 14px/25px "microsoft yahei"; float:right; color:#666; text-align:left;}

a.news_list{ height:100px; overflow:hidden; color:#999; float:left; border-bottom:1px dashed #ccc; width:550px; margin:5px auto 15PX; text-align:left; overflow:hidden;}
a.news_list .num{ font:bold 48px/70px Arial, Helvetica, sans-serif; height:90px; width:90px; margin-right:20px; text-align:center;float:left; border-radius:0px; background:#999; color:#fff;  }
a:hover.news_list .num{ background:#d10101; }
a.news_list .num span{ font-size:12px; line-height:13px;  }
a.news_list .news_title{ font-weight:bold; font-size:16px; color:#111; padding:6px 0}
a:hover.news_list,a:hover.news_list .news_title{  color:#d10101;}


a.news_list2{ height:80px; overflow:hidden; color:#666; float:left; border-bottom:1px solid #ccc; width:900px; margin:10px auto; text-align:left; overflow:hidden;}
a:hover.news_list2{  color:#d10101;}
a.news_list2 .num{ font: normal 48px/60px Impact; height:60px; width:60px; margin-right:20px; text-align:center;float:left; border-radius:50px; border:1px solid #ccc; }
a:hover.news_list2 .num{ border:1px solid #d10101; }
a.news_list2 .news_title{ font-weight:bold; font-size:18px;}

.news_right{float:right; width:900px;  padding-left:0px;}
.news_content{ display:block; overflow:hidden; padding-bottom:20px; float:left; text-align:left; margin:20px 40px 0; }
.news_content .time{ display:block; background:#000000; color:#fff; font-size:16px; text-align:center; width:180px; border-radius:10px; line-height:24px; margin:20px 0}
.news_content .time span{font-weight:bold; font-size:18px;}
.news_content span.news_title{ display:block; font-weight:bold; margin-bottom:5px; font-size:20px; color:#333;}

/* 左边 */
#left2 { float:left; width:280px; margin:40px 0 0; }
#left2 a{ float:left; width:280px; line-height:35px; display:block; background:#ccc; color:#fff; border-bottom:1px solid #aaa; }
#left2 a:hover{ float:left; width:280px; display:block; background:#d10101; }


#left { float:left; width:250px; margin:40px 0 40px; }


.menuTree{background:#e8e8e8;border-top:none;border-radius:0px;box-shadow:0px 3px 6px 1px #fff; padding:0px 0 0px;border-bottom:0px solid #f0613c;}
.menuTree .title_list{font:bold 32px/70px  "microsoft yahei"; color:#fff; text-align:center;height:70px; background:#d10101 url(../images/title_bg2.png) -0px top repeat; border-radius:0px; margin-bottom:0px;/* border-top:1px #384f8b solid;*/}
.menuTree UL LI UL {	DISPLAY:block;  /* display:none*/}
.menuTree UL.left_box {}


.menuTree LI { overflow:hidden; text-align:center;border-bottom:1px #ccc solid;}
.menuTree UL LI A {
	font:normal 16px/47px "microsoft yahei"; margin:0px auto; color:#666; display:block; width:250px; background:#e8e8e8 url(../images/title_bg2.png) -0px top repeat; border-radius:0px;  }
.menuTree UL LI A:hover {
	 color:#fff; background:#d10101; 
}
.menuTree UL LI UL { margin:0 auto;}
.menuTree UL LI UL LI {}
.menuTree UL LI UL LI A {
	  display:block; font-weight:normal; font-size:16px; color:#666; height:30px; line-height:30px; border:none; text-indent:30px;
}
.menuTree UL LI UL LI A:hover { 
}
.menuTree UL LI UL LI UL {
}
.menuTree UL LI UL LI UL LI a{
	color:#999; font-size:15px; text-indent:40px;
}
.menuTree UL LI UL LI UL LI a:hover{
	
}
.menuTree UL LI UL LI UL LI UL LI a{
	color:#666; background:none;
}
.menuTree UL LI UL LI UL LI UL LI a:hover{
	color:#666; background:none; text-decoration:underline;
}
.menuTree UL LI UL LI UL LI UL LI UL LI a{
	color:#999; background:none;
}
.menuTree UL LI UL LI UL LI UL LI UL LI a:hover{
	color:#999; background:none; text-decoration:underline;
}
.menuTree a { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; text-decoration:none; line-height:1.5;}
.menuTree @-moz-document domain() {
	li { overflow:hidden; height:1.5em;}
	a { text-overflow:clip; position:relative; white-space:normal;  display:block; max-height:3em; word-wrap:break-word; width:15em; -moz-box-sizing:border-box; text-align:justify;}
	a:after { content:"..."; position:absolute; right:0; bottom:1.5em;}
}

.title_right{font:normal 15px/36px "microsoft yahei"; color:#666; background:url(../images/title_bg2.png) 0px 5px no-repeat; text-indent:0px; position:relative; height:36px; float:left; width:900px; float:right; border-bottom:1px solid #999; margin-top:40px; text-indent:0px;margin-bottom:30px;}


#right { float:right; width:900px; }

#right .title_right{font:normal 15px/36px "microsoft yahei"; color:#666; background:url(../images/title_bg.png) 0px 5px no-repeat; text-indent:0px; position:relative; height:36px; float:left; width:900px; float:right; border-bottom:1px solid #999; margin-top:40px; text-indent:35px; margin-bottom:30px;}
#right .title_right span.more{ position:absolute; right:0px; top:0px; color:#fff  }
#right ul{ text-align:center; list-style:none;}
#right .right_text{margin:10px; line-height:24px; color:#333}

#right2 { margin:0 auto; padding-top:40px; width:1200px; }


/* 脚部 */
#footer_out{width:100%; background:#f7f7f7; padding-top:20px; font-size:13px; margin-top:30px;}
#footer{ position:relative; width:1200px; line-height:20px; position:relative; text-align:center; color:#bbbbbb; margin:15px auto 0; padding:0px 0px 15px; overflow:hidden; font-size:14px;}
#footer a{color:#fff; font-size:12px; color:#888888; }
#footer a:hover{color:#ca1a25;}
#footer .name{font-size:20px; font-weight:bold; line-height:40px; border-bottom:1px #666 solid; width:330px; }
#footer .name2{font-size:16px; line-height:45px; font-weight:normal; height:50px; display:block; color:#333}
#footer .name3{font-size:9px; line-height:20px; font-weight:normal;}
#footer .contacts_footer{font-size:13px; line-height:24px; text-align:left; padding-top:5px; padding-left:40px;}
#footer .ewm{ position:absolute; right:50px; top:30px;}

.footer_text{float:right; width:930px; border-left:1px solid #dab96b; height:95px; padding:0 10px; overflow:hidden;}
.footer_text h3{ color:#dab96b; font:normal 18px/46px "微软雅黑";}
.footer_text .line{ background:#dab96b; height:1px; width:930px; overflow:hidden;}
.footer_text .footer_text2{float:left; border-left:1px solid #dab96b; height:32px; color:#dab96b; font:normal 18px/32px "微软雅黑"; padding:0 40px 0 20px; margin-left:-20px; margin-top:8px;}


#footer .logo{ position:absolute; top:30px; left:0px;}
#footer .links{ float:left;}
#footer .f_links{ line-height:20px; margin:40px 0 5px 10px; }
#footer .f_links span{color:#000000; font-weight:bold; font-family:Tahoma;}
#footer .f_links a{ padding:0 5px;}
#footer .copyright{ position:absolute; top:20px; right:0px;}
#footer .footer_left{ width:480px; position:absolute; top:40px; left:150px;}
#footer .footer_right{width:210px; position:absolute; top:30px; right:150px;}

.footer_contact{text-align:right;  float:right; margin-top:100px; color:#565555; font-weight:normal;}
.footer_contact span{font-size:27px; height:80px; margin:10px 0; }
.footer_contact a{margin-top:0px; display:block; float:right; margin-left:5px; }
.footer_contact a:hover{margin-top:-5px;}
#footer_out2{width:100%; background:#333;  font-size:13px; margin-top:0px; height:36px; line-height:36px;}
#footer_out2 img{ padding:12px;}

 .class1{float:left; text-align:center; padding:0px 100px 0 0px; line-height:22px; margin-top:0px; }
 .friend_link{clear:both; text-align:left; margin:30px 0px 20px 0px; padding-top:10px; border-top:1px #fff solid;}

/* 页码 */
#page{width:100%; text-align:center; clear:both; padding-top:50px;  padding-bottom:15px;}
#page div.pages span.pagecount a { color:#fff; border: 1px #ccc solid; background:#ccc; padding: 3px 8px 3px 8px; border-radius:3px;}
#page div.pages span.pagecount a:hover {background-color: #ca1a25; color: #fff; text-decoration:none; border:1px #ca1a25 solid;}
#page div.pages span.pagecount span.current u{ color:#666; border: 1px #ccc solid; background:#fff; padding: 3px 8px 3px 8px; border-radius:3px; text-decoration:none;}




/* show */
#case_show{float:left;clear:both;width:734px;height:144px; background:url(../images/pro-show-bg.jpg) no-repeat;}
#show{height:1%;}
#demo {margin:18px 0 0 62px;overflow:hidden;width:610px;}
#indemo {float: left;width:80000%;}
#demo1 {float: left;}
#demo2 {float: left;}
/* pro */
a.more_proTitle{ float:right; margin-right:19px; font-weight:bold; line-height:16px; margin-top:30px; color:#d10101;}
a:hover.more_proTitle{color:#3465a5; text-decoration:underline;}

a.img_left{ display:block; position:relative; width:280px; height:390px; margin:30px 0 0 15px; overflow:visible; float:left; text-align:center; background:#fff;border:1px solid #fff;  }
a.img_left .moreP1{ display:block; padding:0px;line-height:30px; width:80px; height:30px; margin:0px auto 0; overflow:hidden; color:#666; }
a:hover.img_left .moreP1{ display:none; padding:0px;line-height:30px; width:80px; height:30px; margin:0px auto 0; overflow:hidden; color:#666; }
a.img_left .moreP2{ display:none; padding:0px;line-height:30px; width:80px; height:30px; margin:0px auto 0; overflow:hidden; color:#666;}
a:hover.img_left .moreP2{ display:block; padding:0px;line-height:30px; width:80px; height:30px; margin:0px auto 0; overflow:hidden; color:#fff; background:#cc0000;border-radius:3px;}
a:hover.img_left{ border:1px solid #ddd; }
a.img_left img {width:200px; height:260px; padding:30px 0 0;}
a:hover.img_left img { margin:0}
a.img_left p{ padding:0px;line-height:40px; width:280px; height:40px; overflow:hidden; overflow:hidden; color:#666; }
a:hover.img_left p{ color:#d10101;}
a.img_left .pro_tip{ position:absolute; top:0; left:30px; width:51px; height:94px; border:none;}
a:hover.img_left .pro_tip{ position:absolute; top:0; left:30px; width:51px; height:94px; border:none;}

a.img_left2{ display:block; position:relative; width:361px; height:340px; margin:10px 0 0 30px; overflow:visible; float:left; text-align:center; background:#fff; border:1px solid #ccc; }
a:hover.img_left2{ border:1px solid #d10101; }
a.img_left2 img {width:361px; height:397; padding:0px 0 0;}
a:hover.img_left2 img {}
a.img_left2 p{ padding:0px;line-height:40px; width:361px; height:43px; overflow:hidden; overflow:hidden; background-color:#999 ; color:#fff;  position:absolute; bottom:0px; left:0}
a:hover.img_left2 p{ color:#fff; background-color:#d10101;}
a.img_left2 .pro_tip{ position:absolute; top:0; left:30px; width:51px; height:94px; border:none;}
a:hover.img_left2 .pro_tip{ position:absolute; top:0; left:30px; width:51px; height:94px; border:none;}

a.img_left3{ display:block; position:relative; width:370px; height:260px; margin:10px 0 0 30px; overflow:visible; float:left; text-align:center; background:#fff; }
a:hover.img_left3{ }
a.img_left3 img {width:370px; height:220px;padding:0px 0 0;}
a:hover.img_left3 img {}
a.img_left3 p{ padding:0px;line-height:40px; width:370px; height:40px; overflow:hidden; font-size:18px; font-weight:bold; overflow:hidden;  position:absolute; bottom:0px; left:0}
a:hover.img_left3 p{ }
a.img_left3 .pro_tip{ position:absolute; top:0; left:30px; width:51px; height:94px; border:none;}
a:hover.img_left3 .pro_tip{ position:absolute; top:0; left:30px; width:51px; height:94px; border:none;}


.products_tab{}
.products_tab .content{ padding-bottom:30px;}
.bigimg{float:left; width:900px; }
.proDetail{float:right; width:450px; font:bold 18px/36px "microsoft yahei"; }
.title_pro2{font:bold 24px/56px "microsoft yahei"; margin:20px 0 20px 0; color:#15599a }
.title_pro3{font:bold 16px/30px "microsoft yahei"; margin:10px 0 10px 0; color:#333 }/* 页码 */
/* 页码 */
#page{width:100%; text-align:center; clear:both; padding-top:50px;  padding-bottom:15px;}
#page  a { color:#d10101; border: 1px #ccc solid; background:#fff; padding: 3px 8px 3px 8px; border-radius:0px;}
#page  a:hover {background-color: #d10101; color: #fff; text-decoration:none; border:1px #d10101 solid;}
#page  span.current u{ color:#fff; border: 1px #d10101 solid; background:#d10101; padding: 3px 8px 3px 8px; border-radius:0px; text-decoration:none;}

.product{text-align:center; margin:0 50px;}
.product img{margin:30px auto; max-width:600px; border:1px #ddd solid; padding:5px;}
.product .discribtion{text-align:left; padding:10px;}
.product .discribtion .title2{font:normal 14px/30px "microsoft yahei"; background:none; border-bottom:1px dashed #999999; text-align:left; margin:0 0 10px 0; padding:0; color:#666666; }

#products_tab .title_tab2 ul{ float:left; width:100%;}
#products_tab .title_tab2 li{margin:20px 0px 0 0px; overflow:hidden; float:left; text-indent:0; padding:10px 30px; font-size:15px; background:#eee; cursor:pointer; color:#666; font-weight:normal; border:1px solid #ccc; border-top:2px solid #666;}
#products_tab .title_tab2 li#btn_21{border-right:none;}
#btn_23{width:500px;}
#products_tab .title_tab2 li.active1{background:#fff; color:#333; font-weight:bold; border-bottom:1px #fff solid;}
#products_tab .content2{  width:100%; padding:20px; margin:-1px auto 30px; background:#fff; clear:both; border:1px solid #ccc; float:left;}
#products_tab .content2 div{ padding:0px 0px 0;}
#products_tab .content2 div img{ max-width:860px; height:auto; padding:0}

.pro_cs{float:right; width:580px; margin-top:20px; overflow:hidden; font-size:18px; line-height:36px}
.title2{font-size:36px; border-bottom:1px solid #999; display:block; height:68px; line-height:48px; margin-bottom:10px; color:#333;}
.hr{border-bottom:1px solid #ddd; padding-top:80px;}
.bdsharebuttonbox{margin-top:10px;}
img .bdsharebuttonbox{ display:none;}


.linkNews {
    border:1px solid #666;
    border-left: none;
	float:right;
    border-right: none;
    width: 580px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    margin: 200px 0 0;
}

.linkNews .pre {
    float: left;
    width: 240px;
    text-align: left;
	overflow:hidden;
}

.linkNews .next {
    float: right;
    width: 240px;
    text-align: right;
	overflow:hidden;
}

.linkNews a.back {
    padding: 10px;
}


/*******************************************************************************************************************************************


		 
			 
			 
			 
			 
			 
			 
			 
			 
			 
			 
			 
products:
	<!-- 右边内容 -->
	<div id="right">
		<div class="title">产品中心<span>您现在所在的位置： <a href="index.html">首页</a> >> 产品中心</span></div>
		<div class="products">
				<div class="img_left"><a href="productDetail.html" title=""><img src="../images/index_37.jpg" /></a><p><a href="productDetail.html" title="">产品名称</a></p></div>
				<div class="img_left"><a href="productDetail.html" title=""><img src="../images/index_37.jpg" /></a><p><a href="productDetail.html" title="">产品名称</a></p></div>
				<div class="img_left"><a href="productDetail.html" title=""><img src="../images/index_37.jpg" /></a><p><a href="productDetail.html" title="">产品名称</a></p></div>
				<div class="img_left"><a href="productDetail.html" title=""><img src="../images/index_37.jpg" /></a><p><a href="productDetail.html" title="">产品名称</a></p></div>
				<div class="img_left"><a href="productDetail.html" title=""><img src="../images/index_37.jpg" /></a><p><a href="productDetail.html" title="">产品名称</a></p></div>
				<div class="img_left"><a href="productDetail.html" title=""><img src="../images/index_37.jpg" /></a><p><a href="productDetail.html" title="">产品名称</a></p></div>
				<div class="img_left"><a href="productDetail.html" title=""><img src="../images/index_37.jpg" /></a><p><a href="productDetail.html" title="">产品名称</a></p></div>
				<div class="img_left"><a href="productDetail.html" title=""><img src="../images/index_37.jpg" /></a><p><a href="productDetail.html" title="">产品名称</a></p></div>
				<div class="img_left"><a href="productDetail.html" title=""><img src="../images/index_37.jpg" /></a><p><a href="productDetail.html" title="">产品名称</a></p></div>
				
			</div>
			
			<!-- 页码 -->						
			<div class='ks-pagination-links'>
				<ul>
					<li class='current'><a>共 <b>10</b> 记录</a></li>
					<li class='current'><a>1</a></li>
					<li><a href="#">2</a></li>
					<li><a href="#">3</a></li>
					<li><a href="#">4</a></li>
					<li><a href="#">5</a></li>
					<li class='current'><a>共 1/5 页</a></li>
				</ul>
			</div><!-- 页码 end -->
	</div><!-- 右边内容 end -->
			
			
			<div class="product">
				<img src="../images/pro.jpg" width="500" />
				<div class="proName">产品展示</div>
				<div class="discribtion">
					<div class="title2">详细描述：</div>
						详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：详细描述：
				</div>	
			</div>
			<div class="back">[<strong><a href="javascript:history.go(-1)">返回</a></strong>]</div>
*******************************************************************************************************************************************/
/* news */
.newsShow{width:601px; float:left; margin:60px 0px 0 0px;}
.news{ width:550px;  padding-top:0px; float:right; margin-top:60px; }
.news ul{ text-align:center; list-style:none;}
.news ul li{ color:#999; margin:0 auto; text-align:right; width:270px; padding-right:5px; height:32px;line-height:32px; border-bottom:1px solid #999}
.news ul li a{float:left; line-height:32px; font-size:14px; color:#333333}
.news ul li a:hover{color:#d10101}


.news3{float:right;}

.title3{font:bold 20px/30px "宋体"; text-align:center; background:none; border:none; padding-top:30px; margin:0; color:#333;}
.news2 .time{ text-align:center; color:#666666; border-top:1px #ccc solid;border-bottom:1px #ccc solid; line-height:28px; margin:10px 40px 30px;}
.news2 .back{text-align:right; margin:20px 50px 30px 0;}
.news2 .back a{ color:#000000}
.news2 ul{ text-align:center; margin-top:-10px; list-style:none;}
.news2 ul li{ color:#999; margin:0 auto; text-align:right; width:800px; padding-right:5px; height:30px;line-height:30px; border-bottom:1px dashed #999999}
.news2 ul li.hr{height:30px;  overflow:hidden;}
.news2 ul li a{float:left; padding-left:15px; background:url(../images/icon2.gif) left center no-repeat; line-height:30px;}
.news2 .content{text-align:left; line-height:24px}
.news2 .content p{text-indent:2em; padding:0 40px; }
/*******************************************************************************************************************************************
			<div class="news2">
				<ul>
					<li class="hr"></li>
					<li><a href="newsDetail.html">主要从事企业VI设计，企业庆典策划</a>2011/05/21</li>
					<li><a href="newsDetail.html">主要从事企业VI设计，企业庆典策划</a>2011/05/21</li>
					<li><a href="newsDetail.html">主要从事企业VI设计，企业庆典策划</a>2011/05/21</li>
					<li><a href="newsDetail.html">主要从事企业VI设计，企业庆典策划</a>2011/05/21</li>
					<li><a href="newsDetail.html">主要从事企业VI设计，企业庆典策划</a>2011/05/21</li>
					<li class="hr"></li>
					<li><a href="newsDetail.html">主要从事企业VI设计，企业庆典策划</a>2011/05/21</li>
					<li><a href="newsDetail.html">主要从事企业VI设计，企业庆典策划</a>2011/05/21</li>
					<li><a href="newsDetail.html">主要从事企业VI设计，企业庆典策划</a>2011/05/21</li>
					<li><a href="newsDetail.html">主要从事企业VI设计，企业庆典策划</a>2011/05/21</li>
					<li><a href="newsDetail.html">主要从事企业VI设计，企业庆典策划</a>2011/05/21</li>
				</ul>
			</div>
			
			<!-- 页码 -->						
			<div class='ks-pagination-links'>
				<ul>
					<li class='current'><a>共 <b>10</b> 记录</a></li>
					<li class='current'><a>1</a></li>
					<li><a href="#">2</a></li>
					<li><a href="#">3</a></li>
					<li><a href="#">4</a></li>
					<li><a href="#">5</a></li>
					<li class='current'><a>共 1/5 页</a></li>
				</ul>
			</div><!-- 页码 end -->
			
			
			
			<div class="news2">
				<div class="title3">如何设计产品使用指南</div>
				<div class="time">发布时间：2011-05-09</div>
				<div class="content">
					<p>为什么一张图片比三张图片更有力量？如何设计产品使用指南？如何在设计中通过各种对比产生层次感？如何使设计内外统一协调？如何设计一个独一无二的签名式 LOGO ？本文继续发扬实用主义，对这些问题给出了解决办法。五个设计技巧，开拓你的设计视野。</p>
					<p>当你在设计时手头上有三张照片，你会如何处理？你会将这三张照片都用上，对吧？其实没必要！一张照片就已经能够使设计信息有效传达。在这个例子中，校区里的塔楼就已经能够传达出这所学校的本质，比用上三张效果更好！标题单独一行，文字中的背景颜色区域静静地传达出有关信息。</p>
					<div class="back">[ <strong><a href="javascript:history.go(-1)">返回</a></strong> ]</div>
				</div>
			</div>
			


.ft72 {
  font-size: 72px;
}
.brand-box .item1-box .qxbox{
	    padding-right: 5%;
}
.w1250{
  width: 1250px;
  margin:0 auto;
}
.w1000{
	width: 1000px;
	margin:0 auto;
}
.news-details .details-top .t2{
  margin:30px 0;
  margin-top: 20px;
}
.linebox-0 .xline.active{
	transition: 4.5s;
}
.linebox-0 .xline-0,.linebox-0 .xline-3{
  width:0;
  opacity: 1;
}
.linebox-0 .xline-0.active,.linebox-0 .xline-3.active{
  width:100%;
}
.linebox-0 .xline-1,.linebox-0 .xline-2,.linebox-0 .xline-4,.linebox-0 .xline-5{
  opacity: 1;
  height:0;
}
.linebox-0 .xline-1.active,.linebox-0 .xline-2.active,.linebox-0 .xline-4.active,.linebox-0 .xline-5.active{
  height:100%;
}

.linebox-0 .xline-3{
	top:auto;
	left:auto;
	bottom:0;
	right:0;
}
.section2 .video video{
   /* width: 120%;
    height: 120%;
    position: absolute;
    top: -10%;
    left: -10%;
    background:#000;*/
    position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: 100%;
  height: 100%;
  z-index: 0;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
      transform: translateX(-50%) translateY(-50%);
}

.linebox-0 .xline-4,.linebox-0 .xline-5{
	top:auto;
	left:0;
	bottom:0;
}
.ttop{
	width: 45px;
    height: 45px;

    background: url(../img/top.png) #fff no-repeat center;
    background-size: 100%;
    position: fixed;
    right: 60px;
    bottom: 50px;
    transition: .5s ease-in-out;
    cursor: pointer;
    z-index: 40;
    display: none;
    border-radius: 50%;
}
.section6 .items{
	padding-top:80px;
	box-sizing: border-box;
}
.news-tag{
	text-align: left;
	margin-top: 45px;
}
.news-tag a{
	display: inline-block;
	color:#666;
	margin-right: 10px;
	height: 35px;
	border-radius: 35px;
	line-height: 35px;
	padding:0 15px;
	border:1px solid #666;
	transition:.5s ease-in-out;

}
.news-tag a:hover{
	background: #059ea0;
	color:#ffffff;
	border-color:#059ea0;
	transition:.5s ease-in-out;
}












    .imagessecwen-ul{
      padding-bottom: 100px;
      box-sizing: border-box;
    }

    .imagessecwen-ul .li{
      width: 565px;
      padding-bottom: 90px;
      box-sizing: border-box;
      position: relative;
      transform:translateY(0);
      transition:.5s ease-in-out;
    }
    .imagessecwen-ul .li .image{
    	position: relative;
    	z-index: 2;
    }
    .imagessecwen-ul .li:hover{
      transition:.5s ease-in-out;
      transform:translateY(-30px);
    }
     .imagessecwen-ul .li:hover:after{
      opacity: 1;
       transition:.5s ease-in-out;
       transition-delay: .3s;
     }
    .imagessecwen-ul .li:after{
      position: absolute;
      content:"";
      left:0;
      bottom:0;
      width: 100%;
      height: 350px;
      background:url(../img/imgbox/m8.png) no-repeat center;
      background-size: 100%;
      opacity: 0;
       transition:.5s ease-in-out;
    }
    .imagessecwen-ul .li .word{
      line-height: 20px;
      height: 20px;
      display: inline-block;
      position: absolute;
      bottom:60px;
      right:25px;
      color:#006d7b;
      font-size: 20px;
    }
.ft15 {
  font-size: 15px;
}

.w700 {
  width: 700px;
  margin: 0 auto;
}

.brand-box .items {
  position: relative;
}
.brand-box .items .br {
  position: absolute;
  left: 0;
  top: -70px;
}

.con-banner .brand-words {
  position: absolute;
  line-height: 1;
  height: 100px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  color: #fff;
}
.con-banner .brand-words .en {
  text-transform: uppercase;
  margin-top: 15px;
}

.brand-box .item0 {
  padding-top: 0px;
  padding-bottom: 175px;
  box-sizing: border-box;
  height: 950px;
  position: relative;
}
.brand-box .item0 .tit {
  line-height: 1;
}
.brand-box .item0 .item0-words {
  position: relative;
  z-index: 3;
}
.brand-box .item0 .item0-images {
  width: 800px;
  position: absolute;
  right: 0;
  bottom: 0;
}
.brand-box .item0 .words {
  margin-top: 60px;
  width: 930px;
}
.brand-box .item0 .words .t0 {
  font-weight: bold;
  color: #1a1a1a;
  line-height: 1;
}
.brand-box .item0 .words .t1 {
  line-height: 30px;
  margin-top: 15px;
}
.brand-box .item0 .ul {
  margin-top: 75px;
}
.brand-box .item0 .ul .li {
  line-height: 1;
  float: left;
  padding: 0 50px;
  border-left: 1px solid #dcdcdc;
  box-sizing: border-box;
}
.brand-box .item0 .ul .li:nth-child(1) {
  border-left: none;
  padding-left: 0;
}
.brand-box .item0 .ul .li1 .t1 {
  padding-right: 35px;
  box-sizing: border-box;
}
.brand-box .item0 .ul .li2 .t1 {
  padding-right: 90px;
  box-sizing: border-box;
}
.brand-box .item0 .ul .t0 {
  font-size: 16px;
  color: #214da0;
  font-weight:bold;
}
.brand-box .item0 .ul .t1 {
  font-weight:bolder;
  color: #214da0;
  font-size: 50px;
  height: 100px;
  line-height: 100px;
  margin-top: 15px;
  margin-bottom: 10px;
  position: relative;
}
.brand-box .item0 .ul .t1 .jia {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.brand-box .item0 .ul .t1 .num {
  font-family: 'beba';
  font-size: 80px;
  display: inline-block;
}
.brand-box .item0 .ul .t2 {
  font-size: 16px;
  text-align: center;
  color: #666666;
}

.header-down {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 300;
  top: -100%;
  transition: .5s ease-in-out;
  opacity: 0;
}
.header-down.active {
  opacity: 1;
  top: 0;
  transition: .5s ease-in-out;
}
.header-down .cha {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 35px;
  top: 35px;
  background: url(../img/imgbox/i8.png) no-repeat center;
  background-size: 100%;
  cursor: pointer;
}
.header-down .downbox {
  height: 675px;
  width: 100%;
  background: url(../img/imgbox/i4.jpg) no-repeat center;
  background-size: cover;
}
.header-down .down {
  height: 100%;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  box-sizing: border-box;
}
.header-down .down .items {
  width: 33.33%;
  height: 100%;
  float: left;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  padding-left: 20px;
  padding-top: 205px;
  box-sizing: border-box;
  position: relative;
}
.header-down .down .items .li {
  position: relative;
  line-height: 1;
}
.header-down .down .items .li:nth-child(n+2) {
  margin-top: 30px;
}
.header-down .down .items .li-top {
  color: rgba(255, 255, 255, 0.7);
  font-size: 38px;
  transition: .5s ease-in-out;
  display: inline-block;
  cursor: pointer;
}
.header-down .down .items .li-top:hover, .header-down .down .items .li-top.active {
  color: #fff;
  transition: .5s ease-in-out;
}
.header-down .down .items .li-bot {
  display: none;
  position: absolute;
  top: 0;
  left: 120px;
  padding-top: 10px;
  padding-left: 60px;
  box-sizing: border-box;
}
.header-down .down .items .li-bot:after {
  content: "";
  position: absolute;
  width: 48px;
  height: 1px;
  background: rgba(255, 255, 255, 0.5);
  left: 0;
  top: 18px;
}
.header-down .down .items .li-bot .i {
  display: block;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
  line-height: 18px;
  height: 18px;
  margin-bottom: 14px;
  position: relative;
  padding-left: 25px;
  box-sizing: border-box;
  transition: .5s ease-in-out;
}
.header-down .down .items .li-bot .i:hover, .header-down .down .items .li-bot .i.active {
  color: #fff;
  transition: .5s ease-in-out;
}
.header-down .down .items .li-bot .i:hover:after, .header-down .down .items .li-bot .i.active:after {
  background: #fff;
  transition: .5s ease-in-out;
}
.header-down .down .items .li-bot .i:after {
  content: "";
  position: absolute;
  width: 8px;
  height: 2px;
  background: rgba(255, 255, 244, 0.5);
  left: 0;
  top: 0;
  bottom: 0;
  transition: .5s ease-in-out;
  margin: auto;
}
.header-down .down .items2 .tit {
  font-size: 24px;
  color: #fff;
}
.header-down .down .items2 .i-form {
  overflow: hidden;
  width: 235px;
  height: 40px;
  position: relative;
  border-radius: 20px;
  margin-top: 30px;
  margin-bottom: 70px;
}
.header-down .down .items2 .i-form input {
  border: none;
  background: none;
  outline: none;
  background: #fff;
}
.header-down .down .items2 .i-form input[type=text] {
  width: 100%;
  height: 100%;
  padding-left: 20px;
  box-sizing: border-box;
}
.header-down .down .items2 .i-form input[type=submit] {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 70px;
  background: #84ccc9;
  color: #fff;
}
.header-down .down .items2 .i-tit .en {
  font-size: 24px;
  color: #fff;
  line-height: 1.2;
}
.header-down .down .items2 .i-tit .bdfx {
  margin-top: 20px;
}
.header-down .down .items2 .i-tit .bdfx a {
  display: inline-block;
  float: left;
  background: none;
  width: 33px;
  height: 33px;
  padding: 0;
  margin: 0;
  opacity: .6;
  margin-right: 8px;
  transition: .5s ease-in-out;
}
.header-down .down .items2 .i-tit .bdfx a:hover {
  transition: .5s ease-in-out;
  opacity: 1;
}
.header-down .down .items2 .i-tit .bdfx .bds_weixin {
  background: url(../img/imgbox/i6.png) no-repeat center;
  background-size: 100%;
}
.header-down .down .items2 .i-tit .bdfx .bds_tsina {
  background: url(../img/imgbox/i5.png) no-repeat center;
  background-size: 100%;
}
.header-down .down .items2 .i-tit .bdfx .bds_qzone {
  background: url(../img/imgbox/i7.png) no-repeat center;
  background-size: 100%;
}

.fa {
  background: #fafafa;
}

.brand-box .item1 {
  height: 830px;
  margin-top: -24px;
  padding-top: 24px;
  box-sizing: border-box;
  position: relative;
  z-index: 2;
}
.brand-box .gallery {
  position: relative;
}
.brand-box .gallery .gallery-line {
  border-top: 1px solid #aaa7a4;
  position: absolute;
  width: 100%;
  top: 70px;
  left: 0;
}
.brand-box .gallery-thumbs {
  text-align: center;
}
.brand-box .gallery-thumbs .swiper-slide-active .nian:after {
  opacity: 1;
  transition: .5s ease-in-out;
}
.brand-box .gallery-thumbs .swiper-slide-active .nian .span span:after {
  width: 100%;
  height: 100%;
  background: #0aadac;
}
.brand-box .gallery-thumbs .nian {
  font-size: 18px;
  line-height: 1;
  color: #1fbbba;
  cursor: pointer;
  padding-top: 70px;
  box-sizing: border-box;
  position: relative;
}
.brand-box .gallery-thumbs .nian:after {
  content: "";
  position: absolute;
  width: 38px;
  height: 42px;
  background: url(../img/imgbox/i13.png) no-repeat center;
  background-size: 100%;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  transition: .5s ease-in-out;
  opacity: 0;
}
.brand-box .gallery-thumbs .nian .span {
  padding-top: 30px;
  box-sizing: border-box;
  position: relative;
}
.brand-box .gallery-thumbs .nian .span span {
  width: 16px;
  height: 16px;
  display: block;
  border-radius: 50%;
  position: absolute;
  top: -8px;
  left: 0;
  right: 0;
  margin: auto;
}
.brand-box .gallery-thumbs .nian .span span:after {
  position: absolute;
  width: 9px;
  height: 9px;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #959595;
  border-radius: 50%;
  margin: auto;
  transition: .5s ease-in-out;
}
.brand-box .item1-box .i-li {
  padding-top: 160px;
  box-sizing: border-box;
}
.brand-box .item1-box .words {
  width: 760px;
  line-height: 1;
}
.brand-box .item1-box .words .line {
  width: 22px;
  height: 2px;
  background: #535353;
  margin: 40px 0;
}
.brand-box .item1-box .words .t1 {
  text-transform: uppercase;
  font-size: 75px;
  color: rgba(123, 106, 119, 0.09);
  white-space: nowrap;
  line-height: .7;
  margin-bottom: 3%;
}
.brand-box .item1-box .words .p {
  width: 655px;
  line-height: 35px;
  color: #4c4c4c;
  height: 240px;
}
.brand-box .item1-box .images {
  width: 470px;
  height: 460px;
  position: relative;
}
.brand-box .item1-box .images .i0 {
  position: absolute;
  left: 0;
  top: 0;
  right:0;
  bottom:0;
  margin: auto;
  max-width:100%;
}
.brand-box .item2 {
  height: 905px;
}
.brand-box .item2-box {
  line-height: 1;
  padding-top: 95px;
  box-sizing: border-box;
}
.brand-box .item2-box .csm {
  margin-top: 25px;
}
.brand-box .item2-box .cmore .right {
  font-size: 16px;
  color: #333333;
  margin-top: 55px;
  margin-bottom: 46px;
  transition: .5s ease-in-out;
}
.brand-box .item2-box .cmore .right:hover {
  color: #1dbab9;
  transition: .5s ease-in-out;
}
.brand-box .swiperbox {
  text-align: center;
}
.brand-box .swiperbox .swiper-button-prev, .brand-box .swiperbox .swiper-button-next {
  display: inline-block;
  position: static;
  margin: 0;
  width: 65px;
  height: 65px;
  border: 1px solid #cccccc;
  box-sizing: border-box;
  border-radius: 50%;
  margin: 0 9px;
  transition: .5s ease-in-out;
}
.brand-box .swiperbox .swiper-button-prev:hover, .brand-box .swiperbox .swiper-button-next:hover {
  transition: .5s ease-in-out;
  border-color: #059ea0;
}
.brand-box .swiperbox .swiper-button-prev {
  background: url(../img/a9.png) no-repeat center;
  background-size: 100%;
}
.brand-box .swiperbox .swiper-button-prev:hover{
  background: url(../img/a10.png) #059ea0 no-repeat center;
  background-size: 100%;
}
.brand-box .swiperbox .swiper-button-next {
  background: url(../img/a7.png) no-repeat center;
  background-size: 100%;
}
.brand-box .swiperbox .swiper-button-next:hover {
  background: url(../img/a8.png) #059ea0 no-repeat center;
  background-size: 100%;
}
.brand-box .item2-swiper .swiperbox {
  margin-top: 65px;
}
.brand-box .item2-swiper .itemso {
  background: #fff;
  width: 100%;
  padding: 38px 25px;
  padding-bottom: 30px;
  box-sizing: border-box;
}
.brand-box .item2-swiper .itemso .images {
  width: 295px;
  height: 205px;
  overflow: hidden;
}
.brand-box .item2-swiper .itemso .words {
  font-size: 15px;
  color: #333333;
  padding-top: 30px;
  border-top: 1px solid #e8e8e8;
  box-sizing: border-box;
  margin-top: 37px;
}
.brand-box .item2-swiper .itemso .words .span {
  height: 18px;
  line-height: 18px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  position: relative;
}
.brand-box .item2-swiper .itemso .words .span:after {
  width: 15px;
  height: 15px;
  background: url(../img/imgbox/i14.png) no-repeat;
  background-size: 100%;
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.brand-box .item4 {
  height: 650px;
  position: relative;
  text-align: center;
}
.brand-box .item4 .images {
  height: 100%;
}
.brand-box .item4 .words {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  font-size: 20px;
  color: #ffffff;
  width: 110px;
  height: 140px;
  line-height: 1;
  cursor: pointer;
}
.brand-box .item4 .words .i {
  width: 83px;
  height: 83px;
  background: url(../img/imgbox/i16.png) no-repeat center;
  background-size: 100%;
  margin: 0 auto;
  position: relative;
}
.brand-box .item4 .words .span {
  margin-top: 25px;
}
.brand-box .item3 {
  position: relative;
}
.brand-box .item3 .pcimg {
  height: 885px;
}
.brand-box .item3 .pcwords .li {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 1;
}
.brand-box .item3 .pcwords .li .i {
  width: 30px;
  height: 40px;
  background: url(../img/imgbox/i18.png) no-repeat center;
  background-size: 100%;
  position: relative;
  z-index: 10;
}
.brand-box .item3 .pcwords .li .span {
  font-size: 18px;
  text-align: center;
  color: #333333;
}
.brand-box .item3 .pcwords .li1 {
  /*opacity: 1;*/
  left: 155px;
  top: 325px;
}
.brand-box .item3 .pcwords .li1 .span {
  position: absolute;
  left: 40px;
  top: 20px;
  width: 55px;
}
.brand-box .item3 .pcwords .li2 {
  /*opacity: 1;*/
  left: 785px;
  top: 445px;
}
.brand-box .item3 .pcwords .li3 {
  /*opacity: 1;*/
  left: 810px;
  top: 375px;
}
.brand-box .item3 .pcwords .li4 {
  /*opacity: 1;*/
  left: 860px;
  top: 320px;
}
.brand-box .item3 .pcwords .li5 {
  /*opacity: 1;*/
  left: 880px;
  top: 375px;
}
.brand-box .item3 .pcwords .li6 {
  /*opacity: 1;*/
  left: 995px;
  top: 420px;
}
.brand-box .item3 .pcwords .li7 {
  /*opacity: 1;*/
  left: 1100px;
  top: 463px;
}
.brand-box .item3 .pcwords .li8 {
  /*opacity: 1;*/
  left: 1350px;
  top: 575px;
}
.brand-box .item3 .pcwords .li9 {
  /*opacity: 1;*/
  left: 1390px;
  top: 670px;
}
.brand-box .item3 .pcwords .li10 {
  /*opacity: 1;*/
  left: 1400px;
  top: 400px;
}
.brand-box .item3 .pcwords .li10 .span {
  color: #ffffff;
}
.brand-box .item3 .pcwords .li10 .i {
  width: 60px;
  height: 80px;
  background: url(../img/imgbox/i17.png) no-repeat center;
  background-size: 100%;
}
.brand-box .item3 .pcwords .li11 {
  /*opacity: 1;*/
  left: 1500px;
  top: 435px;
}
.brand-box .item3 .pcwords .li12 {
  /*opacity: 1;*/
  left: 1525px;
  top: 775px;
}
.brand-box .item3 .pcwords .li13{
  left: 220px;
  top:285px;
}
.brand-box .item3 .pcwords .li14{
  left: 270px;
  top:450px;
}
.brand-box .item3 .pcwords .li15{
  left: 545px;
  top:705px;
}
.brand-box .item3 .pcwords .li16{
  left: 520px;
  top:840px;
}
.brand-box .item3 .pcwords .li17{
  left: 940px;
  top:760px;
}
.brand-box .item3 .pcwords .li18{
  left: 965px;
  top:600px;
}
.brand-box .item3 .pcwords .li19{
  left: 1240px;
  top:530px;
}
.brand-box .item3 .pcwords .li20{
  left: 1370px;
  top:260px;
}
.brand-box .item3 .pcwords .li21{
  left: 1580px;
  top:400px;
}


.brand-box .item3 .words {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 8;
}
.brand-box .item3 .words .xian {
  position: absolute;
  bottom: 120px;
  left: 0;
  width: 500px;
  height: 75px;
}
.brand-box .item3 .item3-words {
  line-height: 1;
  padding-top: 100px;
  box-sizing: border-box;
}
.brand-box .item3 .item3-words .csmbox {
  margin-top: 32px;
}
.brand-box .item3 .item3-words .csmbox span,.brand-box .item3 .item3-words .csmbox em {
  font-size: 36px;
  color: #13a5c1;
  font-family: Arial;    font-style: normal;
}
.brand-box .item3 .item3-words .csm {
  width: 540px;
  line-height: 35px;
}
.brand-box .item3 .item3-words .s-more {
  width: 188px;
  height: 46px;
  background: url(../img/imgbox/i19.png) no-repeat center;
  background-size: 100%;
  display: block;
  font-size: 20px;
  color: #fffefe;
  line-height: 46px;
  text-align: center;
}

.video-fixed {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 120;
  top: 0;
  left: 0;
  cursor: pointer;
  display: none;
}

.video-fixed .videoboxs .box {
  height: 100%;
}

.video-fixed .cha {
  width: 25px;
  height: 25px;
  background: url(../img/imgbox/i8.png) no-repeat center;
  background-size: 100%;
  position: absolute;
  right: 5px;
  top: 5px;
}

.video-fixed .videoboxs {
  width: 80%;
  height: 80%;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: #000;
  /* padding: 30px; */
  box-sizing: border-box;
}

.animate .xianbox {
  position: absolute;
  bottom: 20px;
  left: 34px;
  width: 1px;
  height: 1px;
}
.animate .xianbox .a {
  height: 100%;
  width: 0;
  transition: .5s ease-in-out;
  position: absolute;
  right: 0;
  bottom: 0;
}
.animate .xianbox img {
  display: block;
  outline: none;
}
.animate .xianbox .a-line {
  position: absolute;
  bottom: 0;
  right: 0;
  /*transition:1.8s ease-in-out;*/
}
.animate .xianbox .a-line0 {
  width: 1260px;
  height: 200px;
}
.animate .xianbox .a-line1 {
  width: 550px;
  height: 150px;
  bottom: 32px;
  right: 12px;
}
.animate .xianbox .a-line2 {
  bottom: 18px;
  right: 12px;
  width: 595px;
  height: 120px;
}
.animate .xianbox .a-line3 {
  width: 535px;
  height: 110px;
  bottom: 6px;
  right: 5px;
}
.animate .xianbox .a-line4 {
  width: 625px;
  height: 92px;
}
.animate .xianbox .a-line5 {
  width: 415px;
  height: 65px;
  bottom: 10px;
  right: 5px;
}
.animate .xianbox .a-line6 {
  width: 310px;
  height: 45px;
  bottom: -10px;
  right: 0px;
}
.animate .xianbox .a-line7 {
  width: 55px;
  height: 140px;
  bottom: -126px;
  right: 18px;
}
.animate .xianbox .a-line8 {
  width: 25px;
  height: 200px;
  bottom: -190px;
  right: -7px;
}
.animate .xianbox .a-line9 {
  width: 112px;
  height: 290px;
  bottom: -290px;
  right: -112px;
}
.animate .xianbox .a-line10 {
  width: 90px;
  height: 13px;
  bottom: 17px;
  right: -85px;
}

.brand-box .item0 .words .li:nth-child(n+2) {
  margin-top: 50px;
}
.section-words .items .words .p em{
	font-size: 24px;
	color:#059ea0;
}
.section-words .items .words .p strong{
	font-size: 16px;
}
.brand-box .slimScrollBar {
  /*display: block !important;*/
  opacity: 1 !important;
  width: 3px !important;
  background: #0aadac !important;
}
.brand-box .slimScrollRail {
  /*display: block !important;*/
  opacity: 1 !important;
  width: 1px !important;
  background: #959595 !important;
}

.brand-box .item1-box .words .p {
  font-size: 17px;
}
.brand-box .item1-box .words .p span{
	display: block;
	white-space:normal!important;
}
.swiper-slide{
	overflow: hidden;
}
@media screen and (max-width: 1920px) {
  .brand-box .item0 .ul .t0 {
    font-size: 3rem;
  }
  .con-banner .images{
  	height: 6.75rem;
  }
  .brand-box .item3 .pcwords .li13{
    left: 2.20rem;
    top:2.85rem;
  }
  .brand-box .item3 .pcwords .li14{
    left: 2.70rem;
    top:4.50rem;
  }
  .brand-box .item3 .pcwords .li15{
    left: 5.45rem;
    top:7.05rem;
  }
  .brand-box .item3 .pcwords .li16{
    left: 5.20rem;
    top:8.40rem;
  }
  .brand-box .item3 .pcwords .li17{
    left: 9.40rem;
    top:7.60rem;
  }
  .brand-box .item3 .pcwords .li18{
    left: 9.65rem;
    top:6.00rem;
  }
  .brand-box .item3 .pcwords .li19{
    left: 12.40rem;
    top:5.30rem;
  }
  .brand-box .item3 .pcwords .li20{
    left: 13.70rem;
    top:2.60rem;
  }
  .brand-box .item3 .pcwords .li21{
    left: 15.80rem;
    top:4.00rem;
  }

    .imagessecwen-ul{
      padding-bottom: 1rem;
    }

    .imagessecwen-ul .li{
      width: 48%;
      padding-bottom: .9rem;
    }
    .imagessecwen-ul .li:after{
      height: 3.5rem;
      transform:translateY(.3rem);
    }
    .imagessecwen-ul .li .word{
      bottom:.6rem;
      right:.25rem;
    }
	.section6 .items{
		padding-top:.8rem;
	}


  .brand-box .item3 .pcimg {
    height: 8.85rem;
  }
  .brand-box .item3 .pcwords .li .i {
    width: .3rem;
    height: .4rem;
  }
  .brand-box .item3 .pcwords .li .span {
    font-size: .18rem;
  }
  .brand-box .item3 .pcwords .li1 {
    /*opacity: 1;*/
    left: 1.55rem;
    top: 3.25rem;
  }
  .brand-box .item3 .pcwords .li1 .span {
    left: .4rem;
    top: .2rem;
    width: .55rem;
  }
  .brand-box .item3 .pcwords .li2 {
    left: 7.85rem;
    top: 4.45rem;
  }
  .brand-box .item3 .pcwords .li3 {
    left: 8.1rem;
    top: 3.75rem;
  }
  .brand-box .item3 .pcwords .li4 {
    left: 8.6rem;
    top: 3.2rem;
  }
  .brand-box .item3 .pcwords .li5 {
    left: 8.8rem;
    top: 3.75rem;
  }
  .brand-box .item3 .pcwords .li6 {
    left: 9.95rem;
    top: 4.2rem;
  }
  .brand-box .item3 .pcwords .li7 {
    left: 11rem;
    top: 4.63rem;
  }
  .brand-box .item3 .pcwords .li8 {
    left: 13.5rem;
    top: 5.75rem;
  }
  .brand-box .item3 .pcwords .li9 {
    left: 13.9rem;
    top: 6.7rem;
  }
  .brand-box .item3 .pcwords .li10 {
    left: 14rem;
    top: 4rem;
  }
  .brand-box .item3 .pcwords .li10 .i {
    width: .6rem;
    height: .8rem;
  }
  .brand-box .item3 .pcwords .li11 {
    left: 15rem;
    top: 4.35rem;
  }
  .brand-box .item3 .pcwords .li12 {
    left: 15.25rem;
    top: 7.75rem;
  }

  .brand-box .item1-box .words .p {
    font-size: .17rem;
  }

  .brand-box .item3 .item3-words .csm {
    font-size: .18rem;
  }

  .brand-box .item3 .words .xian {
    bottom: 1.2rem;
    width: 5rem;
    height: .75rem;
  }

  .con-banner .brand-words .en {
    font-size: .72rem;
  }

  .brand-box .item3 .item3-words .ft50 {
    font-size: .3rem;
  }

  .brand-box .item3 .item3-words {
    padding-top: 1rem;
  }
  .brand-box .item3 .item3-words .csmbox {
    margin-top: .32rem;
  }
  .brand-box .item3 .item3-words .csmbox span,.brand-box .item3 .item3-words .csmbox em {
    font-size: .36rem;
  }
  .brand-box .item3 .item3-words .csm {
    width: 5.4rem;
    line-height: .35rem;
  }
  .brand-box .item3 .item3-words .s-more {
    width: 1.88rem;
    height: .46rem;
    font-size: .2rem;
    line-height: .46rem;
  }

  .animate .xianbox {
    bottom: .2rem;
    left: .34rem;
    width: 1px;
    height: 1px;
  }
  .animate .xianbox .a-line {
    transition: 1.5s ease-in-out;
  }
  .animate .xianbox .a-line img {
    position: absolute;
    right: 0;
    bottom: 0;
    transition: 1.5s ease-in-out;
  }
  .animate .xianbox .a-line0 {
    width: 12.6rem;
    height: 2rem;
  }
  .animate .xianbox .a-line1 {
    width: 5.5rem;
    height: 1.5rem;
    bottom: .32rem;
    right: .12rem;
  }
  .animate .xianbox .a-line2 {
    bottom: .18rem;
    right: .12rem;
    width: 5.95rem;
    height: 1.2rem;
  }
  .animate .xianbox .a-line3 {
    width: 5.35rem;
    height: 1.1rem;
    bottom: .06rem;
    right: .05rem;
  }
  .animate .xianbox .a-line4 {
    width: 6.25rem;
    height: .92rem;
  }
  .animate .xianbox .a-line5 {
    width: 4.15rem;
    height: .65rem;
    bottom: .1rem;
    right: .05rem;
  }
  .animate .xianbox .a-line6 {
    width: 3.1rem;
    height: .45rem;
    bottom: -.1rem;
  }
  .animate .xianbox .a-line7 {
    width: .55rem;
    height: 1.4rem;
    bottom: -1.26rem;
    right: .18rem;
  }
  .animate .xianbox .a-line8 {
    width: .25rem;
    height: 2rem;
    bottom: -1.9rem;
    right: -.07rem;
  }
  .animate .xianbox .a-line9 {
    width: 1.12rem;
    height: 2.9rem;
    bottom: -2.9rem;
    right: -1.12rem;
  }
  .animate .xianbox .a-line10 {
    width: .9rem;
    height: .13rem;
    bottom: .17rem;
    right: -.85rem;
  }

  .brand-box .item0 .words {
    font-size: .15rem;
  }
  .brand-box .item0 .words .li:nth-child(n+2) {
    margin-top: .5rem;
  }

  .brand-box .item0 {
    padding-top: 0rem;
    padding-bottom: 1.75rem;
    height: auto;
  }
  .brand-box .item0 .item0-images {
  }
  .brand-box .item0 .words {
    margin-top: .6rem;
    width: 9.3rem;
  }
  .brand-box .item0 .words .t1 {
    line-height: 3rem;
    margin-top: 3rem;
  }
  .brand-box .item0 .ul {
    margin-top: .75rem;
  }
  .brand-box .item0 .ul .li {
    padding: 0 .5rem;
  }
  .brand-box .item0 .ul .li1 .t1 {
    padding-right: 3rem;
  }
  .brand-box .item0 .ul .li2 .t1 {
    padding-right: 3rem;
  }
  .brand-box .item0 .ul .t1 {
    font-size: 2rem;
    height: 2rem;
    line-height: 1rem;
    margin-top: 2rem;
    margin-bottom: .1rem;
  }
  .brand-box .item0 .ul .t1 .num {
    font-size: 4rem;
	font-family:Arial, Helvetica, sans-serif
  }
  .brand-box .item0 .ul .t2 {
    font-size: 1rem;
  }
  .brand-box .item2 {
    height: 9.05rem;
  }
  .brand-box .item2-box {
    padding-top: .95rem;
  }
  .brand-box .item2-box .csm {
    margin-top: .25rem;
  }
  .brand-box .item2-box .cmore .right {
    font-size: .16rem;
    margin-top: .55rem;
    margin-bottom: .46rem;
  }
  .brand-box .swiperbox .swiper-button-prev, .brand-box .swiperbox .swiper-button-next {
    width: .65rem;
    height: .65rem;
    margin: 0 .09rem;
  }
  .brand-box .item2-swiper .swiperbox {
    margin-top: .65rem;
  }
  .brand-box .item2-swiper .itemso {
    padding: .38rem .25rem;
    padding-bottom: .3rem;
  }
  .brand-box .item2-swiper .itemso .images {
    width: 2.95rem;
    height: 2.05rem;
  }
  .brand-box .item2-swiper .itemso .words {
    font-size: .15rem;
    padding-top: .3rem;
    margin-top: .37rem;
  }
  .brand-box .item2-swiper .itemso .words .span {
    height: .18rem;
    line-height: .18rem;
  }
  .brand-box .item2-swiper .itemso .words .span:after {
    width: .15rem;
    height: .15rem;
  }

  .brand-box .item4 {
    height: 6.5rem;
  }

  .brand-box .item4 .words .i {
    width: .83rem;
    height: .83rem;
  }

  .brand-box .item4 .words .span {
    margin-top: .25rem;
    font-size: .2rem;
  }

  .brand-box .item4 .words {
    height: 1.28rem;
  }

  .brand-box .item1-box .i-li {
    padding-top: 1.6rem;
  }
  .brand-box .item1-box .words {
    width: 7.6rem;
  }
  .brand-box .item1-box .words .line {
    width: .22rem;
    height: .02rem;
    margin: .4rem 0;
  }
  .brand-box .item1-box .words .t1 {
    font-size: .75rem;
  }
  .brand-box .item1-box .words .p {
    width: 6.65rem;
    line-height: .35rem;
    height: 2.4rem;
  }
  .brand-box .item1-box .images {
    width: 5.5rem;
    height: 4.6rem;
  }

  .brand-box .item1 {
    height: 8.3rem;
    margin-top: -.24rem;
    padding-top: .24rem;
  }

  .brand-box .w700 {
    width: 7rem;
  }
  .brand-box .ft50 {
    font-size: .4rem;
		color:#214da0;
		font-weight:bold;
  }
  .brand-box .gallery .gallery-line {
    top: .7rem;
  }
  .brand-box .gallery-thumbs .nian {
    font-size: .18rem;
    padding-top: .7rem;
  }
  .brand-box .gallery-thumbs .nian:after {
    width: .38rem;
    height: .42rem;
  }
  .brand-box .gallery-thumbs .nian .span {
    padding-top: .3rem;
  }
  .brand-box .gallery-thumbs .nian .span span {
    width: .16rem;
    height: .16rem;
    top: -.08rem;
  }
  .brand-box .gallery-thumbs .nian .span span:after {
    position: absolute;
    width: .09rem;
    height: .09rem;
  }

  .brand-box .item2-swiper .itemso .images {
    width: 100%;
    
  }
   .brand-box .item2-swiper .itemso .images img{
    display: block;
    max-width:none;
    max-height: 100%;
    margin:0 auto;
   }
}
@media screen and (max-width: 1500px) {
  .header-down .down .items {
    padding-top: 2.05rem;
  }
  .w1250{
      width: 80%;
  }
    .imagessecwen-ul{
      padding-bottom: 1rem;
    }
    .imagessecwen-ul .li  .image{
    	width: 80%;
    }
    .imagessecwen-ul .li:after{
      height: 3.5rem;
      background-size: 100%;
      width: 80%;
    }
  .header-down .downbox {
    height: 6.75rem;
  }

  .header-down .down .items .li-top {
    font-size: .38rem;
  }

  .header-down .down .items2 .i-form {
    margin-top: .3rem;
    margin-bottom: .7rem;
  }

  .header-down .down .items2 .i-tit .bdfx {
    margin-top: .2rem;
  }

  .header-down .down .items .li-bot .i {
    margin-bottom: .14rem;
  }
}
@media screen and (max-width: 1024px) {
  .brand-box .item0 {
    padding-top: 30px;
    padding-bottom: 0;
  }
  .w1000{
  	width:80%;
  }
	.news-details .details-top .t2{
		font-size: 16px;
	}
  .brand-box .item2-box .cmore .right, .brand-box .item2-swiper .itemso .words {
    font-size: 14px;
  }
	.section6 .items{
		padding-top:40px;
	}
  .brand-box .item2-swiper .itemso .words .span {
    height: 18px;
    line-height: 18px;
  }

  .brand-box .item1-box .words .t1 {
    font-size: 40px;
  }
  .imagessecwen-ul .li:after{
  	opacity: 1;
  	    transform: translateY(0);
  }
  .imagessecwen-ul .li{
  	padding-bottom: 50px;
  }
  .imagessecwen-ul .li .word{
  	right: 12px;
  	bottom:30px;
  }

  .brand-box .item0 .item0-images {
    position: static;
    width: 100%;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
  }
  .imagessecwen-ul .li:after{
  	height: 150px;
  }
  .brand-box .item0 .item0-images img {
    width: 800px;
    float: right;
  }

  .brand-box .item2-swiper .swiperbox {
    margin-top: 20px;
  }

  .brand-box .item4 .words .span {
    font-size: 14px;
    margin-top: 10px;
  }

  .brand-box .item4 .words {
    height: 80px;
  }

  .brand-box .item4 .words .i {
    width: 55px;
    height: 55px;
  }

  .brand-box .item4 {
    height: 400px;
  }

  .brand-box .ft50 {
    font-size: 30px;
  }

  .brand-box .item0 .words .t0 {
    font-size: 16px;
  }

  .brand-box .item0 .words .t1 {
    font-size: 14px;
    line-height: 1.6;
    margin-top: 10px;
  }

  .brand-box .item0 .words {
    width: 100%;
  }

  .brand-box .item0 .ul .t0 {
    font-size: 14px;
  }

  .brand-box .item0 .ul .t2 {
    font-size: 14px;
  }

  .brand-box .item1-box .words {
    width: 100%;
  }

  .brand-box .item1-box .images {
    width: 100%;
    height: auto;
  }
  .brand-box .item1-box .images img {
    width: 100%;
  }

  .brand-box .w700 {
    width: 80%;
  }

  .brand-box .item1 {
    height: auto;
    padding-bottom: 80px;
    box-sizing: border-box;
    margin-top: -35px;
    padding-top: 35px;
  }

  .brand-box .item1-box .words .p {
    font-size: 14px;
    line-height: 1.8;
  }

  .brand-box .item1-box .words .p {
    width: 80%;
    height: 100px;
  }

  .brand-box .item1-box .i-li {
    padding-top: 80px;
  }

  .brand-box .item1-box .words .line {
    width: 22px;
    height: 2px;
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .brand-box .gallery-thumbs .nian .span {
    padding-top: 20px;
  }

  .brand-box .gallery-thumbs .nian {
    font-size: 15px;
    padding-top: 40px;
  }

  .brand-box .gallery-thumbs .nian:after {
    width: 19px;
    height: 21px;
  }

  .brand-box .gallery .gallery-line {
    top: 40px;
  }

  .brand-box .item2 {
    height: auto;
    padding-bottom: 65px;
    box-sizing: border-box;
  }

  .brand-box .item3 .item3-words .ft50 {
    font-size: 30px;
  }

  .brand-box .item3 .item3-words .csm {
    font-size: 14px;
    line-height: 1.3;
    width: 70%;
  }
}
@media screen and (max-width: 900px) {
  .brand-box .ft50, .brand-box .item3 .item3-words .ft50 {
    font-size: 20px;
  }

  .brand-box .item3 .words {
    position: static;
    background: #f2f2f2;
    padding: 45px 0;
  }
	.section6 .items{
		padding-top:30px;
	}
  .brand-box .item2-swiper .itemso .images img {
        max-height:85%;
  }
  .brand-box .item2-swiper .itemso .images{
    height: 5rem;
  }

  .brand-box .swiperbox .swiper-button-prev, .brand-box .swiperbox .swiper-button-next {
    width: 45px;
    height: 45px;
  }

  .brand-box .item2-swiper .swiperbox {
    margin-top: 35px;
  }

  .con-banner .brand-words .en {
    font-size: 40px;
  }

  .brand-box .item0 .ul {
    margin-top: 35px;
  }

  .brand-box .item0 .words .li:nth-child(n+2) {
    margin-top: 25px;
  }

  .brand-box .item0 .words {
    margin-top: 30px;
  }

  .brand-box .item3 .words .xian {
    bottom: 60px;
    width: 250px;
    height: 37px;
  }

  .brand-box .item0 .ul .li {
    padding: 0 20px;
  }

  .brand-box .item0 .ul .li .t1 {
    line-height: 1;
  }

  .brand-box .item0 .ul .li .t1 {
    padding-right: 45px;
    height: auto;
    line-height: 1;
  }

  .brand-box .item3 .item3-words .csmbox {
    margin-top: 20px;
  }

  .brand-box .item0 .ul .t1 .num {
    font-size: 50px;
  }

  .brand-box .item0 .ul .t1 {
    font-size: 25px;
  }

  .brand-box .item0 .ul .li1 .t1 {
    padding-right: 25px;
  }

  .brand-box .item3 .item3-words {
    padding-top: 0;
  }

  .brand-box .item3 .item3-words .s-more {
    width: 90px;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
  }

  .brand-box .item3 .item3-words .csm {
    width: calc(100% - 120px);
  }
  .section2 .dingk.video{
    display: none;
  }
}
@media screen and (max-width: 750px) {
  .brand-box .item0 {
    padding-top: 35px;
  }
  .glasslist-list .items2 .images .ul .li{
  	background-position: center center!important; 
  }
	.section6 .items{
		padding-top:5px;
	}
  .w1000{
  	width:95%;
  }
  .w1250{
      width: 95%;
  }
  .ttop{
  	right:30px;
  	bottom:25px;
  }
	.imagessecwen-ul .li{
		width: 100%;
	}
	.news-details .details-top .t2{
		font-size: 15px;
		margin:20px 0;
	}
  .brand-box .swiperbox .swiper-button-prev, .brand-box .swiperbox .swiper-button-next {
    width: 35px;
    height: 35px;
  }
  .imagessecwen-ul .li:after{
  	width: 5.65rem;
  	height: 3.5rem;
  }
  .imagessecwen-ul .li .word{
  	font-size: 15px;
  }
  .imagessecwen-ul .li .word img{
  	width: 20px;
  }
  .imagessecwen-ul .li .image{
  	width: 5.65rem;
  	height: 5.35rem;
  }
	.imagessecwen-ul .li{
		padding-bottom: .9rem;
	}
  .brand-box .item2 {
    padding-bottom: 40px;
  }

  .brand-box .ft50, .brand-box .item3 .item3-words .ft50 {
    font-size: 17px;
  }

  .brand-box .item0 .words .t0 {
    font-size: 15px;
  }

  .brand-box .item0 .words {
    margin-top: 20px;
  }

  .brand-box .item0 .ul .li .t1 {
    padding-right: 10px;
  }

  .brand-box .item0 .ul .li1 .t1 {
    padding-right: 25px;
  }

  .brand-box .item0 .ul .li2 .t1 {
    padding-right: 40px;
  }

  .brand-box .item0 .ul .t1 .jia {
    height: 20px;
  }

  .brand-box .item0 .ul .t1 .num {
    font-size: 30px;
  }

  .brand-box .item0 .ul .li {
    padding: 0 10px;
  }

  .brand-box .item1-box .i-li {
    padding-top: 45px;
  }

  .brand-box .item1 {
    padding-bottom: 50px;
  }

  .brand-box .w700 {
    width: 100%;
  }

  .brand-box .item1-box .words .p {
    width: 100%;
  }

  .brand-box .item1-box .words .t1 {
    font-size: 25px;
  }

  .brand-box .item1-box .words .p {
    line-height: 1.4;
  }
  .brand-box .item1-box .words .p .slimScrollDiv, .brand-box .item1-box .words .p .qxbox {
    overflow: auto !important;
  }
  .brand-box .item1-box .words .p .slimScrollBar {
    display: none !important;
  }
  .brand-box .item1-box .words .p .slimScrollRail {
    display: none !important;
  }

  .brand-box .item1-box .images {
    width: 80%;
    margin: 0 auto;
    float: none;
    display: block;
  }

  .brand-box .item1-box .words {
    float: none;
  }

  .brand-box .item3 .words .xian {
    bottom: .6rem;
    width: 2.5rem;
    height: .38rem;
  }

  .brand-box .item4 {
    height: 4rem;
  }

  .brand-box .item4 .words .i {
    width: .55rem;
    height: .55rem;
  }

  .brand-box .item4 .words .span {
    font-size: .24rem;
    line-height: .3rem;
    height: .3rem;
    margin-top: .1rem;
  }

  .brand-box .item4 .words {
    height: .95rem;
  }

  .video-fixed .videoboxs {
    width: 100%;
  }

  .con-banner .brand-words .en {
    font-size: 25px;
  }

  .con-banner .brand-words {
    height: 60px;
  }

  .con-banner .brand-words .en {
    font-size: 25px;
    margin-top: 10px;
  }
}
@media screen and (max-width: 410px) {
  .brand-box .item0 .ul .t1 .num {
    font-size: 20px;
  }

  .brand-box .item0 .ul .li .t1 {
    display: inline-block;
  }

  .brand-box .item0 .ul .t1 {
    font-size: 15px;
  }

  .brand-box .item0 .ul .li1 .t1 {
    padding-right: 15px;
  }

  .brand-box .item0 .ul .li2 .t1 {
    padding-right: 30px;
  }

  .brand-box .item0 .ul .li {
    padding: 0 5px;
  }
}

/*# sourceMappingURL=brand.css.map */

.w1440 {
  width: 1200px;
  margin: 0 auto;
  text-align:left;
}

.about_move{position:relative; float:right; width:900px; height:260px; margin:0px auto;}
#a1{position:absolute; left:0; top:100px; width:30px; height:60px;}
#a2{position:absolute; right:0; top:100px;}
#div1 {
	overflow: hidden;
	width: 900px;
	height: 330px;
	margin: 0px auto;
	position: relative;
}
#div1 ul {
	position: absolute;
	left: 0;
	top: 0;
}
#div1 ul li {
	float: left;
	list-style: none;
}
#div1 ul li img { }
#div1 ul li p{margin:-40px 0 0 0; text-align:center;}
.about_move2{position:relative;  width:1200px; height:260px; margin:50px auto;}
.about_move2 #div1 {
	overflow: hidden;
	width: 1000px;
	height: 330px;
	margin: 0px auto;
	position: relative;
}

.title_tab2 ul{ float:left; width:100%;border-left:1px solid #fff; }
.title_tab2 li{margin:0px 0px 0 0px; overflow:hidden; float:left; text-indent:0; padding:15px 0px; width:239px; text-align:left; text-indent:50px; font-size:16px;  cursor:pointer; color:#666; font-weight:normal; border-right:1px solid #fff; border-top:0px solid #666;}
.title_tab2 li#btn_21{border-right:none;}
.title_tab2 li.active1{background:#fff; }
#products_tab{margin-top:20px;}
.content2 a{color:#0b42a8; background:url(../images/iconIndex.png) left center no-repeat; padding:0 0 0 25px; width:370px; display:inline-block;}
.content2 div{ padding:0px 0px 0; font-family:"方正兰亭细黑_GBK"; font-size:14px; }
.content2 div img{ max-width:860px; height:auto; padding:0}


.menu2{border-left:1px solid #555; float:left; height:42px; margin:50px 0; }
.menu2 a{ display:block; float:left; width:198px; height:40px; line-height:40px; font-size:18px; text-align:center; padding:0; margin:0; border:1px solid #555; border-left:none;}
.menu2 a:hover{ background:#c9151e; color:#fff;}