/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0; list-style:none; text-decoration:none; border:0; list-style:none;}
body{ font-size:14px; font-family: Arial,' '; color:#333;}
a{ color:#666;}
a:hover{ color:#F58220; text-decoration:none;}
p{line-height:1.5em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:100%; max-width:1200px; margin:0 auto;}
.wapper1{ width:100%; max-width:1200px; margin:0 auto;}
input,textarea,select{outline:none}
img{ max-width:100%;}
/*common end*/

.headbg{ width:100%; background:#fff; position:relative; z-index:55; border-bottom:1px solid #eee;}
.head{ height:184px; position:relative;}
.head .logo{ float:right; width:130px; height:184px; position:relative; margin-right:4%;}
.head .logo img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto 0;}
/*menu*/
.menu{height:44px;line-height:44px; float:left; margin:70px 0 0 4%;}
.menu ul li{ float:left; position:relative;}
.menu ul li a{ font-size:14px;color:#999; text-decoration:none; display:block;text-align:left; }
.menu ul li a:hover{ color:#000;}
.menu ul li a.menu_hover{ color:#000;}
.menu ul li a.on{ color:#F58220;}
.menu ul li span a{ width:120px; height:44px; position:relative; overflow:hidden;}
.menu ul li b{ font-weight:normal;padding:0 20px; width:80px; position:absolute; top:0; left:0; transition:all .3s ease;}
.menu ul li:hover b{ transition:all .3s ease;}
.menu ul li .txt1{}
.menu ul li:hover .txt1{ transform:rotateX(180deg);
-khtml-opacity:0;-moz-opacity:0;filter:alpha(opacity=0);filter:"alpha(opacity=0)";opacity:0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
.menu ul li .txt2{ transform:rotateX(180deg);
-khtml-opacity:0;-moz-opacity:0;filter:alpha(opacity=0);filter:"alpha(opacity=0)";opacity:0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
.menu ul li:hover .txt2{ transform:rotateX(0deg);
-khtml-opacity:1;-moz-opacity:1;filter:alpha(opacity=100);filter:"alpha(opacity=100)";opacity:1; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);}
.menu ul li dl{ background:#222; width:220px; position:absolute; left:0; top:100%; box-shadow:2px 2px 5px rgba(0,0,0,0.2); display:none; }
.menu ul li dl dd{ line-height:44px; height:44px; overflow:hidden;}
.menu ul li dl dd a{ font-size:12px; color:#999; padding:0 20px; text-align:left;}
.menu ul li dl dd a:hover{ color:#F58220; background:#000;}
@media(max-width:768px){
.wapper{ width:100%; }
.wapper1{ min-width:1px;}
.headbg{ display:none;}
}

.head_mbg{ width:100%; background:#fff; position:relative; z-index:555; border-bottom:1px solid #eee; display:none;}
.head_m{ height:100px; position:relative;}
.head_m .logo{ width:60%; height:100px; position:relative; margin-left:4%;}
.head_m .logo img{ max-width:80%; max-height:80%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto 0;}
.nav_open{ height:40px; line-height:40px; text-align:center; position:absolute; top:30px; right:4%;}
.nav_open i{ font-size:24px; vertical-align:middle;}
.navbg{ width:100%; height:100%; background:#fff; position:fixed; top:0; left:0; z-index:666; display:none;}
.nav{ padding:120px 5% 20px 5%; position:relative;}
.nav_close{ height:40px; line-height:40px; text-align:center; position:absolute; top:30px; right:4%;}
.nav_close i{ font-size:20px; vertical-align:middle;}
.nav_list{ height:calc(100vh - 140px);  width:100%;}
.tree{}
.tree_box{ }
.tree_one,.tree_two{display: none; overflow: hidden;}
.tree_box h3{ font-weight:normal; font-size:14px; height:49px; line-height:49px; overflow:hidden; margin:0; position:relative; border-bottom:1px solid #eee;}
.tree_box h3 a{ color:#333; position:relative; z-index:10;}
.tree_box h3 a:hover{ color:#cc0000;}
.tree_box h3 span{ position:absolute; width:100%; height:100%; left:0; top:0; text-align:right;}
.tree_box h3 span i{}
.tree_one h4{ font-weight:normal; font-size:12px; position:relative; height:39px; line-height:39px; overflow:hidden; margin:0 0 0 5%; border-bottom:1px solid #eee;}
.tree_box h4 a{ color:#666; position:relative; z-index:10;}
.tree_box h4 a:hover{ color:#cc0000;}
@media(max-width:768px){
.head_mbg{ display:block; }
}



.photo2bg{ }
.photo2{ position:relative;}
.photo2 .card-columns{}
.photo2 .card{ width:50%;}
.photo2 .card:nth-child(1){ float:left;}
.photo2 .card:nth-child(2){ float:right;}
.photo2 .card:nth-child(3){ float:right;}
.photo2 .card:nth-child(4){ float:left;}
.photo2 .card:nth-child(5){ float:left;}
.photo2 .card:nth-child(6){ float:right;}
.photo2 .card:nth-child(7){ float:left;}
.photo2 .card:nth-child(8){ float:right;}
.photo2 .box{ position:relative;}
.photo2 .box img{ width:100%; display:block;}
.photo2 .box .txt{ width:100%; height:100%; background:rgba(15,15,15,.7); color:#fff; position:absolute; top:0; left:0; text-align:center; transition:all .3s ease;
-khtml-opacity:0;-moz-opacity:0;filter:alpha(opacity=0);filter:"alpha(opacity=0)";opacity:0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
.photo2 .box:hover .txt{ transition:all .3s ease;
-khtml-opacity:1;-moz-opacity:1;filter:alpha(opacity=100);filter:"alpha(opacity=100)";opacity:1; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);}
.photo2 .box .txt table,.photo2 .box .txt table td{ height:100%; padding:0 15px;}
.photo2 .box .txt h2{ font-weight:normal; font-size:25px; line-height:1.5em; margin:0;}
.photo2 .box .txt h3{ font-weight:normal; font-size:20px; line-height:1.5em; margin:10px 0 0 0;}
@media(max-width:768px){
.photo2 .card{ float:none !important; width:100%;}
}



.f1_height{ height:64px; display:none;}
.foot1bg{ width:92%; padding:0 4%; background:#fff; position:fixed; z-index:44; bottom:0; left:0;transition:all .3s ease;
-khtml-opacity:0;-moz-opacity:0;filter:alpha(opacity=0);filter:"alpha(opacity=0)";opacity:0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
.foot1bg:hover{ transition:all .3s ease;
-khtml-opacity:1;-moz-opacity:1;filter:alpha(opacity=100);filter:"alpha(opacity=100)";opacity:1; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);}
.foot1{ height:64px; line-height:64px; text-align:center;}
.foot1 ul li{ float:right; font-size:20px; margin-left:10px;}
.foot1 ul li a{ color:#999;}
.foot1 ul li a:hover{ color:#000;}
.foot1 ul li i{ font-style:normal; font-weight:bold;}
@media(max-width:768px){
.f1_height{ display:block;}
.foot1bg{
-khtml-opacity:1;-moz-opacity:1;filter:alpha(opacity=100);filter:"alpha(opacity=100)";opacity:1; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);}
.foot1 ul li{ float:none; display:inline-block; margin:0 10px;}
}



/*Add------------------------------------------------------------------------------*/


.in_navbg{ margin-top:80px;}
.in_nav{ text-align:center;}
.in_nav h2{ font-weight:normal; font-size:16px; line-height:2em; text-align:center;}
.in_nav h2 a{ display:inline-block; padding:0 5px; color:#999;}
.in_nav h2 a:hover{ color:#F58220;}
.in_nav h2 a.on{ color:#F58220; border-bottom:1px solid #F58220; font-weight:bold;}
.in_nav ul{ margin-top:20px;}
.in_nav ul li{ display:inline-block; font-size:16px; line-height:2em; text-align:center; margin:0 20px;}
.in_nav ul li a{ display:inline-block; color:#999;}
.in_nav ul li a:hover{ color:#F58220;}
.in_nav ul li a.on{ color:#F58220; border-bottom:1px solid #F58220; font-weight:bold;}

.picListbg{ margin-top:30px; padding-bottom:50px;}
.picList{}
.picList ul li{ float:left; width:32%; margin:2% 2% 0 0; position:relative; text-align:center;}
.picList ul li:nth-child(3n){ margin-right:0;}
.picList ul li .img{ overflow:hidden;}
.picList ul li .imgbg{ padding-bottom:66%; transition:all .3s ease;}
.picList ul li:hover .imgbg{ transition:all .3s ease;
 -webkit-transform: scale3d(1.2,1.2,1);
    transform: scale3d(1.2,1.2,1);}
.picList ul li .txt{ width:100%; height:100%; background:rgba(255, 255, 255, 0.9); position:absolute; top:0; left:0; display:none;}
.picList ul li:hover .txt{ display:block;}
.picList ul li .txt table,.picList ul li .txt table td{ height:100%;}
.picList ul li .txt h2{ font-weight:normal; font-size:14px; line-height:1.5em; color:#333;}
.picList ul li .txt h2 i{}
.picList ul li .txt h3{ font-weight:normal; font-size:13px; line-height:1.5em; color:#666; margin-top:5px;}
@media(max-width:768px){
.picList ul li{ float:none; width:92%; margin:4% 4% 0 4%;}
}



.foot2bg{}
.foot2{ border-top:1px solid #e3e3e3; font-size:13px; line-height:1.5em; color:#a9a9a9; padding:20px 0; text-align:center;}
.foot2 a{ color:#a9a9a9;}
.foot2 a:hover{ color:#000;}
@media(max-width:768px){
.foot2bg{ padding:0 4%;}
}



.picDetail{}
.picDetail_1bg{}
.picDetail_1{ position:relative;}
.picDetail_1 .img{ height:100vh;}
.picDetail_1 .txtbg{ width:100%; height:100%; background:rgba(0, 0, 0, 0.4); position:absolute; top:0; left:0; z-index:1;}
.picDetail_1 .txt{ width:92%; padding:0 4% 40px 4%; position:absolute; bottom:0; left:0; text-align:center; color:#fff; z-index:2;}
.picDetail_1 .txt h2{ font-weight:normal; font-size:14px; line-height:1.5em;}
.picDetail_1 .txt h3{ font-weight:normal; font-size:18px; line-height:1.5em; margin-top:10px;}

.picDetail_2bg{ padding:130px 0 130px 0;}
.picDetail_2{}
.picDetail_2 .box1{}
.picDetail_2 .box1 .lt{ float:left; width:33%; line-height:22px;}
.picDetail_2 .box1 .lt table th{ text-align:left; padding:5px 0;}
.picDetail_2 .box1 .lt table td{ font-size:14px; padding:5px 0;}
.picDetail_2 .box1 .rt{ float:right; width:50%;}
.picDetail_2 .box2{ margin-top:100px;}
.picDetail_2 .box3{ margin-top:200px; border-top:1px solid #eee;}
.picDetail_2 .box3 a{ display:block; width:110px; height:48px; line-height:48px; background:#eee; color:#333; text-align:center;}
.picDetail_2 .box3 .lt{ float:left;}
.picDetail_2 .box3 .rt{ float:right;}
.picDetail_2 .box3 .ct{ float:left; margin-left:435px;}
.picDetail_2 .box3 .ct a{ background:none;}
.picDetail_2 .box3 .ct a:hover{ background:#eee;}
@media(max-width:768px){
.picDetail_1 .img{ height:50vh;}
.picDetail_2bg{ padding:40px 4% 130px 4%;}
.picDetail_2 .box1 .lt{ float:none; width:100%;}
.picDetail_2 .box1 .rt{ float:none; width:100%; margin-top:30px;}
.picDetail_2 .box3 .ct{ display:none;}
}





.joinbg{ padding:100px 0 60px 0;}
.join{ color:#313131;}
.join .box1{}
.join .box1 h2{ font-weight:normal; font-size:30px; line-height:1.5em; color:#303030;}
.join .box1 h3{ font-weight:normal; font-size:12px; line-height:1.5em; margin-top:40px;}
.join .box2{ margin-top:50px;}
.join .box2 ul li{ margin-top:50px;}
.join .box2 ul li h2{ font-weight:normal; font-size:18px; line-height:1.5em;}
.join .box2 ul li .list{ margin-top:20px;}
.join .box2 ul li .list dl{ margin-top:20px;}
.join .box2 ul li .list dl dt{ font-size:14px; line-height:1.5em;}
.join .box2 ul li .list dl dd{ font-size:12px; line-height:1.5em; margin-top:10px; color:#959595;}
.join .box3{ margin-top:130px;}
.join .box3 h2{ font-weight:normal; font-size:18px; line-height:1.5em;}
.join .box3 h3{ font-weight:normal; font-size:12px; line-height:1.5em; color:#959595; margin-top:5px;}
.join .box3 h3 span{ display:block;}
.join .box3 h3 a{ color:#959595;}
.join .box3 h4{ font-weight:normal; font-size:12px; line-height:1.5em; color:#959595; margin-top:25px;}
@media(max-width:768px){
.joinbg{ padding:40px 4% 60px 4%;}
}



.insidebg{ padding:100px 0 60px 0;}
.inside{ color:#313131;}
@media(max-width:768px){
.insidebg{ padding:40px 4% 60px 4%;}
}






.picList2bg{ margin-top:30px; padding-bottom:50px;}
.picList2{ width:1000px;}
.picList2 ul li{ float:left; width:calc((100% - 100px)/3); margin:50px 50px 0 0; text-align:center}
.picList2 ul li:nth-child(3n){ margin-right:0;}
.picList2 ul li a{ color:#666; text-decoration:none;}
.picList2 ul li a:hover{ text-decoration:none;}
.picList2 ul li .img{ padding-bottom:100%; position:relative;}
.picList2 ul li .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.picList2 ul li .txt{}
.picList2 ul li .txt h2{ font-weight:normal; font-size:16px; line-height:2em; height:2em; overflow:hidden; color:#333;}
.picList2 ul li .txt h3{ font-weight:normal; font-size:16px; line-height:2em; height:2em; overflow:hidden; color:#999;}
@media(max-width:768px){
.picList2{ width:100%;}
.picList2 ul li{ float:none; width:92%; margin:4% 4% 0 4%;}
.picList2 ul li .txt h2{ font-size:14px; line-height:1.5em; height:auto;}
.picList2 ul li .txt h3{ font-size:14px; line-height:1.5em; height:auto; margin-top:5px;}
}