@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:"微软雅黑";}
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% "微软雅黑",''; vertical-align:middle}
table,td,tr,th{ font-size:14px;}
html{ overflow-x:hidden;}
.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:#ff7f27; text-decoration:underline; }
.fl{ float:left;}
.fr{ float:right;}

/*head_top*/
.head_top{ width:100%; background:#00a0e9; overflow:hidden; padding:7px 0;}
.head_top .head_kuang{ max-width:1080px; margin:0 auto; overflow:hidden;}
.head_top .head_kuang .cnen{ float:right;}
.head_top .head_kuang .cnen a{ font-size:14px; color:#fff; line-height:20px; margin:0 0 0 18px;}

/*logo_nav*/
.logo_nav{ max-width:1080px; margin:0 auto;}
.logo_nav h1{ float:left; width:360px; margin:6px 0 9px 0;}
.logo_nav h1 img{ width:100%;}

.nav{ float:right;}
.nav ul{ overflow:hidden;}
.nav li{ float:left; margin:0 0 0 46px;}
.nav li p{ position:relative;}
.nav li p a{ font-size:16px; color:#00a0e9; font-weight:bold; display:block; line-height:90px;}
.nav li:hover p a, .nav li p a.hert{ color:#ff7f27; text-decoration:none;}
.nav li a:hover{ text-decoration:none;}
.erjibox{ display:none;}
.nav li:hover .erjibox{ display:block; background:#fff; width:136px; position:absolute; box-shadow:0 3px 5px #ddd; z-index:99;}
.nav li:hover .erjibox .erji{ line-height:36px;}
.nav li:hover .erjibox .erji a{ font-size:14px; display:block; padding:0 0 0 14px; color:#333;}
.nav li:hover .erjibox .erji:hover a{ text-decoration:none; background:#00a0e9; color:#fff;}
.menu{ display:none;}
.sub_menu{ display:none;}

/*banner*/
.main_visual{ width:100%; margin:0 auto; overflow:hidden;}
.main_image{ height:475px; position:relative;}
.main_image ul{ overflow:hidden; position:absolute; top:0; left:0}
.main_image li{ float:left; width:100%;}
.main_image li span{ display:block; width:100%;}
.main_image li a{ display:block; width:100%; height:475px;}
div.flicking_con{ width:1000px; margin:0 auto; position:relative}
div.flicking_con .flicking_inner{ position:absolute; top:446px; left:47%; z-index:2;}
div.flicking_con a{ float:left; width:21px; height:21px; margin:0; padding:0; background:url('../images/btn_main_img.png') 0 0 no-repeat; display:block; text-indent:-1000px}
div.flicking_con a.on{background-position:0 -21px}
#btn_prev,#btn_next{ z-index:3; position:absolute; width:73px!important; height:74px!important; top:50%; margin-top:-37px; display:none;}
#btn_prev{ background:url(../images/hover_left.png) no-repeat left top; left:2%;}
#btn_next{ background:url(../images/hover_right.png) no-repeat right top; right:2%;}
.sj_banner{ display:none;}

/*about_contact*/
.about_honor{ max-width:1080px; margin:45px auto; overflow:hidden;}
.about_honor .about{ float:left; width:71%; overflow:hidden;}
.about_honor .about .about_img{ float:left; width:41%;}
.about_honor .about .about_img img{ width:100%;}
.about_honor .about .about_nrong{ float:right; width:56%; font-size:14px; color:#525252; line-height:21px;}
.about_honor .about .about_nrong big{ font-size:24px; color:#00a0e9; line-height:42px; margin:0 0 10px 0; display:block; background:#f5f5f5; padding:0 0 0 14px;}
.about_honor .honor{ float:right; width:25%;}
.about_honor .honor big{ background:#00a0e9; font-size:24px; color:#fff; line-height:42px; padding:0 0 0 14px; display:block;}

.about_honor .honor .honor_fed{ border:#f5f5f5 1px solid; border-top:none; padding:13px;}
.about_honor .honor .honor_fed ul{ overflow:hidden;}
.about_honor .honor .honor_fed ul li{ width:104px; margin:0 9px; float:left;}
.about_honor .honor .honor_fed ul li img{ width:100%;}
#demo{ overflow:hidden; width:100%;}
#indemo{ float:left; width:8000px;}
#demo1{ float:left;}
#demo2{ float:left;}

/*new_product*/
.new_product{ width:100%; background:#f5f5f5; margin:45px auto 0 auto; overflow:hidden; padding:38px 0 32px 0;}
.new_product .new_pro_name{ max-width:1080px; margin:0 auto; overflow:hidden; font-size:24px; color:#00a0e9; text-align:center; line-height:24px;}
.new_p_sm{ max-width:1080px; margin:20px auto; overflow:hidden; font-size:14px; color:#666; line-height:25px;}

.img-scroll{ position:relative; max-width:1080px; margin:0 auto; overflow:hidden;}
.img-scroll .prev,.img-scroll .next{ position:absolute; display:block; width:34px; height:34px; top:50%; margin-top:-17px; z-index:99;}
.img-scroll .prev{ left:2px; cursor:pointer;}
.img-scroll .next{ right:2px; cursor:pointer;}
.img-scroll:hover .prev{ background:url(../images/l.png) no-repeat center;}
.img-scroll:hover .next{ background:url(../images/r.png) no-repeat center;}
.img-list{ position:relative; width:100%; height:auto; margin:0 auto; overflow:hidden;}
.img-list ul{ width:800%;}
.img-list li{ float:left; width:2.9%; margin:0 0.3% 0 0; position:relative;}
.img-list li:before{ content:""; width:0px; height:3px; visibility:hidden; transition:0.5s; background:#00a0e9; position:absolute; top:0; left:0;}
.img-list li:hover::before{ width:100%; height:3px; visibility:visible;}
.img-list li img{ width:100%;}
.img-list li p{ border:#ff7f27 2px solid;}
.img-list li em{ font-size:14px; line-height:36px; height:36px; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-align:center;}
.img-list li a{ display:block; color:#666;}
.img-list li a:hover{ text-decoration:none; color:#00a0e9;}

/*why*/
.why_us{ width:100%; margin:0 auto; overflow:hidden; background:url(../images/whybg.jpg) top center no-repeat; border-top:#00a0e9 42px solid;}
.why_name{ max-width:1080px; margin:0 auto; padding:30px 0 12px 0; text-align:center; font-size:22px; line-height:36px; color:#333;}
.why_name span{ font-size:32px; line-height:36px; color:#00a0e9; font-weight:bold;}
.why_img{ max-width:1080px; height:1368px; margin:0 auto; overflow:hidden;}
.why_img img{ max-width:100%;}

/*h_content*/
.h_content{ background:#00a0e9; width:100%; margin:0 auto; overflow:hidden;}
.h_cnt{ max-width:1080px; margin:0 auto; overflow:hidden;}
.h_cnt img{ width:100%;}

/*spacing*/
.spacing{ max-width:1080px; margin:45px auto; overflow:hidden;}
/*news*/
.news{ width:32%; float:left; margin:0 2% 0 0;}
.news .news_name{ background:#00a0e9; padding:0 14px; overflow:hidden;}
.news .news_name b{ float:left; font-size:24px; color:#fff; line-height:42px; font-weight:normal;}
.news .news_name a{ float:right; font-size:12px; color:#fff; line-height:42px; font-weight:normal;}
.news .news_name a:hover{ text-decoration:none;}
.news .news_h{ border:#00a0e9 1px solid; border-top:none; overflow:hidden; padding:18px 13px 0 13px;}
.news .news_h dl{ border-bottom:#aeaeae 1px dashed; padding:0 0 19px 0; margin:0 0 18px 0; overflow:hidden;}
.news .news_h dl dd{ float:left; width:22%; background:#ccc; text-align:center; font-size:15px; color:#fff;}
.news .news_h dl dd big{ background:#666; display:block; font-size:18px; color:#fff; line-height:25px; font-weight:bold;}
.news .news_h dl dd small{ line-height:25px;}
.news .news_h dl dt{ float:right; width:74%;}
.news .news_h dl dt span{ margin:0 0 6px 0; font-weight:bold; color:#333; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.news .news_h dl dt a{ font-size:14px; color:#666; line-height:22px;}
.news .news_h dl dt a:hover{ text-decoration:none; color:#00a0e9;}

/*faq*/
.faq{ width:32%; float:left;}
.faq .faq_name{ background:#00a0e9; padding:0 14px; overflow:hidden;}
.faq .faq_name b{ float:left; font-size:24px; color:#fff; line-height:42px; font-weight:normal;}
.faq .faq_name a{ float:right; font-size:12px; color:#fff; line-height:42px; font-weight:normal;}
.faq .faq_name a:hover{ text-decoration:none;}
.faq .faq_h{ border:#00a0e9 1px solid; border-top:none; overflow:hidden; padding:18px 13px 0 13px;}
.faq .faq_h dl{ margin:0 0 18px 0; overflow:hidden; border-bottom:#aeaeae 1px dashed;}
.faq .faq_h dl dd{ font-size:14px; color:#333; font-weight:bold; line-height:24px; height:24px; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.faq .faq_h dl dd i{ background:#666; width:24px; float:left; margin:0 12px 0 0; color:#fff; line-height:24px; text-transform:uppercase; text-align:center;}
.faq .faq_h dl dd a{ color:#333;}
.faq .faq_h dl dd a:hover{ text-decoration:none;}
.faq .faq_h dl dt{ margin:10px 0 13px 0; font-size:14px; color:#666; line-height:22px;}
.faq .faq_h dl dt i{ background:#ff7f27; width:24px; float:left; margin:0 12px 40px 0; color:#fff; line-height:24px; text-transform:uppercase; text-align:center;}
.faq .faq_h dl dt a{ color:#666;}
.faq .faq_h dl dt a:hover{ text-decoration:none; color:#00a0e9;}

/*footer_nav*/
.footer_nav{ width:100%; background:#f5f5f5; padding:30px 0 42px 0; margin:45px 0 0 0;}
.footer_nav .foot_nav_ewm{ max-width:1080px; margin:0 auto; overflow:hidden;}
.footer_nav .foot_nav_ewm .fot_nav{ float:left;}
.footer_nav .foot_nav_ewm .fot_nav dl{ float:left; margin:0 108px 0 0;}
.footer_nav .foot_nav_ewm .fot_nav dl dd{ margin:0 0 12px 0;}
.footer_nav .foot_nav_ewm .fot_nav dl dd a{ font-size:15px; color:#00a0e9; font-weight:bold; line-height:22px;}
.footer_nav .foot_nav_ewm .fot_nav dl dt{ line-height:22px;}
.footer_nav .foot_nav_ewm .fot_nav dl dt a{ font-size:14px; color:#666;}
.footer_nav .foot_nav_ewm .fot_ewm{ float:right;}
.footer_nav .foot_nav_ewm .fot_ewm img{ width:123px; height:123px;}

/*footer*/
.footer{ width:100%; background:#00a0e9; padding:25px 0;}
.footer .footer_add{ max-width:1080px; margin:0 auto; overflow:hidden; font-size:14px; color:#fff; line-height:25px;}
.footer .footer_add a{ color:#fff;}


/*ny_banner*/
.ny_banner{ width:100%; height:168px; background:url(../images/ny_banner1.jpg) top center no-repeat;}
.ny_banner2{ width:100%; height:168px; background:url(../images/ny_banner2.jpg) top center no-repeat;}
.ny_banner3{ width:100%; height:168px; background:url(../images/ny_banner3.jpg) top center no-repeat;}
.ny_banner4{ width:100%; height:168px; background:url(../images/ny_banner4.jpg) top center no-repeat;}
.ny_banner5{ width:100%; height:168px; background:url(../images/ny_banner5.jpg) top center no-repeat;}

/*content*/
.content{ max-width:1080px; margin:0 auto; overflow:hidden;}
.content .ny_left{ float:left;}
.content .ny_left ul{ border-right:#eee 1px solid; width:208px; padding:48px 0 0 0;}
.content .ny_left ul li{ width:220px;}
.content .ny_left ul li a{ font-size:14px; color:#333; line-height:42px; display:block; padding:0 0 0 12px;}
.content .ny_left ul li a:hover, .content .ny_left ul li a.hrtt{ background:#f5f5f5; color:#00a0e9; text-decoration:none; font-weight:bold;}
.content .ny_left ul li dl{ margin:6px 0 0 0;}
.content .ny_left ul li dl dd{ width:80%;}
.content .ny_left ul li dl dd a{ font-size:14px; color:#333; line-height:30px; display:block; padding:0 0 0 18px;}
.content .ny_left ul li dl dd a:hover, .content .ny_left ul li dl dd a.hrtt2{ background:none; color:#00a0e9; text-decoration:none;}

.content .ny_left .l_contact{ width:100%; margin:22px auto 0 auto; overflow:hidden;}
.content .ny_left .l_contact big{ background:#f5f5f5; font-size:18px; color:#333; line-height:42px; padding:0 0 0 21px; display:block;}
.content .ny_left .l_contact .l_contact_fed{ border:#f5f5f5 1px solid; border-top:none; padding:20px 0 14px 0;}
.content .ny_left .l_contact .l_contact_fed .l_iuptor{ width:172px; margin:0 auto 10px auto;}
.content .ny_left .l_contact .l_contact_fed .l_iuptor input{ border:#d4d4d4 1px solid; width:97%; font-size:14px; color:#888; line-height:24px; outline:none; padding:0 0 0 3%;}
.content .ny_left .l_contact .l_contact_fed .l_btn_dj{ overflow:hidden; margin:10px 0 0 17px;}
.content .ny_left .l_contact .l_contact_fed .l_btn_dj .l_btn_ct{ background:#ff7f27; border:none; border-radius:5px; font-size:14px; color:#fff; line-height:30px; cursor:pointer; outline:none; width:86px; text-align:center;}

.content .ny_right{ float:right; width:75%; margin:48px 0 0 0;}
.content .ny_right h2{ font-size:22px; color:#00a0e9; line-height:42px; margin:0 0 20px 0;}

/*profiles*/
.profiles{ font-size:14px; color:#666; line-height:23px;}
.profiles table{ border-collapse:collapse; border:none; width:100%;}
.profiles td{ border:solid #eee 1px; padding:2px 6px; font-size:14px; color:#666; line-height:30px;}
.company{ font-size:14px; color:#666; line-height:23px;}
.company img{ width:48%; float:left; margin:0 2% 0 0;}

.liucheng{ width:100%; margin:26px auto 0 auto;}
.liucheng ul{ overflow:hidden;}
.liucheng ul li{ float:left; width:20%; margin:0 5% 5% 0; position:relative;}
.liucheng ul li img{ width:100%; border-radius:15px;}
.liucheng ul li a{ border:#2f5879 4px solid; display:block; border-radius:15px;}
.liucheng ul li em{ position:absolute; right:-12%; bottom:-10%; background:#2f5879; border-radius:8px; font-size:16px; color:#fff; line-height:30px; padding:8px 15px;}
.liucheng ul li em i{ background:#fff; width:30px; height:30px; border-radius:50%; float:left; margin:0 8px 0 0; color:#2f5879; font-weight:bold; font-size:21px; text-align:center;}
.liucheng ul li.liuc2 a{ border:#ff9900 4px solid;}
.liucheng ul li.liuc2 em{ background:#ff9900;}
.liucheng ul li.liuc2 em i{ color:#ff9900;}
.liucheng ul li.liuc3 a{ border:#942320 4px solid;}
.liucheng ul li.liuc3 em{ background:#942320;}
.liucheng ul li.liuc3 em i{ color:#942320;}
.liucheng ul li.liuc4 a{ border:#2caa83 4px solid;}
.liucheng ul li.liuc4 em{ background:#2caa83;}
.liucheng ul li.liuc4 em i{ color:#2caa83;}

/*products*/
.products{ width:100%; margin:0;}
.products ul{ overflow:hidden;}
.products ul li{ float:left; width:32%; margin:0 2% 2% 0; position:relative;}
.products ul li:before{ content:""; width:0px; height:3px; visibility:hidden; transition:0.5s; background:#00a0e9; position:absolute; top:0; left:0;}
.products ul li:hover::before{ width:100%; height:3px; visibility:visible;}
.products ul li:nth-child(3n){ margin:0 0 2% 0;}
.products ul li img{ width:100%;}
.products ul li p{ border:#ff7f27 2px solid;}
.products ul li em{ font-size:14px; line-height:36px; height:36px; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-align:center;}
.products ul li a{ display:block; color:#666;}
.products ul li a:hover{ text-decoration:none; color:#00a0e9;}

.product_intro{ width:100%; margin:0 auto; overflow:hidden;}
.product_intro .pro_images{ width:100%; margin:0 0 26px 0; overflow:hidden;}
.product_intro .pro_images img{ max-width:100%;}
.product_intro .pro_images p{ width:46%; float:left;}
.product_intro .pro_images span{ width:54%; float:right;}
.product_tit{ font-size:14px; color:#666; line-height:25px; margin:0 0 22px 0;}
.product_tit span{ font-size:18px; line-height:24px; color:#00a0e9; border-bottom:#00a0e9 2px solid; display:inline-block; font-weight:bold;}
.product_tit img{ max-width:100%;}
.product_tit table{ border-collapse:collapse; border:none; width:100%!important;}
.product_tit td{ border:solid #eee 1px; padding:4px 6px; font-size:14px; color:#666; line-height:25px;}

.product_tit2{ font-size:14px; color:#666; line-height:25px; margin:0 0 22px 0; overflow-x:scroll;}
.product_tit2 img{ max-width:100%;}
.product_tit2 table{ border-collapse:collapse; border:none; width:100%!important;}
.product_tit2 td{ border:solid #eee 1px; padding:4px 6px; font-size:14px; color:#666; line-height:25px;}

/*ny_news*/
.ny_news{ width:100%; padding:0 0 16px 0; margin:0 0 16px 0; overflow:hidden; border-bottom:#ddd 1px solid;}
.ny_news .ny_img{ float:left; width:26%;}
.ny_news .ny_img img{ width:100%;}
.ny_news .ny_sm{ float:right; width:72%; font-size:14px; color:#666; line-height:23px;}
.ny_news .ny_sm a{ font-size:14px;}
.ny_news .ny_sm a:hover{ text-decoration:none; color:#00a0e9;}
.ny_news .ny_sm a em{ background:url(../images/news_tb.png) left center no-repeat; font-size:16px; color:#00a0e9; line-height:22px; padding:0 0 0 18px; margin:0 0 6px 0; display:block;}

.news_names{ width:100%; text-align:center; border-bottom:#ccc 1px dashed; margin:0 0 20px 0;}
.news_names strong{ font-size:18px; color:#333; line-height:25px; margin:0 0 8px 0; display:block;}
.news_names em{ color:#999; font-size:12px; line-height:22px; display:block;}
.news_xq{ width:100%; color:#666; font-size:14px; line-height:25px;}
.news_xq img{ max-width:100%;}
.p_next{ width:100%; margin:20px auto 0 auto; overflow:hidden; background:#f2f2f2; padding:10px 0;}
.p_next p{ display:block; padding:0 2%;}
.p_next a{ font-size:14px; color:#666; line-height:30px;}

/*support*/
.support{ width:100%; margin:0;}
.support ul{ overflow:hidden;}
.support ul li{ font-size:14px; color:#666; line-height:23px; border-bottom:#ccc 1px dotted; margin:0 0 18px 0; padding:0 0 18px 0;}
.support ul li a{ font-size:14px;}
.support ul li a:hover{ text-decoration:none; color:#00a0e9;}
.support ul li em{ background:url(../images/news_tb.png) left center no-repeat; font-size:16px; color:#00a0e9; line-height:22px; padding:0 0 0 18px; margin:0 0 6px 0; display:block;}

.support2{ width:100%; margin:0;}
.support2 ul{ overflow:hidden;}
.support2 ul li{ font-size:14px; color:#666; line-height:23px; border-bottom:#ccc 1px dotted; margin:0 0 10px 0; padding:0 0 10px 0;}
.support2 ul li a{ font-size:14px;}
.support2 ul li a:hover{ text-decoration:none; color:#00a0e9;}
.support2 ul li em{ background:url(../images/news_tb.png) left center no-repeat; font-size:16px; color:#00a0e9; line-height:22px; padding:0 0 0 18px; display:block;}