@charset "utf-8";
/* CSS Document */
body,ul,p,h1,h2,h3,h4,dl,dd,form,input,textarea,select { padding:0; margin:0;  }
body{ font-family:"微软雅黑"; position:relative; z-index:1; background:#F4F4F4;}
a:hover, a:focus{ text-decoration:none;}
li { list-style:none; }
img { border:none; }
a { text-decoration:none; }
a:hover { text-decoration:none; }
.clear { zoom:1; clear:both; }
.clear:after { content:''; display:block; clear:both; }
.myclear { zoom:1; clear:both; display:none; }
table{ border-collapse:collapse;}
.transform_time{ -webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s;}
.transform_img{ transform: scale(1.1); -webkit-transform: scale(1.1);  -o-transform: scale(1.1);  -moz-transform: scale(1.1);}
.font{ overflow:hidden; white-space:nowrap;  text-overflow: ellipsis;}
.font{ overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}


.container{ width:100%; max-width:1200px; margin:0 auto;}
.transtime{-webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s;}
.welcome{ width:100%; background:#235BCA; height:40px; line-height:40px;}
.welcome_center{ width:100%; max-width:1200px; margin:0 auto; height:40px; line-height:40px;}
.welcome_left{ width:50%; height:40px; float:left; font-size:16px; color:#fff;}
.welcome_right{ width:50%; height:40px; float:right; font-size:16px; color:#fff; text-align:right;}
.navbar-fixed-top{ position:absolute; width:100%; top:40px; z-index:1050; background:#fff;}
.fixed{ position:fixed; top:0;}
.navbar{ margin:0; border:none;}
.navbar-header{ width:100%; max-width:1200px; margin:0 auto; position:relative; z-index:1;}
.nav_box{ width:100%; max-width:1200px; margin:0 auto; height:80px; background:#fff; position:relative; z-index:1;}
.logo_img{ left:0; position:absolute; top:0; left:0; height:80px; width:360px; overflow:hidden;}
.logo_img img{ height:80px;}
.mynav{ height:80px; display:block; width:100%; padding-left:360px; padding-right:54px; max-width:1134px; float:right;}
.mynav li{ width:12.5%; float:left; text-align:center; position:relative; z-index:9; height:80px; line-height:80px;}
.mynav li a{ padding:0; display:block; width:100%; height:80px; font-weight:normal; font-size:16px; color:#333333; line-height:80px;}
.mynav li.active sub{ width:74px;}
.mynav li sub{ bottom:4px; height:4px; width:0; position:relative; background:#235BCA; display: block; -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); margin:0 auto; -moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);  -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.mynav li:hover sub{ width:74px;}
.nav_right{ width:54px; height:80px; position:absolute; top:0; z-index:9; right:0; background:url(../images/nav_right.jpg) left center no-repeat;}
.mob_menu{ position:absolute; right:0px;}
.mob_menu .icon-bar1.rotated {position:absolute; top: 16px; -moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
.mob_menu .icon-bar2.rotated { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0;-moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0;}
.mob_menu .icon-bar3.rotated {position:absolute;  top: 12px;-moz-transform: rotate(45deg); -webkit-transform: rotate(45deg);  -o-transform: rotate(45deg);  -ms-transform: rotate(45deg);  transform: rotate(45deg);}
.trans, .trans:hover { -webkit-transition: all 277ms ease-in-out; -moz-transition: all 277ms ease-in-out; -o-transition: all 277ms ease-in-out;  transition: all 277ms ease-in-out;  -ms-transition: all 277ms ease-in-out;}
.trans-fast, .trans-fast:hover {  -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out;}
.open-toggle{ padding:13px 6px 15px 6px;}

.i_banner{ position:relative; z-index:9; width:100%; padding-top:80px;}
#owl-demo{ display:none; height:640px; width:100%;}
#owl-demo .item { display: block; width:100%; height:640px;}
#owl-demo img { display:none;}
#owl-demo .owl-controls {   height:0; padding:0; margin:0;}
#owl-demo .owl-controls .owl-buttons div{ position:absolute; top:50%; margin-top:-30px; color: #F4A21A;display: inline-block;zoom: 1;*display: inline;font-size: 12px;width:60px;height:60px;text-indent:5000px;float:left; z-index:1040; overflow:hidden;}
#owl-demo .owl-wrapper-outer{ z-index:1040;}
#owl-demo .owl-controls .owl-pagination {width: 100%; max-width:100% !important;  margin: 0 auto; text-align:center; position:absolute; bottom:0; z-index:1040;}
#owl-demo .owl-controls .owl-page span {display: block;width: 14px;height: 14px;margin: 5px; border:1px solid #fff;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;background-color: #fff;}
#owl-demo .owl-controls .owl-page.active span, #owl-demo .owl-controls.clickable .owl-page:hover span {background-color: #235BCA;}

.i_form{ width:100%; background:url(../images/i_form.png) repeat; position:absolute; bottom:0; left:0; z-index:6000;}
.i_form i{ display:none;}
.i_form_center{ padding:20px 25px; width:100%; margin:0 auto; max-width:1200px;}
.i_form_select{ width:160px; height:40px; float:left; padding:0 5px;}
.i_form_radio{ font-size:14px; color:#9B9B9B; line-height:38px;  width:260px; border:1px solid #9B9B99; background:#fff; float:left; height:40px; margin:0 5px}
.i_form_radio .input_text{ outline:none; text-indent:4px; width:138px; line-height:38px; height:38px; border:none; background:none; color:#9B9B9B; }
.i_form_radio label{ font-size:14px; color:#9B9B9B; font-weight:normal; cursor:pointer;}
.i_form_radio label:hover{ color:#235BCA;}
.i_form_input{ font-size:14px; position:relative; z-index:1; color:#9B9B9B; line-height:38px;  width:200px; border:1px solid #9B9B99; background:#fff; height:40px; float:left; margin:0 5px}
.i_form_input .input_text{ outline:none; padding:0 4px 0 4px; width:100%; line-height:38px; height:38px; border:none; background:none; color:#9B9B9B; }
.i_form_input2{ width:130px;}
.i_form_input3{ width:240px;}
.i_form_but{ width:110px; padding:0 5px; height:40px; float:left;}
.i_form_but .submit_but{ font-size:14px; color:#fff; line-height:40px; border:none; background:#235BCA; text-align:center; cursor:pointer; outline:none; width:100px;}



.n_form{  position:absolute; bottom:0; left:0; z-index:6000;}
.n_form i{ display:none;}
.n_form_center{ padding:20px 25px; width:100%; margin:0 auto; max-width:1200px;}
.n_form_select{ width:160px; height:40px; float:left; padding:0 5px;}
.n_form_radio{ font-size:14px; color:#9B9B9B; line-height:38px;  width:260px; border:1px solid #9B9B99; background:#fff; float:left; height:40px; margin:0 5px}
.n_form_radio .input_text{ outline:none; text-indent:4px; width:138px; line-height:38px; height:38px; border:none; background:none; color:#9B9B9B; }
.n_form_radio label{ font-size:14px; color:#9B9B9B; font-weight:normal; cursor:pointer;}
.n_form_radio label:hover{ color:#235BCA;}
.n_form_input{ font-size:14px; position:relative; z-index:1; color:#9B9B9B; line-height:38px;  width:200px; border:1px solid #9B9B99; background:#fff; height:40px; float:left; margin:0 5px}
.n_form_input .input_text{ outline:none; padding:0 4px 0 4px; width:100%; line-height:38px; height:38px; border:none; background:none; color:#9B9B9B; }
.n_form_input2{ width:130px;}
.n_form_input3{ width:240px;}
.n_form_but{ width:110px; padding:0 5px; height:40px; float:left;}
.n_form_but .submit_but{ font-size:14px; color:#fff; line-height:40px; border:none; background:#235BCA; text-align:center; cursor:pointer; outline:none; width:100px;}


.n_form{ z-index:10000;  width:100%; background:url(../images/i_form.png) repeat; -webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; bottom:-390px;  left:0;}
.n_form i{-webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; cursor:pointer; display:block; width:80px; height:40px;  background:url(../images/i_form_i1.png) center top no-repeat; position:absolute; top:-30px; z-index:7000; left:50%; margin-left:-40px;}
.n_form_center{ height:400px; padding:30px 0px 0; width:100%; margin:0 auto; max-width:390px;}
.n_form_select{ width:100%; height:40px; float:left; padding:0px; margin-top:20px;}
div.fancy-select div.trigger{ width:100%;}
div.fancy-select ul.options{ width:100%;}
.n_form_radio{ width:100%; height:40px; margin:0; margin-top:20px;}
.n_form_radio .input_text{ width:130px;}
div.fancy-select div.trigger{padding: 9px 24px 9px 4px;}

.n_form_input{ width:100%; height:40px; float:left; margin:0; margin-top:20px;}
.n_form_input2{ width:100%; height:40px; float:left; margin:0; margin-top:20px;}
.n_form_input3{ width:100%; height:40px; float:left; margin:0; margin-top:20px;}

.n_form_but{ width:100%; padding:0; height:40px; float:left; margin-top:20px;}
.n_form_but .submit_but{ width:100%;}

.n_form i.open{-webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; background:url(../images/i_form_i.png) center no-repeat; height:80px; top:-40px;}
.n_form.open{-webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; bottom:0;}


/**底部**/
.foot_link{ background:#fff; min-height:300px; width:100%;}
.foot_link_box{ width:100%; max-width:1200px; margin:0 auto; padding:20px 0; position:relative; z-index:1;}
.foot_link_left{ width:100%; padding-right:240px;}
.foot_link_left dl{ width:14.2857%; float:left;}
.foot_link_left dl dt{ margin-bottom:10px; background:url(../images/foot_link_left.jpg) left bottom no-repeat; line-height:52px; font-size:16px; color:#222; font-weight:normal;}
.foot_link_left dl dt a{ line-height:52px; font-size:16px; color:#222;}
.foot_link_left dl dt a:hover{ color:#235BCA;}
.foot_link_left dl dd{ line-height:24px; font-size:14px; color:#666666;}
.foot_link_left dl dd a{ line-height:24px; font-size:14px; color:#666666;}
.foot_link_left dl dd a:hover{ color:#235BCA;}
.foot_link_right{ width:240px; position:absolute; top:30px; z-index:9; right:0; min-height:200px; padding-left:60px; border-left:1px solid #DDDDDD;}
.foot_link_right .footweixin{ width:100%; padding-top:14px;}
.foot_link_right .left_div{ margin:0 auto; width:114px; height:114px; overflow:hidden;}
.foot_link_right .right_div{ float:right; width:180px;}
.foot_link_right .right_div h1{ font-size:38px; color:#999; line-height:50px; text-align:center; font-weight:normal;}
.foot_link_right .right_div p{ font-size:16px; line-height:30px; text-align:center; color:#999;}

.icp{ width:100%; background:#727071; }
.icp_center{ width:100%; margin:0 auto; font-size:14px; max-width:1200px; text-align:center; line-height:24px; padding:14px 10px; color:#bdbdbd;}

/**客服**/
.kf{ width:50px; height:152px; background:url(../images/kf_but.png) no-repeat; position:fixed; z-index:99999; top:500px; right:20px;}
.kf .qqbox{ display:block; width:50px; height:101px; padding-top:52px; position:relative; z-index:99999;}
.kf .qqbox p{ line-height:22px; color:#fff; font-size:12px; text-align:center;}
.kf .qqbox ul{ display:none; width:120px; height:150px; background:#235BCA; padding:10px; position:absolute; top:0; right:50px; z-index:999999;}
.kf .qqbox ul li{ width:100%; height:36px; line-height:36px;}
.kf .qqbox ul li a{ display:block; width:100%; font-size:14px; color:#fff;}
.kf .qqbox ul li a img{ height:24px; width:24px;}

.kf span{ width:50px; height:50px; display:block; cursor:pointer;}

/**内页**/
.n_banner{ width:100%; height:440px; padding-top:80px; margin:0 auto;}
.n_banner img{ width:100%; display:none;}

.n_banner2{ height:462px; width:100%; max-width:1200px; margin:110px auto 70px; position:relative; z-index:1; overflow:hidden;}
.n_banner2 img{ width:100%; display:none;}
.n_main2{ width:100%; background:#F4F4F4; margin:0 auto; padding-top:80px;}

#n_banner2_img{ width:100%; height:462px;}
#n_banner2_img .item{ display:block; height:462px; width:100%;}
#n_banner2_img .item img{ display:none;}

#n_banner2_img .owl-controls {   height:0; padding:0; margin:0 auto;}
#n_banner2_img .owl-wrapper-outer{ z-index:1040;}
#n_banner2_img .owl-controls .owl-pagination { padding-bottom:0px;width: 100%; max-width:100% !important;  margin: 0 auto; text-align:center; position:absolute; bottom:0; z-index:1040;}
#n_banner2_img .owl-controls .owl-page span {display: block;width: 10px;height: 10px;margin: 4px; border:1px solid #fff; background:none; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
#n_banner2_img .owl-controls .owl-page.active span, #n_banner2_img .owl-controls.clickable .owl-page:hover span { background:#fff;}



.tj_ad{ padding:12px; width:370px; height:380px; background:url(../images/i_form.png) repeat; position:absolute; top:50%; margin-top:-190px; right:54px; z-index:9999;}
.tj_ad_box{ border:1px solid #fff; width:100%; height:100%; padding:20px;}

.tj_ad_box h1{ line-height:48px; font-size:20px; font-weight:normal; color:#fff;  -webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s;}
.tj_ad_box .products_tab{ padding:8px 0;}
.tj_ad_box .products_tab span{-webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; display:inline-block; height:20px; line-height:20px; font-size:12px; color:#333333; background:#fff; padding:0 6px; margin:0 2px;}
.tj_ad_box h2{ font-weight:600; font-size:14px; color:#fff; line-height:38px;}
.tj_ad_box .products_con{ font-size:12px; color:#fff; line-height:24px; padding-bottom:14px;}
.tj_ad_box .products_con p{font-size:12px; color:#fff; line-height:24px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.tj_ad_box .products_other{ width:100%;}
.tj_ad_box .products_other li{ width:50%; float:left; line-height:24px; font-size:12px; color:#fff;}
.tj_ad_box .products_other li span{-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; margin-right:6px; background:#fff; color:#333; padding:0 4px; line-height:24px; font-size:12px;}

.tj_ad_box .products_more{ width:100%; padding-top:24px;}
.tj_ad_box .products_more h3{ display:block; width:120px; float:right; font-size:18px; font-weight:normal; text-align:right; line-height:44px; font-weight:normal; color:#fff;}
.tj_ad_box .products_more .products_but{ display:block; float:left; width:100px; height:32px; background:#235BCA; color:#fff; text-align:center; font-size:12px; line-height:32px; -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}

.n_left_post{ padding:0 10px;}
.n_main{ width:100%; background:#F4F4F4; margin:0 auto; padding:0 0 160px;}
.n_main_center{ width:100%; max-width:1200px; margin:0px auto; top:-40px; position:relative; z-index:99;}
.n_left{ background:#fff; width:260px; float:left; }
.n_nav{ width:100%; background:#fff; border-bottom:3px solid #235BCA;}
.n_left_top{ width:100%; height:114px; padding-top:30px; background:url(../images/n_left_top.jpg) top no-repeat;}
.n_left_top h1{ color:#fff; text-align:center; font-size:30px; text-align:center; line-height:34px; font-weight:normal;}
.n_left_top p{text-transform:uppercase; width:100%; line-height:20px; font-size:12px; color:#fff; text-align:center;}
.n_nav dl{ width:100%; padding:20px;}
.n_nav_box{ width:100%; border:1px solid #EEEEEE;}
.n_nav dl dt{ display:none;}
.n_nav dl dd{ width:100%;  border-bottom:1px solid #EAEAEA;}
.n_nav dl dd a{padding:0 14px; display:block; width:100%; height:39px;  background:url(../images/n_nav_a.png) right center no-repeat;  line-height:39px; font-family:"宋体"; font-size:16px; color:#666666;}

.n_nav dl dd ul{ width:100%; display:none;}
.n_nav dl dd ul li{ width:100%;}
.n_nav dl dd ul li a{ font-size:14px; color:#a8a8a8; background:url(../images/n_nav_a2.png) right center no-repeat;}

.n_nav dl dd a:hover{ color:#fff; border-bottom:1px solid #235BCA; background:#235BCA url(../images/n_nav_a_hover.png) right center no-repeat;}
.n_nav dl dd.active{ border-bottom:none;}
.n_nav dl dd.active ul{ background:#fff;}
.n_nav dl dd.active a{ color:#fff; border-bottom:1px solid #235BCA; background:#235BCA url(../images/n_nav_a_hover.png) right center no-repeat;}
.n_nav dl dd.active ul li a{ font-size:14px; border-bottom:1px solid #EAEAEA; color:#a8a8a8; background:url(../images/n_nav_a2.png) right center no-repeat;}
.n_nav dl dd.active ul li.cur a{ color:#235BCA; border-bottom:1px solid #EAEAEA; background:url(../images/n_nav_a2_hover.png) right center no-repeat;}
.n_nav dl dd.active ul li a:hover{ color:#235BCA; border-bottom:1px solid #EAEAEA; background:url(../images/n_nav_a2_hover.png) right center no-repeat;}
.n_left_h1{ width:100%; background:url(../images/n_left_h1.jpg) center left no-repeat; height:45px; border-bottom:1px dotted #787878; line-height:44px; text-indent:12px; font-size:14px; font-weight:normal; color:#333333;}
.n_left_h2{ width:100%; background:url(../images/n_left_h1.jpg) center left no-repeat; height:44px; line-height:44px; text-indent:12px; font-size:14px; font-weight:normal; color:#333333;}

.n_left_host{ width:100%;  border:1px solid #EAEAEA; background:#fff; margin-top:24px; padding:0 14px 14px;}
.n_left_host ul{ width:100%;}
.n_left_host ul li{ width:100%; padding-bottom:15px;}
.n_left_host ul li a{ border-bottom:1px solid #EAEAEA; display:block; width:100%; padding-bottom:6px;}
.n_left_host ul li a .host_pic{ width:100%; overflow:hidden; margin-bottom:4px;}
.n_left_host ul li a .host_pic img{ width:100%;}
.n_left_host ul li a p{ font-size:14px; color:#333333; line-height:24px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.n_left_host ul li a h1{ font-size:12px; color:#999; line-height:30px; width:100%; padding-right:90px; font-weight:normal; position:relative; z-index:1;}
.n_left_host ul li a h1 span{ position:absolute; z-index:9; right:0; top:0; line-height:30px; height:30px; width:90px; text-align:right; font-size:12px; color:#333;}

.n_left_host_box{display:none;}

.all_nav_bg{ display:none; z-index:88; background:url(../images/i_form.png) repeat; position:absolute; top:0; left:0; height:100%; width:100%;}


.n_right{ padding:10px 20px 20px; width:918px; float:right; min-height:1305px;  border:1px solid #EFEFEF; background:#fff;}
.n_right_top{ height:64px; line-height:62px; background:url(../images/n_right_top.jpg) center left no-repeat; border-bottom:2px solid #EFEFEF;}
.n_right_top h1{ text-indent:16px; width:40%; float:left; font-size:20px; height:62px; line-height:62px; font-weight:normal; color:#474747;}
.n_right_top p{ font-family:"宋体"; width:60%; float:right; height:64px; padding-top:18px; line-height:46px; font-size:12px; color:#999999; text-align:right;}
.n_right_top p a{ line-height:46px; font-size:12px; color:#999999; padding:0 4px;}
.n_right_top p span{ line-height:46px; font-size:12px; color:#999999; padding:0 4px;}
.n_right_top p a:hover{color:#235BCA;}

.n_con{ font-size:14px; line-height:24px; color:#666; padding:20px 0;}
.n_con img{ max-width:100% !important;}

/**project**/
.n_project{ width:100%; margin:0 auto; max-width:1200px; padding-top:30px;}
.n_project_list{ width:100%; position:relative; z-index:1; background:#F6F6F6; margin-bottom:50px;}
.n_project_list dt{ width:50%;}
.n_project_list dt img{ width:100%;}
.n_project_list dd{-webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; height:100%; position:absolute; z-index:9; width:50%; padding:20px 0; right:20px; top:0px;}
.n_project_list dd .n_project_con{ width:100%; height:100%; background:#fff; padding:20px;}
.n_project_list dd .n_project_con h1{overflow:hidden; white-space:nowrap;  text-overflow: ellipsis; font-size:16px; font-weight:normal; color:#333; line-height:26px; padding:12px 0;}
.n_project_list dd .n_project_con span{ -webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; color:#5C5C5C; font-size:16px; display:block; width:182px; text-align:center; line-height:44px; height:46px; border:1px solid #DDDDDD;}
.n_project_list dd .n_project_con .n_project_detail{ margin-bottom:20px;}
.n_project_list dd .n_project_con .n_project_detail p{ height:96px; line-height:24px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; font-size:12px; color:#999;}
.n_project_list dd .n_project_con .n_project_but p{ background:url(../images/area.png) no-repeat; font-size:14px; line-height:28px; color:#666; position:relative; z-index:1; height:28px; padding:0 90px 0 24px;}
.n_project_list dd .n_project_con .n_project_but p span{ display:block; width:82px; height:24px; border:1px solid #BDBDBD; text-align:center; font-size:12px; line-height:22px; color:#bdbdbd; position:absolute; top:50%; right:0; z-index:9; margin-top:-12px;}
.n_project_list:hover dd{right:50px; -webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s;}
.n_project_list:hover dd .n_project_con .n_project_but p span{ background:#235BCA; border-color:#235BCA; color:#fff;}

.n_meeting{ width:100%; overflow:hidden;}
.n_meeting ul{ width: calc(100% + 16px); margin-left:-8px;}
.n_meeting ul li{ width:33.3333%; float:left; padding:20px 8px; border-bottom:1px solid #DDDDDD;}
.n_meeting ul li a{ display:block; width:100%; overflow:hidden; position:relative; z-index:1;}
.n_meeting ul li a img{ width:100%; -webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s;}
.n_meeting ul li a h1{ background:url(../images/n_meeting_bg.png) repeat; color:#fff; font-size:16px; color:#fff; line-height:40px; position:absolute; bottom:0; z-index:9; left:0; width:100%; overflow:hidden; white-space:nowrap;  text-overflow: ellipsis; height:40px; text-align:center;}

.n_meeting ul li .img_box{ width:100%; overflow:hidden; position:relative; z-index:2;}
.n_meeting ul li .img_box h2{-webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; background:#235BCA; color:#fff; font-size:16px; color:#fff; line-height:40px; position:absolute; bottom:0; z-index:9; left:0; width:100%; overflow:hidden; white-space:nowrap;  text-overflow: ellipsis; height:40px; padding:0 34px 0 14px;}
.n_meeting ul li .img_box::after{-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; -webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; content:''; width:124px; height:124px; position:absolute; top:-100%; left:50%; margin:-62px 0 0 -62px; z-index:9; background:url(../images/img_box_more.png) center no-repeat;}
.n_meeting ul li .img_box h2::after{ content:''; display:block; width:19px; height:19px; background:url(../images/img_box_h2.png) center no-repeat; position:absolute; top:50%; margin-top:-10px; right:15px; z-index:12;}
.n_meeting ul li .n_meeting_con{ width:100%; border:1px solid #DBDBDB; padding:12px;}
.n_meeting ul li .n_meeting_con p{ height:48px; font-size:12px; line-height:24px; color:#333; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.n_meeting ul li a:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1);  -o-transform: scale(1.1);  -moz-transform: scale(1.1);}

.all_more{ display:block; width:100%; height:52px; background:#F1F1F1 url(../images/more.png) center no-repeat; border-bottom:2px solid #235BCA; margin-top:10px;}
.n_meeting ul li a:hover .img_box::after{ top:50%; }
.n_meeting ul li a:hover .img_box h2{ bottom:-100%;}


.n_service{ width:100%; overflow:hidden;}
.n_service ul{ width: calc(100% + 16px); margin-left:-8px;}
.n_service ul li{ width:33.3333%; float:left; padding:20px 8px; border-bottom:1px solid #DDDDDD;}
.n_service ul li a{ display:block; width:100%; overflow:hidden; position:relative; z-index:1;}
.n_service ul li a img{ width:100%; -webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s;}
.n_service ul li a h1{-webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; background:url(../images/n_meeting_bg.png) repeat; color:#fff; font-size:16px; color:#fff; line-height:40px; position:absolute; bottom:0; z-index:9; left:0; width:100%; overflow:hidden; white-space:nowrap;  text-overflow: ellipsis; height:40px; padding:0 40px 0 20px;}
.n_service ul li a i{-webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; display:block; width:40px; height:40px; background:#235BCA; position:absolute; z-index:30; right:0; bottom:0;}
.n_service ul li a i::before{-webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; z-index:32; content:''; width:20px; height:1px; background:#fff; display:block; position:absolute; top:50%; left:50%; margin:0 0 0 -10px;}
.n_service ul li a i::after{-webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; z-index:32; content:''; width:1px; height:20px; background:#fff; display:block; position:absolute; top:50%; left:50%; margin:-10px 0 0 0;}
.n_service_box{ -webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; background:url(../images/n_meeting_bg.png) repeat; width:100%; height:100%; position:absolute; bottom:-100%; left:0; z-index:20; padding:10px;}
.n_service_table{padding:10px; border:1px solid #fff; width:100%; height:100%; display:table;}
.n_service_con{ width:100%; height:100%; display:table-cell; vertical-align:middle; text-align:center; color:#fff;}
.n_service_con h2{overflow:hidden; white-space:nowrap;  text-overflow: ellipsis; font-size:18px; line-height:30px; padding:5px 0;}
.n_service_con p{ font-size:12px; line-height:24px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height:48px;}
.n_service_con span{ display:block; width:88px; height:28px; border:1px solid #fff; line-height:26px; text-align:center; font-size:12px; margin:8px auto;}
.n_service ul li a:hover .n_service_box{ bottom:0;}
.n_service ul li a:hover h1{ bottom:-100%;}
.n_service ul li a:hover i{ bottom:calc(100% - 40px);}
.n_service ul li a:hover i::before{ -moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
.n_service ul li a:hover i::after{ -moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}


.n_news{ width:100%; padding:20px 0 10px;}
.n_news dl{ height:217px; width:100%; border-bottom:1px solid #DDDDDD; padding:20px 0;}
.n_news dl a{ display:block; width:100%; height:100%; position:relative; z-index:1; padding-left:296px;}
.n_news dl dt{ width:296px; height:176px; position:absolute; top:0px; left:0; z-index:9; overflow:hidden;}
.n_news dl dt img{ width:100%; height:100%; -webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s;}
.n_news dl dd{ width:100%; padding:20px 0 0 20px;}
.n_news dl dd h1{-webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; font-size:16px; font-weight:600; color:#383838; line-height:24px; overflow:hidden; white-space:nowrap;  text-overflow: ellipsis;}
.n_news dl dd time{ display:block; height:32px; font-size:12px; color:#383838; line-height:20px; padding-bottom:12px;}
.n_news dl dd p{ font-size:12px; color:#999; line-height:22px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height:44px;}
.n_news dl dd span{-webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; display:block; width:80px; height:24px; line-height:22px; text-align:center; font-size:12px; border:1px solid #9A9A9A; color:#999999; float:right; margin-top:20px;}

.n_news dl a:hover dt img{transform: scale(1.1); -webkit-transform: scale(1.1);  -o-transform: scale(1.1);  -moz-transform: scale(1.1);}
.n_news dl a:hover dd h1{ color:#235BCA;}
.n_news dl a:hover dd span{ background:#235BCA; color:#fff; border-color:#235BCA;}

/***新闻详情**/
.n_news_top{ width:100%; border-bottom:1px dotted #999999; padding:20px 0 10px;}
.n_news_top h1{ line-height:34px; text-align:center; font-size:18px; font-weight:bold; color:#333;}
.n_news_top p{ text-align:center; font-size:12px; color:#999; line-height:24px;}


.n_partner{ width:100%; overflow:hidden;}
.n_partner ul{ width: calc(100% + 16px); margin-left:-8px;}
.n_partner ul li{ width:33.3333%; float:left; padding:20px 8px; border-bottom:1px solid #DDDDDD;}
.n_partner ul li a{ display:block; width:100%; overflow:hidden; position:relative; z-index:1;}
.n_partner ul li .line{ z-index:19; display:inline-block;background-color:#2459CB;position:absolute;-webkit-transition:0.5s ease;-o-transition:0.5s ease;transition:0.5s ease;}
.n_partner ul li .line_top{height:1px;width:0;left:-50%;top:0px;}
.n_partner ul li a:hover .line_top{width:100%;left:0px;}
.n_partner ul li .line_right{height:0;width:1px;top:-50%;right:0px;}
.n_partner ul li a:hover .line_right{height:100%;top:0px;}
.n_partner ul li .line_bottom{width:1px;height:0;bottom:-50%;left:0px;}
.n_partner ul li a:hover .line_bottom{height:100%;bottom:0px;}
.n_partner ul li .line_left{height:1px;width:0;right:-50%;bottom:0px;}
.n_partner ul li a:hover .line_left{width:100%;right:0px;}

.n_partner ul li .img_box{ width:100%; border:1px solid #DDDDDD; overflow:hidden;}
.n_partner ul li .img_box img{ width:100%; -webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s;}
.n_partner ul li a:hover .img_box img{transform: scale(1.1); -webkit-transform: scale(1.1);  -o-transform: scale(1.1);  -moz-transform: scale(1.1);}

.custom_con h1{ margin-bottom:20px; font-size:18px; color:#464646; font-weight:bold;line-height:40px; padding-bottom:10px; border-bottom:1px solid #DCDCDC; text-align:center;}
.custom_con span.dz {
    display: block;
    width: 80px;
    font-size: 14px;
    color: #fff;
    background: #666666;
    height: 30px;
    text-align: center;
    line-height: 30px;
    position: relative;
    z-index: 1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.custom_con span.dz:before{
	content:'';
    position: absolute;
    top: 50%;
    margin-top: -4px;
    left: -4px;
    display: block;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-right: 4px solid #666666;
}
.custom_con strong.dz{ font-size:18px; font-weight:600; color:#666; line-height:30px; padding-left:22px; height:30px; background:url(../images/custom_con_strong.png) center left no-repeat;}

/***团建旅行**/
.n_products_list{ width:100%; padding:20px 0;}
.n_products_list dl{ width:100%; padding:0 4px 24px 0; }
.n_products_list dl a{ background:#fff; padding:20px; height:100%; min-height:278px; display:block; width:100%; height:100%; position:relative; z-index:1; overflow:hidden; border:1px solid #EEEEEE; -moz-box-shadow: 4px 4px 0px 0px #EEEEEE; -webkit-box-shadow: 4px 4px 0px 0px #EEEEEE; box-shadow: 4px 4px 0px 0px #EEEEEE;}
.n_products_list dl a dt{ overflow:hidden; width:316px; height:236px; position:absolute; z-index:9; top:20px; left:20px;}
.n_products_list dl a dt img{ width:100%; -webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s;}
.n_products_list dl a dt p{ width:100%; position:absolute; bottom:0; left:0; z-index:99; font-size:14px; line-height:40px; height:40px; padding:0 16px; background:url(../images/n_products_list_pic.png) repeat; overflow:hidden; white-space:nowrap;  text-overflow: ellipsis; color:#fff; font-weight:normal;}
.n_products_list dl a dd{ width:100%; padding-left:336px;}
.n_products_list dl a dd h1{ line-height:48px; font-size:18px; font-weight:normal; color:#333333;  -webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s;}
.n_products_list dl a dd .products_tab{ padding:8px 0;}
.n_products_list dl a dd .products_tab span{-webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; display:inline-block; height:20px; line-height:20px; font-size:12px; color:#fff; background:#666666; padding:0 6px; margin:0 2px;}
.n_products_list dl a dd h2{ font-weight:600; font-size:14px; color:#5b5b5b; line-height:38px;}
.n_products_list dl a dd .products_con{ font-size:12px; color:#666; line-height:24px; padding-bottom:14px;}
.n_products_list dl a dd .products_con p{font-size:12px; color:#666; line-height:24px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.n_products_list dl a dd .products_other{ width:100%; max-width:406px; padding-right:106px;}
.n_products_list dl a dd .products_other li{ width:50%; float:left; line-height:24px; font-size:12px; color:#999;}
.n_products_list dl a dd .products_other li span{ color:#333; line-height:24px; font-size:12px;}
.n_products_list dl a dd .products_more{ width:106px; height:66px; position:absolute; bottom:20px; right:20px; z-index:99;}
.n_products_list dl a dd .products_more h3{ font-size:16px; font-weight:normal; text-align:right; line-height:36px; font-weight:normal; color:#235BCA;}
.n_products_list dl a dd .products_more .products_but{ display:block; width:106px; height:30px; background:#235BCA; color:#fff; text-align:center; font-size:12px; line-height:30px; -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}

.n_products_list dl a:hover dd h1{ color:#235BCA;  -webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s;}
.n_products_list dl a:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1);  -o-transform: scale(1.1);  -moz-transform: scale(1.1); -webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s;}
.n_products_list dl a:hover .products_tab span{-webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; background:#235BCA;}

.n_meeting_img{ text-align:center; padding:20px 0; border-bottom:1px solid #EAEAEA;}
.n_meeting_img h1{ margin-bottom:20px; font-size:18px; color:#333; font-weight:600; line-height:30px; padding:3px 0 12px; border-bottom:1px dotted #989898;}
.n_meeting_img img{ width:100%; max-width:632px; margin:0 auto;}
.n_meeting_h2{ font-weight:600; font-size:16px; line-height:32px; color:#333;}

@media (max-width: 1200px){
.welcome{ display:none;}
.navbar-fixed-top{ top:0; overflow:hidden; position:fixed;}

/**变手机**/
.nav_box{ height:50px;}
.logo_img{ height:50px; width:235px; padding-left:10px;}
.logo_img img{ height:50px;}

.mynav{ display:none;}

.nav_right{ width:50px; height:50px; background:none; right:50px;}
.nav_right .weixin{ display:none;}

.search-wrapper.active .input-holder .search-input {
    opacity: 1;
    -webkit-transform: translate(0, 0px);
    -moz-transform: translate(0, 0px);
    transform: translate(0, 0px);
}
.search-wrapper.active .input-holder .search-icon{ margin:3px; width:44px; height:44px;}
.search-wrapper .close{ top:14px;}
.search-wrapper .input-holder{ width:51px; height:50px; }
.search-wrapper .input-holder .search-icon{ width:51px; height:50px; background:#fff url(../images/nav_right.jpg) center right no-repeat;}

.search-wrapper.active { right:26px;}


/**banner提交表单**/
.i_banner{ overflow:hidden; padding-top:50px}
#owl-demo{ height:auto;}
#owl-demo .item { display: block; width:100%; height:auto; background:none !important;}
#owl-demo img { display:block; width:100%;}

.i_form{ -webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; bottom:-390px;  left:0;}
.i_form i{-webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; cursor:pointer; display:block; width:80px; height:40px;  background:url(../images/i_form_i1.png) center top no-repeat; position:absolute; top:-30px; z-index:7000; left:50%; margin-left:-40px;}
.i_form_center{ height:400px; padding:30px 0px 0; width:100%; margin:0 auto; max-width:390px;}
.i_form_select{ width:100%; height:40px; float:left; padding:0px; margin-top:20px;}
div.fancy-select div.trigger{ width:100%;}
div.fancy-select ul.options{ width:100%;}
.i_form_radio{ width:100%; height:40px; margin:0; margin-top:20px;}
.i_form_radio .input_text{ width:130px;}
div.fancy-select div.trigger{padding: 9px 24px 9px 4px;}

.i_form_input{ width:100%; height:40px; float:left; margin:0; margin-top:20px;}
.i_form_input2{ width:100%; height:40px; float:left; margin:0; margin-top:20px;}
.i_form_input3{ width:100%; height:40px; float:left; margin:0; margin-top:20px;}

.i_form_but{ width:100%; padding:0; height:40px; float:left; margin-top:20px;}
.i_form_but .submit_but{ width:100%;}

.i_form i.open{-webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; background:url(../images/i_form_i.png) center no-repeat; height:80px; top:-40px;}
.i_form.open{-webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; bottom:0;}


.n_form{ -webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; bottom:-390px;  left:0;}
.n_form i{-webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; cursor:pointer; display:block; width:80px; height:40px;  background:url(../images/i_form_i1.png) center top no-repeat; position:absolute; top:-30px; z-index:7000; left:50%; margin-left:-40px;}
.n_form_center{ height:400px; padding:30px 0px 0; width:100%; margin:0 auto; max-width:390px;}
.n_form_select{ width:100%; height:40px; float:left; padding:0px; margin-top:20px;}
div.fancy-select div.trigger{ width:100%;}
div.fancy-select ul.options{ width:100%;}
.n_form_radio{ width:100%; height:40px; margin:0; margin-top:20px;}
.n_form_radio .input_text{ width:130px;}
div.fancy-select div.trigger{padding: 9px 24px 9px 4px;}

.n_form_input{ width:100%; height:40px; float:left; margin:0; margin-top:20px;}
.n_form_input2{ width:100%; height:40px; float:left; margin:0; margin-top:20px;}
.n_form_input3{ width:100%; height:40px; float:left; margin:0; margin-top:20px;}

.n_form_but{ width:100%; padding:0; height:40px; float:left; margin-top:20px;}
.n_form_but .submit_but{ width:100%;}

.n_form i.open{-webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; background:url(../images/i_form_i.png) center no-repeat; height:80px; top:-40px;}
.n_form.open{-webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; bottom:0;}

/**内页banner**/
.tj_ad{ display:none;}
.n_banner2{ height:auto;}
#n_banner2_img{ width:100%; height:auto;}
#n_banner2_img .item{ display:block; height:auto; background:none !important;}
#n_banner2_img .item img{ width:100%; display:block;}

/**底部**/
.foot_link{ display:none;}

/**内页**/
.n_banner{ height:auto; padding-top:50px; background:none !important;}
.n_banner img{ display:block;}


/**内页导航**/
.n_main{ padding:0px 0 100px;}
.n_main_center{ top:0;}
.n_left{ width:100%; float:none; min-height:0;}
.n_left_top{ display:none;}
.n_nav{ border:none; width:100%; height:36px; background:#235BCA; line-height:36px;}
.n_nav dl{ padding:0; position:relative; z-index:99;}
.n_nav dl dt{ position:relative; z-index:99; background:#235BCA; text-indent:14px; display:block; height:36px; line-height:36px; font-size:16px; font-weight:normal; cursor:pointer; color:#fff; width:100%;}
.n_nav dl dt.n_nav_close:after{content: "\e409"; position:absolute; right:4px; font-weight:normal; color:#fff; font-family: 'gds'; font-size:24px;}
.n_nav dl dt.n_nav_open:after{content: "\e5cf"; position:absolute; right:4px; font-weight:normal; color:#fff; font-family: 'gds'; font-size:24px;}

.n_nav_box{ border:none; width:100%; display:none; position:absolute; z-index:999; top:36px; background:#fff;}

.n_nav dl dd{ border:none; border-top:1px solid #eee; width:100%; max-width:100%; float:none; border-right:none; text-align:center;}
.n_nav dl dd a{ display:block; width:100%; height:35px; line-height:35px; text-align:center;}

.n_left_post{ width:100%;  border:none; background:#fff; margin-top:0px; padding:0 10px 10px;}
.n_left_host{ display:none;}

.n_left_host_box{display:block;}
.n_left_host2{ width:100%; background:#fff; padding:10px 10px;}
.n_left_host2 li{ padding:10px; margin:0 10px; border:1px solid #EAEAEA;}
.n_left_host2 li a{ border-bottom:1px solid #EAEAEA; display:block; width:100%; padding-bottom:6px;}
.n_left_host2 li a .host_pic{ width:100%; overflow:hidden; margin-bottom:4px;}
.n_left_host2 li a .host_pic img{ width:100%;}
.n_left_host2 li a p{ font-size:14px; color:#333333; line-height:24px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.n_left_host2 li a h1{ font-size:12px; color:#999; line-height:30px; width:100%; padding-right:90px; font-weight:normal; position:relative; z-index:1;}
.n_left_host2 li a h1 span{ position:absolute; z-index:9; right:0; top:0; line-height:30px; height:30px; width:90px; text-align:right; font-size:12px; color:#333;}


/**内页导航二**/
.n_nav2{ width:100%; max-width:100%; background:#EB0013; height:36px; position:relative; z-index:99; top:0px; right:0px; padding-top:0px;}
.n_nav2_box{ width:100%; height:auto;}
.n_nav2 dl{ width:100%; position:relative; z-index:99;}
.n_nav_box{ width:100%; display:none; position:absolute; z-index:999; top:36px; background:#fff;}
.n_nav2 dl dt{ text-indent:14px; display:block; height:36px; line-height:36px; font-size:16px; font-weight:normal; cursor:pointer; color:#fff; width:100%;}
.n_nav2 dl dt.n_nav_close:after{content: "\e409"; position:absolute; right:4px; font-weight:normal; color:#fff; font-family: 'gds'; font-size:24px;}
.n_nav2 dl dt.n_nav_open:after{content: "\e5cf"; position:absolute; right:4px; font-weight:normal; color:#fff; font-family: 'gds'; font-size:24px;}
.n_nav2 dl dd { padding:0 10px; width:100%; max-width:100%; float:none; border-right:none; height:36px; text-align:center;}
.n_nav2 dl dd a{ padding:0px; display:block; width:100%; height:36px; line-height:36px; text-align:center;}
.n_nav2 dl dd a:before{ display:none;}
.n_nav2 dl dd a:after{ display:none;}
.n_nav2 dl dd:hover a:before{ background:none;}

.n_nav2 dl dd:hover{ background:#474747; color:#fff;}
.n_nav2 dl dd:hover a{ color:#fff; border-bottom:1px solid #474747; background:url(../images/n_nav_a_hover.png) right center no-repeat;}

.n_nav2 dl dd.active{ background:#474747; color:#fff;}
.n_nav2 dl dd.active a{ color:#fff; border-bottom:1px solid #474747; background:url(../images/n_nav_a_hover.png) right center no-repeat;}



.n_right{ padding:0 10px 10px; width:100%; float:none; border:none; min-height:0;}
.n_right_top{ height:50px; line-height:50px; }
.n_right_top h1{ width:100%; float:none; font-size:18px; height:50px; line-height:50px; }
.n_right_top p{ display:none;}
.n_con{ font-size:14px; line-height:24px; color:#666; padding:20px 0;}
.n_con img{ max-width:100% !important;}


/**project**/
.n_project{ padding:30px 10px 0;}

.n_banner2{ margin:50px auto 0;}
	}
@media (max-width: 1140px){	
/**project**/
.n_project_list dd{ width:50%; padding:30px 0; right:30px; top:0px;}
.n_project_list dd .n_project_con{ width:100%; height:100%; background:#fff; padding:16px 30px;}
.n_project_list dd .n_project_con h1{ font-size:20px; font-weight:normal; color:#3c3c3c; line-height:26px; padding:20px 0;}
.n_project_list dd .n_project_con span{ -webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; color:#5C5C5C; font-size:16px; display:block; width:182px; text-align:center; line-height:44px; height:46px; border:1px solid #DDDDDD;}
.n_project_list dd .n_project_con .n_project_detail p{ overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
}
@media (max-width: 1050px){	
.n_project_list dd .n_project_con .n_project_detail{ margin-bottom:10px;}

}

@media (max-width: 960px){
		/**project**/
.n_project_list dd{ width:50%; padding:20px 0; right:20px; top:0px;}
.n_project_list dd .n_project_con{ width:100%; height:100%; background:#fff; padding:10px 20px;}
.n_project_list dd .n_project_con h1{ font-size:18px; font-weight:normal; color:#3c3c3c; line-height:24px; padding:16px 0;}
.n_project_list dd .n_project_con span{ color:#5C5C5C; font-size:14px; display:block; width:160px; text-align:center; line-height:40px; height:42px; border:1px solid #DDDDDD;}
.n_project_list dd .n_project_con .n_project_detail{ height:78px; overflow:hidden; line-height:26px; font-size:14px; color:#999999; margin-bottom:16px;}
.n_project_list dd .n_project_con .n_project_detail p{ overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}

.n_project_list dd .n_project_con .n_project_detail p{ height:72px;  -webkit-line-clamp: 3; line-height:24px;}
}
@media (max-width: 846px){
	
/**banner提交表单**/
.i_form{ bottom:-320px;  left:0;}
.i_form i{ display:block; width:60px; height:30px;  background:url(../images/i_form_i1.png) center top no-repeat; background-size: 100% 100%; position:absolute; top:-20px; z-index:7000; left:50%; margin-left:-30px;}
.i_form_center{ height:330px; padding:20px 0px 0; width:100%; margin:0 auto; max-width:390px;}
.i_form_select{ width:100%; height:40px; float:left; padding:0px; margin-top:10px;}
div.fancy-select div.trigger{ width:100%;}
div.fancy-select ul.options{ width:100%;}
.i_form_radio{ width:100%; height:40px;  margin:0; margin-top:10px;}
.i_form_radio .input_text{ width:130px;}
.i_form_input{ width:100%; height:40px; float:left; margin:0; margin-top:10px;}
.i_form_input2{ width:100%; height:40px; float:left; margin:0; margin-top:10px;}
.i_form_but{ width:100%; padding:0; height:40px; float:left; margin-top:10px;}
.i_form i.open{ background:url(../images/i_form_i.png) center no-repeat; height:60px; top:-30px; width:60px; background-size: 100% 100%;}
.i_form.open{-webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; bottom:0;}

/**banner提交表单**/
.n_form{ bottom:-320px;  left:0;}
.n_form i{ display:block; width:60px; height:30px;  background:url(../images/i_form_i1.png) center top no-repeat; background-size: 100% 100%; position:absolute; top:-20px; z-index:7000; left:50%; margin-left:-30px;}
.n_form_center{ height:330px; padding:20px 0px 0; width:100%; margin:0 auto; max-width:390px;}
.n_form_select{ width:100%; height:40px; float:left; padding:0px; margin-top:10px;}
div.fancy-select div.trigger{ width:100%;}
div.fancy-select ul.options{ width:100%;}
.n_form_radio{ width:100%; height:40px;  margin:0; margin-top:10px;}
.n_form_radio .input_text{ width:130px;}
.n_form_input{ width:100%; height:40px; float:left; margin:0; margin-top:10px;}
.n_form_input2{ width:100%; height:40px; float:left; margin:0; margin-top:10px;}
.n_form_but{ width:100%; padding:0; height:40px; float:left; margin-top:10px;}
.n_form i.open{ background:url(../images/i_form_i.png) center no-repeat; height:60px; top:-30px; width:60px; background-size: 100% 100%;}
.n_form.open{-webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; bottom:0;}


.n_project_list dd .n_project_con .n_project_detail{ margin-bottom:6px;}

.search-wrapper.active .input-holder .search-input {
    opacity: 1;
    -webkit-transform: translate(0, 0px);
    -moz-transform: translate(0, 0px);
    transform: translate(0, 0px);
}
.search-wrapper.active .input-holder .search-icon{ margin:3px; width:44px; height:44px;}
.search-wrapper .close{ top:14px;}
.search-wrapper .input-holder{ width:51px; height:50px; }
.search-wrapper .input-holder .search-icon{ width:51px; height:50px; background:#fff url(../images/nav_right.jpg) center right no-repeat;}

.search-wrapper.active { right:26px;}
	}	
@media (max-width: 830px){		
/***团建旅行**/
.n_products_list dl a{ background:#fff; padding:10px; height:100%; min-height:202px; display:block; width:100%; height:100%; position:relative; z-index:1; overflow:hidden; border:1px solid #EEEEEE; -moz-box-shadow: 4px 4px 0px 0px #EEEEEE; -webkit-box-shadow: 4px 4px 0px 0px #EEEEEE; box-shadow: 4px 4px 0px 0px #EEEEEE;}
.n_products_list dl a dt{ width:240px; height:180px; top:10px; left:10px;}
.n_products_list dl a dt p{ font-size:14px; line-height:30px; height:30px; padding:0 10px;}
.n_products_list dl a dd{ width:100%; padding-left:250px;}
.n_products_list dl a dd h1{ line-height:36px; font-size:16px; }
.n_products_list dl a dd .products_tab{ padding:0;}
.n_products_list dl a dd .products_tab span{-webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; display:inline-block; height:20px; line-height:20px; font-size:12px; color:#fff; background:#666666; padding:0 6px; margin:0 2px;}
.n_products_list dl a dd h2{ font-weight:600; font-size:14px; color:#5b5b5b; line-height:30px;}
.n_products_list dl a dd .products_con{ font-size:12px; color:#666; line-height:22px; padding-bottom:2px;}
.n_products_list dl a dd .products_con p{font-size:12px; color:#666; line-height:24px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.n_products_list dl a dd .products_other{ width:100%; max-width:406px; padding-right:96px;}
.n_products_list dl a dd .products_other li{ width:50%; float:left; line-height:20px; font-size:12px; color:#999;}
.n_products_list dl a dd .products_other li span{ color:#333; line-height:20px; font-size:12px;}
.n_products_list dl a dd .products_more{ width:96px; height:56px; position:absolute; bottom:8px; right:10px; z-index:99;}
.n_products_list dl a dd .products_more h3{ font-size:14px; font-weight:normal; text-align:right; line-height:28px; font-weight:normal; color:#235BCA;}
.n_products_list dl a dd .products_more .products_but{ display:block; width:96px; height:28px; background:#235BCA; color:#fff; text-align:center; font-size:12px; line-height:28px; -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}

.n_products_list dl a:hover dd h1{ color:#235BCA;  -webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s;}
.n_products_list dl a:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1);  -o-transform: scale(1.1);  -moz-transform: scale(1.1); -webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s;}
.n_products_list dl a:hover .products_tab span{-webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; background:#235BCA;}

}

@media (max-width: 768px){	
.n_main{ padding-bottom:30px;}
/**project**/
.n_project{ width:100%; margin:0 auto; max-width:1200px; padding:20px 0 0;}
.n_project_list{ width:100%; position:relative; z-index:1; background:#F6F6F6; margin-bottom:50px;}
.n_project_list dt{ width:100%;}
.n_project_list dt img{ width:100%;}

.n_project_list dd{ width:100%; padding:0; position:relative; right:0px; top:0px;}
.n_project_list dd .n_project_con{ width:100%; height:100%; background:#fff; padding:10px;}
.n_project_list dd .n_project_con h1{ font-size:18px; font-weight:normal; color:#3c3c3c; line-height:24px; padding:16px 0;}
.n_project_list dd .n_project_con span{ color:#5C5C5C; font-size:14px; display:block; width:160px; text-align:center; line-height:40px; height:42px; border:1px solid #DDDDDD;}
.n_project_list dd .n_project_con .n_project_detail{ height:78px; overflow:hidden; line-height:26px; font-size:14px; color:#999999; margin-bottom:16px;}
.n_project_list dd .n_project_con .n_project_detail p{ overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.n_project_list:hover dd{right:0px; }

.kf{ display:none;}

.n_meeting_img{ padding:10px 0;}
.n_meeting_img h1{ margin-bottom:10px; padding:0 0 6px; font-size:16px}
.n_meeting_h2{ font-size:14px; line-height:28px;}

.n_con{ padding-top:10px;}
.n_con img{ max-width:100% !important; height:auto !important;}
}

@media (max-width: 730px){	
.n_service_con h2{ font-size:16px; line-height:32px; padding:0;}
.n_service_con span{ margin:8px auto 0;}
}
@media (max-width: 720px){	
/***团建旅行**/
.n_products_list dl a{ background:#fff; padding:10px; height:auto; min-height:0; }
.n_products_list dl a dt{ width:100%; height:auto; position:relative; top:0; left:0;}
.n_products_list dl a dt p{ font-size:14px; line-height:30px; height:30px; padding:0 10px;}
.n_products_list dl a dd{ width:100%; padding-left:0;}
.n_products_list dl a dd h1{ line-height:36px; font-size:16px; }
.n_products_list dl a dd .products_tab{ padding:0;}
.n_products_list dl a dd .products_tab span{-webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; display:inline-block; height:20px; line-height:20px; font-size:12px; color:#fff; background:#666666; padding:0 6px; margin:0 2px;}
.n_products_list dl a dd h2{ font-weight:600; font-size:14px; color:#5b5b5b; line-height:30px;}
.n_products_list dl a dd .products_con{ font-size:12px; color:#666; line-height:22px; padding-bottom:2px;}
.n_products_list dl a dd .products_con p{font-size:12px; color:#666; line-height:24px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.n_products_list dl a dd .products_other{ width:100%; max-width:406px; padding-right:96px;}
.n_products_list dl a dd .products_other li{ width:100%; float:left; line-height:20px; font-size:12px; color:#999;}
.n_products_list dl a dd .products_other li span{ color:#333; line-height:20px; font-size:12px;}
.n_products_list dl a dd .products_more{ width:96px; height:56px; position:absolute; bottom:8px; right:10px; z-index:99;}
.n_products_list dl a dd .products_more h3{ font-size:14px; font-weight:normal; text-align:right; line-height:28px; font-weight:normal; color:#235BCA;}
.n_products_list dl a dd .products_more .products_but{ display:block; width:96px; height:28px; background:#235BCA; color:#fff; text-align:center; font-size:12px; line-height:28px; -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}

.n_products_list dl a:hover dd h1{ color:#235BCA;  -webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s;}
.n_products_list dl a:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1);  -o-transform: scale(1.1);  -moz-transform: scale(1.1); -webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s;}
.n_products_list dl a:hover .products_tab span{-webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; background:#235BCA;}

}
@media (max-width: 650px){	
/**banner提交表单**/
div.fancy-select ul.options{ top:34px;}
div.fancy-select ul.options.open{ top:34px;}
.i_form{ background:none; bottom:auto; top:0;  left:0; position:relative; padding:0 10px;}
.i_form i{ display:none; }
.i_form_center{ height:auto; padding:10px 0px; width:100%; margin:0 auto; max-width:390px;}
.i_form_select{ width:100%; height:34px; float:left; padding:0px; margin-top:5px;}
div.fancy-select div.trigger{ width:100%;}
div.fancy-select ul.options{ width:100%;}
.i_form_radio{ width:100%; height:34px; line-height:34px; margin:0; margin-top:5px;}
.i_form_radio .input_text{ width:90px; line-height:34px;}
.i_form_input{ width:100%; height:34px; float:left; margin:0; margin-top:5px; line-height:34px;}
.i_form_input .input_text{ line-height:34px; height:34px;}
.i_form_input2,.i_form_input3{ height:34px; line-height:32px;}
div.fancy-select div.trigger{ padding:6px 24px 6px 10px;}
div.fancy-select div.trigger:after{ top:14px;}
.i_form_radio .input_text{ line-height:34px; height:34px;}
.i_form_but{ width:100%; padding:0; height:36px; line-height:32px; float:left; margin-top:5px;}
.i_form_but .submit_but{ line-height:36px;}
.i_form i.open{ background:url(../images/i_form_i.png) center no-repeat; height:50px; top:-25px; width:50px; background-size: 100% 100%;}
.i_form.open{-webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; bottom:0;}

/**banner提交表单**/
.n_form{ bottom:auto; top:0; position:relative;  left:0;}
.n_form i{ display:none;}
.n_form_center{ height:auto; padding:10px 0px; width:100%; margin:0 auto; max-width:390px;}
.n_form_select{ width:100%; height:34px; float:left; padding:0px; margin-top:5px;}
div.fancy-select div.trigger{ width:100%;}
div.fancy-select ul.options{ width:100%;}
.n_form_radio{ width:100%; height:34px; line-height:34px; margin:0; margin-top:5px;}
.n_form_radio .input_text{ width:90px; line-height:34px;}
.n_form_input{ width:100%; height:34px; float:left; margin:0; margin-top:5px; line-height:34px;}
.n_form_input .input_text{ line-height:34px; height:34px;}
.n_form_input2,.n_form_input3{ height:34px; line-height:32px;}
div.fancy-select div.trigger{ padding:6px 24px 6px 10px;}
div.fancy-select div.trigger:after{ top:14px;}
.n_form_radio .input_text{ line-height:34px; height:34px;}
.n_form_but{ width:100%; padding:0; height:36px; line-height:32px; float:left; margin-top:5px;}
.n_form_but .submit_but{ line-height:36px;}
.n_form i.open{ background:url(../images/i_form_i.png) center no-repeat; height:50px; top:-25px; width:50px; background-size: 100% 100%;}
.n_form.open{-webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; bottom:0;}


.n_service_con p{  -webkit-line-clamp:1; max-height:24px;}
}


@media (max-width: 640px){	
.n_left_host2{padding:10px 5px;}
.n_left_host2 li{ margin:0 5px;}

.n_project_list{ margin-bottom:30px;}
.n_project_list dd .n_project_con h1{ padding:6px 0;}
}

@media (max-width: 540px){
.n_news{ width:100%; padding:10px 0;}
.n_news dl{ height:auto; padding:10px 0; margin-bottom:10px;}
.n_news dl a{ padding-left:0;}
.n_news dl dt{ width:100%; height:auto; position:relative;}
.n_news dl dd{ width:100%; padding:20px 10px 0;}
.n_news dl dd p{-webkit-line-clamp: 100; height:auto;}
.n_news dl dd span{ margin-top:10px;}


}
@media (max-width: 480px){
.n_main{ padding-bottom:0px;}

.n_project_list{ margin-bottom:20px;}
.n_project_list dd .n_project_con h1{ padding:0 0 8px; font-size:16px;}


.n_meeting ul li{ width:50%; padding:15px 8px;}
.n_meeting ul li a h1{ font-size:14px; line-height:30px; height:30px;}

.n_service ul li{ width:50%; padding:15px 8px;}
.n_service ul li a h1{ font-size:14px; line-height:30px; height:30px;}
.n_service ul li a i{ width:30px; height:30px;}
.n_service ul li a:hover i{ bottom:calc(100% - 30px);}

.n_news dl dd{ width:100%; padding:10px 10px 0;}
.n_news dl dd time{ padding-bottom:6px; height:28px;}

.n_partner ul li{ width:50%; padding:15px 8px;}

}
@media (max-width: 350px){
.logo_img{ padding-top:4px;}
.logo_img img{ height:42px;}
}

@media (max-width: 320px){	
.n_service_con h2{ font-size:16px; line-height:24px; padding:0;}
.n_service_con span{ margin:4px auto 0; width:80px; height:24px; line-height:22px;}
}