@charset "utf-8";
/*导航*/
	.dropdown:hover .menu-top {
    display: block;
}

.dropdown-submenu{
    position:relative;
}
.dropdown-submenu > .dropdown-menu{
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
}

.dropdown-submenu:hover > .dropdown-menu{
    display:block;
}

.dropdown-submenu > a:after{
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:15px;
    margin-right:-10px;
}

.dropdown-submenu:hover > a:after{
    border-left-color:#ffffff;
}

.dropdown-submenu .pull-left{
    float:none;
}

.dropdown-submenu.pull-left > .dropdown-menu{
    left:-100%;
    margin-left:10px;
}
.mynav{ background-color:#060505; min-height:77px; margin-bottom:0px; border:none;}
.navbar-default .navbar-nav > li > a { color: #fff; line-height:94px; font-size:16px;}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {color:#fed000; line-height:86px;background-color:transparent;}


.dropdown-menu > li > a {
    clear: both;
    color: #333;
    display: block;
    font-weight: normal;
    line-height: 1.42857;
    padding:0px 20px;
	line-height:40px;
    white-space: nowrap;
}
.dropdown-menu{ padding:0; border-radius:0px;}
.navbar-default .navbar-nav > li > a {padding:0;padding-left:30px; padding-right:30px;}
@media screen and (min-width:992px) and (max-width: 1920px) {
.mynav .navbar-right{ margin-right:45px;}
}
@media screen and (min-width:767px) and (max-width:992px) {
.navbar-default .navbar-nav > li > a {padding-left:14px; padding-right:14px;}
}
@media screen and (max-width:767px) { 
.navbar-default .navbar-toggle{ background-color:transparent; margin-top:14px; color:#fff; padding:8px 6px; margin-right:15px; border:1px solid #666666; border-radius:3px;}
.mynav{ min-height:60px; margin-bottom:0px; border:none;}
.navbar-brand { float: left; font-size: 18px; height: 50px; padding:10px 15px;}
.navbar-collapse{ margin-top:10px; border:none;}
.navbar-nav { clear:both; width:100%; margin:0; z-index:9999;}
.navbar-nav > li > a { padding:0 10px; line-height:40px;}
.navbar-nav .open .dropdown-menu > li > a {line-height:35px; color:#fff !important; padding:0 30px;}
.navbar-brand img{ width:140px !important;}
}
.mytab li{ background-image:none;}

/*公司简介*/
a{ outline:none;} 
.sbanner{ height:510px; }
.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.sbanner .container h2{ font-size:36px; color:#fff; text-align:center; font-weight:normal; margin-top:140px; margin-bottom:70px;}
.topname{ font-size:18px; color:#fff; text-align:center;}
.number{ margin-top:43px; text-align:center; padding-bottom:60px; }
.shu em{font-size:33px; font-style:normal; color:#fff; vertical-align:super; line-height:20px;}
.sub{font-size:23px; color:#333; background-color:#ffe100; width:34px; height:34px; border-radius:50%; line-height:30px; display:inline-block; font-weight:normal; }
.shu{ font-weight:bold;  font-size:72px; color:#fff; font-family: Arial, Helvetica, sans-serif; display:inline-block; line-height:50px;}
.company{ margin-top:50px;}
.company_name h2{ font-size:30px; color:#333; font-weight:normal; line-height:30px; }
.company_name span{display:inline-block;  width:50px; height:1px; background-color:#666; margin-bottom:27px;  margin-top:20px;}
.company_name p{ font-size:26px; color:rgba(102,102,102,0.5); font-weight:normal; text-transform:uppercase; line-height:36px;}
@media screen and (min-width:762px) and (max-width: 1920px) {
.company_content{ max-height:345px; overflow-y:auto;}
.company_name{ padding-left:0;}
.intro{height:365px;}
}
.company img{ margin-top:40px; margin-bottom:40px;}
.company_culture h3{font-size:18px; color:#333; text-align:center; font-weight:normal; }
.lined{display:block;  width:50px; height:1px; background-color:#666; margin:20px auto;}
.company_culture h4{font-size:14px; color:#666; text-align:center; font-weight:normal; margin-bottom:40px; }
.company_culture article p{font-size:14px; color:#333; line-height:28px; }
.value{ display:inline-block; float:left; width:20%; height:46px; font-size:13px; color:#666; line-height:46px; text-align:center; border:1px solid #8e0000; margin-top:40px;}
.end{font-size:14px; color:#666; line-height:28px;width:75%;min-height:46px; float:right; margin-top:35px; }
.company_culture{ margin-bottom:60px;}
.contentd{ background-color:rgba(255,225,0,0.8); padding:30px; height:315px; box-sizing:border-box;}
.contentd h3{ font-size:18px; color:#333; font-weight:normal; line-height:30px; }
.contentd span{display:inline-block;  width:50px; height:1px; background-color:#666; margin:20px 0px;}
.contentd p{ font-size:14px; color:#333; line-height:24px;}
.part1{ background:url(../images/c1.jpg) no-repeat center center; background-size:100%; padding:20px;}
.part2{ background:url(../images/c2.jpg) no-repeat center center; background-size:100%; padding:20px;}
.part3{ background:url(../images/c3.jpg) no-repeat center center; background-size:100%; padding:20px;}
.part4{ background:url(../images/c4.jpg) no-repeat center center; background-size:100%; padding:20px;}
.part1:hover{ background:url(../images/c5.jpg) no-repeat center center; background-size:100%; padding:20px;}
.part2:hover{ background:url(../images/c6.jpg) no-repeat center center; background-size:100%; padding:20px;}
.part3:hover{ background:url(../images/c7.jpg) no-repeat center center; background-size:100%; padding:20px;}
.part4:hover{ background:url(../images/c8.jpg) no-repeat center center; background-size:100%; padding:20px;}
.gui{ margin-top:30px; margin-bottom:60px;}
.company_gui h4{font-size:14px; color:#666; text-align:center; font-weight:normal; margin-bottom:40px; }
.company_gui h3{font-size:18px; color:#333; text-align:center; font-weight:normal; }
.people img{ margin:0 !important;}
.people{ padding-left:0; padding-right:0;  height:365px; overflow:hidden; transition:all 0.3s;}
.intro{ background-color:rgba(50,50,50,0.75); width:100%; box-sizing:border-box; transition:all 0.3s; padding:70px 35px 0; position:absolute; top:365px; left:0; }
.intro h3{ font-size:18px; color:#fff; font-weight:normal; line-height:30px; }
.intro span{display:inline-block;  width:50px; height:1px; background-color:#fff; margin:20px 0px;}
.intro p{ font-size:15px; color:#fff; line-height:28px;}
.people:hover .intro{ top:0px;}
.special_people{ background-color:#323232; text-align:center;}
.special_people h4{font-size:48px; color:#fff; font-weight:bold; margin-top:60px;}
.special_people p{font-size:24px; color:#fff; }
.research{ background:url(../images/yan.jpg) center center; margin-top:45px; padding-bottom:70px;}
.company_research p{ font-size:14px; color:#fff; line-height:30px;}
.shared a{ float:right; margin-left:4px;}
.foot{color:#fff; float:left; }
.foot a{color:#fff; }
.fright{ float:right; }
.fright a{color:#fff; font-size:13px;}
.footer hr{border-color:rgba(243,243,243,0.2); margin-top:38px; margin-bottom:43px;}



@media screen and (min-width:768px) and (max-width: 1920px) {
.company_culture{ max-height:330px; overflow-y:auto;}
.company_research{ max-height:200px; overflow-y:auto;}
	}
@media screen and (min-width:668px) and (max-width: 1100px) {
.contentd{ height:230px;}    
} 
@media screen and (min-width:978px) and (max-width:1200px) {
.people{ height:300px}
.intro{ padding:50px 20px 0; position:absolute; top:300px; left:0; height:365px;}
.intro h3{ font-size:18px;line-height:30px; }
.intro span{ margin:15px 0px;}
.intro p{ font-size:14px; line-height:24px;}
.people:hover .intro{ top:0px;}
.special_people{ background-color:#323232; text-align:center;}
.special_people h4{font-size:30px; margin-top:50px;}
.special_people p{font-size:18px;}
}

@media screen and (min-width:668px) and (max-width:978px) {
.people{ height:250px}
.intro{ padding:20px 15px 0; position:absolute; top:250px; left:0; height:365px;}
.intro h3{ font-size:16px; line-height:30px; }
.intro span{ margin:10px 0px;}
.intro p{ font-size:13px; line-height:24px;}
.people:hover .intro{ top:0px;}
.special_people{ background-color:#323232; text-align:center;}
.special_people h4{font-size:30px; margin-top:30px;}
.special_people p{font-size:18px;}
}
/*手机*/ 
@media screen and (max-width:668px) { 
.sbanner{ height:320px; }
.sbanner .container h2{ font-size:20px; margin-top:100px; margin-bottom:40px;}
.number{ margin-top:20px; padding-bottom:30px; }
.topname{ font-size:14px;}
.shu em{font-size:20px; line-height:20px;}
.sub{font-size:13px; width:20px; height:20px;line-height:20px; }
.shu{font-size:20px;line-height:30px;}
.company_content{ height:auto; }
.company{ margin-top:25px;}
.company_name h2{ font-size:20px;}
.company_name span{ margin-bottom:20px;}
.company img{ margin-top:30px;margin-bottom:30px;}
.contentd{ height:200px;}
.company_gui h4{margin-bottom:20px; }
.company_culture h4{margin-bottom:20px; }
.gui{ margin-top:10px; }
.people{ height:auto;}
.intro{ padding:20px 30px; position:relative; top:0px; }
.intro h3{ font-size:16px; line-height:30px; }
.intro span{ margin:10px 0px;}
.intro p{ font-size:13px; line-height:24px;}
.people:hover .intro{ top:0px;}
.special_people{ background-color:#323232; text-align:center; padding-bottom:30px;}
.special_people h4{font-size:30px; margin-top:30px;}
.special_people p{font-size:18px;}
.company_culture {margin-bottom:30px;} 
.footer{ padding-top:30px; padding-bottom:40px;}
.footer ul li a{  font-size:13px; line-height:30px; padding:0 15px; border-right:none;}
.footer ul li:first-child a{ padding-left:15px;}
.footer hr{margin-top:20px; margin-bottom:20px;}
.links{ padding:0;}
}
/*产品与服务*/ 
.navname{ font-size:36px; color:#fff; font-weight:normal; margin-top:173px; margin-left:60px;} 
.nav_intro{ font-size:14px; color:#fff; margin-left:60px; line-height:30px;} 
.write_line{display:inline-block;  width:32px; height:5px; background-color:#fff; margin:44px 0px 28px;  margin-left:60px;}
.get_touch a{ width:118px; height:35px; text-align:center; line-height:35px; display:block;margin-left:60px; background-color:#fcf13a; color:#333; font-size:13px; margin-top:42px;} 
.choise{ border-top:8px solid #ffe100; height:48px; line-height:40px; font-size:18px; color:#333; display:block; text-align:center; margin-top:6px;}
.normal{ background-color:#848382; height:56px; line-height:56px; font-size:18px; color:#fff; display:block; text-align:center;margin-top:6px;}
.product p{ font-size:13px; color:#666; text-align:center; margin-top:40px; margin-bottom:50px;}
.product h2{ font-size:24px; color:#333; text-align:center; margin-top:52px; margin-bottom:45px; font-weight:normal;}
.system{ background-color:#f3f3f3; border:1px solid rgba(47,47,47,0.2);margin-bottom:55px; }
.system:hover{box-shadow:2px 3px 9px #ccc;}
.system_left h3{font-size:20px; color:#333;font-weight:normal; margin-top:50px; margin-left:23px; margin-bottom:24px;}
.system_left p{font-size:13px; color:#666; margin-left:23px; line-height:20px; margin-bottom:35px; }
.system_left ul li{font-size:13px; color:#666; margin-left:23px; line-height:24px; }
.system_left ul span{font-size:13px; color:#56d0cc; }
.system_link a{ width:118px; height:35px; text-align:center; line-height:35px; display:inline-block; margin-right:10px;background-color:#fcf13a; color:#333; font-size:13px;}
.system_link{ margin-top:30px; margin-bottom:60px !important;}
.mytable{ width:100%; background-color:#f8f8f8; height:90px; border:none;}
.mytable td{ line-height:30px;  padding-left:20px;}
.system_right{ padding-right:0px;}
.system_right p{font-size:15px; color:#666; font-weight:bold; line-height:38px; margin-left:20px;}
.mytables td{ line-height:50px;  padding-left:20px;}
.bottom{background-color:#f8f8f8;}
.tips p{ font-size:13px; color:#666; line-height:24px; font-weight:normal; line-height:42px;}
.tips {border-right:1px solid #eee; padding:0; margin:20px 0;}
.clisk{ width:43px; height:43px; background:url(../images/down.png) no-repeat center center; margin:0 auto;}
#show{ text-align:center; margin-top:-20px; margin-bottom:20px;}
#show:hover .clisk{background:url(../images/downs.png) no-repeat center center;  }

.zname span{display:inline-block;  height:1px; background-color:#c5c5c5; margin:20px 0px;} 
.zname h2{font-size:26px; color:#333;font-weight:normal; text-align:center;}
.zname{ margin-top:30px;}
.profess{ margin-top:40px; padding-top:24px; border:1px solid #c5c5c5; box-shadow:2px 2px 9px #ccc; margin-bottom:50px;}
.headimg{ width:84px; height:84px; border-radius:50%; background-color:#fff; border:1px #c5c5c5 solid; overflow:hidden; margin:0 auto;}
.headimg img{ margin-top:6px; width:90%;}
.mytab li a h3{font-size:14px; color:#666; text-align:center; margin-top:25px;font-weight:normal; }
.mytab li a p{font-size:14px; color:#666; text-align:center; line-height:20px;}
.mytab li{ width:14%;  margin-bottom:1px;}
.mytab > li.active > a, .mytab > li.active > a:focus, .mytab > li.active > a:hover{ border:none; border-bottom:none; background-color:#f3f3f3;}
.tab-content{ padding:25px 20px;}
.mytab > li.active .headimg{ border:1px #000000 solid; }
.three h4{font-size:15px; color:#666; font-weight:normal; line-height:24px; margin:0;}
.three p{font-size:15px; color:#8f8e8e; font-weight:normal; padding-left:40px;}
.three h4 span { display:inline-block; color:#9b9b9b; font-size:20px; margin-right:16px; line-height:20px; vertical-align:-4px;}
.three{ padding-left:20px; margin-top:35px;}
.mytab>li>a:focus, .mytab>li>a:hover {
	background-color:#f3f3f3;  border-bottom:none;   box-shadow:none; 
}
.suggestion{ width:146px; transition:0.3s; height:50px; text-align:center; line-height:50px; display:block; background-color:#fcf13a; color:#333; font-size:13px; margin:55px auto 50px;} 
.suggestion:hover{  background-color:#f1d609; color:#111;} 
.profess .tab-content p{ font-size:14px; color:#666; line-height:24px;}
.mytab>li>a {
	margin-right:0px;
	line-height:1.42857143;
	border:none;
	border-radius:4px 4px 0 0
}
@media screen and (min-width:668px) and (max-width:1000px) {
.system_link a{ width:100px; margin-right:10px; margin-bottom:10px;}
.system_link{ margin-top:20px; margin-bottom:30px !important;}
.system_left h3{font-size:20px; margin-top:30px; margin-left:0px; margin-bottom:20px;}
.system_left p{font-size:13px; margin-left:0px; margin-bottom:20px; }
.system_left ul li{ margin-left:0px;}
.system_right p{margin-left:0px;}
.mytable td{ padding-left:0px;}	
.system_right{ padding-right:15px;}
.headimg{ width:80px; height:80px;}
.zname h2{font-size:22px;}	
	}
/*手机*/ 
@media screen and (max-width:668px) { 
.navname{ font-size:24px; margin-top:90px; margin-left:15px;} 
.nav_intro{ margin-left:15px; line-height:24px; font-size:13px;} 
.write_line{ height:2px; margin:15px 0px;  margin-left:15px;}
.get_touch a{ width:100px; display:block; margin-left:15px; margin-top:20px;} 
.product p{ font-size:13px; margin-top:15px;  margin-bottom:20px;}
.product h2{ font-size:18px; margin:25px 15px;}
.system{ margin-bottom:30px; }
.system_right{ padding-right:15px;}	
.system_link{ margin-top:15px; margin-bottom:10px !important;}
.system_left h3{font-size:20px; margin-top:30px; margin-left:0px; margin-bottom:20px;}
.system_left p{font-size:13px; margin-left:0px; margin-bottom:20px; }
.system_left ul li{ margin-left:0px;}
.system_right p{margin-left:0px;}
.mytable td{ padding-left:0px;}	
.mytable td{ padding: 2px;}	
.tips p{ line-height:24px; line-height:30px;}
.tips{ padding-left:0px; margin:0;}
.bottom{ margin-bottom:15px;}
.mytable{ border:none;}
.xia{ margin-top:0px;}
.zname{ margin-top:20px;}
.mytab li{ width:33.33%; margin-bottom:-2px;}
.headimg{ width:70px; height:70px;}
.three{ padding-left:20px; margin-top:15px;}
.tab-content { padding: 25px 20px 0px;}
.suggestion{ margin:20px auto;}
.mytab > li.active > a, .mytab > li.active > a:focus, .mytab > li.active > a:hover{ border-bottom:none !important;}
.profess{ margin-top:20px; padding-top:20px; margin-bottom:30px;}
.mytab>li>a:focus, .mytab>li>a:hover {border-bottom:none !important;}
.mytab{ padding-bottom:2px;}
}
/*解决方案*/ 
.ways{ padding-top:5px;} 
.eight{ margin-top:40px; margin-left:-30px; margin-right:-30px;}
.nums{ border:1px solid #c5c5c5; transition:0.2s; text-align:center; padding-top:30px; height:215px; margin-bottom:25px;}
.nums h4{font-size:16px; color:#333; margin-top:35px; margin-bottom:30px; line-height:15px;} 
.nums p{font-size:13px; color:#666; margin:0 60px; line-height:20px;}  
.nums:hover{ background-color:#ffe100;} 
.knowmore{ width:118px; height:35px; text-align:center; line-height:35px; display:block;color:#333; font-size:13px; border:1px solid #ffe100; margin-bottom:20px; margin-top:17px;}
.information{font-size:14px !important; color:#666 !important; line-height:26px !important; margin-top:26px !important; } 
.look{ width:118px; height:35px; transition:0.3s; text-align:center; line-height:35px; display:block;color:#333; font-size:13px; background-color:#fcf13a; margin-bottom:65px; margin-top:26px;} 
.look:hover{ color:#222; background-color:#f1d609;} 
.gong{ padding-right:0; overflow:hidden;} 
.gong img{ margin-top:0; transition:0.3s;}
.gong:hover img{ transform:scale(1.1,1.1);}
.lookss:hover{ color:#000;}
.knowmore:hover{ background-color:#ffe100; color: #333;}
@media screen and (min-width:768px) and (max-width:1000px){
.nums p{margin:0 20px;} 
}
@media screen and (max-width:768px) {
.eight{ margin-left:-15px; margin-right:-15px; margin-top:25px;}	
.nums p{margin:0 15px;}
.nums{ padding-top:20px; height:180px;} 
.nums h4{margin-top:15px; margin-bottom:15px;} 	
.knowmore{ margin-bottom:30px; margin-top:7px;}
.gong{ padding-right:15px;} 
.look{margin-bottom:30px;} 
.information{ margin-top:0px !important; }
.knowmore{ margin-bottom:10px; } 
.research {
    padding-bottom: 30px;
}
}
/*新闻中心*/ 
.news{ margin-top:30px; margin-right:-25px; margin-bottom:40px;}
.news li{ padding:0 10px 0 0;}
.news li a{background-color:#fff; display:block; }
.newimg img{ transition:all 0.4s;}
.news li a:hover .newimg img{ transform:scale(1.1,1.1);}
.newimg{ max-height:200px; overflow:hidden;}
.litter{ padding:16px 16px 10px;}
.litter .pull-left { display:inline-block; width:20%;}
.litter .pull-left strong{font-size:28px; color:#333; font-weight:bold; line-height:28px; margin-left:5px; } 
.litter .pull-left p{font-size:13px; color:#666;  line-height:20px;} 
.litter .pull-right { display:inline-block; width:80%;} 
.litter .pull-right h3 { font-size:16px; color:#333;  line-height:26px; font-weight:normal; height:26px; overflow:hidden;} 
.litter .pull-right p { font-size:13px; color:#777;  line-height:26px; height:26px; overflow:hidden;} 
.readmore{font-size:13px; color:#666;}
.jian{ float:right; width:28px; display:inline-block; }
.litter hr{ margin-bottom:7px;} 
.news li a:hover{ box-shadow:2px 2px 9px #bbb;}
.news li a:hover .litter .pull-right h3 { color:#000; }
.listnew{ background-color:#fff; padding:10px; margin-bottom:45px;}
.listnew li a{ display:block; }
.listnew li a span{ font-size:14px; display:block; color:rgba(102,102,102,0.8);  line-height:26px; margin-top:18px; margin-bottom:9px;} 
.listnew li a h3{ font-size:18px; color:#333;  line-height:26px; font-weight:normal;} 
.listnew li a p{ font-size:13px; color:rgba(119,119,119,0.8);  line-height:24px; margin-top:25px;} 
.listnew li:nth-child(odd){ border-right:1px solid #bfbfbf; padding-right:80px;}
.listnew li { margin-bottom:80px;}
.listnew li a:hover p{ color:#666;}
.listnew li:nth-child(even){ padding-left:75px;}
div.digg a {
    background-color: #fff;
    border: 1px solid #EDEDED;
    color: #333;
	font-size:14px;
    margin:0 3px 0 0;
    padding: 6px 14px;
    text-decoration: none;
}
.fanye {
    margin: 0 auto 25px;
    text-align: center;
    width:100%;
}
div.digg a:hover{ background-color: #0088c8; border: 1px solid #0088c8; color: #fff;}
div.digg {
    clear: both;
    height:33px;
	padding:0px 3px 0;
    text-align: center;
	margin:0 auto 40px;
}
div.digg span {
    background-color: #0088c8;
    border: 1px solid #0088c8;
    color: #fff;
    margin: 2px;
	font-size:14px;
    padding:6px 10px;
}
.article{ background-color:#fff; margin-top:30px; margin-bottom:42px;}
.article_name{ font-size:24px; color:#333;  line-height:44px; font-weight:normal;}
.article_time{ font-size:16px; color:#999999;  line-height:30px; margin-left:20px;}
.article_time a{ font-size:16px; color:#999999;}
.article img { max-width:100% !important; height:auto !important;}
.shares{ margin-top:65px; padding-right:35px; float:right;}
.shares a{ display:inline-block; float:right; margin-left:5px; text-align:center;}
.shares a img{ width:24px; margin:3px auto;}
.article hr{ margin:23px 35px 50px;}
.article article p{font-size:16px; color:#666;  line-height:30px;  }
.article article{ padding-bottom:40px; }
.lookss{ width:118px; float:right; height:35px; text-align:center; line-height:35px; display:block;color:#333; font-size:13px; background-color:#fcf13a;  margin:8px 20px 20px; border-radius:2px;} 

@media screen and (max-width:768px) {
.news li a{ margin-bottom:20px;}
.listnew li a{ display:block; padding-right:0px;}
.listnew li:nth-child(odd){ border-right:none; padding-right:0px;}
.listnew li:nth-child(even){ padding-left:10px;}
.listnew li { margin-bottom:5px; padding:0 0 0 10px; border-bottom:1px dashed #eee; padding-bottom:10px;}
.listnew li a p{margin-top:4px;}
.listnew li a span {margin-top:10px; margin-bottom:0;}
.fanye { padding-top:20px; margin-bottom:20px;}
.listnew{ margin-bottom:30px;}
.news{ margin-bottom:10px;}
.article_name{ font-size:20px; line-height:30px; margin-left:5px; margin-top:10px;}
.article_time{ font-size:14px;  line-height:30px; margin-left:5px;}
.shares{ margin-top:10px; padding-right:15px;}
.article hr{ margin:15px 15px 20px;}
.article article{ padding-bottom:20px; margin:0 15px 10px;}
.art_list a{ margin-left:0px; }
.lookss{ margin:10px 0px 20px; border-radius:2px;  width:100px; height:32px;line-height:32px;} 
.article{ margin-top:30px; margin-bottom:30px; }
.tips { border-right:none;}
.art_list p{line-height:24px;font-size:14px; color:#666; margin-left:0px; }
	} 
@media screen and (min-width:768px) and (max-width:1000px){
.litter .pull-left {width:30%;}
.litter .pull-right { width:70%;} 
}
/*人才*/
.ren{margin:45px auto 50px;}
.pathree{  padding:0 34px;  height:330px;} 
.th_content{ margin:auto; text-align:center; margin:0px 30px;  padding-top:1px}
.th_content .lines{ background: #2f2f2f none repeat scroll 0 0; display: block; height: 1px; width:40px; margin:auto;}
.th_content h3{font-size:16px; color:#333;  line-height:44px; font-weight:normal; margin-top:27px;} 
.th_content p{font-size:14px; color:#333;  line-height:36px; } 
.box1{ height:120px; overflow:hidden;}
.img1{background:url(../images/r1.jpg) no-repeat center center;}
.img2{background:url(../images/r2.jpg) no-repeat center center;}
.img3{background:url(../images/r4.jpg) no-repeat center center;}
.jonav li{ width:25%; }
.jo1 .tis{
	width:228px;
	border:1px solid #ba251e;
	padding:23px 0 17px 0;
	float:left;
	margin-left:6.5%;
	}
.jo1 .tis p{
	font-size:18px;
	color:#000;
	text-align:center;
	}
.jo1 .tis .line{
	display:block;
	width:30px;
	height:1px;
	background:#1a1a1a;
	margin:25px auto;
	}
.jo1 .tis .arrow{
	width:100%;
	height:10px;
	background:url(../images/jo_arrow.png) no-repeat center center;
	display:block;
	animation:omap 1.5s linear alternate infinite;
	-webkit-animation:omap 1.5s linear alternate infinite;
	}
.jo1 .tx{
	width:60%;
	float:right;
	text-align:justify;
	}
.jo1{
	padding:8.8% 0 6.2% 0;
	}
.jot{
	padding-left:55px;
	}
.jot span{
	display:block;
	width:16.666%;
	float:left;
	line-height:47px;
	height:47px;
	overflow:hidden;
	}
.jot span{
	padding-left:4%;
	}
.jod > span{
	background:#a0a0a0;
	color:#fff;
	cursor:pointer;
	transition:300ms;
	-webkit-transition:300ms;
	}
.jotxs{ position:relative; margin-bottom:5px; } 
.jos{
	padding-left:55px;
	display:none;
	}
.jos .bodr{
	border:1px solid #5a5a5a;
	padding:30px 4% 4% 4%;
	border-top:0;
	}
.jos .bodr span{
	display:block;
	border-top:1px solid #eee;
	padding-top:35px;
	margin-top:15px;
	}
.jotxs .line{
	background:#0b19db;
	display:block;
	position:absolute;
	}
.jotxs .line_1{
	width:21px;
	height:1px;
	top:23px;
	left:15px;
	}
.jotxs .line_2{
	width:1px;
	height:21px;
	top:13px;
	left:25px;
	}
.jotxs .arrow{
	width:55px;
	height:47px;
	position:absolute;
	top:0;
	left:0;
	transition:300ms;
	-webkit-transition:300ms;
	}
.jotxs:hover .jod > span,
.jotxs.act .jod > span {
	background:#5a5a5a;
	}
.jotxs.act .arrow{
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	} 
.jo2{
	padding-bottom:40px;
	}
.jo3{
	background:#eee;
	padding:5.8% 0 4.8% 0;
	}
.jo_edus{
	width:1140px;
	margin:0 auto;
	}
.jo_edus li{
	width:245px;
	margin:10px 20px;
	background:#fff;
	float:left;
	}
.jo_edus a{
	color:#787878;
	}
.jo_edus li .pic{
	width:100%;
	overflow:hidden;
	}
.jo_edus li .pic img{
	width:100%;
	transition:600ms;
	-webkit-transition:600ms;
	}
.jo_edus li:hover .pic img{
	transform:scale(1.09);
	-webkit-transform:scale(1.09);
	}
.jo_edus a{
	color:#646464;
	}
.jo_edus a:hover,.jo_edus a:active{ color:#ba251e; }

.jo_edus li .txts{
	padding:18px 5% 15px 5%;
	transition:300ms;
	-webkit-transition:300ms;
	}
.jo_edus li .txts .ti{
	color:#1a1a1a;
	line-height:25px;
	height:50px;
	overflow:hidden;
	}
.jo_edus li .txts .date{
	color:#787878;
	}
.jo_edus li:hover .txts{
	background:#ba251e;
	}
.jo_edus li:hover .txts .ti,
.jo_edus li:hover .txts .date{
	color:#fff;
	}
.jo_teams a{
	width:33.3333%;
	width:33.3%;
	float:left;
	display:block;
	color:#1a1a1a;
	transition:300ms;
	-webkit-transition:300ms;
	}
.jo_teams .pic{
	width:100%;
	overflow:hidden;
	}
.jo_teams .pic img{
	width:100%;
	transition:600ms;
	-webkit-transition:600ms;
	}
.jo_teams a:hover .pic img{
	transform:scale(1.08);
	-webkit-transform:scale(1.08);
	}
.jo_teams a .tx{
	padding:0 5%;
	height:45px;
	line-height:45px;
	overflow:hidden;
	}
.jo_teams a:hover{
	background:#ba251e;
	color:#fff;
	}
.jo4{ padding:9% 0 5% 0; }

.jo_teams .owl-theme .owl-controls{
	margin-top:50px;
	}
.ppw {margin:20px auto 0; margin-right:45px;} 
.arrow .line{ margin-left:0px;} 
#jo2 a{ font-size:16px; color:#023894;} 
.jos p{ font-size:14px; color:#666; line-height:28px;}
@media screen and (min-width:768px) and (max-width:1000px){
.pathree{ padding:0 15px;}
.th_content{ margin:0px 10px;}
}
@media screen and (max-width:768px) {
.pathree{ padding:0px;  margin: 0 -15px 20px;}
.th_content{ margin:0px 50px; box-sizing:border-box;}
.ren{margin:30px auto 10px;}
.img1{background:url(../images/r1.jpg) no-repeat center center; background-size:cover;}
.img2{background:url(../images/r2.jpg) no-repeat center center; background-size:cover;}
.img3{background:url(../images/r4.jpg) no-repeat center center; background-size:cover;}
.jot{padding-left:55px; margin-top:0px;}
.box1{ height:auto; overflow:hidden;}
.pathree { min-height:300px;}
.jos .bodr span { margin-top:0px; padding-top:15px;}
}
/*联系我们*/
.contact{ text-align:center; margin:30px auto 50px;} 
.con_img{ width:66px; height:66px; border-radius:50%; background-color:#ffe100; margin:0 auto 10px;} 
.con_img span{ color:#fff; line-height:66px; font-size:30px;}
.english { color:#cfcfcf; line-height:40px; font-size:16px; text-transform:uppercase;}
.chinese{ color:#333; line-height:36px; font-size:16px; word-break:break-all;}
#map{width:100%;height:442px; font-size:12px; margin-bottom:50px;}
.connect{background:url(../images/contact.jpg) no-repeat center center; text-align:center; color:#fff; padding:100px 0;}
.connect h2{ font-size:28px; color:#fff; font-weight:bold; line-height:28px;}
.connect p{ font-size:15px; color:#fff;  line-height:36px;}
.connect span{ font-size:20px; color:#ffe100;  line-height:36px; display:block; margin-top:28px;}
.connect em{display:inline-block;  width:50px; height:1px; background-color:#fff; margin-bottom:20px;  margin-top:20px;}
@media screen and (max-width:768px) {
.contact{ margin:15px auto 10px;} 
.english { line-height:30px; font-size:14px;}
.con_img{ width:50px; height:50px; margin:0 auto 10px;}
.chinese{line-height:24px; font-size:14px;} 
.con_img span{ line-height:50px; font-size:20px;}
#map{ height:300px;  margin-bottom:30px;}
.connect{ padding:40px 0;}
.connect h2{ font-size:20px;}
.connect em{ margin-bottom:10px;  margin-top:10px;}
.connect span{ margin-top:15px;}
 }
 
/*滚动条*/
::-webkit-scrollbar {  
  width: 14px;  
  height: 14px;  
}    
::-webkit-scrollbar-track,  
::-webkit-scrollbar-thumb {  
  border-radius: 999px;  
  border: 5px solid transparent;  
}  
  
::-webkit-scrollbar-track {  
  box-shadow: 1px 1px 5px rgba(0,0,0,.2) inset;  
}  
  
::-webkit-scrollbar-thumb {  
  min-height: 20px;  
  background-clip: content-box;  
  box-shadow: 0 0 0 5px rgba(0,0,0,.2) inset;  
}  
  
::-webkit-scrollbar-corner {  
  background: transparent;  
}
::-moz-scrollbar {  
  width: 14px;  
  height: 14px;  
}    
::-moz-scrollbar-track,  
::-moz-scrollbar-thumb {  
  border-radius: 999px;  
  border: 5px solid transparent;  
}  
  
::-moz-scrollbar-track {  
  box-shadow: 1px 1px 5px rgba(0,0,0,.2) inset;  
}  
  
::-moz-scrollbar-thumb {  
  min-height: 20px;  
  background-clip: content-box;  
  box-shadow: 0 0 0 5px rgba(0,0,0,.2) inset;  
}  
  
::-moz-scrollbar-corner {  
  background: transparent;  
}  



::-o-scrollbar {  
  width: 14px;  
  height: 14px;  
}    
::-o-scrollbar-track,  
::-o-scrollbar-thumb {  
  border-radius: 999px;  
  border: 5px solid transparent;  
}  
  
::-o-scrollbar-track {  
  box-shadow: 1px 1px 5px rgba(0,0,0,.2) inset;  
}  
  
::-o-scrollbar-thumb {  
  min-height: 20px;  
  background-clip: content-box;  
  box-shadow: 0 0 0 5px rgba(0,0,0,.2) inset;  
}  
  
::-o-scrollbar-corner {  
  background: transparent;  
}  


::-ms-scrollbar {  
  width: 14px;  
  height: 14px;  
}    
::-ms-scrollbar-track,  
::-ms-scrollbar-thumb {  
  border-radius: 999px;  
  border: 5px solid transparent;  
}  
  
::-ms-scrollbar-track {  
  box-shadow: 1px 1px 5px rgba(0,0,0,.2) inset;  
}  
  
::-ms-scrollbar-thumb {  
  min-height: 20px;  
  background-clip: content-box;  
  box-shadow: 0 0 0 5px rgba(0,0,0,.2) inset;  
}  
  
::-ms-scrollbar-corner {  
  background: transparent;  
} 
@media screen and (max-width:1200px){
.ppw {margin-right:5px;} 
}
 
@media screen and (max-width:1366px){
.jo_edus { width: 1040px; }
.jo_edus li { width: 220px; margin: 0px 20px; }
}
@media screen and (max-width:1024px){	
#jdp { width: 100%; }
.jo_edus { width:90%; }
.jo_edus li { width: 23.5%; margin:1% 0; margin-right:2%; }
.jo_edus li:nth-child(4n){ margin-right:0; }
}

@media screen and (max-width:641px){
.jo_edus li { width: 49%; margin-bottom:2% }
.jo_edus li:nth-child(3n){ margin-right:2%; }
.jo_edus li:nth-child(2n){ margin-right:0; }
.jo_teams a { width: 50%; }
.jo_teams a:nth-child(3n){ display:none; }
.jot span:nth-child(5){ display:none; }
.jot span { width:33.333%; }
}
@media screen and (max-width:481px){
.jot span:nth-child(3){ display:none; }
.jot span{ width:50%; }
.jot { padding-left: 30px; }
.jotxs .arrow { width: 30px; }
.jotxs .line_1 { left: 0; }
.jotxs .line_2 { left: 10px; }
.jos { padding-left: 30px; }
.jotxs { margin-bottom:5px; }
.jo_edus li .txts{ font-size:12px; padding: 5%; }
.jo_edus li .txts .ti{ line-height:20px; height:60px; }
.jo_edus li .txts .date { margin-top: 0; }
.jo_teams a { width: 100%; }
.jo_teams a:nth-child(2n){ display:none; }
}
@media screen and (max-width:361px){
.ab_logos a { width: 49.5%; margin-right:1%; margin-bottom:1%; }
.ab_logos a:nth-child(3n){ margin-right:1%; }
.ab_logos a:nth-child(2n){ margin-right:0; }
.pbanner{ height:200px !important; }
.pbatx{ width:280px; bottom:20px; }
.nd-title .ti { font-size: 16px; }
.jot span:nth-child(6){ width:38%; }
.jot span{ font-size:13px; }
.ctas{ font-size:12px; }
}
.back_top{ width:45px;  text-align:center; z-index:9999; border-radius:50%; height:45px; position:fixed; right:10px; bottom:10px;}
#show{ text-align:center;}
.blackd .link {
    border: 1px solid #aaa; display: inline-block; margin:0 auto;
}
.blackd .link i {
    background: url(../images/ico_6.png) no-repeat center;
}
.blackd .link:hover {
	  border: 1px solid #333333;
	  background-color: #333;
	  overflow: hidden;
	}
.blackd .link:hover i {
	  background: url(../images/ico_5.png) no-repeat center;
	}
.blackd .link:hover .bg {
	  width: 100%;
	  height: 100%;
	  top: 0;
	  left: 0;
	  background-color:333333;
}
@media (min-width:768px) {
.navbar-right .dropdown-menu {
right:auto;
}
.navbar-right .dropdown-menu-left {
right:auto;
}
}
/*导航搜索css*/
.header-button {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  text-transform: capitalize;
  position: relative;
  z-index: 1;
  display: block;
  width: 60px;
  height: 26px;
  margin: 0;
  padding: 0;
  outline: none;
  border: none;
  cursor: pointer;
}
#toggle-menu {
  float: left;
  background-position: 0 0;
  background-color: #bc0023;
}
#toggle-basket {
  position: relative;
  float: right;
  background-position: -120px 0;
}
#toggle-basket:before {
  position: absolute;
  top: 5px;
  left: 0;
  width: 2px;
  height: 50px;
  content: "";
  background-color: #000;
}

#search-form {
  -moz-transition: max-height, 0.5s;
  -o-transition: max-height, 0.5s;
  -webkit-transition: max-height, 0.5s;
  transition: max-height, 0.5s;
  position: absolute;
  top:34px;
  right:0;
  width:320px;
  max-height: 0;
  overflow: hidden;
  background-color: #ffff;
  z-index:9999;
}
#search-form.open {
  max-height:50px;
}
#search-form fieldset {
  position: relative;
  padding: 0;
  border: none;
}
#search-form input {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border:1px solid #ddd;
  display: block;
  height:50px;
  font-family:'微软雅黑';
}
#search-form input[type="search"] {
  width: 100%;
  padding: 0 5px 0 22px;
  background:#fff;
  border:1px solid #ddd; outline:none;
}
#search-form input[type="submit"] {
  position: absolute;
  bottom: 0;
  right: 0;
  width:50px;
  margin: 0;
  padding: 0;
  font-weight:700;
  text-transform: uppercase;
  color: #1c5d9e;
  background: #fff;
  border:1px solid #ddd;
  cursor: pointer;outline:none;
}
@keyframes fadedown {
    from { transform: translateY(-100%); opacity: 0; }

    to { transform: translateY(0); opacity: 1; }
}






/* CSS Document */