/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input,button{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px;font-family: Georgia, serif; color:#666;}
a{color:#666;}
a:hover{ color:#f60; text-decoration:underline;}
p{line-height:1.8em; padding:5px 0;}
img{outline-width:0px;vertical-align:middle;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1000px; margin:0 auto;}



.topnav{display:none;}
.nav{width:100%;text-align: center;z-index:999;background-color:rgba(51,51,51,0.9);top:0;overflow:hidden;position: -webkit-sticky;position:sticky; height:45px;}
.nav ul{    display: inline-block;margin:auto; }
.nav ul li{float:left;}
.nav ul li a{display:block;color:#e87722;text-align:center;padding:0px 40px;text-decoration:none;height:45px; line-height:45px;font-size:20px;}
.nav ul li a:hover{background-color:#002058;color:#fff}
.nav ul li a.active {background-color: #002058;color: white;}

.con1{ padding-top:20px;}
.c1_left{ float:left; width:48%; text-align:right;}
.c1_left img{ max-width:100%;}
.c1_right{ float:right; width:48%;}
.c1_right h2{ color:#002058; font-size:26px; padding:10px 0px; border-bottom:1px solid #aaaaaa;}
.c1_txt{ font-size:16px; line-height:24px; margin-top:10px;}
.c1_txt a{ color:#445caa;}
.c1_txt i{ color:#333;}

.con2{ padding-top:20px;}
.con2 h2{ color:#002058; font-size:26px; padding:10px 0px; border-bottom:1px solid #aaaaaa;}
.c2_con p{ font-size:16px; line-height:30px;}
.c2_con p a{ color:#445caa;}

.footer{ background:#1d130f; padding-bottom:20px; margin-top:50px;}
.f1{ padding:30px 0px;}
.f1_left{ float:left; width:50%;}
.f1_left dl dt{ color:#fff; font-size:30px;}
.f1_left dl dd{ color:rgba(255, 255, 255, 0.52); margin-top:5px; line-height:28px; font-size:16px;}
.f1_right{ float:right; border:2px solid #fff; width:230px; padding:20px; line-height:30px; font-size:22px; text-align:right; color:#fff;}
.f2{ line-height:40px; font-size:16px; color:#fff; text-align:center;}

.Research{ padding-top:20px;}
.Research_top h2{ color:#002058; font-size:26px; padding:10px 0px; border-bottom:1px solid #aaaaaa;}
.Research_top h3{ font-size:16px; padding:10px 0px; line-height:30px; font-weight:normal;}
.Research_con ul li{ float:left; width:32%; margin-right:2%; margin-bottom:20px;}
.Research_con ul li:nth-child(3n){ margin-right:0px;}
.Research_con ul li h1{ color:#002058; font-size:18px; padding:10px 0px; border-bottom:1px solid #aaaaaa;min-height: 65px;}
.prj_img{ text-align:center; height:200px;}
.prj_img img{ max-width:100%; max-height:200px; margin-top:10px;}
.prj_txt{ font-size:16px; line-height:24px; margin-top:10px;}
.prj_txt a{ color:#445caa;}
.modal {display: none;position: fixed;z-index: 1;padding-top: 100px;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.4);}
.modal b{ display:block; color:#002058; font-size:26px; padding:10px 0px; border-bottom:1px solid #aaaaaa;}
.modal-content {background-color: #fefefe;margin: auto;padding: 20px;border: 1px solid #888;width: 80%;max-height: calc(100%-200px);max-height: -webkit-calc(100% - 200px);max-height: -moz-calc(100% - 200px);max-height: -o-calc(100% - 200px);overflow: auto;border-radius:25px; font-size:16px; line-height:28px;}
.modal-content img{ margin-right:10px;}
.modal-content a{ color:#445caa;}
.close {color: #aaaaaa;float: right;font-size: 28px;font-weight: bold;}
.close:hover,.close:focus {color: #000;text-decoration: none;cursor: pointer;}

.people{ padding-top:20px;}
.people_top h2{ color:#002058; font-size:26px; padding:10px 0px; border-bottom:1px solid #aaaaaa;}
.people_top h3{ font-size:16px; padding:10px 0px; line-height:30px; font-weight:normal;}
.people_con ul li{ float:left; width:23.5%; margin-right:2%; margin-bottom:20px;}
.people_con ul li:nth-child(4n){ margin-right:0px;}
.people_con ul li .people_pic{ height:225px;}
.people_con ul li .people_pic img{ max-width:200px; max-height:225px;}
.people_con ul li .people_name { margin-top:10px; height:48px;}
.people_con ul li .people_name strong{ display:block; line-height:24px; font-size:16px; color:#333;}
.people_con ul li .people_name span{ display:block; line-height:24px; font-size:14px;}
.people_con ul li .people_txt{ margin-top:10px;}
.people_con ul li .people_txt span{ display:block; line-height:24px; font-size:14px;}
.people_con ul li .people_txt a{ color:#445caa;}
.people_con ul li .people_txt img{ margin-right:5px;}


.Publication{ padding-top:20px;}
.Publication_top h2{ color:#002058; font-size:26px; padding:10px 0px; border-bottom:1px solid #aaaaaa;}
.Publication_top h3{ font-size:16px; padding:10px 0px; line-height:30px; font-weight:normal;}
.Publication_con ul li{ padding:10px 0px; overflow:hidden; border-bottom:1px solid #c8c8c8;}
.Publication_con ul li .Publication_pic{ float:left; width:200px;}
.Publication_con ul li .Publication_pic img{ width:200px;}
.Publication_con ul li .Publication_txt{ float:right; width:calc(100% - 220px)}
.Publication_con ul li .Publication_txt a{ display:block; font-size:16px; line-height:24px; font-weight:bold; color:#333;}
.Publication_con ul li .Publication_txt span{ display:block; font-size:14px; line-height:24px; padding-top:10px;}



.link{ padding-top:20px;}
.link_top h2{ color:#002058; font-size:26px; padding:10px 0px; border-bottom:1px solid #aaaaaa;}
.link_top h3{ font-size:16px; padding:10px 0px; line-height:30px; font-weight:normal;}
.link_con ul li{ padding:10px 0px; overflow:hidden; border-bottom:1px solid #c8c8c8;}
.link_con ul li .link_pic{ float:left; width:300px;}
.link_con ul li .link_pic img{ width:300px;}
.link_con ul li .link_txt{ float:right; width:calc(100% - 320px)}
.link_con ul li .link_txt a{ display:block; font-size:16px; line-height:24px; font-weight:bold; color:#333;}


.Courses{ padding-top:20px;}
.Courses_top h2{ color:#002058; font-size:26px; padding:10px 0px; border-bottom:1px solid #aaaaaa;}
.Courses_top h3{ font-size:16px; padding:10px 0px; line-height:30px; font-weight:normal;}
.Courses_con ul li{ margin-bottom:20px;}
.Courses_con ul li .Courses_pic{ text-align:center;}
.Courses_con ul li .Courses_pic img{ max-width:100%;}
.Courses_con ul li .Courses_txt{ margin-top:10px; font-size:18px;}
.Courses_con ul li .Courses_txt a{ color:#445caa;}

.inside{ padding-top:20px;}
.inside_top h2{ color:#002058; font-size:26px; padding:10px 0px; border-bottom:1px solid #aaaaaa;}
.inside_top h3{ font-size:16px; padding:10px 0px; line-height:30px; font-weight:normal;}
.inside_con{ padding:20px 0px; min-height:400px;}

.rossano{ text-align:center; padding:50px 0px; font-size:14px;}
.rossano h1{ font-weight:normal; font-size:28px;}
.rossano p{ padding:15px 0px; line-height:28px;}
.rossano img{ max-width:100%; display:block; margin:0 auto;}
.rossano hr {margin-top: 20px;margin-bottom: 20px;border: 0;border-top: 1px solid #eee;}


.rossano{ text-align:center; padding:50px 0px; font-size:14px;}
.rossano h1{ font-weight:normal; font-size:28px;}
.rossano p{ padding:15px 0px; line-height:35px;    text-align: left;}
.rossano img{ max-width:100%; display:block; margin:0 auto;}
.rossano hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
}
.add_list h4{
  font-size:24px;
  text-align:left;
  margin-bottom:10px;
}
.add_list p{
  padding:10px 0;
  line-height:30px;
}
.add_list{
  margin:15px 0;
}
.add{box-shadow: darkgrey 0px 0px 10px 3px;}
.intro{ padding:50px 50px; line-height:30px;}
.intro1{ padding:0px 50px;}

  .project h2{ padding-top:20px; padding-bottom:15px; font-weight:normal; color:#313131; font-size:30px;}
  .article-metadata{ padding-bottom:15px; line-height:23px; font-size:14px; color:rgba(0,0,0,0.54);}
  .btn-links{ margin-bottom:15px;}
  .btn-links a{ display:inline-block; border-radius:4px; color:#2962ff; border:1px solid #2962ff; padding:10px; margin-right:10px;}
  .project_pic{ max-width:100%;}
  .article-container{ margin-top:20px;}
/*Add------------------------------------------------------------------------------*/

/*contact*/
.contact h2{ height:36px; line-height:36px; padding-left:20px; color:#fff; background:#999;}
.contact{ margin-top:15px; }
.contact ul{ padding:10px 10px; border:#e4e4e4 solid 1px;}
.contact ul li{ line-height:20px; padding:3px 0;}

/*proShow*/
.product_show ul li{ width:130px;line-height:20px;}
.product_show ul li{ float:left; margin:15px 20px 0; border:#e4e4e4 solid 1px; display:inline;}
.pro img{max-width:120px; max-height: 90px; width: expression(this.width >120 && this.height < this.width ? 120: true); height: expression(this.height > 90 ? 90: true);}
.hover2{ background:#f4f4f4;}

/*product_list*/
.side_product { margin-top:15px;}
.side_product h2{ height:36px; line-height:36px; padding-left:20px; color:#fff; background:#999;}
.side_product ul{ padding:10px 10px; border:#e4e4e4 solid 1px; }
.side_product ul li{line-height:24px;}
.side_product ul li a{ padding-left:30px; display:block; border-bottom:#e4e4e4 dashed 1px;background: url(http://stat.aly519.159301.com/images/side_menu_bg.gif) 10px 8px no-repeat;}
.side_product ul li dl dd a{ display:inline; border:none; background:none;}

@media screen and (max-width:720px){
.wapper{ width:96%; margin:0 auto;}
.topnav{background-color: rgba(51,51,51,0.8);overflow:hidden;top:0;position: -webkit-sticky;position:sticky; display:block; height:45px;}
.topnav a{float:right;display: block;color: #e87722;text-align: center;padding: 14px 16px;text-decoration: none;font-size: 17px;}
.topnav a:hover{background-color: #002058;color:#fff;}
.nav{width: 300px;background-color:rgba(51,51,51,0.8);position:fixed;right:0px;display:none; top:45px; height:auto;}
.nav-vis{display:block;}
.nav ul li a{display:block;color:#e87722;text-align:left;font-size:20px;}
.nav ul li a.active {background-color: #002058;color: white;}
.nav ul li a.nav:hover:not(.active) {background-color: #002058;color: white;}

.c1_left{ float:none; width:100%; text-align:center;}
.c1_right{ float:none; width:100%; margin-top:20px;}
.c1_right h2{ color:#002058; font-size:26px; padding:10px 0px; border-bottom:1px solid #aaaaaa;}

.f1_left{ float:none; width:100%;}
.f1_right{ float:none; margin-top:20px;}

.Research_con ul li{ float:none; width:100%; margin-right:0px; margin-bottom:20px;}
.people_con ul li{ float:left; width:49%; margin-right:2%; margin-bottom:20px;}
.people_con ul li:nth-child(2n){ margin-right:0px;}
.people_con ul li .people_pic img{ max-width:100%; max-height:225px;}


.intro{ padding:30px 30px; line-height:30px;}
.intro1{ padding:0px 30px;}
}

@media screen and (max-width:460px){
.Publication_con ul li .Publication_pic{ float:none; width:100%;}
.Publication_con ul li .Publication_pic img{ width:auto; max-width:100%;}
.Publication_con ul li .Publication_txt{ float:none; width:100%; margin-top:10px;}
.link_con ul li .link_pic{ float:left; width:200px;}
.link_con ul li .link_pic img{ width:200px;}
.link_con ul li .link_txt{ float:right; width:calc(100% - 220px)}
.link_con ul li .link_txt a{ display:block; font-size:16px; line-height:24px; font-weight:bold; color:#333;}


.intro{ padding:10px 10px; line-height:30px;}
.intro1{ padding:0px 10px;}
}