@charset "utf-8";
/* CSS Document */
@font-face {
	
    font-family: 'constan';
    src: url('../font/constan.ttf');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Facile Sans';
    src: url('../font/Facile Sans.ttf');
    font-weight: normal;
    font-style: normal;

}



/*pc首页*/
/*hot图标*/
.classlist_right .flipmenu_link_over{ display:none !important}
.hot{ position: absolute;margin-left: 0px;margin-top: -6px;}
.hot1{position: absolute;margin-left: 0px;margin-top: -5px;}

/*hot图标*/

#header.fixed { border-bottom:1px solid rgba(172, 173, 175, 0.15); background:#fff }
#header.fixed .Toplogo{ display:none;}
#header.fixed .logo{ display:block;  padding-top: 0px;}
#header.fixed .navlist { padding-top:21px;}
#header.fixed .logopic{ padding: 0px; height:75px}
#header.fixed .logopic img{ width: 270px;height: 70px;}
#header.fixed .topphone{padding: 19px 37px 11px 0px;color:#575757;}
#header.fixed  #phon1 {display:none;}
#header.fixed  #phon1_hover {display:block;}
#header.fixed .nav_ct{ padding: 4px 36px 28px 36px;}
#header.fixed .nav-toggle { top: 18px; }
#header.fixed .navlist li a{color:#575757;}
#header.fixed .navlist li a:hover{color:#3971AC;}
#header.fixed .navlist li .UP_span{ display:block; position:absolute; width:0px; height:0px; background:#3971AC; top:51px; left:50%;}
#header.fixed .List_bg{ width:100%; position:absolute; display:none; top:74px; left:0;  background:rgba(0, 0, 0, 0.87); z-index:999; }

	
.bg_box { margin:auto}	
header{ width:100%; position: fixed;z-index: 200; }
#header .Toplogo{display:block; }
#header .logo{ display:none;}
#header #phon1 {display:block;}
#header #phon1_hover {display:none;}
.in-head{width:100%; }
.logopic{width:318px; height:100px; text-align:center; position:relative; left:0; padding: 0;}
.logopic img{ width:318px; height:100px;-moz-transition: width 0.1s, height 0.1s;
    -o-transition: width 0.1s, height 0.1s;
    -webkit-transition: width 0.1s, height 0.1s;
    transition: width 0.3s, height 0.1s; }
/*nav*/

nav{width: 75%;}

.navlist{  margin:auto; text-align:center; padding-top:34px;
   -moz-transition: padding 0.3s;
    -o-transition: padding 0.3s;
    -webkit-transition: padding 0.3s;
    transition: padding 0.3s;  }
.navlist li{ display:inline-block;  font-size:16px;padding:0 8px}
.nav_ct{position:relative;padding:10px 27px 37px 27px;}
.navlist li a{ color:#fff}
.navlist li:hover a{ color:#fff; text-decoration:none;}
.header_tel table{ width:100%; height:120px;  }

.navlist li .UP_span{ display:block; position:absolute; width:0px; height:0px; background:#fff; top:66px; left:50%;}
.navlist .nav_on{ background:url(../Images/xl_ico.png) no-repeat 58px center}
.List_bg{ width:100%; position:absolute; display:none; top:101px; left:0;  background:#000; z-index:999; filter:alpha(opacity=70);-moz-opacity:0.7; -khtml-opacity: 0.7;opacity: 0.7;}
.bg_box{ width:80%; margin:auto;}
.classlist_left{width:21%;float:left; text-align:right; padding-right:2%;color:#fff; font-size:18px; margin-top:40px;font-weight:bold; border-right:1px solid #7B7A7A}
.classlist_right{ width:70%;  float:left; margin:40px 0; text-align:left !important}
.classlist_right
.classlist_right ul li{text-align: left !important; display:inline-block; padding:0 15px; margin: 0 5px; border:none !important}
.classlist_right ul li a{display:inline-block;  color:#EFEAEA /*#3971ac*/  !important; margin:0px 8px;}
.classlist_right ul li a:hover{color:#6DE5EC  !important; text-decoration:none;}
.classlist_right p{/*color:#EFEAEA;*/ padding:17px 20px;}
.classlist_right a{font-size:14px;  color:#EFEAEA }
.classlist_right_title {color:#fff; font-size:18px; padding-top:18px;font-weight:bold;     padding: 0.5rem 0.8rem 0.5rem 0;float: left;     width: 13%;
}
    .aa p {    padding: 0px 10px;

    }
.mediaright_title { float:left;   width: 87px;  height: 77px;margin-right:20px;}
.mediaright_cont { float:left;width:75%; padding-left: 0.8rem; }
/*nav end*/
.topphone{font-family: 'constan';padding: 31px 28px 31px 0px;font-size: 22px; float: right; color:#fff;}
.topphone img {width:40px; height:40px;}
.tar{ float:left; padding-left:7px}

.wobble-horizontal{
   float:left;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.wobble-horizontal:hover, .wobble-horizontal:focus, .wobble-horizontal:active {
  -webkit-animation-name: wobble-horizontal;
  animation-name: wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

@-webkit-keyframes wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }

  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }

  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }

  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }

  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }

  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }

  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }

  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }

  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.neirong-hide {top: -100%; display: none; }
/*.List_bg .flipmenu_box{overflow:inherit !important;position:inherit !important;width:auto !important;
height: auto !important;float:none !important;}
.List_bg .flipmenu_link{position: inherit !important;}
.List_bg .flipmenu_link, .flipmenu_link_over, .flipmenu_link_active{position: inherit !important;}*/
/*nav翻动特效 */
/*.flipmenu_box {overflow: hidden;position: relative;width:50px;height: 20px;padding:0;margin: 0px;float: left;}
.flipmenu_link, .flipmenu_link_over, .flipmenu_link_active {text-decoration: none;text-transform: uppercase;cursor: pointer;white-space: pre;position: absolute;}
.flipmenu_link {top: 0px;left: 0px;}*/
/*nav翻动特效 end*/





/* slide 
.slide-main{height:647px;position:relative;}
.prev,.next{display:block;width:44px;height:44px;position:absolute;z-index:222;top:50%;overflow:hidden;cursor:pointer;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);_border:1px solid none;}
.prev{left:70px;}
.next{right:70px;}
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.item{display:block;width:100%;height:5px;position:absolute;z-index:124;bottom:35px;left:0;text-align:center;}
.item a{display:inline-block;width:24px;height:5px;margin-right:11px;background:#fff;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);overflow:hidden;}
.item a.cur{background:#39BEC7;}
.slide-box,.slide{display:block;width:100%;height:647px;overflow:hidden;}
.slide-box{position:relative;}
.slide{display:none;height:647px;padding-top:89px;background:#ff6900;position:relative;position:absolute;z-index:8;}

*/


.in_searchCont{ width:1390px; margin:10px auto; padding:21px 0;}
.in_searchCont h2{ float:left; padding:16px 15px;font-size:16px;}
.in_searchCont span{float:left; padding:16px 6px;font-size:16px;}
.in_searchCont a:hover{color:#3ea5aa;}
.in_search{float:right; padding-left:10px; border-radius:5px; background-color:#eee; height:58px; }
.in_search .in_search_text{width: 444px; height: 56px;border: none;padding: 0 5px;background: none;margin: 0;color: #adadad;font-size:16px;}
.in_search .in_search_btn{    width: 60px; height: 58px; border: none;background: url(../Images/search.png) no-repeat center #F00;font-size: 0;padding: 0; margin: 0; position: relative; top: -5px;}
.in_search_sel {  width: 81px; height: 20px;margin-top:17px;background: none; border: none;color: #4C4848;font-size: 16px;font-family:"microsoft yahei"}

/*.Pnumber{ width:100%; padding:50px 0;  margin:auto; text-align:center;}
.Pnumber h2{font-size:34px;padding:16px 0; background:url(../Images/xian.png) no-repeat center bottom; font-weight:normal;color:#a2a2a2}
.Pnumber h2 b{color:#5c5c5c; padding-left:8px;}*/

.business{ width:100%; margin-top:10px; background:url(../Images/ly_bj.jpg) no-repeat top center; }
.bus-title{ width:100%;padding: 35px 0; margin: auto;-webkit-font-smoothing:antialiased; text-align:center;}

.bus-title img{ padding-top:10px;}
.bus-title h2{font-size: 44px;}
.bus-title i  {  display: block;height: 1px;width: 0px; margin: 0 auto; background: #444;margin-top: 21px;}
.bus-cont{ max-width:1390px; margin:0 auto;  padding-top: 3px; padding-bottom: 63px;}
.bus-cont ul li{ width:251px; height:239px;float:left;position:relative; 
	 margin:14px 128px 35px 0;-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;    cursor: pointer;}
.bus-cont ul li:nth-of-type(4n){ margin-right:0px}
.bus-cont li:hover {-webkit-transform: translateY(-20px);
	-moz-transform: translateY(-20px);
	-ms-transform: translateY(-20px);
	transform: translateY(-20px);
	
}
#PC-bus{ display:block;}
#web-bus{display:none;}
.bus-list1{background:url(../Images/bus-img1.png) no-repeat center ; background-size:90%;}
.bus-list1:hover{background:url(../Images/bus-img1-hover.png) no-repeat center ;background-size:90%;}
.bus-list2{background:url(../Images/bus-img2.png) no-repeat center;background-size:90%;}
.bus-list2:hover{background:url(../Images/bus-img2-hover.png) no-repeat  center;background-size:90%;}
.bus-list3{background:url(../Images/bus-img3.png) no-repeat center;background-size:90%;}
.bus-list3:hover{background:url(../Images/bus-img3-hover.png) no-repeat  center;background-size:90%;}
.bus-list4{background:url(../Images/bus-img4.png) no-repeat  center;background-size:90%;}
.bus-list4:hover{background:url(../Images/bus-img4-hover.png) no-repeat  center;background-size:90%;}
.bus-list5{background:url(../Images/bus-img5.png) no-repeat center;background-size:90%;}
.bus-list5:hover{background:url(../Images/bus-img5-hover.png) no-repeat  center;background-size:90%;}
.bus-list6{background:url(../Images/bus-img6.png) no-repeat center;background-size:90%;}
.bus-list6:hover{background:url(../Images/bus-img6-hover.png) no-repeat  center;background-size:90%;}
.bus-list7{background:url(../Images/bus-img8.png) no-repeat center;background-size:90%;}
.bus-list7:hover{background:url(../Images/bus-img8-hover.png) no-repeat center;background-size:90%;}
.bus-list8{background:url(../Images/bus-img7.png) no-repeat center;background-size:90%;}
.bus-list8:hover{background:url(../Images/bus-img7-hover.png) no-repeat center;background-size:90%;}
/*首页时间部分*/
#count-number2{ font-weight:900;font-family: 'Facile Sans'}
.in-years{ width:100%; background:url(../Images/bg_hui1.png); padding-bottom:100px; padding-top:30px}
.yearscont{ max-width:1430px; margin:auto; padding:20px 0;}
.yearsL{ width:40%; float:left; position:relative; top:29px; text-align:left;}
.historynum h1{color:#008582; font-size: 30px;}
.historynum h1 i{color: #008582; display: inline-block;font-size: 97px;font-weight:800}
.historynum h2{color:#169a8a; font-size: 39px;padding-right: 36px;letter-spacing: 1px; }
.historynum h2 i{display: inline-block;}
.hismotto{width: 60%;text-align: right; font-size:22px; color:#fff; font-style:oblique; font-weight:700;}
.yearsR{width:43%; float:right;}
.historylist{ padding:6px 10px; font-size:22px; color:#555;}
/*.historylist h3{font-size:25px; font-weight:700}
.historylist h2{font-size:32px;font-weight:700}
.historylist h1{font-size:34px; font-weight:700}
.historylist h4{font-size:32px;font-weight:700}
.historylist h5{font-size:30px; font-weight:700}
.historylist h6{font-size:22px;font-weight:700}*/
.historylist span{ font-size:36px;font-weight:normal;color:#e92424;font-weight:600}
/*首页时间部分 end*/

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

.curr1{
	transition: all 1s ease-in-out 0s;
	-webkit-transition: all 1s ease-in-out 0s;
	-moz-transition: all 1s ease-in-out 0s;
	-ms-transition: all 1s ease-in-out  0s;
}
.curr2{
	transition: all 1s ease-in-out .2s;
	-webkit-transition: all 1s ease-in-out .2s;
	-moz-transition: all 1s ease-in-out .2s;
	-ms-transition: all 1s ease-in-out .2s;
}
.curr3{
	transition: all 1s ease-in-out .4s;
	-webkit-transition: all 1s ease-in-out .4s;
	-moz-transition: all 1s ease-in-out .4s;
	-ms-transition: all 1s ease-in-out .4s;
}
.curr4{
	transition: all 1s ease-in-out .6s;
	-webkit-transition: all 1s ease-in-out .6s;
	-moz-transition: all 1s ease-in-out .6s;
	-ms-transition: all 1s ease-in-out .6s;
}
.curr5{
	transition: all 1s ease-in-out .8s;
	-webkit-transition: all 1s ease-in-out .8s;
	-moz-transition: all 1s ease-in-out .8s;
	-ms-transition: all 1s ease-in-out .8s;
}
.curr6{
	transition: all 1s ease-in-out 1s;
	-webkit-transition: all 1s ease-in-out 1s;
	-moz-transition: all 1s ease-in-out 1s;
	-ms-transition: all 1s ease-in-out 1s;
}
.curr7{
	transition: all 1s ease-in-out 1.2s;
	-webkit-transition: all 1s ease-in-out 1.2s;
	-moz-transition: all 1s ease-in-out 1.2s;
	-ms-transition: all 1s ease-in-out 1.2s;
}


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


/*知识产权*/
.lorecont{position:relative; padding:22px 0;}
#outer {width:1305px;margin:10px auto; padding-top:30px; padding-bottom:50px; display:block;}
#demo02{ display:none;}
#tab {overflow:hidden;zoom:1;}
#tab li {float:left;color:#fff;	cursor:pointer; width:20%;	}

#content {min-height:220px;}
#content .Itablist {line-height:30px;display:none;	margin:0 30px;padding:10px 0;}

.tabList_h3_01
{  width:100%; height:252px; -webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s; margin:20px 0; background-size:80%;}
#tab li:hover .tabList_h3_01 {width:100%;  -webkit-transform: translateY(-20px);
	-moz-transform: translateY(-20px);
	-ms-transform: translateY(-20px);
	transform: translateY(-20px);background-size:80%;}
#tab li.current .tabList_h3_01{width:100%; -webkit-transform: translateY(-20px);
	-moz-transform: translateY(-20px);
	-ms-transform: translateY(-20px);
	transform: translateY(-20px);background-size:80%;}
	
.tabList_h3_02
{  width:100%; height:252px; -webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s; margin:20px 0;background-size:80%;}
#tab li:hover .tabList_h3_02 {width:100%;  -webkit-transform: translateY(-20px);
	-moz-transform: translateY(-20px);
	-ms-transform: translateY(-20px);
	transform: translateY(-20px);background-size:80%;}	
#tab li.current .tabList_h3_02 {width:100%;   -webkit-transform: translateY(-20px);
	-moz-transform: translateY(-20px);
	-ms-transform: translateY(-20px);
	transform: translateY(-20px);background-size:80%;}
.tabList_h3_03
{  width:100%; height:252px; -webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s; margin:20px 0;background-size:80%;}
#tab li:hover .tabList_h3_03 {width:100%;   -webkit-transform: translateY(-20px);
	-moz-transform: translateY(-20px);
	-ms-transform: translateY(-20px);
	transform: translateY(-20px);background-size:80%;}	
#tab li.current .tabList_h3_03 {width:100%;  -webkit-transform: translateY(-20px);
	-moz-transform: translateY(-20px);
	-ms-transform: translateY(-20px);
	transform: translateY(-20px);background-size:80%;}	
.tabList_h3_04
{ width:100%;height:252px; -webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s; margin:20px 0;background-size:80%;}
#tab li:hover .tabList_h3_04 {width:100%;  -webkit-transform: translateY(-20px);
	-moz-transform: translateY(-20px);
	-ms-transform: translateY(-20px);
	transform: translateY(-20px);background-size:80%;}	
#tab li.current .tabList_h3_04 {width:100%;  -webkit-transform: translateY(-20px);
	-moz-transform: translateY(-20px);
	-ms-transform: translateY(-20px);
	transform: translateY(-20px);background-size:80%;}
.tabList_h3_05
{ width:100%; height:252px; -webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s; margin:20px 0;background-size:80%;}
#tab li:hover .tabList_h3_05 {width:100%;  -webkit-transform: translateY(-20px);
	-moz-transform: translateY(-20px);
	-ms-transform: translateY(-20px);
	transform: translateY(-20px);background-size:80%;}	

#tab li.current .tabList_h3_05 {width:100%;  -webkit-transform: translateY(-20px);
	-moz-transform: translateY(-20px);
	-ms-transform: translateY(-20px);
	transform: translateY(-20px);background-size:80%;}	

	
.tabList_p{ border-bottom:#dedede solid 1px;}

.tabList_span{  background:url(../Images/1.png) no-repeat center center; background-size:7%; height:27px; transition: opacity .25s ease-in-out, background .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out, background .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out, background .25s ease-in-out; background-position-x:49%; display:block; position: relative;
    bottom: 15px;}
	
#tab li:hover .tabList_span{  background:url(../Images/2.png) no-repeat center center; transition: opacity .25s ease-in-out, background .5s ease-in-out;
	-moz-transition: opacity .25s ease-in-out, background .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out, background .25s ease-in-out; background-size:10%; height:27px;  background-position-x:49%; display:block; position: relative;
    bottom: 15px;}	
#tab li.current .tabList_span{  background:url(../Images/2.png) no-repeat center center; transition: opacity .25s ease-in-out, background .5s ease-in-out;
	-moz-transition: opacity .25s ease-in-out, background .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out, background .25s ease-in-out; background-size:10%; height:27px;  background-position-x:49%; display:block; position: relative;
    bottom: 15px;}	
.lore-title{ background:#fff; color:#7d7d7d; padding-top:80px;}
.tabL{ float:left; width:41%; }
.tabL h2, .tabR h2{color:#39bec6;font-weight: 700;font-size:20px; }
.tabL p, .tabR p{color:#a0a0a0; padding:10px 0;font-size:15px; }
.tabR{ float:right; width:41%;}

.loreservice{ padding:20px 0; display:inline-block;color:#a0a0a0}
/*知识产权 end*/


/*首页媒体*/
.in-mediacont{ width:100%; background:#eee; padding-bottom:40px;}
.in-medialist{ width:100%;}
.mediaContlist{width:1390px; margin:auto}
.in-medialist ul li{ width:100%;  background:#eee;
-moz-transition: background 0.8s ease-out;
-webkit-transition: background 0.8s ease-out;
-o-transition: background 0.8s ease-out;
transition: background 0.8s ease-out; padding:60px 0; margin:19px 0;
 }
.in-medialist ul li:hover h3{color:#23b9cb;-moz-transition: color 0.4s ease-out;
-webkit-transition:color 0.4s ease-out;
-o-transition:color 0.4s ease-out;
transition:color 0.4s ease-out;
font-weight:600;
}
.in-medialist ul li:hover{ background:#fff; -webkit-box-shadow: -6px 1px 9px #D6D2D2, -6px 1px 9px #F7F7F7;
/*-moz-box-shadow: #666 0px 0px 10px;*/
box-shadow: -6px 1px 9px #D6D2D2, -6px 1px 9px #F7F7F7; 
}
.in-medialist ul li:hover a{color:#000;}

.Lodate{ width:16% padding:5px; float:left; overflow:hidden;margin-right:10px}
.Lodate{ max-height:100%;}
.Lodate img{width:201px; height:140px;}
.medtime{ /*padding-left:15px;*/ float:left; text-align:center;width:59px; overflow:hidden;height: 67px;position: relative;}

.medtime b{font-size:30px; font-weight:normal;color:#000;position: absolute; width: 226px; left: -168px;letter-spacing: 4px;}
.medtime i { position: absolute; width: 116px; padding-top: 20px; left: -14px;letter-spacing: 1px;
-ms-letter-spacing: 1px;}
.in-mediatitle{ width:69%; float:left;}
.Lodatetitle{width: 93%;float: right;border-left: 1px solid #DEDCDC; }
.in-mediatitle h3{ height: 36px;line-height: 29px; text-overflow: ellipsis; overflow: hidden;font-weight:600;
display: -webkit-box;border-bottom: 1px solid #DEDCDC;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size: 16px;color: #000;padding-left:10px}
.in-mediatitle p{ padding:10px 15px;color:#444444;}
.mednei{ font-size:14px;   width: 87%;padding-top: 18px; padding-left: 18px;text-overflow:ellipsis; overflow:hidden; display:-webkit-box; color:#7e7e7e}
.mednei a{}
.more{ width:110px;padding:5px 0; border:1px solid #B2ABAB; margin-top:50px; display:block; text-align:center}
.in-medialist ul li:hover .more{color:#000;border:1px solid #000;}

/*slide*/
/*评价*/


.in_team{ width:1390px; margin:20px auto; padding-bottom:27px; margin-top:70px;}
.I_team{ width:1390px; margin:20px auto;}
.scroll2{ overflow:hidden; position:relative;  width: 1390px; margin:0 auto; padding:0px 0 20px 0;}
.scroll2 .hd{ overflow:hidden; text-align:center;  height:49px;  padding:0 10px; width: 154px; margin: auto; padding:20px 0; }
.scroll2 .hd .prev {  float:left; display:none; width:74px; height:0px; background:url(../Images/team_left.png) no-repeat;top:0;cursor:pointer; margin-right:10px}
.scroll2 .hd .next {  float:left; display:none;width:70px; height:0px; background:url(../Images/team_right.png) no-repeat;top:0; cursor:pointer }

.scroll2 .hd .next{ background-position:0 -1px;  }
.scroll2 .hd .prevStop{ background-position:-60px 0; }
.scroll2 .hd .nextStop{ background-position:-60px -50px; }
.scroll2 .hd ul{overflow:hidden; zoom:1; margin-top:13px; zoom:1;margin-left: 55px; }
.scroll2 .hd ul li{ float: left; width: 23px; height: 30px;overflow: hidden;margin-right: 3px;text-indent: -999px; cursor: pointer; background: url("../Images/i_dot.png") 0 -32px no-repeat;}
.scroll2 .hd ul li.on{ background-position:0 -8px; }
.scroll2 .scrolllist2{padding-bottom:20px; }
.scroll2 .scrolllist2 ul li{width:460px; text-align:center;  }
.I_teamcont .img-list li a{ font-size:18px;display:block;  color:#00a0e9;}
.I_teamcont .img-list li p{ padding:10px 20px 0; *padding-top:0px !important;}
.I_teamcont .zhuan{  width:142px ; position: absolute; left:528px}

.teamlist{width:88%; margin:auto; background:#fff;  padding-top:58px; padding-bottom:5px;      -webkit-box-shadow: #E4E2E2 0px -4px 22px;
-moz-box-shadow: #E4E2E2 0px -4px 22px;
box-shadow: #E4E2E2 0px -4px 22px; }
.teampic{ position:relative; z-index:1;left: 8px; top: 53px;width: 110px; height: 110px; border-radius: 50%;
border: 4px solid #e4e4e4;}
.I_namelink{ height:30px}
.scroll2 .scrolllist2 ul li:hover .teampic{border: 4px solid #97d9dd;}
/*.scroll2 .scrolllist2 ul li:hover .I_namelink a{color:#3a3a3a; font-weight:600; font-size:24px}*/
.I_namelink a{font-size:18px;margin-top:20px;  display:block;color:#3a3a3a; height:31px;}
.I_zhiwei{font-size:18px; color:#a0a0a0;}
.teamlist .hx{ width: 88px; height: 1px;margin:0 auto;display: block;margin-top: 21px; background: #241F1F;
}
.I_namecont{ font-size: 15px;line-height: 25px;padding-bottom: 0px;width: 82%;margin: auto;height: 113px;color: #575757; padding-top: 19px;
    overflow: hidden;}
.teammore a{      width: 316px; height: 45px;line-height: 43px; background: #656565;color: #fff;text-align: center; margin: auto;border-radius: 21px;display: block; font-size: 18px;}
.teammore a:hover{ background: #009944;}
.teamdetail{padding-top:10px;padding-bottom:27px; text-align:center; display:block; color:#a0a0a0; font-size:16px;}
.teamdetail:hover{color:#009944; font-size:16px; font-weight:normal}


.customCont{ padding-top:30px; }
.customer{margin-bottom: 80px;position:relative}
.cus-piclist{max-width:1390px; margin:auto; padding-top:0px;  }
.bus-motto{ max-width:1390px;  text-align:right; padding:60px 0; margin:auto;font-size:22px;}
.cus-piclist li {float:left;
    width: 190px;
    height: 145px;
    text-align: center;
    position: relative;
}


/*.post-thumbnail {max-width: 100%;height: auto;overflow: hidden;
}
.post-die {padding: 0;position: absolute;text-align: center;width: 100%;top: 0;bottom: 0;display: table-cell;
vertical-align: middle;overflow: hidden;}
.post-die h1.entry-title {display: table;font-size: 110%;height: 100%;text-transform: uppercase;width: 100%;
margin:0;}
.edit-link {z-index: 2;}
.featured-image {display: table-cell;position: relative;
	transition: opacity .5s ease-in-out, background .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out, background .5s ease-in-out;
	-webkit-transition: opacity .5s ease-in-out, background .5s ease-in-out;
	vertical-align: middle;z-index: 1;color: #fff;text-decoration: none;opacity: 0;padding: 10%;}
.featured-image:hover {opacity: 0.9;color: #fff;background: rgba(0,0,0,0.55);}*/



.cus-piclist li a img {
    width: 191px;
    padding: 20px;
    _padding-left: 25px;
    height: 145px;
    transition: all 0.3s ease-in-out 0s;
    position: absolute;
    top: 0;
    left: 0;
     -moz-filter: grayscale(70%);

    -o-filter: grayscale(70%);
    -webkit-filter: grayscale(70%);
    filter: grayscale(70);
    filter: gray;
}

.cus-piclist li a:hover .Pict1 {
   -moz-filter: grayscale(0%);

    -o-filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    filter: grayscale(0);
    filter: none;
}

footer{ width:100%; background:#2d3134;}
footer .count-title{font-size:34px;}
.footbox{ max-width:1430px; margin:0px auto; padding:50px 0;}
.FboxL{ float:left; width:50%; }
.FboxL-news{ width:42%; float:left ;  }
.FboxL-news h2{text-align:center; width:100%; font-size:18px; color:#fff; padding: 15px 0;}
.FboxL-news p{ margin:5px 0;/* text-overflow:ellipsis; overflow:hidden; white-space:nowrap; height: 23px;line-height: 23px;*/}
.FboxL-news p a{color:#dbdbdb;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; height: 23px;line-height: 23px; display:block;
transition: color .3s ease-in-out, text-decoration .8s ease-in-out;
	-moz-transition: color.3s ease-in-out, text-decoration .8s ease-in-out;
	-webkit-transition: color .3s ease-in-out, text-decoration .8s ease-in-out;}
.FboxL-news p a:hover{color:#fff; text-decoration:underline;}
.FboxL-news small{ display:block; padding:20px 0 10px; font-size:16px;color:#818181}
.footlogo{ width:100%; padding:10px 0 ;}
.footlogo ul li{ float:left; padding:5px; width:15%}
.preblem{  float:right }

.FboxR{ float:right;width:42%; text-align:center}
.F-contant{ width:100%; margin:auto; border-left:1px solid rgba(129, 129, 129, 0.4);margin-top: 21px;}
.f-tell{font-size:70px; color:#fff;font-family: 'constan' }
.f-tancont{ padding:30px 0px 10px 100px; text-align:left !important;}
.f-tancont li{ padding:7px 5px 7px 40px;color:#dbdbdb;}
.f-tancont .f-tanlist1{ background:url(../Images/f-tell.png) no-repeat left center;}
.f-tancont .f-tanlist2{ background:url(../Images/f-e.png) no-repeat left center;}
.f-tancont .f-tanlist3{ background:url(../Images/f-a.png) no-repeat left center;}
.f-zx{  text-align:left;  padding:20px 0px 20px 100px; }
.f-zx h3{ font-size:18px;color:#a0a0a0;     padding: 16px 31px;    font-weight: 700;}
.zxlist{ padding:10px 0;    }
.zxlist li{ width:130px;height:130px; float:left; /* background:#fff;overflow:hidden;
transition: opacity .5s ease-in-out, background .5s ease-in-out;
-moz-transition: opacity .5s ease-in-out, background .5s ease-in-out;
-webkit-transition: opacity .5s ease-in-out, background .5s ease-in-out;*/ margin-right:35px; text-align:center; vertical-align:middle
}
/*.zxlist li:hover{background:#845555}*/
.zxlist li img{padding-top: 25px;}
.foot_sq{background:url(../Images/mao.png) no-repeat center; border-radius:50%;
transition:background .5s ease-in-out;
-moz-transition: background .5s ease-in-out;
-webkit-transition: background .5s ease-in-out;}
.zxlist .foot_sq:hover {background:url(../Images/mao-hover.png) no-repeat center; }
.foot_qq{background:url(../Images/qq.png) no-repeat center; border-radius:50%;
transition:background .5s ease-in-out;
-moz-transition: background .5s ease-in-out;
-webkit-transition: background .5s ease-in-out;}
.zxlist .foot_qq:hover {background:url(../Images/qq-hover.png) no-repeat center; }
.foot_ma{background:url(../Images/ma.png) no-repeat center; border-radius:50%;
transition:background .5s ease-in-out;
-moz-transition: background .5s ease-in-out;
-webkit-transition: background .5s ease-in-out;}
.zxlist .foot_ma:hover {background:url(../Images/ma-hover.png) no-repeat center; }

.F-bottom{width:100%; padding:20px 0; background:#25282a; }
.f-bocont{ max-width:1200px; margin:auto;}
.f-bocont span{padding:5px 10px;   display:inline-block}
.f-bocont a{padding:5px 10px; display:inline-block}
.f-bocont a:hover{color:#f1f1f1}


/*qq分享*/
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.classlist_right_title {    width: 180px;}

#set-5 {
	height: 100%;
	position: relative;
}

#set-5 section {
	min-height: 100%;
	margin: 0 auto;
	padding: 20em 3em;
}


#set-5 {
	background: #702fa8;
}


@media screen and (max-width: 800px) {

	.hi-icon {
		margin: 15px !important;
	}

	#set-5 > section {
		padding: 20em 1em;
	}

}

@media screen and (max-width: 25em) {

	.codrops-icon span {
		display: none;
	}

}
.hi-icon-wrap {
	
	margin: 0 auto;
	
}

.hi-icon {
	
	display: inline-block;
	font-size: 0px;
	cursor: pointer;
	margin: 7px 18px;
	width: 90px;
	height: 90px;
	border-radius: 50%;
	text-align: center;
	position: relative;
	z-index: 1;
	color: #fff;
}

.hi-icon:after {
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box; 
	-moz-box-sizing: content-box; 
	box-sizing: content-box;
	
}

.hi-icon:before {
	speak: none;
	font-size: 48px;
	line-height: 90px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	display: block;
	-webkit-font-smoothing: antialiased;
}


.hi-icon-screen:before {
	content: "\e00a";font-size:0px;
	
}

/*.hi-icon-earth:before {
	content: "\e002";font-size:0px;
}*/

.hi-icon-support:before {
	content: "\e000";font-size:0px;
}

.hi-icon-locked:before {
	content: "\e001";font-size:0px;
}



/* Effect 5 */
.hi-icon-effect-5 .hi-icon {
	/*box-shadow: 0 0 0 4px rgba(255,255,255,1);*/
	overflow: hidden;
	-webkit-transition: color 0.3s, box-shadow 0.3s;
	-moz-transition: color 0.3s, box-shadow 0.3s;
	transition:  color 0.3s, box-shadow 0.3s;
}

.hi-icon-effect-5 .hi-icon:after {
	display: none; opacity:0;
}

.no-touch .hi-icon-effect-5 .hi-icon:hover { 
    background:rgba(243, 243, 247, 0.89);
	color: #702fa8;
	/*box-shadow: 0 0 0 6px rgba(41, 185, 218, 0.42);*/
}


.no-touch .hi-icon-effect-5a .hi-icon:hover:before {
	
	-webkit-animation: toRightFromLeft 0.5s forwards;
	-moz-animation: toRightFromLeft 0.5s forwards;
	animation: toRightFromLeft 0.5s forwards;
}

.hi-icon-screen{background:url(../Images/qq.png) no-repeat center;
	 background-size: 100%; cursor: pointer;  margin: 7px 18px; width: 85px; height: 85px; text-align: center;
 z-index: 1;     display: block;
    float: left;}
/*.hi-icon-screen:hover:before{background:url(../Images/qq.png) no-repeat center ;
	background-size:60%;}*/
.hi-icon-earth{background:url(../Images/ma.png) no-repeat center;   background-size: 100%; cursor: pointer;  margin: 7px 18px; width: 85px; height: 85px; text-align: center;
 z-index: 1;     display: block;
    float: left;}
/*.hi-icon-earth:hover:before{background:url(../Images/ma-hover.png) no-repeat center ;
	background-size:60%;}*/
.hi-icon-support{background:url(../Images/mao-hover.png) no-repeat center;
	 background-size: 100%; cursor: pointer;  margin: 7px 18px; width: 85px; height: 85px; text-align: center;
 z-index: 1;     display: block;
    float: left;}
/*.hi-icon-support:hover:before{background:url(../Images/mao-hover.png) no-repeat center ;
	background-size:60%;}*/
@-webkit-keyframes toRightFromLeft {
	-90% {opacity: 1;
		-webkit-transform:  translateX(100%);
	}
	0% {
		opacity: 0;
		-webkit-transform: translateX(-100%);
	}
	51% {
		
	}
}



/*qq分享 end*/

@media only screen and (max-width:1680px){nav{width: 71%;}}

@media only screen and (max-width:1600px){
.classlist_left{font-size: 16px;}
#header.fixed .nav_ct {    padding: 4px 24px 28px 24px; }
    .nav_ct {
        padding: 10px 24px 38px 24px;
    }
.navlist li{font-size: 14px;padding: 0 0px;}
nav{width: 66%;}
.Pnumber{    padding: 30px 0;}
.Pnumber h2{    font-size: 29px;}
.bus-title{padding: 28px 0;font-size: 36px;}
.bus-cont{ max-width:1140px;}
.bus-cont ul li{height:220px;    margin: 14px 45px 35px 0;}
.bus-list1{ background-size:75%;}
.bus-list1:hover{background-size:75%;}
.bus-list2{background-size:75%;}
.bus-list2:hover{background-size:75%;}
.bus-list3{background-size:75%;}
.bus-list3:hover{background-size:75%;}
.bus-list4{background-size:75%;}
.bus-list4:hover{background-size:75%;}
.bus-list5{background-size:75%;}
.bus-list5:hover{background-size:75%;}
.bus-list6{background-size:75%;}
.bus-list6:hover{background-size:75%;}
.bus-list7{background-size:75%;}
.bus-list7:hover{background-size:75%;}
.bus-list8{background-size:75%;}
.bus-list8:hover{background-size:75%;}
.yearscont{max-width:1140px;}

.lore-title{    font-size: 36px; padding-top:50px;}
#outer{width: 1236px;}
.tabR{font-size: 14px;}
.tabList_h3_01{ background-size:86%;height: 214px;}
#tab li:hover .tabList_h3_01{ background-size:86%;}
.tabList_h3_02{ background-size:86%;height: 214px;}
#tab li:hover .tabList_h3_02{ background-size:86%;}
.tabList_h3_03{ background-size:86%;height: 214px;}
#tab li:hover .tabList_h3_03{ background-size:86%;}
.tabList_h3_04{ background-size:86%;height: 214px;}
#tab li:hover .tabList_h3_04{ background-size:86%;}
.tabList_h3_05{ background-size:86%;height: 214px;}
#tab li:hover .tabList_h3_05{ background-size:86%;}
.in-medialist ul li{padding: 50px 0;}
.in-mediatitle h3 a{font-size:15px;}
.mednei a{font-size:12px;}
.more{width: 99px; margin-top: 39px;}
.flexslider{max-width:1140px;}
.flex-direction-nav{width:1140px;}
.evallist{padding:0;}
.slides li{ height: 514px;}

.E-name{font-size:26px;}
.E-post{font-size:15px;}
.E-firm{font-size:15px;}
.evalcont{font-size:14px;}
.bus-motto{max-width:1140px;}
.cus-piclist{max-width:1140px;}
.cus-piclist li img{width:100%; height:auto;}
.footbox{max-width:1140px;}
.zxlist li{width: 90px;height: 90px;}
.zxlist .foot_ma{ background-size:cover}
.zxlist .foot_ma:hover{ background-size:cover}
.zxlist .foot_sq{ background-size:cover}
.zxlist .foot_sq:hover{ background-size:cover}
.zxlist .foot_qq{ background-size:cover}
.zxlist .foot_qq:hover{ background-size:cover}
.f-bocont{max-width:1140px;}
.f-tell{ font-size: 58px;}

 .hi-icon {    width: 81px; height: 79px;}

}
@media only screen and (max-width:1366px){
    #header.fixed .nav_ct {    padding: 4px 22px 28px 22px;
    }
    .nav_ct {  padding: 20px 14px 28px 14px;
    }

    .footlogo ul li {    width: 22%;
    }
nav{width: 63%;margin-left: 58px;}
.hi-icon{ margin: 7px 15px;width: 71px;height: 69px;}
 /*padding: 0px 20px 52px 20px;}*/
.logopic{padding: 0 41px 0 0;}
.logopic{width: 380px;height: 87px;}
.logopic img{ width: 380px;height: 87px;}
.navlist{    padding-top: 30px;}
.topphone{ padding: 22px 37px 10px 0px; font-size: 20px;}

    .topphone img {width: 33px;height: 28px;}
.navlist li .UP_span{    top: 46px;}
.List_bg{ top: 81px;}
.classlist_left{font-size: 15px;}
.navlist li{font-size: 13px; padding: 0 8px;}
.in_searchCont{width:1002px;    margin: 3px auto;    padding: 15px 0;}
.in_searchCont h2{ padding: 10px 15px;font-size: 14px;}
.in_searchCont span{ padding: 10px 6px; font-size: 14px;}
.in_search{ height: 43px;}
.in_search_sel{width: 77px; height: 15px; margin-top:15px;    font-size: 14px;font-family:"microsoft yahei"}
.in_search .in_search_text{ width: 186px;height: 42px;    font-size: 14px;}
.in_search .in_search_btn{  width: 56px; height: 41px;}

.bus-cont{max-width:1002px;    padding-bottom: 38px;}
.bus-cont ul li{height:186px;width: 242px; margin: 14px 8px 35px 0;}
.bus-list1{ background-size:69%;}
.bus-list1:hover{background-size:69%;}
.bus-list2{background-size:69%;}
.bus-list2:hover{background-size:69%;}
.bus-list3{background-size:69%;}
.bus-list3:hover{background-size:69%;}
.bus-list4{background-size:69%;}
.bus-list4:hover{background-size:69%;}
.bus-list5{background-size:69%;}
.bus-list5:hover{background-size:69%;}
.bus-list6{background-size:69%;}
.bus-list6:hover{background-size:69%;}
.bus-list7{background-size:69%;}
.bus-list7:hover{background-size:69%;}
.bus-list8{background-size:69%;}
.bus-list8:hover{background-size:69%;}
.bus-title img{    width: 380px;    padding-top: 10px;}
.bus-title h2{font-size: 24px;}
.yearscont{max-width:1002px;}
.yearsL{ width: 45%;}



.historynum h2{font-size:36px;}
.historynum h2 i{font-size: 36px;}
.hismotto{font-size: 18px;}
.historylist span{font-size: 24px;font-weight:600}
.historylist h3{font-size:20px;}
.historylist h2{font-size:20px;}
.historylist h1{font-size:20px; }
.historylist h4{font-size:20px;}
.historylist h5{font-size:20px; }
.historylist h6{font-size:20px;}
.mediaContlist{width:1002px;}
.in-mediatitle{    width: 78%;}
.in_team{width:1200px;}
.scroll2{width:1200px;}
.tabL h2, .tabR h2{font-size:18px}
.tabL p, .tabR p{fong-size:14px;}
.scroll2 .scrolllist2 ul li{width:400px}



.lore-title{    font-size: 36px; padding-top:50px;}
.lore-title{font-size:30px;}
#outer{max-width:1002px;}
.tabList_h3_01{height:169px;    background-size: 73%;}
#tab li:hover .tabList_h3_01{height:169px;    background-size: 73%;}
.tabList_h3_02{height:169px;    background-size: 73%;}
#tab li:hover .tabList_h3_02{height:169px;    background-size: 73%;}
.tabList_h3_03{height:169px;    background-size: 73%;}
#tab li:hover .tabList_h3_03{height:169px;    background-size: 73%;}
.tabList_h3_04{height:169px;    background-size: 73%;}
#tab li:hover .tabList_h3_04{height:169px;    background-size: 73%;}
.tabList_h3_05{height:169px;    background-size: 73%;}
#tab li:hover .tabList_h3_05{height:169px;    background-size: 73%;}
#tab li.current .tabList_h3_01{    background-size: 73%; }
#tab li.current .tabList_h3_02{    background-size: 73%; }
#tab li.current .tabList_h3_03{    background-size: 73%; }
#tab li.current .tabList_h3_05{    background-size: 73%; }
 #tab li.current .tabList_h3_04 {    background-size: 73%; }
.tabL{font-size: 14px;}
.tabR{ font-size: 12px;}
.in-mediatitle h3{height: 40px; line-height: 20px;}
.mednei a{font-size: 0.7rem;}
.more{font-size: 0.7rem;margin-top:25px}

.E-name{font-size: 22px;}
.flexslider{max-width:1002px;}
.flex-direction-nav{width:1002px;}
.slides li{height: 478px; }

.E-post{font-size: 14px;}
.E-firm{font-size: 14px;}
.evalcont{font-size: 12px;}
.flex-control-nav .flex-active{background-position:0 0; -webkit-transform: scale(1.2);
	transform: scale(1.2) }
.bus-motto{max-width:1002px;font-size: 18px;padding: 52px 0;}
.cus-piclist{max-width:1200px;}
.footbox{max-width:1002px;}
.FboxL-news h2{ font-size: 15px;}
.FboxL-news small{font-size: 14px;}
.f-tell{font-size:50px;}
.f-tancont{ padding: 21px 0px 10px 100px;}
.zxlist li{width:70px; height:70px;}
.f-bocont{max-width:1002px;}

 #content {    min-height: 255px;}
    .hi-icon-earth { background-size:90%; margin: 7px 10px;}
    .hi-icon-screen{ background-size:90%; margin: 7px 10px;}
    .hi-icon-support{ background-size:90%; margin: 7px 10px;}


}



@media only screen and (max-width:1280px){

 /*.in-head {display: none; }
 .phone-nav {   display: block!important;}*/
    nav {    width: 57%; }
    .navlist li {    padding: 0 5px;
    }

/*手机版头部*/
.phone-nav{ width:100%; margin:auto; position:fixed; background:rgba(56, 52, 52, 0.7); height:66px; z-index:999}
.phone-logo{ float:left; margin-left:3%; margin-top:13px;}
.phone-logo img{ width:112px; height:42px;}
.buttonpush{background:url(../Images/buttonset.png) no-repeat center; width: 100%;height: 100%; display: block;} 
.buttonset{display: block;position:fixed;width: 60px;height: 60px;top:0;right: 0; z-index: 99;}
.buttonset .show{ background-color:inherit; -webkit-transition: all .25s linear;
   -moz-transition: all .3s;
   -ms-transition: all .3s;
   -o-transition: all .3s;
   transition: all .3s;}
		
/*手机菜单样式开始-----------*/
.neirong { display: block; position: fixed;width:100%; top: 0; z-index: 1000; /*left: -163px;*/overflow-y: auto; left: 0;touch-action: pan-y; -webkit-user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
 .nav_ct {   padding: 22px 9px 30px 9px; }
#header.fixed .nav_ct {padding: 4px 15px 28px 15px;}
.List_bg {  top: 77px;}
.logopic img {width: 190px;height: 77px;}
.carousel-inner .slider_content {    top: 24% ;}



.neirong .neirong-bd{ padding-bottom: 20px; padding-top: 50px;padding-left: 50px;padding-right: 50px; visibility: hidden; }
.neirong a {display: block; height:47px; line-height: 47px; color:#fff; font-size: 16px; border-bottom: 1px solid #333; 
-webkit-transition: all .35s ease-out;
   -moz-transition: all .35s ease-out;
    -ms-transition: all .35s ease-out;
     -o-transition: all .35s ease-out;
        transition: all .35s ease-out;}

.neirong a.neirong-on{color:#aaa;}
.content{overflow-x: hidden; left: 0; position: relative;}
.content.content-on{ left:120px;}
.neirong.neirong-on{left: 0;}
.body-on{position: relative;overflow: hidden;}
.html-on{overflow: hidden;}
.neirong-close{width: 24px;height: 24px;background:url(../Images/nav_close.png) no-repeat 7px center; position: absolute;top:20px;right: 10px; visibility: hidden;}
.neirong.neirong-hide{
  background-color:rgba(0,0,0,.8); height:0;
    -webkit-transition:background 0.35s linear,height 0.25s ease-in 200ms;
       -moz-transition:background 0.35s linear,height 0.25s ease-in 200ms;
        -ms-transition:background 0.35s linear,height 0.25s ease-in 200ms;
         -o-transition:background 0.35s linear,height 0.25s ease-in 200ms;
            transition:background 0.35s linear,height 0.25s ease-in 200ms;
}
.neirong.neirong-show{
  background-color:rgba(0,0,0,.8); height:100%;}
.neirong.neirong-show .neirong-bd,.neirong.neirong-show .neirong-close{visibility: visible;}
.neirong.neirong-hide a{opacity: 0;
-webkit-transform: scale(1.1) translateY(-24px);
   -moz-transform: scale(1.1) translateY(-24px);
    -ms-transform: scale(1.1) translateY(-24px);
     -o-transform: scale(1.1) translateY(-24px);
        transform: scale(1.1) translateY(-24px);}
.neirong.neirong-show a{opacity: 1;-webkit-transform: none;
   -moz-transform: none;
    -ms-transform: none;
     -o-transform: none;
        transform: none;}
.neirong a:nth-of-type(2){ -webkit-transition-delay: 300ms,300ms; transition-delay: 300ms,300ms;}
.neirong a:nth-of-type(3){ -webkit-transition-delay: 350ms,350ms; transition-delay: 350ms,350ms;}
.neirong a:nth-of-type(4){ -webkit-transition-delay: 400ms,400ms; transition-delay: 400ms,400ms;}
.neirong a:nth-of-type(5){ -webkit-transition-delay: 450ms,450ms; transition-delay: 450ms,450ms;}
.neirong a:nth-of-type(6){ -webkit-transition-delay: 500ms,500ms; transition-delay: 500ms,500ms;}
.neirong a:nth-of-type(7){ -webkit-transition-delay: 550ms,550ms; transition-delay: 550ms,550ms;}
.neirong a:nth-of-type(8){ -webkit-transition-delay: 600ms,600ms; transition-delay: 600ms,600ms;}
.neirong a:nth-of-type(9){ -webkit-transition-delay: 650ms,650ms; transition-delay: 650ms,650ms;}
.neirong a:nth-of-type(10){ -webkit-transition-delay: 700ms,700ms; transition-delay: 700ms,700ms;}
.neirong a:nth-of-type(11){ -webkit-transition-delay: 750ms,750ms; transition-delay: 750ms,750ms;}

.carousel { height: 563px }

/*手机菜单样式结束*/

/*banner*/
.banner{ margin-top:-1px;}
    .classlist_right_title {width: 20%; }


.in_search_sel {    height: 18px;    margin-top: 11px; }
#tab li.current .tabList_h3_01{    background-size: 73%; }
#tab li.current .tabList_h3_02{    background-size: 73%; }
#tab li.current .tabList_h3_03{    background-size: 73%; }
#tab li.current .tabList_h3_05{    background-size: 73%; }
 #tab li.current .tabList_h3_04 {    background-size: 73%; }
}

@media only screen and (max-width:1024px)
{.carousel { height: 444px !important	}
.bus-cont ul li{    margin: 15px 0;}
#PC-bus{ display:none;}
#web-bus{display:block; }
#web-bus ul li{ width:50%;}
#web-bus .busweb-list1{ background:url(../Images/web-1.png) no-repeat center; background-size:81%;}

#web-bus .busweb-list2{background:url(../Images/web-2.png) no-repeat center;background-size:81%;}

#web-bus .busweb-list3{background:url(../Images/web-3.png) no-repeat center;background-size:81%;}

#web-bus .busweb-list4{background:url(../Images/web-4.png) no-repeat center;background-size:81%;}

#web-bus .busweb-list5{background:url(../Images/web-6.png) no-repeat center;background-size:81%;}

#web-bus .busweb-list6{background:url(../Images/web-5.png) no-repeat center;background-size:81%;}

#web-bus .busweb-list7{background:url(../Images/web-7.png) no-repeat center;background-size:81%;}

#web-bus .busweb-list8{background:url(../Images/web-8.png) no-repeat center;background-size:81%;}


.yearsL{width: 97%; margin: auto;float:none;top:0;text-align:center}
.historynum h2 i{font-size: 81px; width: 49px;}
.historynum h2{font-size: 21px;}
.yearscont{ padding:21px 0;}
.hismotto{font-size: 14px;width:100%; font-style:inherit; text-align: center;  position: relative;top: -15px; }
.yearsR{width: 97%;  margin: auto;float:none; padding-top:1rem}
.yearsR h1, .yearsR h2, .yearsR h3, .yearsR h4, .yearsR h5, .yearsR h6{font-family:"微软雅黑"; font-size:18px;font-weight:normal; padding-bottom:10px; }
.yearsR span{font-size:18px; font-family:"微软雅黑"}

#outer{ display:none}
#demo02{ display:block; padding-bottom:1rem;    margin-bottom: 2rem;}
.web-tabimg{ width: 127px; height: 150px; overflow: hidden; margin: 5px auto;text-align: center;vertical-align: middle;}
.web-tabimg img{ width:190px ;height:190px}
.web-tab{ padding-top: 13px;}
.tabservice{ text-align:left; font-size:12px; color:#969191; line-height:20px; padding-top:0.5rem}
.flex-direction-nav{ width:96%; left:2%;}
.flex-direction-nav li a.flex-prev, .flex-direction-nav li a.flex-next{background-size:35%;}
.slides li{ height: inherit;padding-bottom: 14px;
}
#demo02 .flex-control-nav a{margin-left: 24%;}
.flex-control-nav a{
 -webkit-transition: -webkit-transform 0.8s ease, background-color 0.4s ease;
	transition: transform 0.8s ease, background-color 0.4s ease;}
.flex-control-nav .flex-active{background-position:0 0; -webkit-transform: scale(1);
	transform: scale(1) }
.in-medialist ul li{width:100%; margin:auto;padding: 14px 0; border-bottom:1px solid #eee;}

.footbox{ padding:0 ;}
.FboxR{ width:100%; margin:0 auto;}
.f-tancont{ padding:0 !important; width:65%; margin:1.5rem auto;}
.f-tanlist1{ width:100% !important; margin:0 auto;}
.f-tanlist2{ width:100% !important; margin:0 auto;}
.f-tanlist3{ width:100% !important; margin:0 auto;}
.f-tanlist4{ width:100% !important; margin:0 auto; padding:0 !important; }

.footlogo{ width:90%; margin:0 auto;}
.footlogo ul li{ width:33% !important; float:left;}
.footlogo ul li img{ width:100%; height:100%;}

.f-zx{ width:95%; margin:0 auto; text-align:inherit !important; padding:0 !important;}
.f-zx h3{ font-size: 18px;color: #a0a0a0;font-weight: 700; text-align:left;     padding: 10px 31px 0px 31px;}
.lore-title{    padding-top: 34px;}
.hi-icon{ display: inline-block;
    font-size: 0px;
    cursor: pointer;
    margin: 7px 18px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    text-align: center;
    position: relative;
    z-index: 1;
    color: #fff;}
	
.hi-icon:before{
	speak: none;
    font-size: 48px;
    line-height: 70px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: block;
    -webkit-font-smoothing: antialiased;}	
.hi-icon-screen:hover:before{
	background: url(../Images/qq.png) no-repeat center;
    background-size: 50%;
	}
	.hi-icon-screen:before {
    content: "\e00a";
    font-size: 0px;
}
/*.hi-icon-earth:before {
    content: "\e002";
    font-size: 0px;
}*/

.hi-icon-support:before {
    content: "\e000";
    font-size: 0px;
}
.F-bottom{ width:100%;     
    padding: 20px 0;
    background: #25282a;}
.f-bocont{ width:95%; margin:0 auto;}
.bus-motto{ text-align:right;  padding:20px 0; font-size:1rem;}

.customer{ padding-bottom:2rem;}
.cus-piclist{ width:100%; margin:0 auto;} 
.cus-piclist li{float: left;
    position: relative;
    width:25% !important;
    text-align: center;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;}
.featured-image {display: table-cell;position: relative;
	transition: opacity .5s ease-in-out, background .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out, background .5s ease-in-out;
	-webkit-transition: opacity .5s ease-in-out, background .5s ease-in-out;
	vertical-align: middle;z-index: 1;color: #fff;text-decoration: none;opacity: 0;padding: 10%; font-size:0.7rem;}
.featured-image:hover {opacity: 0.9;color: #fff;background: rgba(0,0,0,0.55);}
.post-thumbnail img {display: block;}

.flex-control-nav flex-control-paging{display: block;
    text-align: center;
    width: 100%;
    position: absolute;
    bottom: 25px;
    margin: auto;}
.flexslider {
    width: 100%;
    overflow: hidden;
	
}

.flex-control-nav{ display: block !important;
    text-align: center !important;
    width: 100% !important;
    bottom: 25px !important;
	}

.flex-control-nav a {
    -webkit-transition: -webkit-transform 0.6s ease, background-color 0.3s ease;
    transition: transform 0.6s ease, background-color 0.3s ease;
    display: inline-block;
    width: 30px;
    height: 25px;
    line-height: 40px;
    background: url(../Images/dot.png) right 0 no-repeat;
    cursor: pointer;
    z-index: 1;
    text-indent: 1000px;
    display: block;
	position:absolute;
	bottom:0 !important;
	margin-left:0 !important
}

.flexslider {
    position: relative !important;
   
    overflow: hidden !important;
}
.flex-control-nav li{display:inline-block;width:14px;  height:14px;margin:0 10px;*display:inline;zoom:1;font-size:0px;    float:none;}



.evalcont {   height: 76px;line-height: 18px;overflow: hidden;}
.mednei{ display:none}
.medtime{position: relative;top: -5px;}
.F-bottom{display:none}
}


/* 客服 */
.side_XF{position:fixed;width:54px;height:275px;right:0;top:37%;z-index:99999;}
.side_XF ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #e0dede;}
.side_XF ul li .XFsidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.3;filter:Alpha(opacity=30);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;    border-radius: 5px 0 0 5px;}
.side_XF ul li img{float:left;width:50px ; height:50px}
.side_XF ul li .frist_pic2 {width:33px; height:33px; line-height:47px; margin:13px 8px 0 9px;}
.side_XF ul li  .first_img1 { width: 45px; height: 45px;line-height: 45px;  margin: 4px 0 0 3px;}




.mp_0{ margin:0px; padding:0px;}
.max_wh{ max-width:1000px;}
.xiugai{ width:100%;}
.text_r{ text-align:right; margin:90px auto 0px;}
.text_re{ text-align:right; margin:0 auto;}
.text_r a{border-radius:50px; font-size:20px; font-weight:600; color:#df1344; border:#df1344 2px solid; padding:12px 30px;box-shadow: 1px 2px 8px #666; letter-spacing:1px;}
.text_r a:hover{box-shadow: 1px 2px 8px #000;}
.xiugai h3{ font-size:16px; color:#000; line-height:36px;}
.xiugai h3 p{ font-size:21px; font-weight:bold;color:#000;}
.xiugai .historylist{ padding:15px 5px;}
.xiugai p{ text-align: left;font-size: 40px; font-weight: bold; color: #0d56a5;}
.bag_2{ background:url(../Images/bg_hui2.jpg) top center; margin-top:0px; height:1225px;}
.text_r p{ text-align:left; font-size:40px; font-weight:bold; color:#0d56a5; margin-top:50px;}
.text_r p span{font-style:italic; font-size:60px; color:#000000; font-family:"Arial Black", Gadget, sans-serif; }
.text_re p{ text-align:left; font-size:40px; font-weight:bold; color:#fff; padding:100px 0px 45px 0px;}
.text_re p span{font-style:italic; font-size:60px; color:#2a6163; font-family:"Arial Black", Gadget, sans-serif; }

.max_wh .bus-list1{ background:#FFF url(../Images/chanpin_1.jpg) top left no-repeat;}
.max_wh .bus-list2{ background:#FFF url(../Images/chanpin_2.jpg) top left no-repeat;}
.max_wh .bus-list3{ background:#FFF url(../Images/chanpin_3.jpg) top left no-repeat;}
.max_wh .bus-list4{ background:#FFF url(../Images/chanpin_4.jpg) top left no-repeat;}
.max_wh ul li{ width:463px; height:320px; margin:0px; margin-bottom:125px; box-shadow: 5px 5px 45px rgba(0,0,0,0.5);}
.max_wh ul li:nth-child(2),.max_wh ul li:nth-child(4){ float:right;}

.max_wh .waper-rit-nb p{  font-size:32px; font-weight:bold; border:#FFF 8px solid; width:80px; height:80px; line-height:30px; padding:15px; background:#e34159;border-radius:50px; color:#FFF; margin:0 auto;margin-top:160px; text-align:center;}
.max_wh .waper-rit-nb .juzhong{ font-size:22px; font-weight:600; text-align:center; width:463px; margin-top:15px;}

.bag_3{ background:#eeeeee;}
.bag_3 #tab li{ width:25%; text-align:center;}
.bag_3 #tab li img{border-radius:20px;}
.bag_3 .tabList_p{ border:0px;}
.taoqi{ margin-top:40px;}
.taoqi h3{ font-size:40px; line-height:60px; font-weight:600; text-align:center; letter-spacing:2px; color:#333;}
.taoqi p{ font-size:24px; letter-spacing:1px; color:#333;}
.ydian{ width:180px; margin:0 auto; height:100px; line-height:100px;}
.ydian ul li{ float:left; text-align:center; width:25%;}
.ydian ul li span{ color:#FFF; padding:2px; background:#FFF;border-radius:20px; line-height:10px; width:10px; height:10px;}
.taoqi1{ width:100%; border-top:1px solid #bfbfbf; padding-top:45px; font-size:18px;}


/*  新加列表内容页  */
.shang_h { width:100%; height:110px; line-height:110px; background:#fff; padding-left:70px; float:left;}
    .shang_h a { color:#828282;}
.xj_center { width:100%; height:100%; float:left;}
.xj_left { width:320px; height:100%;  min-height:600px;  background:#eee; float:left;}
.xj_right {width:calc(100% - 320px); float:right;min-height:600px; background:#fff;}
.xj_left  a{width:100%; border-bottom:1px solid #eee;  background:#eee; color:#363636; padding:45px; padding-left:70px; font-size:20px; font-weight:bolder; float:left;}
.xj_left span { float:right; font-size:16px; opacity:0.2;}
.xj_left a:hover{width:100%; border-bottom:0px; background:#2d5790; color:#fff; padding:45px; padding-left:70px; font-size:20px; font-weight:bolder; float:left;}
.xj_bg span { float:right; font-size:16px; opacity:1;}




.xj_left li { padding:45px 45px 45px 75px; width:100%; background:#eee; float:left;}
.Tr_banner .zty { font-size:60px; font-weight:bold; letter-spacing:0px;}
.Tr_banner .zty_1 { font-size:18px; font-weight:400; letter-spacing:0px;}
.zty_banner p { text-align:center; margin:0 auto;  width:30px; height:30px; margin-top:80px;}
.zty_banner p a:hover { opacity:0.8;  position:relative; top:3px;}
.zty_banner h1 p {border: 2px solid #fff;width: 385px; margin: auto;height: 55px;line-height: 49px;}
.xj_max12 { width:70%; margin:0 auto; border-top:1px solid #eee;}
.xj_bt h3 { font-size:34px; margin-top:70px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.xj_bt p { font-size:14px; color:#828282;}
.xj_nr { width:100%;}
.xj_nr p { margin-top:40px; font-size:14px; line-height:25px; height:auto; color:#333;}
.xj_nr img { max-width:100%;}

.xj_sx { width:100%; padding:50px 0px; border-top:1px solid #eee; border-bottom:1px solid #eee; margin:0 auto; margin-top:50px;}

.xj_shang .xj_shang_img { float:left; width:130px; height:100px; overflow:hidden;}
.xj_shang .xj_shang_img img{ min-width:100%; height:100%; width:auto;}
.xj_shang .xj_shang_1 { width:50px; height:100px; line-height:100px; text-align:center; float:left; background:#eee;}
.xj_shang .xj_shang_bt{ width:calc(50% - 210px); height:100px;  text-align:center; float:left; text-align:left; padding-left:20px; }
.xj_shang p, .xj_xia p{overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width:100%;}

.xj_xia .xj_shang_img { float:right; width:130px; height:100px; overflow:hidden;}
.xj_xia .xj_shang_img img{ min-width:100%; height:100%; width:auto;}
.xj_xia .xj_shang_1 { width:50px; height:100px; line-height:100px; text-align:center; float:right; background:#eee;}
.xj_xia .xj_shang_bt{ width:calc(50% - 210px); height:100px;  text-align:center; float:right; text-align:right; padding-right:20px; }

.xj_xgtj{ width:100%; margin:0 auto;}
.xj_xgtj_1{ width:100%; float:left;  margin-bottom:60px;}
.xj_xgtj h3{ font-size:22px; color:#111; line-height:70px; height:70px; margin-top:10px;  font-weight:700; float:left;}
.xj_xgtj .xj_xgtj_1 a{ width:30%; float:left; overflow: hidden; color:#8a8a8a; padding-left:1.5%; white-space: nowrap; background:url(../images/xj_sjx_1.png) no-repeat left center; background-size:auto 12px; text-overflow: ellipsis; line-height:30px; height:30px;}
.xj_xgtj .xj_xgtj_1 a:nth-child(3n-1){ margin:0px 5%; }
.xj_xgtj .xj_xgtj_1 a:hover{ font-weight:bolder; color:#111;  background:url(../images/xj_sjx_2.png) no-repeat left center; background-size:auto 12px;}

.xj_foot_1 { width:100%; background:#eee; }
.xj_foot { width:1200px; margin:0 auto;}
.xj_footli{ width:100%; float:left;}
.xj_footli ul li{ width:25%; padding-left:100px; float:left;}
.xj_footli ul li:nth-child(1) { padding-left:0px; width:30%;}
.xj_footli ul li:nth-child(2) { width:20%;}
.xj_footli h3{ font-size:18px; font-weight:bold; margin-top:60px; text-align:left; padding-bottom:20px; border-bottom:1px solid #dedede; margin-bottom:20px;}


    .xj_footli .xj_wenxin img{ width:100%;}
    .xj_footli .xj_ddh a{ width:45%; height:35px; line-height:35px; border:1px solid #dedede; float:left; text-align:center; margin-bottom:10px;}
    .xj_footli .xj_ddh a:nth-child(2n) { margin-left:10%;}

.xj_yj a { width:120px; height:45px; line-height:45px;  border:1px solid #dedede; float:left; margin-right:20px; text-align:center; margin-top:40px; margin-bottom:50px; border-radius:45px;}


.xj_bg2 { background:#222;}
.xj_bg2 .xj_footli ul {  border-bottom:1px solid #dedede; }
.xj_bg2 .xj_footli ul li { margin:45px 0px;}
.xj_bg2 .xj_footli ul li a{ color:#7a7a7a;}
.xj_bg2 .xj_footli ul li img{ height:50px; float:right; margin-right:8px;}
.xj_bg2 .xj_footli ul li img:nth-child(1){ }
.xj_bg2 .xj_footli ul li a:nth-child(1){ margin:0px;}
.xj_bg2 .xj_footli ul li:nth-child(1) { width:55%;}
.xj_bg2 .xj_footli ul li:nth-child(2) { width:45%;}
.xj_bg2 .xj_footli ul:nth-child(2) {  border:0px;}

.xj_left p{ line-height:18px; margin-bottom:8px;}
.xj_left p img{ position:relative; top:3px;}
.xj_left li b{ font-size:20px; font-weight:bolder; color:#333; text-align:left; padding:0px;}

.xj_right .xj_cp { width:45%; float:left;overflow: hidden;}
.xj_right .xj_cp img { max-width:100%;}
.xj_right .xj_cp:nth-child(2n) { margin-left:10%;}
.xj_right .xj_cp .xj_lbbt h3{ height:60px; font-size:20px; line-height:60px; overflow:hidden;text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp:1;
  line-clamp: 1;
  -webkit-box-orient: vertical;}
.xj_right .xj_cp .xj_lbbt p{  font-size:14px; margin-bottom:15px; height:40px; overflow:hidden;text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;}





/*  产品效果  */


.view {  overflow: hidden; position: relative; text-align: center;  cursor: default;}
.view .mask, .view .content { width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0px; left: 0px; }
.view img { display: block; position: relative; width:100%; }






.effect img {
   opacity:1;
   -moz-transform:scale(1,1);
   -webkit-transform:scale(1,1);
   -o-transform:scale(1,1);
   -ms-transform:scale(1,1);
   transform:scale(1,1);
   -webkit-transition: all 0.2s ease-in;
   -moz-transition: all 0.2s ease-in;
   -o-transition: all 0.2s ease-in;
   -ms-transition: all 0.2s ease-in;
   transition: all 0.2s ease-in;
}
.effect .mask {
   opacity:0;
   overflow:visible;
   border-color:rgba(0,0,0,0.7) transparent transparent transparent;
   border-style:solid;
   border-width:150px;
   width:0;
   height:0;
   -moz-transform:translateY(-125px);
   -webkit-transform:translateY(-125px);
   -o-transform:translateY(-125px);
   -ms-transform:translateY(-125px);
   transform:translateY(-125px);
   -moz-transition: -moz-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;
   -webkit-transition: -webkit-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;
   -o-transition: -o-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;
   -ms-transition: -ms-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;
   transition: transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;
}
.effect a.info {
	opacity:0;
   -moz-transform:translateY(-125px);
   -webkit-transform:translateY(-125px);
   -o-transform:translateY(-125px);
   -ms-transform:translateY(-125px);
   transform:translateY(-125px);
   -moz-transition: -moz-transform 0.3s ease-in, opacity 0.1s ease-in-out;
   -webkit-transition: -webkit-transform 0.3s ease-in, opacity 0.1s ease-in-out;
   -o-transition: -o-transform 0.3s ease-in, opacity 0.1s ease-in-out;
   -ms-transition: -ms-transform 0.3s ease-in, opacity 0.1s ease-in-out;
   transition: transform 0.3s ease-in, opacity 0.1s ease-in-out;

}
.effect:hover img {
	opacity:0.7;
   -moz-transform:scale(2,2);
   -webkit-transform:scale(2,2);
   -o-transform:scale(2,2);
   -ms-transform:scale(2,2);
   transform:scale(2,2);
}
.effect:hover .mask {
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
.effect:hover a.info {
	opacity:1;
   -moz-transform:translateY(100px);
   -webkit-transform:translateY(100px);
   -o-transform:translateY(100px);
   -ms-transform:translateY(100px);
   transform:translateY(100px);
}

.second-effect .mask {
   opacity: 0;
   overflow:visible;
   border:0px solid rgba(0,0,0,0.7);
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   box-sizing:border-box;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.second-effect a.info {
	position:relative;
	top:-10px;
	opacity:0;
   -moz-transform:scale(0,0);
   -webkit-transform:scale(0,0);
   -o-transform:scale(0,0);
   -ms-transform:scale(0,0);
   transform:scale(0,0);
   -webkit-transition: -webkit-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
   -moz-transition: -moz-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
   -o-transition: -o-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
   -ms-transition: -ms-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
   transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
}
.second-effect:hover .mask {
   opacity: 1;
   border:100px solid rgba(0,0,0,0.7);
}
.second-effect:hover a.info {
	opacity:1;
	-moz-transform:scale(1,1);
	-webkit-transform:scale(1,1);
	-o-transform:scale(1,1);
	-ms-transform:scale(1,1);
	transform:scale(1,1);
	-moz-transition-delay:0.3s;
	-webkit-transition-delay:0.3s;
	-o-transition-delay:0.3s;
	-ms-transition-delay:0.3s;
	transition-delay:0.3s;
}

.view a.info { background: url('../images/link.png') no-repeat scroll center center transparent; display: inline-block; text-decoration: none; padding: 0px; text-indent: -9999px; width: 20px; height: 20px; }

.third-effect .mask { opacity: 0; overflow: visible; border: 100px solid rgba(0, 0, 0, 0.7); box-sizing: border-box; transition: all 0.4s ease-in-out 0s; }
.view img{ width:100%; }
.third-effect a.info { position: relative; top: -10px; opacity: 0; transition: opacity 0.5s ease-in-out 0s; }
.third-effect:hover .mask { opacity: 1; border: 135px solid rgba(0, 0, 0, 0.7); }
.third-effect:hover a.info { opacity: 1; transition-delay: 0.3s; }

.fourth-effect .mask { position: absolute; top: 50px; left: 100px; cursor: pointer; border-radius: 50px; display: inline-block; height: 100px; width: 100px; border: 50px solid rgba(0, 0, 0, 0.7); box-sizing: border-box; opacity: 1; visibility: visible; transform: scale(4); transition: all 0.3s ease-in-out 0s; }
.fourth-effect:hover .mask { opacity: 0; border: 0px solid rgba(0, 0, 0, 0.7); visibility: hidden; }

/* FIFTH EFFECTS */
.fifth-effect img {
	opacity:0.2;
	-moz-transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}
.fifth-effect .mask {
   cursor:pointer;
   opacity:1;
   visibility:visible;
   border:100px solid rgba(0,0,0,0.7);
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   box-sizing:border-box;
   -moz-transition: all 0.4s cubic-bezier(0.940, 0.850, 0.100, 0.620);
   -webkit-transition: all 0.4s cubic-bezier(0.940, 0.850, 0.100, 0.620);
   -o-transition: all 0.4s cubic-bezier(0.940, 0.850, 0.100, 0.620);
   -ms-transition: all 0.4s cubic-bezier(0.940, 0.850, 0.100, 0.620);
   transition: all 0.4s cubic-bezier(0.940, 0.850, 0.100, 0.620);
}
.fifth-effect:hover .mask {
	border:0px double rgba(0,0,0,0.7);
	opacity:0;
	visibility:hidden;
}
.fifth-effect:hover img {
	opacity:1;
}




/*  首页新闻   */
.xj_inde { width:100%; float:left; z-index:9999; position:relative;}
.xj_inde .xj_cp { width:45%; float:left;}
.xj_inde .xj_cp:nth-child(2n) { margin-left:10%;}
.xj_w100 { width:100%; float:left;}
.xj_inde

.xj_inde .xj_cp .xj_lbbt h3{ height:60px; font-size:20px; line-height:60px;}
.xj_inde .xj_cp .xj_lbbt p{  font-size:14px; margin-bottom:15px; height:40px; line-height:20px; overflow:hidden;text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;}
    .xj_inde .xj_cp .xj_lbbt p .ma_60 { margin-bottom:10%;}
    .xj_right .ma_60 { margin-bottom:10%;}
.xj_xwnav { position:relative; z-index:99;}
.xj_xwnav  ul{text-align:center;list-style-type:none; border-bottom:1px solid #eee;}
.xj_xwnav ul li{padding: 14px 5px; margin:0 50px;border-bottom:2px solid #fff; line-height:50px;display:inline;list-style-type:none;}
.xj_xwnav ul li:first-child{border-bottom:2px solid #3971AC; font-weight:700;}
.xj_xwnav ul li:hover{border-bottom:2px solid #3971AC;  font-weight:700;}

.xj_gd{ width:150px; height:45px; background:#333; margin:0 auto;  text-align:center; z-index:999; position:relative;}
.xj_gd a{color:#fff; line-height:45px; text-align:center; font-size:14px;}
.xj_gd:hover{ background:#111;}




/*悬浮链接*/
.suspension{position:fixed;z-index:99999;right:0;bottom:240px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}


.cus-piclist { height:300px; overflow:hidden;}