@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:#666; 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,i{ 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:#666; text-decoration:none;}
a:hover{ color:#007cc4; text-decoration:underline;}
.fl{ float:left;}
.fr{ float:right;}
.width_all{ max-width:1200px; margin:0 auto;}
.width_all:after{ display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}

/*head_top*/
.head_top{ width:100%; margin:0 auto; background:linear-gradient(#fff, #e2e2e2); position:relative;}
.head_top i:before{ position:absolute; left:0; bottom:0; width:100%; height:4px; content:""; background:#56c4ff; z-index:1;}
.head_top i:after{ position:absolute; left:0; bottom:4px; width:100%; height:1px; content:""; background:#fff; z-index:1;}
.head_top:before{ position:absolute; right:0; top:0; background:rgba(0,124,196,.8); content:""; height:100%; width:60%; z-index:2;}
.head_top .logo{ float:left; width:76px; margin:12px 14px 17px 0;}
.head_top .logo img{ width:100%;}
.head_top h1{ float:left; font-size:24px; line-height:30px; color:#c41c29; font-weight:bold; margin:32px 0 37px 0;}
.head_top .head_right{ float:right; position:relative; z-index:3;}
.head_top .rexian_c{ width:100%; margin:12px auto 0 auto; overflow:hidden;}
.head_top .rexian{ float:right; font-size:14px; color:#ececec; line-height:25px; background:url(../images/rexian.png) center left no-repeat; padding:0 0 0 33px;}
.head_top .rexian span{ font-size:20px; font-weight:bold; font-family:Arial;}
.head_top .cnen{ float:right; font-size:14px; line-height:25px; color:#ececec; margin:0 30px 0 0;}
.head_top .cnen span{ margin:0 10px;}
.head_top .cnen a{ color:#ececec;}
.head_top .cnen a:hover{ text-decoration:none; color:#fff;}
.h_active{ position:fixed; left:0; top:0; z-index:1000;}

/*nav*/
.header{ width:100%; margin:0;}
.nav{ font-size:0px;}
.nav .m{ position:relative; display:inline-block; z-index:10; margin:0 0 0 68px;}
.nav a{ display:block; font-size:16px; color:#fff; line-height:62px; text-transform:uppercase;}
.nav li:hover a, .nav li a.cutter{ color:#fff; text-decoration:none;}
.nav li a:after{ content:""; width:0px; height:2px; visibility:hidden; transition:.8s; background:#fff; position:absolute; bottom:2px; left:50%;}
.nav li:hover a::after{ width:100%; left:0; right:0; visibility:visible;}
.nav .sub{ width:168px; position:absolute; left:0; top:62px; background:rgba(255, 255, 255, 1);}
.nav .sub li{ text-align:left; padding:0 0 0 16px; position:relative; overflow:hidden;}
.nav .sub li a{ color:#333; font-size:14px; line-height:42px; font-weight:normal; display:block; background:none; padding:0; position:relative; z-index:2; -webkit-transition:.35s; transition:.35s; text-transform:inherit;}
.nav .sub li a:hover{ text-decoration:none; color:#fff;}
.nav .sub li a::after{ display:none;}
.nav .sub li:after{ content:""; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); margin:40px 0 0 -60px; background:#007cc4; width:0; height:0; border-radius:50%; -webkit-transition:.8s; transition:.8s; opacity:0;}
.nav .sub li:hover:after{ width:500px; height:500px; opacity:1;}

#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 .cnen{ padding:0 20px; font-size:14px; line-height:25px; color:#333;}
.m_nav .cnen span{ margin:0 14px;}
.m_nav .cnen a{ color:#333;}
.m_nav .cnen a:hover{ text-decoration:none; color:#000;}
.m_nav .ul{ margin:10px 0 0 0;}
.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:16px; 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 a{	display:block; height:50px; line-height:50px; padding:0 20px; box-sizing:border-box; border-bottom:1px solid #f5f5f5;}
.m_nav .ul li .dropdown_menu a:last-child{ border:none;}

/*banner*/
.banner{ width:100%; margin:0 auto; overflow:hidden;}
.banner .top_bg_con .swiper-pagination .swiper-pagination-bullet{ opacity:1; background:#fff;}
.banner .top_bg_con .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ opacity:1; background:#007cc4;}
.m-Pic{ text-align:center; display:block; font-size:0;}
.m-Pic b{ display:inline-block; height:100%; vertical-align:middle;}
.m-Pic img{ vertical-align:middle; max-width:100%; max-height:100%;}

/*about_us*/
.about_us{ margin:-80px auto 36px auto; z-index:99; position:relative; background:#007cc4;}
.about_us .about_left{ float:left; width:38%;}
.about_us .about_left img{ width:100%;}
.about_us .about_right{ float:right; width:56%; margin:0 3% 0 0;}
.about_us .about_name{ width:100%; margin:30px auto 16px auto; font-size:24px; color:#fff; line-height:32px; font-weight:bold;}
.about_us .about{ width:100%; margin:16px auto 20px auto; font-size:14px; line-height:25px; color:#fff; height:100px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:4; -webkit-box-orient:vertical;}
.about_us .about_more{ width:100px;}
.about_us .about_more a{ display:block; color:#fff; line-height:30px; border:#fff 1px solid; text-align:center; border-radius:3px;}
.about_us .about_more a:hover{ background:#fff; color:#007cc4; text-decoration:none;}
.about_iup{ margin:36px auto 60px auto; position:relative;}
.about_iup .about_prev,.about_iup .about_next{ position:absolute; display:block; width:39px; height:39px; top:50%; margin:-19px 0 0 0; z-index:9;}
.about_iup .about_prev{ left:0; background:url(../images/prev.png) no-repeat center; cursor:pointer;}
.about_iup .about_next{ right:0; background:url(../images/next.png) no-repeat center; cursor:pointer;}
.about_list{ position:relative; width:100%; height:auto; margin:0 auto; overflow:hidden;}
.about_list ul{ width:800%;}
.about_list li{ float:left; width:2.975%; margin:0 0.2% 0 0; position:relative; overflow:hidden;}
.about_list li img{ width:100%; transition:all .75s;}
.about_list li:hover img{ transform:scale(1.2);}
.about_list li em{ position:absolute; left:0; bottom:0; background:rgba(0,124,196,.88); width:100%; padding:8px 0;}
.about_list li a{ font-size:14px; color:#fff; line-height:25px; text-align:center;}
.about_list li a:hover{ text-decoration:none;}

/*new_product*/
.new_p_name{ width:100%; margin:60px auto 76px auto; background:#007cc4; font-size:24px; color:#fff; line-height:32px; font-weight:bold; text-align:center; position:relative; padding:42px 0;}
.new_p_name:after{ content:""; position:absolute; width:0; height:0; bottom:-40px; left:50%; margin-left:-88px; border-left:88px solid transparent; border-right:88px solid transparent; border-top:40px solid #007cc4;}
.new_p_name p{ font-size:14px; color:#fff; line-height:25px; font-weight:normal; margin:4px 0 0 0;}
.new_product{ margin:76px auto 60px auto;}
.new_product ul{ overflow:hidden;}
.new_product ul li{ float:left; width:23.5%; margin:0 2% 2% 0; position:relative; transition:all .5s; overflow:hidden;}
.new_product ul li img{ width:100%; transition:all .5s;}
.new_product ul li:hover img{ transform:scale(1.2);}
.new_product ul li:nth-child(1){ width:49%; background:#eee;}
.new_product ul li:nth-child(3){ margin:0 0 2% 0;}
.new_product ul li:nth-child(4){ margin:0 2% 0 0;}
.new_product ul li:nth-child(5){ margin:0 2% 0 0;}
.new_product ul li:nth-child(6){ margin:0 2% 0 0;}
.new_product ul li:nth-child(7){ margin:0;}
.new_product ul li .new_p_left{ float:left; width:47.95%; overflow:hidden;}
.new_product ul li .new_p_right{ float:right; width:43.95%; margin:0 4% 0 0;}
.new_product ul li .new_p_r_name{ width:100%; margin:12px auto 6px; font-size:16px; color:#333; line-height:28px; font-weight:bold; height:28px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.new_product ul li .new_p_r_profile{ width:100%; margin:6px auto 16px auto; font-size:14px; line-height:25px; color:#666; height:125px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:5; -webkit-box-orient:vertical;}
.new_product ul li .new_p_r_more{ width:126px;}
.new_product ul li .new_p_r_more a{ display:block; color:#007cc4; line-height:34px; border:#007cc4 1px solid; text-align:center; border-radius:3px;}
.new_product ul li .new_p_r_more a:hover{ background:#007cc4; color:#fff; text-decoration:none;}
.new_product ul li .new_p_hover{ display:none;}
.new_product ul li:hover .new_p_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,124,196,.8);}
.new_product ul li .product_name{ width:88%; margin:0 auto; font-size:16px; color:#fff; line-height:28px; text-align:center; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}

/*news*/
.news{ width:100%; background:#eee; margin:60px auto 0 auto; overflow:hidden;}
.news_width{ margin:60px auto;}
.news_width .h_news{ float:left; width:56%;}
.news_width .h_news_name{ margin:0 0 24px 0; font-size:24px; color:#333; line-height:24px; font-weight:bold;}
.news_width .h_news_name p{ font-size:14px; font-weight:normal; text-transform:uppercase; color:#666; font-family:Arial; margin:2px 0 0 0;}
.news_width .h_news dl{ width:100%; margin:0 auto; overflow:hidden;}
.news_width .h_news dl a{ font-size:14px; line-height:25px; color:#666; display:block;}
.news_width .h_news dl a:hover{ text-decoration:none; color:#007cc4;}
.news_width .h_news dl dd{ float:left; width:35.7%;}
.news_width .h_news dl dd img{ width:100%;}
.news_width .h_news dl dt{ float:right; width:61%;}
.news_width .h_news dl dt .news_dt_name{ font-size:16px; color:#333; height:25px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.news_width .h_news dl dt .news_dt_nr{ margin:6px 0 12px 0; height:75px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.news_width .h_news dl dt .news_dt_more{ width:124px; color:#007cc4; line-height:34px; border:#007cc4 1px solid; text-align:center; border-radius:3px;}
.news_width .h_news ul{ width:100%; margin:2px auto 0 auto; overflow:hidden;}
.news_width .h_news ul li{ border-bottom:#ccc 1px solid; overflow:hidden;}
.news_width .h_news ul li a{ display:block; color:#666; line-height:64px; overflow:hidden;}
.news_width .h_news ul li a:hover{ text-decoration:none; color:#007cc4;}
.news_width .h_news ul li i{ float:left; width:8px; height:2px; margin:31px 12px 31px 0; background:#007cc4;}
.news_width .h_news ul li span{ float:left; width:75%; height:64px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.news_width .h_news ul li font{ float:right; font-size:14px; color:#999;}
.news_width .faqs{ float:right; width:37%;}
.news_width .faqs_name{ margin:0 0 24px 0; font-size:24px; color:#333; line-height:24px; font-weight:bold;}
.news_width .faqs_name p{ font-size:14px; font-weight:normal; text-transform:uppercase; color:#666; font-family:Arial; margin:2px 0 0 0;}
.news_width .faqs ul{ width:100%; margin:0 auto; overflow:hidden;}
.news_width .faqs ul li{ overflow:hidden; margin:0 0 2px 0;}
.news_width .faqs ul li:last-child{ margin:0;}
.news_width .faqs ul li a{ display:block; color:#666; line-height:72px; overflow:hidden; background:#fff;}
.news_width .faqs ul li a:hover{ text-decoration:none; background:#cd1529; color:#fff;}
.news_width .faqs ul li i{ float:left; width:8px; height:2px; margin:35px 12px 35px 24px; background:#d2d2d2;}
.news_width .faqs ul li:hover i{ background:#fff;}
.news_width .faqs ul li span{ float:left; width:72%; height:72px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.news_width .faqs ul li font{ float:right; width:26px; height:26px; margin:23px 30px 23px 0; background:url(../images/news_tb.png) center no-repeat;}
.news_width .faqs ul li:hover font{ background:url(../images/news_tb_hover.png) center no-repeat;}

/*footer*/
.footer_top{ width:100%; margin:0 auto; overflow:hidden; height:4px; background:linear-gradient(-90deg, #006fab, #14acfd, #006fab);}
.footer{ width:100%; margin:0 auto; overflow:hidden; border-top:#309fd9 1px solid; background:#007cc4;}
.footer_width{ width:100%; margin:36px auto; overflow:hidden; position:relative;}
.footer_nav{ float:left; width:60%;}
.footer_nav dl{ float:left; width:31%;}
.footer_nav dl:nth-child(2){ width:38%;}
.footer_nav dl dd{ font-size:16px; color:#fff; line-height:22px; margin:0 0 10px 0; position:relative;}
.footer_nav dl dd a{ color:#fff;}
.footer_nav dl dd a:hover{ color:#fff; text-decoration:none;}
.footer_nav dl dt{ line-height:25px; font-size:14px; color:#c4e9ff;}
.footer_nav dl dt a{ font-size:14px; color:#c4e9ff; display:block; transition:all .3s;}
.footer_nav dl dt a:hover{ color:#fff; text-decoration:none;}
.footer_contact{ float:right; width:30%;}
.footer_contact ul{ overflow:hidden;}
.footer_contact ul li{ border-top:#2690ce 1px solid; font-size:32px; color:#fff; line-height:36px; font-family:Arial; padding:15px 0;}
.footer_contact ul li i{ float:left; width:30px; height:30px; background:url(../images/tel.png) center no-repeat; margin:3px 14px 0 0;}
.footer_contact ul li:nth-child(2) i{ background:url(../images/email.png) center no-repeat;}
.footer_contact ul li:nth-child(3) i{ background:url(../images/add.png) center no-repeat;}
.footer_contact ul li:nth-child(3){ font-size:14px; color:#fff; font-family:微软雅黑; line-height:25px;}
.footer_icp{ width:100%; margin:0 auto; overflow:hidden; border-top:#2690ce 1px solid; font-size:14px; color:#c4e9ff; line-height:24px; padding:17px 0;}
.footer_icp a{ color:#c4e9ff;}
.footer_icp a:hover{ text-decoration:none; color:#fff;}

/*ny_banner*/
.ny_banner{ width:100%; margin:0 auto; overflow:hidden;}
.ny_banner img{ width:100%;}

/*lujing*/
.lujing{ border:#ececec 1px solid; border-left:none; border-top:none; box-shadow:0 2px 5px #ececec; padding:16px 0;}
.lujing a{ font-size:14px; color:#323232; line-height:20px; float:left; font-weight:bold;}
.lujing a:hover{ color:#007cc4; text-decoration:none;}
.lujing i{ width:5px; height:10px; background:url(../images/lj_jt.png) center no-repeat; float:left; margin:5px 15px;}

/*content*/
.content{ margin:32px auto 42px auto;}
.content .content_name{ font-size:16px; color:#fff; font-weight:bold; line-height:46px; background:#007cc4; padding:0 0 0 26px;}
.content .content_left{ float:left; width:21%;}
.content .content_left big{ font-size:16px; color:#fff; font-weight:bold; line-height:46px; padding:0 0 0 20px; display:block; background:#007cc4;}
.content .content_left ul{ border:#ddd 1px solid; border-top:none; overflow:hidden; padding:6px 0; margin:0 0 20px 0;}
.content .content_left ul li{ margin:6px 16px;}
.content .content_left ul li a{ background:-webkit-gradient(linear, 0 0, 0 100%, from(#fcfcfc), to(#e8e8e8)); border-radius:4px; display:block; padding:0 0 0 14px; font-size:14px; color:#333; line-height:34px;}
.content .content_left ul li a:hover{ text-decoration:none; background:#eee;}
.content .content_left ul li a.l_hrt{ background:#56c4ff; color:#fff;}
.content .content_left small{ border:#ddd 1px solid; border-top:none; padding:12px 19px 20px 19px; font-size:14px; color:#666; line-height:25px; display:block;}
.content .content_right{ width:76%; float:right;}

/*profiles*/
.profiles{ font-size:14px; color:#666; line-height:25px; border:#ddd 1px solid; border-top:none; padding:26px; min-height:260px;}
.profiles img{ max-width:100%;}

.certification{ width:100%; margin:26px auto 0 auto;}
.certification ul{}
.certification ul li{ width:23.5%; float:left; margin:0 2% 2% 0; position:relative;}
.certification ul li:nth-child(4n){ margin:0 0 2% 0;}
.certification ul li img{ width:100%;}
.certification 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;}
.certification ul li a{ color:#333; border:#ddd 1px solid; padding:1%; display:block; transition:all .3s;}
.certification ul li a:hover{ text-decoration:none; box-shadow:0 5px 15px #e2e2e2; transform:translateY(-5px); color:#007cc4;}

.partner{ width:100%; margin:26px auto 0 auto;}
.partner ul{ overflow:hidden;}
.partner ul li{ float:left; width:23.2%; margin:0 2.4% 2.4% 0;}
.partner ul li:nth-child(4n){ margin:0 0 2.4% 0;}
.partner ul li a{ display:block; border:#ddd 1px solid;}
.partner ul li a:hover{ text-decoration:none;}
.partner ul li img{ width:100%;}
.partner ul li em{ font-size:14px; line-height:36px; text-align:center; height:36px; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical;}

/*products*/
.products{ width:100%; margin:26px auto 0 auto;}
.products ul{}
.products ul li{ float:left; width:23.2%; margin:0 2.4% 2.4% 0;}
.products ul li:nth-child(4n){ margin:0 0 2.4% 0;}
.products ul li img{ width:100%;}
.products ul li a{ display:block; border:#ccc 1px solid; color:#666;}
.products ul li a:hover{ text-decoration:none; color:#4285f4; box-shadow:0 3px 5px #ccc;}
.products ul li em{ font-size:16px; line-height:36px; height:36px; text-align:center; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}

.product_width{ width:100%; margin:26px auto; overflow:hidden;}
.product_width .product_l{ width:42%; float:left; border:#eee 1px solid;}
.product_width .product_l img{ width:100%;}
.product_width .product_r{ float:right; width:54%;}
.product_width .product_r .p_name_k{ font-size:22px; color:#007cc4; line-height:28px;}
.product_width .product_r dl{ overflow:hidden; margin:10px 0 0 0;}
.product_width .product_r dl dd{ background:#eee; font-size:18px; line-height:42px; padding:0 0 0 16px; color:#c41c29;}
.product_width .product_r dl dt{ font-size:14px; color:#525252; line-height:25px; margin:14px 0 0 0;}

.p_yingy{ width:100%; margin:26px auto; overflow:hidden;}
.p_yingy dl{ overflow:hidden;}
.p_yingy dl dd{ background:#eee; font-size:18px; line-height:42px; color:#000; padding:0 0 0 16px;}
.p_yingy dl dt{ font-size:14px; color:#525252; line-height:25px; margin:16px 0 0 0;}
.p_yingy dl dt img{ max-width:100%;}
.p_yingy dl dt table{ width:100%; margin:0 auto; border:0; border:#ddd 1px solid;}
.p_yingy dl dt table td{ font-size:14px; color:#525252; line-height:24px; border:#ddd 1px solid; padding:6px; text-align:center;}

.pro_xiangguan{ margin:26px auto 16px auto; overflow:hidden; background:#eee; line-height:42px; border-bottom:#ddd 1px solid; font-size:18px; color:#000;}
.pro_xiangguan i{ width:4px; height:18px; background:#007cc4; float:left; margin:12px 10px 0 8px;}
.pro_xgcp{ margin:16px auto 0 auto; overflow:hidden;}
.pro_xgcp ul{ overflow:hidden;}
.pro_xgcp ul li{ float:left; width:23.5%; margin:0 2% 0 0;}
.pro_xgcp ul li:nth-child(4n){ margin:0;}
.pro_xgcp ul li span{ border:#ddd 1px solid; padding:2px; display:block;}
.pro_xgcp ul li:hover span{ border:#007cc4 1px solid;}
.pro_xgcp ul li img{ width:100%;}
.pro_xgcp ul li em{ text-align:center; font-size:14px; line-height:25px; margin:3px 0 0 0; height:25px; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.pro_xgcp ul li a{ color:#333;}
.pro_xgcp ul li a:hover{ text-decoration:none; color:#007cc4;}

/*equipment*/
.equipment{ width:100%; margin:0 auto; overflow:hidden; font-size:14px; color:#666; line-height:25px;}
.equipment img{ max-width:100%;}
.equipment table{ width:100%; border-collapse:collapse; border-bottom:1px solid #ddd; border-left:1px solid #ddd;}
.equipment table td{ border-right:1px solid #ddd; border-top:1px solid #ddd; text-align:center; padding:4px 0;}

/*news*/
.ny_news{ border:#ddd 1px solid; border-top:none; padding:26px;}
.ny_news dl{ width:100%; margin:0 auto; overflow:hidden;}
.ny_news dl dd{ float:left; width:40%;}
.ny_news dl dd img{ width:100%;}
.ny_news dl dt{ float:right; width:57%; font-size:14px; color:#666; line-height:25px;}
.ny_news dl dt em{ display:block; font-size:16px; color:#333;}
.ny_news dl dt small{ display:block; font-size:14px; color:#888; margin:0 0 8px 0;}
.ny_news dl dt .n_more{ width:100%; margin:12px auto 0 auto; overflow:hidden;}
.ny_news dl dt .n_more a{ font-size:14px; color:#007cc4; line-height:22px; display:block;}
.ny_news ul{ overflow:hidden; margin:16px auto 0 auto;}
.ny_news ul li{ overflow:hidden; border-bottom:#ccc 1px solid;}
.ny_news ul li a{ font-size:14px; color:#333; line-height:42px; display:block;}
.ny_news ul li a:hover{ color:#007cc4; text-decoration:none;}
.ny_news ul li i{ width:8px; height:2px; background:#007cc4; float:left; margin:20px 12px 20px 0;}
.ny_news ul li span{ width:68%; float:left; height:42px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.ny_news ul li font{ float:right; color:#999;}

.faq{ border:#ddd 1px solid; border-top:none; padding:26px;}
.faq ul{ width:100%; margin:0 auto; overflow:hidden;}
.faq ul li{ overflow:hidden; margin:0 0 2px 0;}
.faq ul li:last-child{ margin:0;}
.faq ul li a{ display:block; color:#666; line-height:60px; overflow:hidden; background:#f8f8f8;}
.faq ul li a:hover{ text-decoration:none; background:#007cc4; color:#fff;}
.faq ul li i{ float:left; width:8px; height:2px; margin:29px 12px 29px 24px; background:#d2d2d2;}
.faq ul li:hover i{ background:#fff;}
.faq ul li span{ float:left; width:72%; height:60px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.faq ul li font{ float:right; width:26px; height:26px; margin:17px 30px 17px 0; background:url(../images/news_tb.png) center no-repeat;}
.faq ul li:hover font{ background:url(../images/news_tb_hover.png) center no-repeat;}

.news_name_n{ width:100%; text-align:center; border-bottom:#d9d9d9 1px dashed; margin:0 auto 20px auto;}
.news_name_n strong{ font-size:16px; color:#525252; line-height:25px; margin:0 0 5px 0; display:block;}
.news_name_n span{ color:#999; font-size:12px; line-height:20px; display:block;}
.news_xq{ width:100%; margin:0 auto; color:#666; font-size:14px; line-height:25px;}
.news_xq img{ max-width:100% !important;}
.p_next{ width:100%; margin:20px auto 0 auto; overflow:hidden; border:#eee 1px dashed; padding:10px 0;}
.p_next p{ display:block; padding:0 2%;}
.p_next a{ font-size:14px; line-height:30px; color:#525252;}
.p_next a:hover{ color:#007cc4;}

/*contact_us*/
.contact_us{ width:100%; margin:26px auto 0 auto; overflow:hidden;}
.contact{ float:left; width:56%;}
.contact .contact_name{ font-size:18px; color:#333; line-height:30px; margin:0 0 16px 0;}
.contact .contact_locat{ font-size:14px; color:#666; line-height:28px;}
.contact .contact_locat p{ margin:0 0 10px 0;}
.contact_name_map{ width:100%; margin:32px auto 16px auto; font-size:18px; color:#333; line-height:30px;}
.kfm_map{ width:100%; margin:16px auto 0 auto; overflow:hidden;}
.kfm_map iframe{ width:100%; float:left; height:456px;}
.messages{ float:right; width:36%;}
.messages .mes_name{ font-size:18px; color:#333; line-height:30px; margin:0 0 16px 0;}
.messages ul{ overflow:hidden;}
.messages ul li{ margin:0 0 3% 0;}
.messages ul li:last-child{ margin:0;}
.messages .text-input{ width:96.7%; padding:0 0 0 3%; border:#ddd 1px solid; height:42px; font-size:14px; color:#666; line-height:42px;}
.messages .cont-input{ width:96.7%; padding:1% 0 0 3%; border:#ddd 1px solid; height:100px; font-size:14px; color:#666; line-height:25px;}
.messages .messages-button{ width:158px; line-height:46px; font-size:16px; color:#fff; text-align:center; background:#007cc4; cursor:pointer; text-transform:uppercase;}