@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;

}

.dropdown-submenu:hover{background: #666;}



.mynav{ min-height:78px; margin-bottom:0px; border:none;}

.navbar-default .navbar-nav > li > a {color: #505960; line-height:47px; font-size: 16px;}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {color:#666666;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:10px 14px;}

@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;}

.navbar-nav .open .dropdown-menu > li > a:hover{color: #fff;}

/*公司简介*/

a{ outline:none;} 

.sbanner{ height:320px; }

.container {

    padding-right: 15px;

    padding-left: 15px;

    margin-right: auto;

    margin-left: auto;

}

.sbanner .container h2{font-size: 30px;color:#fff;text-align:center;font-weight:normal;margin-top: 110px;margin-bottom: 37px;}

.topname{font-size: 16px;color:#fff;text-align:center;}

.number{margin-top: 23px;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: 20px;color:#333;background-color:#ffe100;width: 30px;height: 30px;border-radius:50%;line-height:30px;display:inline-block;font-weight:normal;}

.shu{font-weight:bold;font-size: 46px;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:34px; }

.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;}

.footer{ padding-top:60px; padding-bottom:90px;}

.footer ul li{ float:left;}

.footer ul li a{ display:inline-block; color:rgba(255,255,255,0.8); font-size:15px; line-height:14px; padding:0 34px; border-right:1px solid #959393;}

.footer ul li:first-child a{ padding-left:0px;}

.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: 30px;color:#fff;font-weight:normal;margin-top: 130px;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: 36px 0px 16px;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: 23px;} 

.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:0px; width:100%;}

.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:230px; margin-bottom:25px;}

.nums h4{font-size:16px; color:#333; margin-top:28px; margin-bottom:28px; line-height:24px;} 

.nums p{font-size:13px; color:#666; margin:0 20px; 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 10px;} 

}

@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:225px;} 

.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;overflow: hidden;

white-space: nowrap;

text-overflow: ellipsis;} 

.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: #f9f9f9;

    border: 1px solid #ccc;

    color: #8698b6;

    margin:0 3px 0 0;

    padding: 6px 10px;

    text-decoration: none;

}

.fanye {

    margin: 0 auto 25px;

    text-align: center;

    width:100%;

}

div.digg a:hover{ background-color: #e94629; border: 1px solid #e94629; color: #fff;}

div.digg {

    clear: both;

    height:33px;

    padding:0px 3px 0;

    text-align: center;

	margin:0 auto;

}

div.digg span {

    background-color: #e94629;

    border: 1px solid #e94629;

    color: #fff;

    margin: 2px;

    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; margin-left:20px; margin-top:27px;}

.article_time{ font-size:14px; color:rgba(102,102,102,0.5);  line-height:30px; margin-left:20px;}

.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:14px; color:#666;  line-height:28px;  }

.article article{ padding-bottom:50px; margin:0 35px 10px; border-bottom:1px dashed #666;}

.art_list p{line-height:24px;font-size:14px; color:#666; margin-left:20px; }

.art_list a{line-height:24px;font-size:14px; color:#666;}

.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:20px;}

.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:20%;

	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:861px){

.jo1 .tx { width: 100%; float: none; margin-top:25px; }

.jo1 .tis { float: none; margin-left: 0; margin:0 auto; }

.jot span:nth-child(4){ display:none; }

.jot span { width: 25%; }

.jo_edus li { width: 32%; }

.jo_edus li:nth-child(4n){ margin-right:2%; }

.jo_edus li:nth-child(3n){ margin-right:0; }

.jo2 { padding-bottom: 40px; }

.jo1,.jo4,.jo3 { padding: 40px 0px 40px; }

}

@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(1){ width:50%; }

.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;

}

}



.latermore{ margin-left:20px; display:inline-block; width:136px; height:41px; text-align:center; border-radius:4px; background-color:#FFE100; transition:0.3s; line-height:40px;  font-size:16px; border:1px solid #FFE100;  color:#000; margin-right:20px; text-shadow:none;}



.latermore:hover{ color:#FFE100; margin-right:20px; background-color: transparent; border:1px solid #fff;}

.getmore{ display:inline-block;  text-align:center; width:136px; height:41px; transition:0.3s;  border-radius:4px;  line-height:40px;font-size:16px; border:1px solid #fff; color:#FFE100;}

.getmore:hover{ border:1px solid #FFE100; color:#000; background-color:#FFE100; text-shadow:none;}

.distance{ bottom:120px; text-align:left;}

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

.distance{ bottom:60px;}

}

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

.latermore{ width:140px; height:45px; line-height:45px; }

.getmore{ width:140px; height:45px; line-height:45px;}

.distance{ bottom:40px;}

}

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

.latermore{ width:100px; height:36px; line-height:36px;  font-size:14px; margin-right:15px;}

.latermore:hover{margin-right:15px;}

.getmore{ width:100px; height:36px; line-height:36px;font-size:14px; }

.distance{ bottom:10px;}

}



/* CSS Document */

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

.latermore { display:none;}

.getmore { display:none;}



}