@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{ margin:0; padding:0;}
body{ color:#333; font-size:14px; font-family:Microsoft Yahei; overflow-x:hidden;}
section,article,aside,header,footer,nav,dialog,figure{ display:block;}
ul, ol{ list-style:none;} 
img,fieldset{ vertical-align:top; border:0;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
address,cite,code,em,th{ font-weight:normal; font-style:normal;}
input,button,textarea,select{ font:100% Microsoft Yahei; vertical-align:middle}
table,td,tr,th{ font-size:14px;}
.nodispaly{ display:none;}
.line{ height:20px; line-height:20px; font-size:0px; clear:both; overflow:hidden; display:block;}
.clearfix{ *zoom:1;}
.clearfix:after{ display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}
a{ color:#333; text-decoration:none;}
a:hover{ color:#0071bd; text-decoration:underline;}
.width_all{ max-width:1300px; margin:0 auto;}
.width_all:after{ display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}
.width_top{ width:86%; margin:0 auto;}
.width_top:after{ display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}

/*head_top*/
.head_top{ width:100%; margin:0 auto; z-index:99; transition:all .35s; background:#ffffff;}
.head_top .logo{ float:left; width:215px; margin:20px 0; transition:all .35s;}
.head_top .logo img{ width:100%;}
.head_top .search{ float:right; width:180px; margin:37px 0;}
.head_top .search input{ border:#888 1px solid; border-left:none; border-right:none; border-top:none; background:none; line-height:23px; float:left; outline:none; width:156px; font-size:14px; color:#fff;}
.head_top .search .search_tu{ width:24px; height:24px; margin:0; cursor:pointer;}
.head_top .search input::-webkit-input-placeholder{ color:#333;}
.head_top .search input::-moz-placeholder{ color:#333;}
.head_top .search input:-moz-placeholder{ color:#333;}
.head_top .search input:-ms-input-placeholder{ color:#333;}
.head_top .head_en{ float:right; margin:37px 2%; color:#333;}
.head_top .head_en a{ font-size:16px; color:#333; transition:all .35s; line-height:24px; margin:0; padding:0;}
.head_top .head_en a:hover{ text-decoration:none; color:#0071bd;}
.head_top .head_en span{ display:inline-block; margin:0 8px; font-size:14px; padding:0;}
.h_active{ position:fixed; left:0; top:0; box-shadow:0 0 3px #999;}

/*nav*/
.nav{ float:right;}
.navbar_nav{ font-size:0;}
.navbar_nav li{ display:inline-block; text-transform:uppercase;}
.navbar_nav li p{ line-height:98px; padding:0 16px;}
.navbar_nav li p a{ display:block; color:#333; font-size:16px; position:relative;}
.navbar_nav li p a:before{ position:absolute; bottom:30px; left:0; width:0; height:2px; background:#0071bd; content:""; transition:all .35s;}
.navbar_nav li:hover p a:before{ width:100%;}
.navbar_nav li p .active:before{ position:absolute; bottom:30px; left:0; width:100%; height:2px; background:#0071bd; content:"";}
.navbar_nav li:hover p a,.navbar_nav li p .active{ color:#0071bd; text-decoration:none;}
.navbar_nav li dl{ visibility:hidden; position:absolute; background:#fff; box-shadow:0 1px 2px #ccc; transition:all 0.3s; opacity:0; z-index:100;}
.navbar_nav li:hover dl{ visibility:visible; top:98px; opacity:1; text-transform:capitalize; width:208px;}
.navbar_nav li dl dd span{ line-height:40px; padding:0;}
.navbar_nav li dl dd span a{ display:block; font-size:15px; color:#333; padding:0 0 0 16px;}
.navbar_nav li dl dd:hover span a{ color:#0071bd; text-decoration:none; background:#ebebec url(../images/nav_hover.png) right center no-repeat;}
.navbar_nav dd{ position:relative;}
.navbar_nav li:hover dl.nav3{ display:none;}
.navbar_nav li dl dl.nav3{ top:0px; left:100%; width:100%;}
.navbar_nav li dl dd:hover dl.nav3{ display:block; background:#fff;}
.navbar_nav dl dd dd a{ display:block; line-height:40px; font-size:14px; padding:0 0 0 16px; transition:all 0.3s;}
.navbar_nav dl dd dd:hover a{ color:#0071bd; text-decoration:none;}

#navToggle{ display:none;}
.m_nav{ position:fixed; top:0px; width:100%; height:100%; background:#fff; transition:all ease 0.5s; -webkit-transition:all ease 0.5s; z-index:1000; opacity:1; visibility:visible; margin-top:0; overflow-y:auto; transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms; top:0; transform:translateX(100%);}
.m_nav.open{ transform:translateX(0);}
.m_nav .top{ height:60px; padding:20px; box-sizing:border-box;}
.m_nav .top .closed{ width:30px; height:30px; vertical-align:middle; float:right; cursor:pointer;}
.m_nav .ul{ margin-top:30px;}
.m_nav .ul li{ padding:0 20px; border-bottom:1px solid #f5f5f5; -webkit-transform:translateY(100%); transform:translateY(100%); -webkit-transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms; opacity:0;}
.m_nav.open .ul li{	opacity:1; -webkit-transform:translateY(0); transform:translateY(0);}
.m_nav .ul li:nth-child(1){ -webkit-transition:all .2s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all .2s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(2){ -webkit-transition:all .4s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all .4s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(3){ -webkit-transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(4){ -webkit-transition:all .8s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all .8s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(5){ -webkit-transition:all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(6){ -webkit-transition:all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li a{ display:block; text-decoration:none; color:#333; font-size:20px; height:50px; line-height:50px; width:100%;}
.m_nav .ul li .dropdown_menu{ display:none;}
.m_nav .ul li.dropdown.active .dropdown_menu{ display:block;}
.m_nav .ul li .dropdown_menu dl{ border-bottom:1px solid #f5f5f5;}
.m_nav .ul li .dropdown_menu dl:last-child{ border:none;}
.m_nav .ul li .dropdown_menu dl dd{ color:#0071bd; font-size:18px; line-height:42px; padding:0 0 0 20px;}
.m_nav .ul li .dropdown_menu dl dd a{ color:#333; font-size:18px;}
.m_nav .ul li .dropdown_menu dl dt{ line-height:36px; padding:0 0 0 38px;}
.m_nav .ul li .dropdown_menu dl dt a{ display:block; font-size:16px; color:#525252;}

/*banner*/
.banner_sj{ display:none;}
.flexslider{ position:relative; height:auto;}
.flexslider .slides > li{ display:none; -webkit-backface-visibility:hidden;}
.flexslider .slides img{ width:100%; display:block; border-radius:0px;}
.flex-pauseplay span{ text-transform:capitalize;}
.flex-control-nav{ width:100%; text-align:center; position:absolute; bottom:10px;}
.flex-control-nav li{ margin:0 4px; display:inline-block; zoom:1;}
.flex-control-paging li a{ width:36px; border-radius:1px; height:2px; display:block; background:#fff; cursor:pointer; text-indent:-9999px;}
.flex-control-paging li a:hover{ background:#0071bd;}
.flex-control-paging li a.flex-active{ background:#0071bd; cursor:default;}
.flex-direction-nav li a{ width:60px; height:60px; position:absolute; top:50%; margin-top:-30px;}
.flex-direction-nav li a.flex-prev{ background:url(../images/left.png) center center no-repeat; left:2%; z-index:6;}
.flex-direction-nav li a.flex-next{ position:absolute; background:url(../images/right.png) center center no-repeat; right:2%;}

/*about_us*/
.about_us{ margin:60px auto;}
.about_us .about_name{ font-size:34px; color:#333; font-weight:bold; line-height:52px; text-align:center;}
.about_us .about_name p{ width:60%; margin:6px auto 0 auto; font-size:20px; color:#666; font-weight:normal; line-height:32px;}
.about{ width:100%; margin:42px auto 36px auto; overflow:hidden; position:relative;}
.about .about_left{ float:left; width:49.6%;}
.about .about_left img{ width:100%;}
.about .about_right{ float:right; width:48%;}
.about .about_c_name{ font-size:20px; color:#333; font-weight:bold; position:relative; line-height:40px; padding:0 0 6px 0;}
.about .about_c_name:before{ position:absolute; width:50px; height:3px; left:0; bottom:0; background:#0071bd; content:"";}
.about .about_profiles{ margin:16px auto 0 auto; font-size:16px; color:#666; line-height:28px; height:252px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:9; -webkit-box-orient:vertical; position:relative;}
.about .about_profiles p{ text-indent:2em;}
.about .about_more{ width:118px; position:absolute; right:0; bottom:0;}
.about .about_more a{ font-size:16px; color:#555; line-height:34px; border:#555 1px solid; display:block; text-align:center;}
.about .about_more a:hover{ border:#161616 1px solid; background:#161616; color:#fff; text-decoration:none;}

.huanjing{ width:100%; margin:0 auto; position:relative;}
.huanjing .hj_pre,.huanjing .hj_next{ position:absolute; display:block; width:3.5%; line-height:36px; top:-74px; text-align:center; font-family:宋体; cursor:pointer; color:#999; border:#999 1px solid; font-size:28px; font-weight:bold;}
.huanjing .hj_pre:hover,.huanjing .hj_next:hover{ color:#0071bd; border:#0071bd 1px solid;}
.huanjing .hj_pre{ left:52%;}
.huanjing .hj_next{ left:56.2%;}
.huanjing_width{ width:100%; margin:0 auto; overflow:hidden;}
.huanjing_width ul{ width:800%;}
.huanjing_width li{ float:left; display:inline; width:2.38%; margin:0 0.15% 0 0;}
.huanjing_width li img{ width:100%;}

/*culture*/
.culture{ width:100%; margin:60px auto; overflow:hidden; background:#010101 url(../images/culture.jpg) center no-repeat; padding:60px 0;}
.culture_name{ width:68%; font-size:34px; color:#fff; font-weight:bold; line-height:52px; margin:0 0 26px 0;}
.culture_width{ width:68%; font-size:16px; color:#fff; line-height:28px;}
.culture_width em{ display:block; font-size:20px; font-weight:bold; margin:0 0 6px 0;}

/*solution*/
.solution{ margin:60px auto;}
.solution .solution_name{ font-size:34px; color:#333; font-weight:bold; line-height:52px; text-align:center;}
.solution .solution_name p{ width:60%; margin:6px auto 0 auto; font-size:20px; color:#666; font-weight:normal; line-height:32px;}
.solution ul{ margin:30px auto 0 auto; overflow:hidden;}
.solution ul li{ float:left; width:24.7%; margin:0 0.4% 0.4% 0; position:relative; transition:all .5s;}
.solution ul li:nth-child(4n){ margin:0;}
.solution ul li img{ width:100%;}
.solution ul li .solution_hover{ display:none;}
.solution ul li:hover .solution_hover{ display:flex; justify-content:center; align-items:center; flex-direction:column; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.8);}
.solution ul li .solution_zhuti{ width:88%; margin:0 auto; font-size:18px; color:#fff; line-height:42px; text-align:center; height:42px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; position:relative;}
.solution ul li .solution_zhuti:after{ position:absolute; bottom:0; left:50%; width:42px; height:2px; background:#0071bd; content:""; margin:0 0 0 -21px;}
.solution ul li .solution_jies{ width:88%; margin:5% auto 10% auto; font-size:14px; color:#fff; line-height:22px; text-align:center; height:66px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.solution ul li .solution_more{ width:100px; margin:0 auto; overflow:hidden; text-transform:uppercase;}
.solution ul li .solution_more a{ display:block; font-size:14px; color:#fff; line-height:32px; border:#fff 1px solid; text-align:center; transition:all .35s;}
.solution ul li .solution_more a:hover{ text-decoration:none; border:#000 1px solid; background:#000;}
.solution ul li p{ position:absolute; bottom:0; left:0; font-size:18px; line-height:42px; text-align:center; background:rgba(0,0,0,.8); color:#fff; width:100%; height:42px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.solution ul li:hover p{ display:none;}

/*team*/
.team{ width:100%; margin:60px auto; background:url(../images/team.jpg) center no-repeat; overflow:hidden; padding:60px 0;}
.team .team_name{ font-size:34px; color:#fff; font-weight:bold; line-height:52px; text-align:center; margin:0 auto 36px auto;}
.team .team_name p{ width:60%; margin:6px auto 0 auto; font-size:20px; color:#f2f2f2; font-weight:normal; line-height:32px;}

.team_width{ width:100%; position:relative; overflow:hidden;}
.swiper-container{ width:100%; margin-left:auto; margin-right:auto; position:relative; z-index:1;}
.swiper-container-no-flexbox .swiper-slide{ float:left;}
.swiper-container-vertical>.swiper-wrapper{ -webkit-box-orient:vertical; -moz-box-orient:vertical; -ms-flex-direction:column; -webkit-flex-direction:column; flex-direction:column;}
.swiper-wrapper{ position:relative; width:10%; height:100%; z-index:1; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-transition-property:-webkit-transform; -moz-transition-property:-moz-transform; -o-transition-property:-o-transform; -ms-transition-property:-ms-transform; transition-property:transform; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
.swiper-wrapper{ -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -o-transform:translate(0, 0); -ms-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.swiper-slide{ -webkit-flex-shrink:0; -ms-flex:0 0 auto; flex-shrink:0; width:50%; height:100%; position:relative; padding:0; -webkit-box-shadow:rgba(0,0,0,.2) 0px 0px 30px; -moz-box-shadow:rgba(0,0,0,.2) 0px 0px 30px; box-shadow:rgba(0,0,0,.2) 0px 0px 30px;}
.swiper-pagination{ position:absolute; text-align:center; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s; -webkit-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); z-index:10}
.swiper-pagination-bullet{ width:8px; height:8px; display:inline-block; border-radius:100%; background:#fff; opacity:.2; margin:0 5px; cursor:pointer;}
.swiper-slide:hover{ -webkit-box-shadow:rgba(0,0,0,.5) 0px 0px 50px; -moz-box-shadow:rgba(0,0,0,.5) 0px 0px 50px; box-shadow:rgba(0,0,0,.5) 0px 0px 50px;}
.swiper-slide{ -webkit-transform-style:preserve-3d; -moz-transform-style:preserve-3d; -ms-transform-style:preserve-3d; transform-style:preserve-3d; transform:scale(.8); -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; transition:all .5s; -webkit-transition:transform 1.0s; -moz-transition:transform 1.0s; -ms-transition:transform 1.0s; -o-transition:transform 1.0s; -webkit-transform:scale(0.7); -moz-box-shadow:rgba(0,0,0,.2) 0px 0px 30px;}
.swiper-slide-active, .swiper-slide-duplicate-active{ -webkit-transform:scale(1); transform:scale(1);}
.swiper-slide img { width:100%; display:block;}
.swiper-pagination{ position:relative; margin:18px auto 0 auto;}
.swiper-pagination-bullet-active{ opacity:1; background:rgba(0,113,189,.8);}
.swiper-button-next, .swiper-button-prev{ position:absolute; top:50%; width:30px; height:60px; margin-top:-30px; cursor:pointer;}
.team_arrow .swiper-button-prev{ background:url(../images/team_prev.png) center no-repeat; left:0;}
.team_arrow .swiper-button-next{ background:url(../images/team_next.png) center no-repeat; right:0;}

/*news*/
.news{ margin:60px auto;}
.news .news_name{ font-size:34px; color:#333; font-weight:bold; line-height:52px; text-align:center;}
.news .news_name p{ width:60%; margin:6px auto 0 auto; font-size:20px; color:#666; font-weight:normal; line-height:32px;}
.news_width{ margin:30px auto 0 auto; overflow:hidden;}
.news_width .news_w_left{ float:left; width:50%;}
.news_w_left .news_mulu{ width:100%; margin:0 auto 18px auto;}
.news_w_left .news_mulu ul{ overflow:hidden;}
.news_w_left .news_mulu ul li{ float:left; margin:0 22px 0 0;}
.news_w_left .news_mulu ul li:last-child{ margin:0;}
.news_w_left .news_mulu ul li a{ font-size:22px; color:#333; line-height:32px; padding:0 0 6px 0; cursor:pointer;}
.news_w_left .news_mulu ul li a:hover,.news_w_left .news_mulu ul li.hovert,.news_w_left .news_mulu ul li.hovert a{ text-decoration:none; color:#0071bd; border-bottom:#0071bd 2px solid;}
.news_w_left .news_w_img{ width:100%; margin:0 auto;}
.news_w_left .news_w_img dl{ display:none; overflow:hidden;}
.news_w_left .news_w_img dl dd{ position:relative; overflow:hidden;}
.news_w_left .news_w_img dl dd p{ position:absolute; left:0; top:0; background:#0071bd; padding:14px; font-size:22px; color:#fff; line-height:34px;}
.news_w_left .news_w_img dl dd p span{ display:block; font-size:28px; text-align:center;}
.news_w_left .news_w_img dl dd img{ width:100%;transform:scale(1); transition:all .4s;  }
.news_w_left .news_w_img dl dd:hover img{ transform:scale(1.2);}
.news_w_left .news_w_img dl dt{ margin:16px 0 0 0;}
.news_w_left .news_w_img dl dt p{ font-size:16px; color:#666; line-height:28px; height:56px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.news_w_left .news_w_img dl dt p.ns_w1{ font-size:20px; color:#333; margin:0 0 8px 0; height:28px; -webkit-line-clamp:1;}
.news_w_left .news_w_img dl dt p.ns_w2{ width:116px; float:right; margin:12px 0 0 0; height:38px;}
.news_w_left .news_w_img dl dt p.ns_w2 a{ display:block; background:#0071bd; line-height:38px; text-align:center; font-size:14px; color:#fff; transition:all .3s;}
.news_w_left .news_w_img dl dt p.ns_w2 a:hover{ text-decoration:none;}
.news_width .news_w_right{ float:right; width:44%;}
.news_width .news_w_right .bd{ margin:52px 0 0 0;}
.news_width .news_w_right .bd ul{ border-top:#d6d6d6 1px solid;}
.news_width .news_w_right .bd ul li{ position:relative; z-index:1; border-bottom:#d6d6d6 1px solid;}
.news_width .news_w_right .bd ul li a{ display:block; padding:36px 0;}
.news_width .news_w_right .bd ul li dl{ overflow:hidden;}
.news_width .news_w_right .bd ul li dl dd{ float:left; width:75%; font-size:16px; color:#666; line-height:28px;}
.news_width .news_w_right .bd ul li dl dd p{ height:56px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.news_width .news_w_right .bd ul li dl dd em{ font-size:20px; color:#333; margin:0 0 12px 0; height:28px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.news_width .news_w_right .bd ul li:hover dl dd em{ color:#0071bd;}
.news_width .news_w_right .bd ul li dl dt{ float:right; width:18%; font-size:16px; color:#525252; line-height:28px;}
.news_width .news_w_right .bd ul li dl dt span{ display:block; text-align:center; border-left:#aaa 1px solid; height:56px; margin:12px 0 0 0;}
.news_width .news_w_right .bd ul li dl dt span img{ width:31px; height:9px; margin:23px 0 0 0;}
.news_width .news_w_right .hd{ border-top:#d6d6d6 1px solid;}
.news_width .news_w_right .hd .prev,.news_width .news_w_right .hd .next{ display:block; width:26px; height:26px; float:right; margin:28px 5px 0 5px; overflow:hidden; cursor:pointer; background:url(../images/news_prev.png) no-repeat;}
.news_width .news_w_right .hd .next{ background:url(../images/news_next.png) no-repeat;}
.news_width .news_w_right .hd ul{ float:right; overflow:hidden; zoom:1; margin:36px 0 0 0; }
.news_width .news_w_right .hd ul li{ float:left; width:9px; height:9px; overflow:hidden; margin:0 5px; text-indent:-999px; cursor:pointer; background:url(../images/news_yd.png) 0 -9px no-repeat; }
.news_width .news_w_right .hd ul li.on{ background-position:0 0; }

/*footer*/
.footer{ width:100%; background:#161616; padding:60px 0 48px 0;}
.footer_left{ float:left; width:82%;}
.footer_left dl{ float:left; width:28%; margin:0 5% 0 0;}
.footer_left dl:last-child{ width:34%; margin:0;}
.footer_left dl dd{ font-size:20px; color:#fff; line-height:32px; margin:0 0 14px 0; position:relative; padding:0 0 10px 0;}
.footer_left dl dd:before{ position:absolute; width:50px; height:3px; background:#fff; content:""; left:0; bottom:0;}
.footer_left dl dt{ float:left; width:50%; font-size:16px; line-height:30px; color:#aaa;}
.footer_left dl:last-child dt{ float:none; width:100%;}
.footer_left dl dt a{ color:#aaa; display:block;}
.footer_left dl dt a:hover{ text-decoration:none; color:#fff;}
.footer_right{ float:right; width:9.7%;}
.footer_right .footer_gz{ font-size:20px; color:#fff; line-height:32px; position:relative; padding:0 0 10px 0;}
.footer_right .footer_gz:before{ position:absolute; width:50px; height:3px; background:#fff; content:""; left:0; bottom:0;}
.footer_right .footer_gz_img{ margin:20px auto 0 auto;}
.footer_right .footer_gz_img img{ width:100%;}
.footer_right .footer_gz_img em{ font-size:16px; color:#aaa; line-height:28px; display:block; text-align:center; margin:2px 0 0 0;}
.footer_icp{ width:100%; background:#161616; font-size:14px; color:#aaa; line-height:22px; padding:10px 0; border-top:#444 1px solid; text-align:center;}
.footer_icp a{ color:#aaa;}
.footer_icp a:hover{ text-decoration:none; color:#fff;}

/*ny_banner*/
.ny_banner{ width:100%; margin:0 auto; overflow:hidden; position:relative; z-index:2;}
.ny_banner img{ width:100%;}

/*ny_nav*/
.ny_nav{ width:100%; margin:-70px auto 0 auto; position:relative; z-index:3; border-bottom:#aaa 1px solid;}
.ny_nav .nav_zhuti{ float:left; margin:0 auto; overflow:hidden; width:260px;}
.ny_nav .nav_zhuti em{ display:block; font-size:32px; color:#fff; line-height:70px; background:rgba(0,113,189,.88); padding:0 0 0 20px; position:relative;}
.ny_nav .nav_zhuti em:before{ position:absolute; left:20px; bottom:0; width:50px; height:3px; background:#fff; content:"";}
.ny_nav .nav_zhuti em:after{ position:absolute; right:29%; top:-4px; width:1px; height:30px; background:#fff; content:""; transform:rotate(45deg);}
.ny_nav .nav_zhuti p{ display:block; font-size:24px; color:#fff; line-height:60px; background:#0071bd; text-transform:uppercase; padding:0 0 0 20px; position:relative; font-family:Arial;}
.ny_nav .nav_zhuti p:before{ position:absolute; right:8%; bottom:-3px; width:1px; height:18px; background:#fff; content:""; transform:rotate(45deg);}
.ny_nav .nav_zhuti p:after{ position:absolute; left:17%; bottom:-3px; width:1px; height:18px; background:#fff; content:""; transform:rotate(45deg);}
.menu_nav{ margin:0 auto; position:relative;}
.menu_nav ul{ position:absolute; bottom:-1px; left:286px;}
.menu_nav ul li{ float:left; margin:0 0 0 26px;}
.menu_nav ul li a{ font-size:14px; color:#666; line-height:61px; display:block; padding:0 5px; position:relative;}
.menu_nav ul li a:hover:before,.menu_nav ul li a.hovrt:before{ position:absolute; bottom:0; left:0; width:100%; height:3px; content:""; background:#0071bd;}
.menu_nav ul li a:hover:after,.menu_nav ul li a.hovrt:after{ content:""; position:absolute; width:0; height:0; bottom:0; left:50%; margin-left:-8px; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:8px solid #0071bd;}
.menu_nav ul li a:hover,.menu_nav ul li a.hovrt{ text-decoration:none; color:#0071bd;}

/*content*/
.content{ margin:60px auto; position:relative;}
.content_name{ font-size:20px; color:#333; font-weight:bold; line-height:48px; position:relative; margin:0 0 34px 0;}
.content_name:before{ position:absolute; left:0; bottom:0; width:50px; height:3px; background:#0071bd; content:"";}

/*company*/
.company{ font-size:16px; color:#666; line-height:28px;}
.company p{ text-indent:2em;}
.company img{ max-width:100%;}

.zhici{ width:100%; margin:0 auto; overflow:hidden;}
.zhici .zc_left{ float:left; width:27.7%;}
.zhici .zc_left img{ width:100%;}
.zhici .zc_right{ float:right; width:68%;}
.zhici .zc_r_name{ font-size:20px; color:#333; font-weight:bold; line-height:48px; position:relative; margin:0 0 18px 0;}
.zhici .zc_r_name:before{ position:absolute; left:0; bottom:0; width:50px; height:3px; background:#0071bd; content:"";}
.zhici .shezhang{ font-size:16px; color:#666; line-height:28px;}
.zhici .shezhang p{ text-indent:2em;}

.wenhua{ overflow:hidden; background:#010101 url(../images/culture.jpg) top center no-repeat; padding:28px 40px;}
.wenhua .wenhua_name{ font-size:20px; color:#fff; font-weight:bold; line-height:48px; position:relative; margin:0 0 18px 0;}
.wenhua .wenhua_name:before{ position:absolute; left:0; bottom:0; width:50px; height:3px; background:#fff; content:"";}
.wenhua .wh_width{ width:72%; margin:0 0 88px 0; font-size:16px; color:#fff; line-height:28px;}
.wenhua .wh_width em{ display:block; font-weight:bold; margin:0 0 6px 0;}

.content_lc{ width:100%; background:url(../images/licheng.png) bottom center no-repeat; margin:0 auto; overflow:hidden;}
.fazhan{ margin:60px auto 0 auto;}
.fazhan_name{ font-size:20px; color:#333; font-weight:bold; line-height:48px; position:relative; margin:0 0 52px 0;}
.fazhan_name:before{ position:absolute; left:0; bottom:0; width:50px; height:3px; background:#0071bd; content:"";}
.licheng{ width:100%; margin:0 auto; position:relative;}
.licheng .lc_pre,.licheng .lc_next{ position:absolute; display:block; width:52px; line-height:52px; top:30%; text-align:center; font-family:宋体; cursor:pointer; color:#999; border:#999 2px solid; font-size:45px; font-weight:bold; border-radius:50%;}
.licheng .lc_pre:hover,.licheng .lc_next:hover{ color:#0071bd; border:#0071bd 2px solid;}
.licheng .lc_pre{ left:-68px;}
.licheng .lc_next{ right:-68px;}
.lc_width{ width:100%; margin:0 auto; overflow:hidden;}
.lc_width ul{ width:800%;}
.lc_width li{ float:left; display:inline; width:2.575%; margin:80px 0.2% 0 0; position:relative; padding:0 0 0 0.4%; height:508px; transition:all .7s;}
.lc_width li:nth-child(2n){ margin:40px 0.2% 0 0; height:548px;}
.lc_width li:nth-child(3n){ margin:0 0.2% 0 0; height:588px;}
.lc_width li:before{ background:#0071bd; width:16px; height:16px; position:absolute; top:0; left:0; content:""; border-radius:50%;}
.lc_width li:after{ background:#0071bd; width:2px; height:100%; position:absolute; top:0; left:7px; content:"";}
.lc_width li em{ margin:0 0 10px 0; display:block; font-size:20px; color:#0071bd; font-weight:bold; line-height:34px;}
.lc_width li p{ font-size:16px; color:#666; line-height:28px;}
.lc_width li div{ margin:6px 0 0 0;}
.lc_width li div img{ width:100%;}

.bangong{ width:100%; margin:0 auto;}
.bangong ul{ overflow:hidden;}
.bangong ul li{ width:24.4%; float:left; margin:0 0.8% 0.8% 0; position:relative;}
.bangong ul li:nth-child(4n){ margin:0 0 0.8% 0;}
.bangong ul li img{ width:100%;}
.bangong ul li em{ position:absolute; left:0; bottom:0; width:100%; background:rgba(0,0,0,.5); font-size:16px; line-height:28px; height:28px; text-align:center; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.bangong ul li a{ color:#fff; display:block;}
.bangong ul li a:hover{ text-decoration:none;}

.network{ position:relative; width:65%; max-width:1000px; margin:0 auto 6vh;}
.network>img{ width:100%;}
.point-list .item{ position:absolute;}
.point-list .item a .point{ display:block; width:8px; height:8px; border-radius:50%; background:#f00;}
.point-list .item a .city{ white-space:nowrap; position:absolute; left:50%; top:100%; padding-top:4px; font-size:16px; font-weight:bold; line-height:1em; color:#f00; transform:translateX(-50%);}
.point-list .item .sub{ position:absolute; z-index:2; left:50%; transform:translateX(-50%); padding:6px 10px; background-color:#0071bd; bottom:16px; border-radius:4px; white-space:nowrap; visibility:hidden; opacity:0; box-shadow:0 0 10px rgba(0,0,0,.1); font-size:14px; color:#fff; line-height:22px;}
.point-list .item.cur .sub{ opacity:1; visibility:visible;}
.point-list .item .sub:before { content:""; position:absolute; left:50%; bottom:-16px; transform:translateX(-50%); width:0; height:0; border:8px solid transparent; border-top-color:#0071bd;}
.point-list .item .sub span{ display:block; font-size:16px; color:#fff; line-height:24px; font-weight:bold; white-space:nowrap;}

/*products*/
.products{ width:100%; margin:0 auto;}
.products ul{ overflow:hidden;}
.products ul li{ float:left; width:23.5%; margin:0 2% 2% 0;}
.products ul li a{ display:block; border:#fff 1px solid;}
.products ul li a:hover{ text-decoration:none; border:#0071bd 1px solid;}
.products ul li:nth-child(4n){ margin:0 0 2% 0;}
.products ul li img{ width:100%;}
.products ul li em{ font-size:16px; color:#666; line-height:58px; height:58px; text-align:center; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical;}

.content_nav{ width:100%; margin:34px auto;}
.content_nav ul{ overflow:hidden;}
.content_nav ul li{ float:left; margin:0 4% 0 0;}
.content_nav ul li a{ font-size:20px; position:relative; color:#666; line-height:52px; display:block;}
.content_nav ul li a:hover:before,.content_nav ul li a.hort:before{ position:absolute; left:50%; bottom:0; content:""; width:50px; height:3px; background:#0071bd; margin:0 0 0 -25px;}
.content_nav ul li a:hover,.content_nav ul li a.hort{ text-decoration:none; color:#0071bd;}
.products_td{ width:100%; margin:0 auto;}
.products_td ul{ overflow:hidden;}
.products_td ul li{ float:left; width:23.5%; margin:0 2% 2% 0;}
.products_td ul li a{ display:block; color:#666;}
.products_td ul li a:hover{ text-decoration:none; color:#0071bd;}
.products_td ul li:nth-child(4n){ margin:0 0 2% 0;}
.products_td ul li img{ width:100%;}
.products_td ul li em{ margin:6px 0 0 0; font-size:16px; line-height:28px; height:56px; text-align:center; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

.product_w_name{ font-size:20px; color:#333; font-weight:bold; line-height:48px; position:relative; margin:0 0 28px 0;}
.product_w_name:before{ position:absolute; left:0; bottom:0; width:50px; height:3px; background:#0071bd; content:"";}
.prologo{ position:absolute; left:218px; top:0; max-height:60px;}
.prologo img{ width:100%;}
.productshow{ margin:28px auto 60px auto;}
.products_xg{ float:right; width:22%;}
.products_xg .product_kuang{ border:#ddd 1px solid;}
.products_xg .p_xg_name{ width:88%; margin:12px auto 20px auto; border-bottom:#ddd 1px solid; font-size:18px; color:#333; line-height:42px; font-weight:bold;}
.products_xg .p_xg_name i{ width:2px; height:18px; background:#0071bd; float:left; margin:13px 12px 11px 0;}
.products_xg .product_kuang ul{ width:88%; margin:20px auto;}
.products_xg .product_kuang ul li{ width:100%; margin:0 0 20px 0;}
.products_xg .product_kuang ul li a img{ width:100%;}
.products_xg .product_kuang ul li a{ display:block; text-align:center;}
.products_xg .product_kuang ul li a:hover{ text-decoration:none;}
.products_xg .product_kuang ul li em{ font-size:14px; line-height:25px; margin:8px 0 0 0; height:25px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.products_sming{ float:left; width:75%;}
.products_text{ border:#ddd 1px solid; text-align:center;}
.products_text img{ max-width:100%;}
.products_text p{ background:#ddd; font-size:16px; color:#000; text-align:left; padding:18px 2.5% 8px 2.5%; font-weight:bold;}
.miaoshu{ background:#ddd; margin:0 auto 28px auto; font-size:14px; color:#333; line-height:25px; text-align:left; padding:0 2.5% 18px 2.5%;}
.products_detwo{ background:#ddd; margin:28px auto 20px auto; overflow:hidden;}
.products_detwo span{ font-size:16px; background:#0071bd; color:#fff; line-height:20px; padding:10px 4%; display:inline-block;}
.products_shuoming{ margin:20px auto 0 auto; font-size:14px; line-height:25px; color:#666;}
.products_shuoming img{ max-width:100%;}
.products_shuoming table{ width:100%; border:#eee 1px solid;}
.products_shuoming table td{ border:#eee 1px solid; padding:3px 0 3px 8px;}

/*fangan*/
.fangan{ font-size:16px; color:#666; line-height:28px;}
.fangan img{ max-width:100%;}

/*honor*/
.honor{ width:100%; margin:0 auto;}
.honor ul{ overflow:hidden;}
.honor ul li{ width:22.8%; float:left; margin:0 2.8% 2.8% 0; position:relative;}
.honor ul li:nth-child(4n){ margin:0 0 2.8% 0;}
.honor ul li img{ width:100%;}
.honor ul li em{ font-size:14px; line-height:36px; height:36px; text-align:center; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.honor ul li a{ color:#666; border:#ddd 1px solid; display:block;}
.honor ul li a:hover{ text-decoration:none; color:#0071bd;}
.honor ul li:before{ content:""; width:0px; height:1px; visibility:hidden; transition:0.1s; background:#0071bd; -webkit-transition-delay:0.3s; position:absolute; top:0; left:0;}
.honor ul li:hover::before{ width:100%; visibility:visible; -webkit-transition-delay:0s; z-index:2;}
.honor ul li:after{ content:""; width:0px; height:1px; visibility:hidden; transition:0.1s; background:#0071bd; -webkit-transition-delay:0.1s; position:absolute; bottom:0; right:0;}
.honor ul li:hover::after{ width:100%; visibility:visible; -webkit-transition-delay:0.2s; z-index:2;}
.honor ul li i:before{ content:""; width:1px; height:0px; visibility:hidden; transition:0.1s; background:#0071bd; -webkit-transition-delay:0.2s; position:absolute; top:0; right:0;}
.honor ul li:hover i:before{ height:100%; visibility:visible; -webkit-transition-delay:0.1s; z-index:2;}
.honor ul li i:after{ content:""; width:1px; height:0px; visibility:hidden; transition:0.1s; background:#0071bd; -webkit-transition-delay:0s; position:absolute; bottom:0; left:0;}
.honor ul li:hover i:after{ height:100%; visibility:visible; -webkit-transition-delay:0.3s; z-index:2;}

/*ny_news*/
.ny_news{ width:100%; margin:0 auto;}
.ny_news ul{ overflow:hidden;}
.ny_news ul li{ float:left; width:48%; margin:0 4% 2% 0; position:relative;}
.ny_news ul li:nth-child(2n){ margin:0 0 2% 0;}
.ny_news ul li a{ display:block; border:#ccc 1px solid; padding:14px;}
.ny_news ul li a:hover{ border:#0071bd 1px solid;}
.ny_news ul li dl{ overflow:hidden; position:relative;}
.ny_news ul li dl dd{ float:left; width:45%;}
.ny_news ul li dl dd img{ width:100%;}
.ny_news ul li dl dt{ float:right; width:52%; font-size:14px; color:#666; line-height:22px;}
.ny_news ul li dl dt em{ font-size:20px; color:#333; margin:0 0 8px 0; height:44px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.ny_news ul li:hover dl dt em{ color:#0071bd;}
.ny_news ul li dl dt p{ height:66px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.ny_news ul li dl dt div{ position:absolute; right:0; bottom:0; width:52%; overflow:hidden;}
.ny_news ul li dl dt div span{ float:left; font-size:14px; color:#666; line-height:25px;}
.ny_news ul li dl dt div img{ width:31px; height:9px; float:right; margin:8px 0;}

.news_bt{ font-size:22px; color:#333; line-height:36px; text-align:center; margin:0 0 26px 0; border-bottom:#ccc 1px solid;}
.news_bt p{ font-size:14px; color:#888; line-height:25px; margin:2px 0 0 0;}
.news_js{ font-size:14px; color:#666; line-height:25px;}
.news_js img{ max-width:100%;}
.p_next{ width:100%; margin:20px auto 0 auto; border-bottom:#ccc 1px solid;}
.p_next dl{ overflow:hidden;}
.p_next dl dd{ float:left;}
.p_next dl dd i{ float:left; width:18px; height:11px; background:url(../images/news_l.png) center no-repeat; margin:10px 5px 0 0;}
.p_next dl dt{ float:right;}
.p_next dl dt i{ float:right; width:18px; height:11px; background:url(../images/news_r.png) center no-repeat; margin:10px 0 0 5px;}
.p_next a{ font-size:14px; line-height:30px; color:#666;}
.p_next a:hover{ color:#0071bd; text-decoration:none;}

/*contact_us*/
.contact_us{ font-size:16px; color:#666; line-height:28px;}

/*feedback*/
.feedback{ width:100%; margin:0 auto;}
.feed_left{ float:left; width:61%;}
.feed_inp{ width:100%; margin:0 auto;}
.feed_inp ul{ overflow:hidden;}
.feed_inp ul li{ margin:0 0 28px 0;}
.feed_inp ul .text-input{ width:98%; border:none; border:#aaa 1px solid; padding:0 0 0 1.8%; font-size:16px; color:#666; line-height:40px; height:40px; background:fff;}
.feed_inp ul .cont-input{ width:98%; padding:8px 0 8px 1.8%; height:122px; font-size:16px; color:#666; line-height:28px; cue-after:none; background:#fff; border:#aaa 1px solid;}
.feed_inp ul li p{ display:block; font-size:18px; color:#333; line-height:28px; margin:0 0 6px 0;}
.feed_inp ul li span{ color:#0071bd;}
.feed_inp ul .messages-button{ width:160px; line-height:40px; font-size:20px; color:#fff; text-align:center; background:#0071bd; cursor:pointer;}
.feed_right{ float:right; width:32%;}
.feed_width{ border:#aaa 1px solid; font-size:16px; color:#666; line-height:36px; padding:30px 36px 98px 36px;}
.feed_width span{ color:#0071bd;}