@charset "utf-8";

/* CSS Document */

body{ margin:0; padding:0; font-size:14px; color:#333; line-height:22px; *line-height:30px; background:#fff; font-family:"Microsoft YaHei"; }

a{ text-decoration:none; color:#333; }

a:focus{ outline:none; -moz-outline-style:none; }

a:hover{ color:#EB0001; text-decoration:none; }

ul, li{ list-style:none; margin:0; padding:0; }

i, b, u, em{ font-style:normal; text-decoration:none; }

input { margin:0; padding:0; border:0; }

h1, h2, h3, h4, h5 { margin:0; padding:0; }

img { border:0; }

* { margin:0; padding:0; }

table, tr, td { margin:0; padding:0; border:0; }

input,select{ border-radius:0;outline:none;}

textarea { resize:none; outline:none;}



.box{ width:1200px; margin:0 auto;}



/*public*/



.top{ height:30px; line-height:30px; background-color:#ff9600;}

.top .welcome{ float:left; width:50%; color:#FFF;}

.top .tel{ float:right; width:28%; text-indent:40px; color:#FFF; background:url(../Images/tel.png) no-repeat 5% 7px;}



.navs{ width:100%; height:80px; background-color:#FFF;}

.logo{ float:left; width:23%;}

.nav{ float:right; width:72%;_width:73%;}



.navul { width:100%; margin-top:27px;}

.navul li{POSITION:relative;display:block; TEXT-ALIGN:center;FLOAT:left;  margin-left:28px;_margin-left:15px; z-index:20;}

.navul li a{ -webkit-transition:all .3s ease; -moz-transition:all .3s ease;  -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; font-size:18px; padding:10px 20px;}   

.navul li a:hover{ color:#4eabf9}

.navul  li a.li1 { padding:26px 20px; color:#505050; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#fff', GradientType=0); border-bottom:4px solid #ff9600;}

.navul  li a.li0 { color:#505050; }

.navul li:hover dt a{ font-size:13px; padding:0; text-indent:15px;}

.navul li:hover dt a:hover{ text-decoration:none; display:block;}

.navul li:hover .plist{Z-INDEX:1000; POSITION:absolute; DISPLAY:block; TOP:53px; LEFT:-640px;}

.navul li:hover .plist ul{ width:90%; margin:0 auto;}

.navul li:hover .ndropdown{Z-INDEX:1000; POSITION:absolute; DISPLAY:block; TOP:30px; LEFT:0px}

.navul li.navlm:hover .gdropdown{Z-INDEX:1000; POSITION:absolute; DISPLAY:block; TOP:53px; LEFT:0px; color:#666}



.list{DISPLAY:none;  padding:10px 0; color:#eee; background:url(../Images/nav_bg.png) repeat; width:190px; *margin-top:-10px;}   

.list DT A{height:34px; line-height:34px; text-decoration:none; display:block; text-align:left; font-weight:normal;font-size:14px; padding-left:12px; color:#fff}

.list DT A:hover{ background:#E73527; color:#fff; border-radius:0}

.plist{overflow:hidden; height:450px; position:absolute ; padding-top:10px;background:url(../Images/nav_bg.png) repeat; width:1700px; margin-left:-265px; }

.list li{TEXT-ALIGN:left; PADDING:0px; MARGIN:10px 0px 0px;  FLOAT:left; height:400px; overflow:hidden; padding-right:20px;}

.list li OL LI{PADDING:0px;  padding-left:10px;   height:32px; line-height:32px;margin:1px 10px 0 10px;}

.list LI OL LI span { background-position:center center; float:left;  background-repeat:no-repeat; width:30px; height:24px;}

.list LI OL LI A{MARGIN-LEFT:3px;float:left; padding:0; line-height:30px;font-size:13px; color:#FFFFFF}

.list li OL LI b { width:100%; overflow:hidden;}

.list li OL LI b  a{ font-size:16px; font-family:"Microsoft Yahei"; color:#fff; height:24px; line-height:24px; margin-bottom:20px;}

LI.feilei1{WIDTH:290px;}  

LI.feilei1 LI{WIDTH:100px}

LI.feilei2{WIDTH:290px}

LI.feilei2 LI{WIDTH:100px}

LI.feilei3{WIDTH:170px}

LI.feilei3 LI{WIDTH:160px}

LI.feilei4{WIDTH:170px;}

LI.feilei5 { WIDTH:180px;}

.dropbottom { TEXT-ALIGN:right; LINE-HEIGHT:50px;WIDTH:100%; overflow:hidden; margin-bottom:0;COLOR:#fff; padding-right:40px; font-size:15px; background:#232832; }

.dropbottom A { DISPLAY:inline; color:#fff; }



.nav_m{ display:none; float:right; width:72%;_width:73%;}

.nav_m ul{ clear:both; overflow:hidden;}

.nav_m ul li{ float:left; width:16%; font-size:16px; line-height:44px; text-align:center;}

.nav_m ul li.nav_select{ border-bottom:2px solid #f73d2e;}



#banner{ z-index:10;*z-index:-100; position:relative;  width:100%; overflow:hidden;}



#banner_list{ width:100%; margin:0 auto; overflow:hidden; }

#banner_list img{ margin:0 auto; z-index:1; width:100%; }

#banner_list a{ display:block; position:absolute; width:100%; height:100%}



#banner ul{ z-index:1002; position:absolute; right:15px; bottom:10px; padding:0px; margin:0px; list-style-type:none; }

#banner ul li{ position:relative; text-align:center; line-height:12px; width:16px; display:inline; background:url(../Images/ifpoff.png) no-repeat; float:left; height:16px; color:#fff; cursor:pointer; margin-right:5px;}

#banner ul li.on{BACKGROUND:url(../Images/ifpon.png) no-repeat; COLOR:#fff; width:26px;  }



#banner_point{ z-index:9999; position:absolute; margin:0px; width:15%; height:20px; left:36%; bottom:0px;}

#banner_point ul li .pointLayer img{ width:61px; display:block; float:left; height:61px}



.ban img{ width:100%;}

.ban_m{ display:none;}

.ban_m img{ width:100%;}



#gotoTop{ position:fixed; right:1%; bottom:50px; width:50px; height:50px; cursor:pointer; text-indent:-999em; z-index:999999; box-sizing:border-box; background:url(../Images/to_top.png) no-repeat rgba(229,0,18,0.8) center; background-size:40%; border-radius:4%;}

#gotoTop:hover{ background-color:rgba(229,174,0,0.9);}







.footer{ width:100%; margin:0 auto; overflow:hidden; text-align:center; height:50px; line-height:50px; color:#FFF; background-color:#ff9600;}



/*index*/

.index_type{ width:100%; margin:30px auto; background-color:#FFF;}

.index_type ul{ clear:both; overflow:hidden;}

.index_type ul li{ float:left; width:18%; margin:0 0.8%; border-right:1px solid #EEE;}

.index_type ul li:nth-child(4){ border-right:none;}

.index_type ul li img{ float:left; width:84px;}

.index_type ul li a{ float:left; font-size:20px; font-weight:bold; line-height:30px; margin-left:10px; margin-top:12px;}

.index_type ul li a i{ display:block; color:#444; font-size:14px; font-weight:normal;}



.index_pro{ width:100%; padding:40px 0; margin:0 auto; background:url(../Images/pro_bg.jpg) no-repeat #F2F1F6 center bottom;}

.pro_tj_tit{ font-size:1.8rem;position: relative; text-align:center}

.pro_tj_tit h2{font-size:36px;position: relative;z-index: 2;display: inline-block;padding: 0 1rem;margin:0.5rem auto;color: #fff;}

.pro_tj_tit h2:before, .pro_tj_tit h2:after {content: '';position: absolute;background:#fff;width:100px; height:1px;top: 50%;-webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%);}

.pro_tj_tit h2:before {left: -100px;}

.pro_tj_tit h2:after { right: -100px;}



.pro_main{ clear:both; overflow:hidden; margin-top:30px;}

.pro_main .pro_tab { height:12px; margin:15px auto; text-align:center;}

.pro_main .pro_tab li{ display:inline-block; width:12px; height:12px; border-radius:6px; cursor:pointer; background-color:#333;}

.pro_main .pro_tab li.selected{ background-color:#F73D2E;}

.pro_main .pro_box{ clear:both; overflow:hidden;}

.pro_main .pro_box dl{ clear:both; overflow:hidden; width:100%; padding:10px 10px 40px; box-sizing:border-box; background-color:#FFF;}

.pro_main .pro_box dl dt{ float:left; width:40%;}

.pro_main .pro_box dl dt img{ width:100%;}

.pro_main .pro_box dl dd{ float:left; width:60%; padding:10px 20px; box-sizing:border-box;}

.pro_main .pro_box dl dd h3{ font-size:24px;}

.pro_main .pro_box dl dd p{ margin:15px auto; max-height:48px; line-height:24px; overflow:hidden;}

.pro_main .pro_box ul{ clear:both; overflow:hidden;}

.pro_main .pro_box ul li{ float:left; width:31.3%; text-align:center; padding:20px 3px; margin:0 1%; box-sizing:border-box; background-color:#F3F3F3;}

.pro_main .pro_box ul li span{ display:block; margin:0 auto; width:40px; height:40px; border-radius:20px; background-color:#FECB00;}

.pro_main .pro_box ul li img{ width:30px; height:30px; margin:5px;}

.pro_main .pro_box ul li b{ display:block; margin:10px auto 5px;}

.pro_main .pro_box ul li i{ display:block; line-height:22px; height:44px; overflow:hidden;}

.box_btn{ display:block; color:#FFF; font-size:22px; width:98%; text-align:center; padding:10px 0; margin:20px auto 0; border-radius:4px; background:url(../Images/sign.gif) #ff9600 no-repeat 65% center; background-size:32px 32px;}

.pro_main .pro_box dl dd a:hover{ color:#FFF;}



.index_case{ width:100%; margin:40px auto;}

.index_case h2{ font-size:36px; line-height:36px; text-align:center;}

.index_case p{ font-size:16px; text-align:center; margin:20px auto;}



.index_about{ width:100%; padding:40px 0; margin:0 auto; background:url(../Images/about_bg.jpg) no-repeat left top;}

.index_about h2{ font-size:36px; line-height:36px; text-align:center;}

.index_about h2 a{ color:#FFF;}

.index_about p{ color:#DDD; font-size:16px; text-align:center; margin:20px auto;}

.index_about ul{ clear:both; overflow:hidden; margin-top:70px;}

.index_about ul li{ float:left; width:23%; margin:0 1%; text-align:center;}

.index_about ul li b{ display:block; color:#FFF; font-size:64px; line-height:64px;}

.index_about ul li i{ display:block; color:#AAA; line-height:30px; margin-top:20px;}



.index_news{ width:100%; margin:40px auto;}

.index_news h2{ font-size:36px; line-height:36px; text-align:center;}

.index_news p{ font-size:16px; text-align:center; margin:20px auto;}



.news_show{ clear:both; overflow:hidden; margin-top:40px;}

.news_show ul{ clear:both; overflow:hidden; float:left; width:50%; margin-right:2%;}

.news_show ul li{ float:left; width:100%; margin-bottom:20px;}

.news_show ul li .show_date{ width:64px; float:left; border:1px solid #ccc; }

.news_show ul li .show_date b{ display:block; text-align:center; line-height:46px; background:#ccc; color:#fff; font-size:26px; font-weight:bold;}

.news_show ul li .show_date i{ display:block; text-align:center; line-height:28px; color:#ccc;}

.news_show ul li .show_list{ float:right; width:88%; font-size:14px;}

.news_show ul li .show_list h3{ font-size:18px; margin-bottom:5px; }

.news_show ul li .show_list p{ color:#565656; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; margin:0; font-size:14px; line-height:22px; height:44px; text-align:left;}

.news_show ul li:hover .show_date{ border-color:#FF6154;}

.news_show ul li:hover .show_date b{ background-color:#FF6154; color:#FFF;}

.news_show ul li:hover .show_date i{ color:#444; }



.news_show1{ float:right; width:48%; position:relative;}

.news_show1 ul{ clear:both; overflow:hidden; float:right; width:100%; margin-right:2%;}

.news_show1 ul li{ float:left; width:100%; margin-bottom:20px;}

.news_show1 ul li .show_date{ width:64px; float:left; border:1px solid #ccc; }

.news_show1 ul li .show_date b{ display:block; text-align:center; line-height:46px; background:#ccc; color:#fff; font-size:26px; font-weight:bold;}

.news_show1 ul li .show_date i{ display:block; text-align:center; line-height:28px; color:#ccc;}

.news_show1 ul li .show_list{ float:left; width:88%; font-size:14px;}

.news_show1 ul li .show_list h3{ font-size:18px; margin-bottom:5px; }

.news_show1 ul li .show_list p{ color:#565656; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; margin:0; font-size:14px; line-height:22px; height:44px; text-align:left;}

.news_show1 ul li:hover .show_date{ border-color:#FF6154;}

.news_show1 ul li:hover .show_date b{ background-color:#FF6154; color:#FFF;}

.news_show1 ul li:hover .show_date i{ color:#444; }



.index_service{ width:100%; padding:40px 0; margin:0 auto; background:url(../Images/service_bg.jpg) no-repeat left bottom;}

.index_service ul{ clear:both; overflow:hidden;}

.index_service ul li{ float:left; width:23%; line-height:30px; text-align:center; margin:0 1%;}

.index_service ul li img{ width:50px; display:block; text-align:center; margin:0 auto 15px; height:50px; }

.index_service ul li b{ display:block; color:#FFF; font-size:18px; font-weight:normal;}

.index_service ul li i{ display:block; color:#FFF;}



/*about*/

.location{ width:100%; height:40px; line-height:40px; color:#666; margin:0 auto; background-color:#F0F0F0; border-bottom:1px solid #DDD; overflow:hidden;}

.location img{ width:16px; height:16px; padding:2px; margin-right:5px; background-color:#4B4B4B; border-radius:50%; vertical-align:middle; overflow:hidden;}



.about{ width:100%; margin:40px auto; background-color:#FFF;}

.about h1{ font-size:40px; line-height:40px; text-align:center;}

.about p{ text-indent:2em; line-height:24px; margin:20px auto;}

.about ul{ clear:both; overflow:hidden;}

.about ul li{ float:left; width:20%; text-align:center;}

.about ul li img{ width:140px;}

.about ul li p{ text-indent:0; margin:10px auto 0;}



.about_sl{ width:100%; margin:40px auto;}

.about_sl h2{ font-size:36px; line-height:36px; text-align:center;}

.about_sl ul{ clear:both; overflow:hidden; margin-top:20px;}

.about_sl ul li{ float:left; width:50%; overflow:hidden;}

.about_sl ul li img{ width:100%; display:block; }

.con_show{ clear:both; overflow:hidden; width:98%; margin-left:2%; background-color:#F2F1F6;}

.con_pic{ float:left; width:50%; overflow:hidden;}

.con_info{ float:left; width:50%; padding:20px; box-sizing:border-box;}

.con_info b{ display:block; font-size:24px; margin-bottom:20px;}

.con_info i{ display:block; line-height:24px;}

.con_pic img{ width:100%; transition:0.5s;}

.con_pic:hover img{transform:scale(1.1);}



.about_nl{ width:100%; margin:40px auto;}

.about_nl h2{ font-size:36px; line-height:36px; text-align:center;}

.about_nl p{ font-size:16px; text-align:center; margin:20px auto;}

.about_nl ul{ clear:both; overflow:hidden; width:100%;}

.about_nl ul li{ float:left; width:24%; margin:0 0.5%; text-align:center; overflow:hidden;}

.about_nl ul li img{ width:100%;}

.about_nl ul li i{ display:block; line-height:40px;}



.about_fw{ width:100%; height:70px; padding:60px 0; background:url(../Images/ser_bg.jpg) no-repeat;  }

.about_tit{ float:left; color:#FFF; font-size:28px; font-weight:bold; line-height:70px;}

.about_fw ul{ float:right; width:70%; background:url(../Images/about_item.png) no-repeat center;}

.about_fw ul li{ float:left; width:33%; padding:10px 15px; box-sizing:border-box;}

.about_fw ul li img{ float:left; width:30px; margin:10px 5px;}

.about_fw ul li i{ float:left; margin-left:10px; font-size:16px; color:#FFF; line-height:25px;}

.about_fw ul li i font{ font-size:14px;}



.about_lc{ width:100%; margin:40px auto;}

.about_lc h2{ font-size:36px; line-height:36px; text-align:center;}

.about_lc p{ font-size:16px; text-align:center; margin:20px auto;}

.about_lc ul{ width:100%; clear:both; overflow:hidden; margin-top:30px;}

.about_lc ul li{ float:left; width:16.6%; background:url(../Images/fwicon6.jpg) right 63px no-repeat;}

.about_lc ul li:last-child{ background:none;}

.about_lc ul li img{ display:block; margin:0 15px; text-align:center; margin-bottom:15px;}

.about_lc ul li p{ font-size:16px; width:83%; text-align:center; margin:0;}



.about_hz{ width:100%; margin:40px auto;}

.about_hz h2{ font-size:36px; line-height:36px; text-align:center;}

.about_hz p{ font-size:16px; text-align:center; margin:20px auto;}

.about_hz ul{ clear:both; overflow:hidden; width:100%;}

.about_hz ul li{ float:left; width:24%; margin:0 0.5%; text-align:center; overflow:hidden;}

.about_hz ul li img{ display:block; width:100%; transition:0.5s;}

.about_hz ul li:hover img{transform:scale(1.1);}



.about_zl{ width:100%; height:820px; background:url(../Images/zl_bg.jpg) center no-repeat;}

.about_main{ float:right; width:80%; margin-top:30px;}

.about_main h2{ color:#222; font-size:36px; line-height:36px; margin-bottom:30px;}

.about_main p{ font-size:16px; line-height:28px;}

.about_main ul{ margin-top:60px; width:50%; margin-left:-7.5%;}

.about_main ul li{ float:left; width:50%; text-align:center; margin-bottom:45px;}

.about_main ul li p{ margin-top:15px; font-size:16px;}



/*contact*/

.contact{ width:100%; margin:40px auto 0;}

.contact_info{ background-color:#FFF;}

.contact_info h1{ font-size:40px; line-height:40px; text-align:center;}

.contact_info p{ font-size:16px; text-align:center; margin:20px auto 10px;}

.contact_info ul{ overflow:hidden; margin-top:20px}

.contact_info ul li{ float:left; width:22%; margin:0 1%; padding:20px 0.5% 0; text-align:center;}

.contact_info ul li span{ display:block; width:100px; height:100px; border-radius:50%;text-align: center;margin:0 auto;margin-bottom: 10px;}

.contact_info ul li span.contact01{ background:url(../Images/ico_contact01.png) no-repeat center center #FF1516; background-size:56px auto;}

.contact_info ul li span.contact02{ background:url(../Images/ico_contact02.png) no-repeat center center #FF1516; background-size:56px auto;}

.contact_info ul li span.contact03{ background:url(../Images/ico_contact03.png) no-repeat center center #FF1516; background-size:56px auto;}

.contact_info ul li span.contact04{ background:url(../Images/ico_contact04.png) no-repeat center center #FF1516; background-size:56px auto;}

.contact_info ul li p{ color:#444; height:44px; line-height:22px; margin-top:5px; }

.contact_info ul li p a{ color:#FF1516; font-size:22px; font-weight:bold; letter-spacing:-0.5px;}

.contact_info ul li p a.cont{ color:#444; font-size:16px; font-weight:normal;}

.contact_info ul li h3{ font-size:20px; margin-bottom:10px;}

.contact_info ul li h3 a{color:#FF1516; text-decoration:underline;}



.message{ clear:both; overflow:hidden; width:100%; margin:30px auto 0; padding:30px 0; background:url(../Images/contact.jpg)#F0F0F0 no-repeat top center;}

.message .msg_tit{ color:#ff9600; font-size:30px; font-weight:bold; height:30px; padding:10px 0 5px;}

.message p{  color:#444; line-height:24px; margin-top:5px;}

.msg_fill{ float:left; width:64%;}

.message ul{ clear:both; overflow:hidden; margin-top:10px; margin-left:-1%;}

.message ul li{ position:relative; float:left; width:49%; margin-left:1%; height:52px; line-height:50px; margin-bottom:10px; border:1px solid #DADADA; box-sizing:border-box; background-color:#FFF;}

.message ul li.msg_area{ width:99%; height:162px;}

.message ul li span{ position:absolute; top:13px; left:10px; width:24px; height:24px;}

.message ul li span.icon_msg01{ background: url(../Images/icon_mag01.png) no-repeat center top; background-size:24px;}

.message ul li span.icon_msg02{ background: url(../Images/icon_mag02.png) no-repeat center top; background-size:24px;}

.message ul li span.icon_msg03{ background: url(../Images/icon_mag03.png) no-repeat center top; background-size:24px;}

.message ul li input{ clear:both; width:100%; color:#333; font-size:16px; height:50px; line-height:50px; padding-left:44px; border:none; box-sizing:border-box; background:#FFF;}

.message ul li textarea{ clear:both; width:100%; color:#333; font-size:16px; height:160px; line-height:24px; border:none; padding-left:44px; padding-top:13px; font-family:Microsoft YaHei; box-sizing:border-box;}

.msg_btn{ display:inline-block; width:20%; height:50px; line-height:40px; text-align:center; color:#FFF; font-size:18px; margin:5px 0 15px;}

.msg_btn input{ display:block; width:100%; height:50px; color:#111; font-size:17px; cursor:pointer; border:none; border-radius:2px; background-color:#ff9600;}

.msg_btn input:hover{ color:#FFF; background-color:#EB0001;}

.msg_info{ float:right; width:30%; background-color:#ff9600; padding:15px 20px; box-sizing:border-box; margin-top:10px;}

.msg_info b{ display:block; font-size:24px; margin:20px 0;}

.msg_info p{ color:#333;}

.msg_link{ margin-left:-1.5%; margin-top:5px;}

.msg_link a{ display:block; float:left; width:29%; height:35px; line-height:35px; color:#000; font-size:16px; text-align:center; margin:10px 1.5% 10px; border-radius:2px; border:1px solid #000; overflow:hidden; }

.msg_link a:hover{ color:#FFF; border:1px solid #FF1516; background-color:#FF1516;}

.msg{ background:none;}

.msg .box{ clear:both; overflow:hidden; padding:20px; box-sizing:border-box; background:url(../Images/contact.jpg)#F0F0F0 no-repeat top center;}



#map_canvas{width:100%;margin:0 auto;}



/*product*/

.product{ width:100%; padding:40px 0; margin:0 auto; background:url(../Images/pro_ban.jpg) no-repeat center;}

.pro_tj{ clear:both; overflow:hidden; margin-top:30px; padding-right:220px; background:url(../Images/ico_tj.png) no-repeat right top;}

.pro_tj .pro_tab { height:12px; margin:15px auto; text-align:center; margin-right:2.5%;}

.pro_tj .pro_tab li{ display:inline-block; width:12px; height:12px; border-radius:6px; cursor:pointer; background-color:#FFF;}

.pro_tj .pro_tab li.selected{ background-color:#ff9600;}

.pro_tj .pro_box{ clear:both; overflow:hidden;}

.pro_tj .pro_box ul{ clear:both; overflow:hidden; margin-left:-1%;}

.pro_tj .pro_box ul li{ float:left; width:47%; margin:0 1%; text-align:center; box-sizing:border-box; background-color:#F3F3F3;}

.pro_tj .pro_box ul li img{ width:100%;}

.pro_tj .pro_box ul li p{ line-height:40px; font-size:16px;}



.pro_show{ width:100%; margin:40px auto;}

.pro_tit{ text-align:center; height:36px; font-size:36px; font-weight:bold;}

.pro_show p{ text-align:center; font-size:16px; margin:10px auto;}

.pro_show p i{ padding:0 10px;}

.pro_show ul{ clear:both; overflow:hidden; width:100%; margin-top:20px;}

.pro_show ul li{ float:left; width:24%; margin:0 0.5%; text-align:center; overflow:hidden;}

.pro_show ul li a{ display:block; overflow:hidden;}

.pro_show ul li img{ width:100%; transition:0.5s;}

.pro_show ul li:hover img{transform:scale(1.1);}



.pro_show ul li p{ line-height:40px; color:#444; margin:0; background-color:#F3F3F3;}

.shows{ padding:30px 0; background-color:#F3F3F3;}

.shows ul li p{ background-color:#FFF;}



.pro_type{ width:100%; margin:0 auto; padding:40px 0 20px;}

.pro_type ul{ width:100%; clear:both; overflow:hidden;}

.pro_type li{ float:left; width:15%; text-align:center; margin:0 0.5%; }

.pro_type li a{ display:block;}

.pro_type li img{ width:64%; margin:0 auto; border:1px solid #999; border-radius:50%;}

.pro_type li.pro_select img{ border:1px solid #EB0001;}

.pro_type li.pro_select p a{ color:#EB0001; font-weight:bold;}

.pro_type li:hover img{ border:1px solid #EB0001;}

.pro_type li:hover p a{ color:#EB0001; font-weight:bold;}

.pro_type li p{ line-height:30px; font-size:18px; margin-top:5px;}



.pro_device{ width:100%; margin:0 auto 40px;}

.pro_device ul{ clear:both; overflow:hidden; width:100%; margin-top:20px;}

.pro_device ul li{ float:left; width:24%; margin:0 0.5% 10px; text-align:center; overflow:hidden;}

.pro_device ul li a{ display:block; overflow:hidden;}

.pro_device ul li img{ width:100%; transition:0.5s;}

.pro_device ul li:hover img{transform:scale(1.1);}

.pro_device ul li p{ font-size:16px; line-height:40px; color:#444; margin:0;}



.pro_detail{ width:100%; padding:40px 0; margin:0 auto 40px; background:url(../Images/pro_ban.jpg) no-repeat center;}

.pro_detail dl{ clear:both; overflow:hidden; padding:8px; box-sizing:border-box; background-color:#FFF;}

.pro_detail dl dt{ float:left; width:46%;}

.pro_detail dl dt img{ width:100%;}

.pro_detail dl dd{ float:left; width:54%; padding:10px 20px; box-sizing:border-box; background-color:#FFF;}

.pro_detail dl dd h1{ font-size:32px; height:32px;}

.pro_detail dl dd p{ margin:10px auto; max-height:48px; line-height:24px; overflow:hidden;}

.pro_detail ul{ clear:both; overflow:hidden;}

.pro_detail ul li{ float:left; width:31.3%; text-align:center; padding:15px 3px; margin:0 1%; box-sizing:border-box; background-color:#F3F3F3;}

.pro_detail ul li span{ display:block; margin:0 auto; width:40px; height:40px; border-radius:20px; background-color:#FECB00;}

.pro_detail ul li img{ width:30px; height:30px; margin:5px;}

.pro_detail ul li b{ display:block; margin:10px auto 5px;}

.pro_detail ul li i{ display:block; height:44px; line-height:22px; overflow:hidden;}

.box_btns{ display:block; color:#FFF; font-size:22px; width:98%; text-align:center; padding:10px 0; margin:20px auto 0; border-radius:4px; background:url(../Images/sign.gif) #F73D2E no-repeat 65% center; background-size:32px 32px;}

.pro_detail dl dd a:hover{ color:#FFF;}

.pro_detail dl dd p.pro_tel{ height:36px; line-height:36px; font-size:16px; background:url(../Images/pro_tel.png) no-repeat left center; background-size:36px; padding-left:50px; margin-left:10px;}

.pro_detail dl dd p.pro_tel a{ color:#ff9600; font-size:28px; font-weight:bold;}







#header-wrapper{ width:100%; height:50px; margin:0 auto 55px;}	

#header-wrapper ul{ width:100%; margin:0 auto; }

.fixed #header-wrapper{ width:100%; height:45px; margin:0 auto; }

section{ display:block;}

.pd_guide,.pd_guide *{ -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}

.pd_guide{ width:1200px; margin:0 auto}

.pd_guide li{ float:left; width:25%; *width:24.8%; text-align:center; background-color:#f4f4f4; color:#000;}

.pd_guide a{ display:block; color:#000; font-size:20px; padding:17px 0; border-right:#fff 4px solid; position:relative; }

.pd_guide a:after{ content:""; display:none; width:0; height:0; overflow:hidden; border-color:#424355 transparent transparent; border-style:solid dashed dashed; border-width:10px; position:absolute; left:50%; margin-left:-10px; bottom:-19px;}

.pd_guide li:last-child a{ border-width:0; }

.pd_guide.fixed { position:fixed; top:0; z-index:10; }

.pd_guide li.active a { background-color:#424355; color:#fff }

.pd_guide li.active a:after { display:block; }

.fixed {position: fixed; top: 0px; left:0; z-index:99; height: 50px;width:100%;}

.fixed .pd_guide li.active a{ background-color:#424355; color:#fff }



.pro_info{ width:100%; margin:20px auto 0;}

.pro_js{ width:1200px; margin:0 auto;}

.pro_info h2{ font-size:26px; height:28px; line-height:28px; padding-left:10px; border-left:3px solid #F73D2E; margin:20px 0;}

/*.pro_info h2{ font-size:30px; text-align:center; background:url(../Images/line.png) no-repeat center bottom; padding-bottom:20px; margin:20px auto; background-size:136px 3px;}*/

.pro_info p{ color:#444; font-size:15px; text-indent:2em; line-height:26px; margin-bottom:10px;}



.pro_ys{ width:1200px; margin:0 auto;}

.pro_ys ul{ clear:both; overflow:hidden;}

.pro_ys ul li{ float:left; position:relative; padding:60px 20px 20px; margin-top:70px; background:#F3F3F3; color:#444; line-height:26px; height:180px; box-sizing:border-box; width:48%; margin-left:1% ;margin-right:1%;}

.pro_ys ul li span{ position:absolute; top:-50px; left:50%; width:93px; height:93px; margin-bottom:10px; margin-left:-48px;}

.pro_ys ul li span img{ width:100%;}

.pro_ys ul li b{ display:block; font-size:20px; text-align:center;}

.pro_ys ul li i{ display:block; line-height:25px; height:50px; text-align:center; overflow:hidden; margin-top:10px;}

.pro_info table{ width:100%; text-align:center; border:1px solid #D8D8D8; border-collapse:collapse; margin-top:10px; margin-bottom:15px;}

.pro_info table td{ padding:8px 0; line-height:20px; border:1px solid #CCC; text-align:center; vertical-align:top;}

.table_yd{ display:none;}



.pro_al{ width:1200px; margin:0 auto;}

.pro_al ul{ clear:both; overflow:hidden; width:100%; margin-top:20px;}

.pro_al ul li{ float:left; width:24%; margin:0 0.5%; text-align:center; overflow:hidden;}

.pro_al ul li a{ display:block; overflow:hidden;}

.pro_al ul li img{ width:100%; transition:0.5s;}

.pro_al ul li:hover img{transform:scale(1.1);}

.pro_al ul li p{ line-height:40px; text-indent:0;}



/*news*/

.news{ width:100%; padding:40px 0; margin:0 auto 40px; background:url(../Images/pro_ban.jpg) no-repeat center;}

.news h1{ color:#FFF; font-size:40px; line-height:40px; text-align:center;}

.news h1 a{ color:#FFF;}

.news h1 a:hover{ color:#FFF;}

.news p{ color:#FFF; text-align:center; line-height:24px; margin:20px auto;}

.news ul{ overflow:hidden; margin-top:5px; margin-left:-2%;}

.news ul li{ float:left; width:31.3%; margin-left:2%; padding:1%; background-color:#F3F3F3; box-sizing:border-box;}

.news ul li.news_last{ margin-right:0;}

.news ul li a{ display:block;}

.news ul li .news_pic{ position:relative; display:block; width:100%; overflow:hidden; padding-bottom:75%; }

.news ul li .news_pic img{ position:absolute; left:0; top:0; width:100%; height:100%;}

.news ul li time{ position:absolute; left:0; bottom:0; font-family:Arial; color:#FFF; width:80px; height:30px; line-height:30px; background-color:#ff9600; text-align:center; }

.news ul li h3{ height:30px; line-height:30px; font-size:18px; margin:5px 0; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

.news ul li h3 a:hover{ color:#EB0001; }

.news ul li p{ text-align:left; color:#444; height:48px; line-height:24px; overflow:hidden; margin:0 auto;}



.news_hy{ width:100%; margin:20px auto; box-sizing:border-box; overflow:hidden;}

.news_title{ clear:both; overflow:hidden; line-height:40px; }

.news_title h2{ display:inline-block; font-size:36px; font-weight:bold;}

.news_title a{float:right; padding:5px 25px 5px 0px; background:url(../Images/arrows.png) no-repeat right center; background-size:18px 18px;}

.news_title a:hover{ color:#EB0001;}



.news_main{ clear:both; overflow:hidden; margin-top:20px;}



.main_zb{ float:left; width:41%; position:relative;}

.main_zb img{ width:100%;}

.main_zb .show_tit{ position:absolute;bottom:0;left:0;width:100%; background-color:rgba(0,0,0,.5);}

.main_zb .show_tit a{ display:block; width:80%; padding:0 2%; line-height:50px; font-size:18px; color:#FFF;}



.news_main ul{ float:right; width:56%; margin-left:2%;}

.news_main ul li{ float:left; width:100%; margin-bottom:20px;}

.news_main ul li .show_date{ width:64px; float:left; border:1px solid #ccc;}

.news_main ul li .show_date b{ display:block; text-align:center; line-height:46px; background:#ccc; color:#fff; font-size:26px; font-weight:bold;}

.news_main ul li .show_date i{ display:block; text-align:center; line-height:28px; color:#ccc;}

.news_main ul li .show_list{ float:right; width:87%; font-size:14px;}

.news_main ul li .show_list h3{ font-size:18px; margin-bottom:5px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

.news_main ul li .show_list p{ color:#565656; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; margin:0; font-size:14px; line-height:22px; height:44px; text-align:left;}

.news_main ul li:hover .show_date{ border-color:#FF6154;}

.news_main ul li:hover .show_date b{ background-color:#FF6154; color:#FFF;}

.news_main ul li:hover .show_date i{ color:#444; }



.news_sp{ width:100%; margin:20px auto; padding:40px 0; box-sizing:border-box; overflow:hidden; background-color:#F3F3F3;}

.news_sp ul{ overflow:hidden; margin-top:5px; margin-left:-2%;}

.news_sp ul li{ float:left; width:31.3%; margin-left:2%; padding:1%; background-color:#F3F3F3; box-sizing:border-box;}

.news_sp ul li.news_last{ margin-right:0;}

.news_sp ul li a{ display:block;}

.news_sp ul li .news_pic{ position:relative; display:block; width:100%; overflow:hidden; padding-bottom:75%; }

.news_sp ul li .news_pic img{ position:absolute; left:0; top:0; width:100%; height:100%;}

.news_sp ul li time{ position:absolute; left:0; bottom:0; font-family:Arial; color:#FFF; width:80px; height:30px; line-height:30px; background-color:#ff9600; text-align:center; }

.news_sp ul li h3{ height:30px; line-height:30px; font-size:18px; margin:5px 0; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

.news_sp ul li h3 a:hover{ color:#EB0001; }

.news_sp ul li p{ text-align:left; color:#444; height:48px; line-height:24px; overflow:hidden; margin:0 auto;}

.news_sp h2{ display:inline-block; font-size:36px; font-weight:bold;}

.news_sp a{float:right; padding:5px 25px 5px 0px; background:url(../Images/arrows.png) no-repeat right center; background-size:18px 18px;}

.news_sp a:hover{ color:#EB0001;}



.newslist{ width:100%; margin:40px auto; box-sizing:border-box; overflow:hidden;}

.newslist ul{ clear:both; overflow:hidden; margin-left:-2%;}

.newslist ul li{ float:left; width:48%; margin-left:2%; padding:0 8px; height:60px; line-height:60px; border-bottom:1px dashed #DDD; box-sizing:border-box;}

.newslist ul li a{ float:left; width:80%; padding-left:15px; background: url(../Images/dot.png) no-repeat left center;  white-space:nowrap; text-overflow:ellipsis; overflow:hidden;

 box-sizing:border-box; transition:all ease 0.5s; text-decoration: none;}

.newslist ul li a:hover{ padding-left:24px; box-sizing:border-box;}

.newslist ul li span{ float:right; color: #999;}



.page{ width:100%; font-size:14px; line-height:40px; text-align:center; margin:20px auto 40px;}

.page a{ color:#999; margin-right:5px; padding:7px 15px; background:#FFF none repeat scroll 0 0; border:1px solid #CCC;}

.page a:hover{ color:#FFF; text-decoration:none; border:1px solid #C00; background:#ED2D21 none repeat scroll 0 0;}

.page .current{ color:#FFF; text-decoration:none;  margin-right:5px; padding:7px 15px; border:1px solid #C00; background:#E73527 none repeat scroll 0 0;}

.disabled{ color:#999; margin-right:5px; padding:7px 15px; border:1px solid #CCC; background:#FFF none repeat scroll 0 0;}



.newsdetail{ width:100%; margin:40px auto 20px; box-sizing:border-box; overflow:hidden;}

.newsdetail h1{ font-size:30px; line-height:32px; text-align:center;}

.news_base{ width:100%; height:28px; line-height:28px; padding:20px 0; margin-top:20px; border-top:1px dashed #DDD;}

.news_base time{ display:inline-block; color:#999; padding-left:24px; background:url(../Images/time.png) no-repeat left 4px; background-size:20px;}

.news_base p{ display:inline-block; float:right;}

.news_base p a{ display:inline-block; width:54px; height:26px; text-align:center; margin-left:10px; border:1px solid #CCC; border-radius:2px;}

.news_cue{ clear:both; overflow:hidden; padding:10px 20px; padding-left:130px; box-sizing:border-box; background:url(../Images/ico_cues.png) #F3F3F3 no-repeat 20px center;}

.news_cue p{ color:#666; line-height:24px; padding:10px 0;  background-size:100px;}

.news_cue p font{ color:#ED1E24;}

.news_tel{ line-height:44px;}

.news_tel span{ float:left; padding-left:42px; background:url(../Images/new_tel.png) no-repeat left center; background-size:32px;}

.news_tel span a{ color:#ff9600; font-size:26px; font-weight:bold; margin-left:8px;}

.news_tel a.new_btn{ float:right; color:#FFF; font-size:18px; font-weight:bold; text-align:center; line-height:40px; padding:0 20px 0 55px; background:url(../Images/ico_btn.png) #ED1E24 no-repeat 10px 4px; background-size:30px; }

.news_tel a.new_btn:hover{ color:#FF0;}

.news_info{ width:100%; margin:20px auto;}

.news_info p{ text-indent:2em; line-height:26px; margin-bottom:10px;}

.news_info p img{ margin-left:-2em;}

.news_info h2{ font-size:22px; margin-bottom:10px;}



.news_xg{ width:100%; margin:20px auto 40px; box-sizing:border-box; overflow:hidden;}

.news_tit{ background-color:#F3F3F3; line-height:30px; padding:10px 0;}

.news_tit h2{ font-size:24px; text-align:center;}

.news_tit h2 hr{ width:30px; display:inline-table; vertical-align:middle; border:none; height:2px; background-color:#ff9600;}

.news_tit h2 span{ padding:0 10px;}

.news_xg ul{ clear:both; overflow:hidden; margin-left:-2%; margin-top:20px;}

.news_xg ul li{ float:left; width:48%; margin-left:2%; padding:0 8px; height:50px; line-height:50px; border-bottom:1px dashed #DDD; box-sizing:border-box;}

.news_xg ul li a{ float:left; width:80%; padding-left:15px; background: url(../Images/dot.png) no-repeat left center;  white-space:nowrap; text-overflow:ellipsis; overflow:hidden;

 box-sizing:border-box; transition:all ease 0.5s; text-decoration: none;}

.news_xg ul li a:hover{ padding-left:20px; box-sizing:border-box;}

.news_xg ul li span{ float:right; color: #999;}



/*line*/

.line{ width:100%; margin:40px 0;}

.line ul{ clear:both; overflow:hidden; margin-left:0.5%;}

.line ul li{ float:left; width:180px; text-align:center; font-size:20px; margin-right:5px; line-height:2.5em; background:#F3F3F3; overflow:hidden;}

.line ul li a{ display:block; }

.line li.select a{ display:block; color:#FFF; background-color:#ff9600; }

.line p{ color:#555; font-size:16px; line-height:30px; text-indent:2em; margin:15px 0.5% -20px;}

.line p a{ color:#ff9600; font-size:18px;}



.line_list{ width:100%; margin:40px 0;}

.line_list ul{ clear:both; overflow:hidden;}

.line_list ul li{ float:left; width:32.3%; margin:0 0.5% 20px; background-color:#F3F3F3;}

.line_list ul li a{ display:block; overflow:hidden;}

.line_list ul li img{  width:100%; height:100%; transition:0.5s;}

.line_list ul li img:hover{transform:scale(1.1);}

.line_show{ clear:both; overflow:hidden; padding:10px; box-sizing:border-box;}

.line_show p{ line-height:24px;}

.line_show p.line_tit{ font-size:18px; font-weight:bold; line-height:30px; margin-bottom:5px;}

.line_show p.line_btn{ width:50%; margin:10px auto;}

.line_show p.line_btn a{ color:#FFF; text-align:center; padding:6px 0; background-color:#ff9600; transition:0.4s;}

.line_show p.line_btn a:hover{ color:#333; background-color:#FDCE06;}



.case_list ul{ clear:both; overflow:hidden;}

.case_list ul li{ float:left; width:32.3%; margin:0 0.5% 20px; position:relative; overflow:hidden; text-align:center; background-color:#F3F3F3;}

.case_list ul li a{ display:block; overflow:hidden;}

.case_list ul li img{ width:100%; transition:0.5s;}

.case_list ul li:hover img{transform:scale(1.1);}

.case_list ul li .case_name p{ text-align:center; font-size:16px; line-height:40px;}

.case_list ul li .case_main{ position:absolute; left:0; top:-100%; width:100%; height:100%; padding:40px 20px 20px; transform:scale(0); background-color:rgba(255,255,255,0.8); transition:0.3s; box-sizing:border-box;}

.case_list ul li:hover .case_main{ top:0; opacity:1; transform:scale(1);}

.case_list ul li b{ display:block; font-size:20px; margin-bottom:15px;}

.case_list ul li .case_main p{ font-size:14px; line-height:30px; margin:0;}

.case_list ul li .case_main a{ display:inline-block; font-size:14px; color:#FFF; padding:4px 8px; margin-top:15px; border:2px solid #ff9600; background-color:#ff9600;}

.case_list ul li .case_main a:hover{ color:#F73D2E; background-color:#FFF;}



.line_detail{ clear:both; overflow:hidden; width:100%; margin:40px auto;}

.line_pic{ float:left; width:46%;}

.line_pic img{ width:100%;}

.line_info{ float:right; width:52%;}

.line_info h1{ font-size:30px; margin-bottom:20px; margin-top:5px;}

.line_info p{ color:#444; line-height:30px; font-size:15px; margin-bottom:5px;}

.line_info p span{ font-weight:bold;}

.line_tel{ width:100%; padding:12px 0 12px 50px; margin:10px 0; background:url(../Images/ico_tel.png) no-repeat left center; background-size:40px; box-sizing:border-box;}

.line_tel i{ color:#444; margin-right:10px;}

.line_tel a{ color:#F73D2E; font-size:30px; font-weight:bold;}

.line_btn{ width:100%;}

.line_btns a{ display:block; height:60px; line-height:60px; color:#FFF; font-size:22px; text-align:center; border-radius:4px; background-color:#F73D2E;}

.line_btns a img{ width:30px; vertical-align:middle; margin-left:6px;}

.line_btns a:hover{ transition:0.3s; background-color:#424355;}



.line_main{ width:100%;}

.line_main .box{ border-top:1px solid #DDD;}

.line_main h2{ font-size:26px; height:28px; line-height:28px; padding-left:10px; border-left:3px solid #F73D2E; margin:20px 0;}

.line_main p{ color:#444; font-size:15px; text-indent:2em; line-height:26px; margin-bottom:10px;}

.line_main ul{ clear:both; overflow:hidden;}

.line_main ul li{ float:left; position:relative; padding:60px 20px 20px; margin-top:70px; background:#F3F3F3; color:#444; line-height:26px; height:180px; box-sizing:border-box; width:48%; margin-left:1% ;margin-right:1%;}

.line_main ul li span{ position:absolute; top:-50px; left:50%; width:93px; height:93px; margin-bottom:10px; margin-left:-48px;}

.line_main ul li span img{ width:100%;}

.line_main ul li b{ display:block; font-size:20px; text-align:center;}

.line_main ul li i{ display:block; line-height:25px; height:50px; text-align:center; overflow:hidden; margin-top:10px;}



.line_al{ clear:both; overflow:hidden; width:100%; margin:20px auto;}

.line_al h2{ font-size:26px; height:28px; line-height:28px; padding-left:10px; border-left:3px solid #F73D2E; margin:20px 0;}

.line_al ul{ clear:both; overflow:hidden; width:100%; margin-top:20px;}

.line_al ul li{ float:left; width:24%; margin:0 0.5%; text-align:center; overflow:hidden;}

.line_al ul li a{ display:block; overflow:hidden;}

.line_al ul li img{ width:100%;}

.line_al ul li p{ line-height:20px; text-indent:0; display:inline-block; width:100%; margin:15px 0;font-size:15px;position:relative}

.line_al ul li p:after{ transition:all .5s cubic-bezier(.68,-.55,.27,1.55); position:absolute; bottom:-15px; left:0; display:inline-block; content:""; height:3px; width:0; background-color:#FF3F3C;}

.line_al ul li:hover p:after{ transition:all .5s cubic-bezier(.68,-.55,.27,1.55); position:absolute; bottom:-15px; left:0; display:inline-block; content:""; height:3px; width:100%;background-color:#FF3F3C;}



.case_detail{ clear:both; overflow:hidden; width:100%; margin:40px auto;}

.case_detail h1{ font-size:36px; height:40px; line-height:40px; text-align:center;}

.case_detail .case_pic img{ width:680px;}

.case_detail img{ display:block; width:80px; margin:20px auto; text-align:center;}

.case_detail ul{ clear:both; overflow:hidden; margin:20px auto;}

.case_detail ul li{ float:left; width:30.3%; margin:0 1.5%;}

.case_detail ul li p{ color:#111; font-size:16px; text-align:center;}

.case_zx{ width:100%; text-align:center; margin:30px auto 10px; overflow:hidden; margin-left:-1.5%;}

.case_zx a{ float:left; height:50px; line-height:50px; color:#FFF; font-size:20px; width:48.5%; text-align:center; margin:3px 0 3px 1.5%; }

.case_tel a{ background-color:#ff9600;}

.case_btn a{ background-color:#ff9600;}



.ul-sec-case{overflow:hidden;margin:0 -2px}

.ul-sec-case li{float:left;width:30%; margin:0 1%;overflow:hidden}

.ul-sec-case li .item{position:relative;margin:0 2px;padding-bottom:145px;background-color:#ececec}

.ul-sec-case img{display:block;width:100%}

.ul-sec-case .txt{padding:0 2% 20px; width:96%;text-align:center;overflow:hidden;position:absolute;left:0;bottom:-130px;width:100%;transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s}

.ul-sec-case .txt h3 a{display:block;font-size:20px;color:#ff9600;line-height:45px; font-weight:500;text-align:center;margin:15px 0 5px}

.ul-sec-case .txt strong a{display:block;font-size:20px;color:#0740b1;line-height:36px;text-align:center;margin:35px 0 5px}

.ul-sec-case .txt p{font-size:13px;color:#595959;line-height:24px; margin:0 auto; width:80%;text-align:left;opacity:0;filter:alpha(opacity=0);transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;}

.ul-sec-case .txt p strong{float:left}

.ul-sec-case .txt p em{display:block;height:72px;display:-webkit-box;display:box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}

.ul-sec-case .txt span{display:inline-block;font-size:15px;color:#090909;line-height:26px;position:relative;margin-bottom: 20px;}

.ul-sec-case .txt span::before{content:"";position:absolute;width:40px;height:1px;background-color:#040404;left:-50px;top:50%}

.ul-sec-case .txt span::after{content:"";position:absolute;width:40px;height:1px;background-color:#040404;right:-50px;top:50%}

.ul-sec-case .txt .more{display:inline-block;width:170px;height:44px;line-height:44px;border-radius:4px;background-color:#ff9600;color:#fff;}

.ul-sec-case .item:hover .txt{background:rgba(255,255,255,0.9);bottom:0}

.ul-sec-case .item:hover .txt p{opacity:1;filter:alpha(opacity=100);display: block;}

.index_case .ul-sec-case li .item{padding-bottom: 58px;}

.index_case .ul-sec-case .txt p{display: none;}

.index_case .ul-sec-case .txt{bottom:-75px;}



#owl-demo{position:relative;margin: 0 auto;}

#owl-demo .item_ie7{ position:relative;display:block;}

.owl-pagination{position:absolute;left:0;bottom:10px;width:100%;height:22px;text-align:center;}

.owl-page{display:inline-block;width:14px;height:14px;margin:0 5px;background-image:url(../Images/bg15.png);*display:inline;*zoom:1;}

.owl-pagination .active{width:35px;background-image:url(../Images/bg16.png);}

.owl-buttons{display:none;}

.owl-buttons div{position:absolute;top:43%;width:40px;height:80px;margin-top:-40px;text-indent:-9999px;}

.owl-prev{left:0;background-image:url(../Images/bg17.png);}

.owl-next{right:0;background-image:url(../Images/bg18.png);}

.owl-prev:hover{background-image:url(../Images/bg19.png);}

.owl-next:hover{background-image:url(../Images/bg20.png);}

.owl-carousel .owl-wrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

.owl-carousel{display: none;position: relative;-ms-touch-action: pan-y;}

.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}

.owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}

.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}

.owl-carousel .owl-item{float: left;}

.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor: pointer;}

.owl-controls {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

.owl-carousel  .owl-wrapper,.owl-carousel  .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility:    hidden;-ms-backface-visibility:hidden;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);}







@media screen and (max-width:1200px){

	.box, .pro_js, .pro_ys, .pro_al, .pd_guide{ width:98%;}

	.index_type ul li{ width:24%; margin:0 0.2%;}

	.pro_main .pro_box dl dt{ width:45%;}

	.pro_main .pro_box dl dd{ width:55%; padding:20px 10px;}

	.pro_main .pro_box dl dd p{ margin:15px auto;}

	.box_btn{ background-position:70% center;}

	.index_case ul li{ width:31.8%;}

	.index_case ul li .case_mask{ padding:40px 15px 15px;}

	.news_show ul{ width:56%;}

	.show_video{ width:42%;}

	.news_show ul li .show_date{ width:60px;}

	.news_show ul li .show_list{ width:86%;}

	.pro_detail dl dt{ width:50%;}

	.pro_detail dl dd{ width:50%;}

	.pro_detail dl dd p{ margin:16px auto;}

	.pro_detail dl dd p.pro_tel a{ font-size:26px;}

	.navul li{ margin-left:20px;}

	.top .tel{ width:33%;}

	.navul li a{ padding:10px;}

	

}



@media screen and (max-width:1000px){

	.top{ display:none;}

	.navs{ height:44px;}

	.nav{ display:none;}

	.nav_m{ display:block;}

	.logo img{ width:160px; margin-top:4px;}

	.index_case ul li{ width:31.6%;}

	.show_video{ display:none;}

	.news_show ul{ width:100%;}

	.news_show ul li .show_list{ width:90%;}

	.box_btn{ background-position:75% center;}

	.con_info{ padding:15px;}

	.about_fw ul{ width:82%; background:none;}

	.about_fw ul li{ width:31%; background-color:#FF1516; margin-left:10px;}

	.about_lc ul li{ background:none;}

	.pro_detail{ background:none; padding:10px 0; margin-bottom:20px;}

	.pro_detail dl{ padding:0;}

	.pro_detail dl dt{ width:100%;}

	.pro_detail dl dd{ width:100%; padding:20px 0 0;}

	.box_btns{ padding:15px 0;}

	.pro_tj{ background-size:160px; padding-right:160px;}

	.pro_main .pro_box dl dt{ width:100%; margin:0;}

	.pro_main .pro_box dl dd{ width:100%;}

	.main_zb{ display:none;}

	.news_main ul{ width:100%; margin-left:0;}

	.news_main ul li .show_list{ width:91%;}

	.newslist ul li a{ width:75%;}

	.news_xg ul li a{ width:75%;}

	.case_list ul li .case_main{ padding-top:20px;}

	.case_list ul li .case_name p{ font-size:15px;}

	.case_list ul li b{ font-size:18px;}

	.index_type{ margin:10px auto 20px;}

	.index_type ul li img{ float:none; display:block; margin:0 auto;}

	.index_type ul li a{ float:none; display:block; text-align:center; margin-left:0; margin-top:0; font-size:16px;}

}



@media screen and (max-width:840px){

	.line_detail{ margin:10px auto;}

	.line_pic{ width:100%;}

	.line_info{ width:100%; margin-top:10px;}

}



@media screen and (max-width:768px){

	.logo img{ width:120px; margin-top:6px;}

	#banner{ display:none;}

	.ban_m{ display:block;}

	.index_type, .index_pro, .index_case, .index_news, .about, .about_nl, .about_lc, .about_hz{ margin:20px auto;}

	.index_pro h1, .about h1, .contact_info h1, .news h1{ font-size:36px; line-height:36px;}

	.index_case h2, .index_about h2, .index_news h2, .about_nl h2, .about_lc h2, .about_hz h2, .about_main h2, .news_title h2{ font-size:30px; line-height:30px;}

	.index_case ul li h3{ font-size:18px;}

	.pro_main{ margin-top:20px;}

	

	.index_case ul li.case_jl{ display:none;}

	.index_case ul li{ width:47.2%; margin:0 0.5%;}

	.index_about ul li b{ font-size:52px; line-height:52px;}

	.news_show ul li .show_list{ width:86%;}

	.index_case ul li .case_mask{ padding-top:20px;}

	.index_case ul li .case_mask a{ margin-top:10px;}

	.about ul li img{ width:120px;}

	.about_sl ul li:first-child { display:none;}

	.about_sl ul li{ width:100%;}

	.con_info{ padding:30px;}

	.about_nl ul li{ width:32.3%;}

	.about_nl ul li:nth-child(7), .about_nl ul li:nth-child(8){ display:none;}

	.about_tit{ display:none;}

	.about_fw ul{ width:100%;}

	.about_lc ul li{ width:33.3%;}

	.about_lc ul li img{ margin:0 auto; width:100px;}

	.about_lc ul li p{ width:100%; line-height:40px;}

	.about_main{ width:96%;}

	.about_zl{ height:640px;}

	.about_main ul{ margin-left:-6%; margin-top:40px;}

	.msg_info{ display:none;}

	.msg_fill{ width:100%;}

	.pro_type li img{ width:80%;}

	.pro_device ul li{ width:32.3%;}

	.pro_tj{ background-size:140px; padding-right:140px;}

	.pro_type{ background-color:#F3F3F3; margin-bottom:10px; padding:20px 0;}

	.table_yd{ display:table;}

	.table_pc{ display:none;}

	.news_main ul li .show_list{ width:88%;}

	.news_cp ul{ margin-left:0;}

	.news_cp ul li{ width:100%; margin-left:0;}

	.news{ margin-bottom:0; padding:20px 0 0; background:none;}

	.news p{ margin:10px auto;}

	.news h1 a, .news p{ color:#333;}

	.news h1 a:hover{ color:#EB0001;}

	.news ul li{ width:100%; margin-right:0; background-color:#FFF;}

	.news ul li .news_pic{ float:left; width:20%; position:static; padding-bottom:0; margin-right:2%;}

	.news ul li .news_pic img{ position:static;}

	.news ul li time{ display:none;}

	.news_title{ line-height:30px;}

	.news_main{ margin-top:10px;}

	.news_main ul li{ margin-bottom:15px;}

	.news_sp{ padding:20px 0;}

	.news_sp ul{ margin-top:10px;}

	.news_cp{ margin:20px auto;}

	.news_cp ul li{ margin-top:10px;}

	.newslist{ margin:10px auto 20px;}

	.newslist ul{ margin-left:0;}

	.newslist ul li{ width:100%; margin-left:0;}

	.newslist ul li a{ width:80%;}

	.newsdetail{ margin-top:20px;}

	.news_cue{ background:none; background-color:#F3F3F3; padding:10px;}

	.news_xg ul li span{ display:none;}

	.news_xg ul li a{ width:100%;}

	.line_list ul li{ width:49%;}

	.line p{ font-size:14px; line-height:22px;}

	.case_list ul li{ width:49%;}

	.case_list ul li .case_main{ display:none;}

	.case_list ul li .case_name p{ font-size:14px;}

	.pro_type li p{ font-size:16px;}

}



@media screen and (max-width:650px){

	.pro_info p img{ width:100%;}

	.box_btns{ background-position:70% center;}

	.product{ display:none;}

	.news_main ul li .show_list{ width:85%;}

	.news_title a{ padding:0 25px 0 0;}

	.news_info p img{ width:100%; height:auto;}

	.news_tel span{ padding-left:32px;}

	.news_tel span i{ display:none;}

	.line p{ display:none;}

	.line_al ul li{ width:49%; margin-bottom:10px;}

	.line_main p img{ width:100%; height:auto;}

	.case_detail{ margin:20px auto;}

	.case_detail h1{ font-size:30px;}

	.case_detail .case_pic img{ width:100%;}

	.pro_type li p i{ display:none;}

}



@media screen and (max-width:480px){

	.index_pro h1, .about h1, .contact_info h1, .news h1{ font-size:30px; line-height:30px;}

	.index_case h2, .index_about h2, .index_news h2, .about_nl h2, .about_lc h2, .about_hz h2, .about_main h2, .news_title h2{ font-size:26px; line-height:26px;}

	.index_case ul li{ width:46.8%;}

	.news_show ul li .show_list{ width:80%;}

	.location{ display:none;}

	.about ul li img{ width:80px;}

	.con_info{ padding:15px;}

	.about_fw{ display:none;}

	.about_main ul{ width:80%;}

	#gotoTop{ width:40px; height:40px;}

	.contact_info ul li{ width:47%;}

	.pro_detail dl dd h1{ font-size:26px;}

	.pro_info h2{ font-size:24px; margin-bottom:10px;}

	.pd_guide a{ font-size:16px; padding:10px 0;}

	#header-wrapper{ margin-bottom:0;}

	.pro_info p{ font-size:14px;}

	.pro_al ul li{ width:49%;}

	.pro_info p{ margin-bottom:10px;}

	.pro_show{ margin:20px auto;}

	.pro_tit{ font-size:26px; height:26px;}

	.pro_show p{ display:none;}

	.pro_show ul li p{ display:block; font-size:14px;}

	.pro_show ul li{ width:49%;}

	.pro_show ul li:hover img{transform:none;}

	.shows{ padding:20px 0;}

	.pro_show ul{ margin-top:10px;}

	.news p{ display:none;}

	.news h1{ text-align:left;}

	.news ul{ margin-top:10px;}

	.news ul li p{ display:block;}

	.news ul li .news_pic{ width:30%;}

	.news ul li h3{ margin-top:0;}

	.news_main ul li .show_list{ width:81%;}

	.news_sp ul li p{ font-size:14px;}

	.newslist ul li{ height:50px; line-height:50px;}

	.newslist ul li a{ width:75%;}

	.disabled, .page a, .page .current{ padding:6px 10px; margin-right:2px;}

	.news_cue p{ display:none;}

	.newsdetail h1{ font-size:24px;}

	.news_info{ margin:15px auto;}

	.news_info h2{ font-size:20px;}

	.news_info p{ line-height:24px;}

	.news_tel span a{ font-size:22px; letter-spacing:-1px;}

	.news_tel a.new_btn{ font-size:16px; padding-left:45px; padding-right:15px;}

	.line, .line_list{ margin:20px auto;}

	.line{ border-top:1px solid #DDD; margin-top:0; padding-top:20px;}

	.line ul{ width:90%; margin:0 auto;}

	.line ul li{ width:50%; margin:0; font-size:18px;}

	.line_show{ padding:5px 2px;}

	.line_show p{ display:none;}

	.line_show p.line_tit{ display:block; text-align:center; font-size:16px; font-weight:normal; margin-bottom:0;}

	.line_list ul li{ margin-bottom:5px;}

	.case_list ul li .case_name p{ line-height:20px; height:40px; padding:3px 0;}

	.line_info h1{ font-size:26px; margin-bottom:10px;}

	.line_info p{ font-size:14px; line-height:24px;}

	.line_tel a{ font-size:28px;}

	.line_btns a{ height:50px; line-height:50px;}

	.line_main h2, .line_al h2{ font-size:24px; margin:10px 0;}

	.line_main p{ font-size:14px; line-height:24px;}

	.line_detail{ margin-top:0;}

	.case_detail{ border-top:1px solid #DDD; margin-top:0; padding-top:10px;}

	.case_detail h1{ font-size:26px;}

	.case_detail img{ margin:10px auto;}

	.case_detail ul li p{ font-size:14px;}

	.case_zx{ margin-left:0; margin-top:10px;}

	.case_zx a{ width:100%; margin-left:0;}

	.product{ display:block; padding:0; height:1px; background:none; background-color:#DDD;}

	.pro_tj{ display:none;}

	.index_type ul li a i{ display:none;}

	.index_type ul li img{ width:70px;}

	.index_type ul li{ border-right:0;}

	.pro_type li p{ font-size:14px;}

	.message ul li{ width:99%; height:46px; line-height:44px;}

	.message ul li input{ height:44px; line-height:44px; font-size:15px;}

	.message ul li textarea{ font-size:15px; height:150px;}

	.message ul li.msg_area{ height:152px;}

	.message ul li span.icon_msg01{ background-size:20px;}

	.message ul li span.icon_msg02{ background-size:20px;}

	.message ul li span.icon_msg03{ background-size:20px;}

	.msg_btn{ width:36%;}

}



@media screen and (max-width:375px){

	.logo img{ width:100px;}

	.navs{ height:36px;}

	.nav_m ul li{ line-height:36px; font-size:14px;}

	.footer i{ display:none;}

	

	.index_pro{ padding:20px 0;}

	.index_pro h1, .about h1, .contact_info h1, .news h1{ font-size:24px; line-height:24px;}

	.index_case h2, .index_about h2, .index_news h2, .about_nl h2, .about_lc h2, .about_hz h2, .about_main h2, .news_title h2{ font-size:20px; line-height:20px;}

	.index_case p, .index_about p, .index_news p, .about_nl p, .about_lc p, .about p, .contact_info p{ font-size:14px; margin:10px auto;}

	.pro_main .pro_box dl dd{ padding:10px 0;}

	.pro_main .pro_box ul li{ width:48%; margin-bottom:6px;}

	.pro_main .pro_box ul li:nth-child(3){ width:100%;}

	.pro_main .pro_box ul li i{ height:22px;} 

	.pro_main .pro_tab li{ margin:0 5px;}

	.box_btn{ font-size:18px; margin-top:10px;}

	.index_case ul li{ border:0; width:49%;}

	.index_case ul li .case_tit{ display:block;}

	.index_case ul li .case_mask{ display:none;}

	.index_about ul{ margin-top:26px;}

	.index_about ul li{ width:48%; margin-top:10px;}

	.index_about ul li i{ margin-top:10px;}

	.news_show{ margin-top:20px;}

	.news_show ul li .show_date{ width:52px;}

	.news_show ul li .show_date b{ font-size:24px;}

	.news_show ul li .show_date i{ font-size:12px;}

	.news_show ul li .show_list{ width:82%;}

	.news_show ul li .show_list h3{ font-size:16px;}

	.index_service ul li img{ width:40px; height:40px;}

	.index_service ul li i{ line-height:22px; margin-top:10px;}

	.about p i{ display:none;}

	.about ul li img{ width:60px;}

	.about_sl, .about_zl{ display:none;}

	.about_nl{ background-color:#F2F1F6; padding:15px 0;}

	.about_nl ul li{ width:49%;}

	.about_lc ul{ margin-top:20px;}

	.about_lc ul li img{ width:80px;}

	.about_lc ul li p{ font-size:14px;}

	.about_hz ul li{ width:49%; margin-bottom:5px;}

	.contact{ margin:10px auto;}

	.contact_info ul li{ padding-top:10px;}

	.contact_info ul li span{ width:80px; height:80px;}

	.contact_info ul li span.contact01{ background-size:42px auto;}

	.contact_info ul li span.contact02{ background-size:42px auto;}

	.contact_info ul li span.contact03{ background-size:42px auto;}

	.contact_info ul li span.contact04{ background-size:42px auto;}

	.contact_info ul li h3{ font-size:16px; margin-bottom:0;}

	.contact_info ul li p a.cont{ font-size:14px;}

	.contact_info ul li p a{ font-size:18px;}

	.message{ padding:15px 0; margin-top:20px;}

	.message .msg_tit{ font-size:26px;}

	

	.msg_btn{ width:40%;}

	.pro_type{ padding:15px 0 10px;}

	.pro_type li img{ width:86%;}

	.pro_type li p{ font-size:14px; line-height:24px; margin-top:2px;}

	

	.pro_device ul{ margin-top:0;}

	.pro_device ul li{ width:49%; margin-bottom:0;}

	.pro_device ul li p{ font-size:14px; line-height:32px;}	

	.pro_detail ul li{ width:48%; margin-bottom:5px;}

	.pro_detail ul li:nth-child(3){ width:100%;}

	.pro_detail ul li i{ height:22px;} 

	.pro_detail dl dd p.pro_tel font{ display:none;}

	.box_btns{ font-size:20px; padding:10px 0; background-position:75% center;}

	.pro_detail dl dd h1{ font-size:24px;}

	.pro_info h2{ font-size:20px; margin:10px 0 5px;}

	.pro_ys ul li{ width:100%; margin-left:0; margin-right:0; margin-top:50px; padding-top:50px; height:160px;}

	.pro_ys ul li span{ width:80px; height:80px; top:-40px; margin-left:-40px;}

	.pro_al ul li p{ margin-bottom:0;}

	.pro_detail{ padding-top:0;}

	.pro_tit{ font-size:24px; height:24px;}

	.pro_show ul li p{ line-height:30px;}

	.news ul li{ margin-bottom:6px; padding-bottom:10px; border-bottom:1px dashed #DDD;}

	.news ul li h3{ height:26px; line-height:26px; font-size:16px; margin-bottom:2px;}

	.news ul li p, .news_cp ul li p{ line-height:22px; height:44px;}

	.news_hy{ margin:10px auto;}

	.news_title{ line-height:24px;}

	.news_main ul li .show_date{ width:56px;}

	.news_main ul li .show_date b{ line-height:40px; font-size:24px;}

	.news_main ul li .show_date i{ font-size:13px;}

	.news_main ul li .show_list h3{ font-size:16px;}

	.news_sp ul li:nth-child(2){ display:none;}

	.news_sp ul li{ width:49%;}

	.news_sp{ margin:10px auto;}

	.news_cp ul li{ padding:5px 1%;}

	.news_cp ul li h3{ font-size:16px;}

	.news_cp ul li time{ margin:2px 0;}

	.news{ padding-top:15px;}

	.newsdetail h1{ font-size:22px; line-height:26px;}

	.news_base{ padding:10px 0; margin-top:15px;}

	.news_cue{ padding:8px 5px;}

	.news_tel{ line-height:36px;}

	.news_tel a.new_btn{ line-height:36px; font-weight:normal;}

	.news_info p{ line-height:22px;}

	.newsdetail{ margin-bottom:10px;}

	.news_xg{ margin:10px auto 20px;}

	.news_tit{ line-height:20px;}

	.news_tit h2{ font-size:20px;}

	.news_xg ul{ margin-left:0; margin-top:0;}

	.news_xg ul li{ width:100%; margin-left:0; height:40px; line-height:40px; padding:0 2px;}

	.line_info h1{ font-size:24px;}

	.line_tel i{ display:none;}

	.line_btns a{ height:44px; line-height:44px; font-size:20px;}

	.line_btns a img{ width:25px;}

	.line_main h2, .line_al h2{ font-size:20px;}

	.line_main ul li{ width:100%; margin-left:0; margin-right:0; margin-top:50px; padding-top:50px; height:160px;}

	.line_main ul li span{ width:80px; height:80px; top:-40px; margin-left:-40px;}

	.line_main ul li p{ margin-bottom:0;}

	.line_al{ margin:5px auto;}

	.line_al ul li p{ margin:5px 0;}

	.line_al ul li{ margin-bottom:2px;}

	.case_detail h1{ font-size:24px;}

	.case_detail ul{ margin:10px auto;}

	.case_detail img{ width:60px;}

	.index_type ul li img{ width:60px;}

	.index_type ul li a{ font-size:15px;}

	.index_type{ margin:8px auto 10px;}

	.pro_type li img{ width:86%;}

	

}



@media screen and (max-width:320px){

	.contact_info h1{ font-size:20px;}

	.news ul li .news_pic{ width:34%;}

	.news_main ul li .show_list{ width:78%;}

	.newslist ul li{ height:44px; line-height:44px;}

	.newslist ul li span{ display:none;}

	.newslist ul li a{ width:100%;}

	.disabled, .page a, .page .current{ padding:4px 8px;}

	.newsdetail{ margin-top:15px;}

	.news_tel a.new_btn{ background:none; background-color:#ED1E24; padding-left:10px; padding-right:5px;}

	.line{ padding-top:15px; margin-bottom:15px;}

	.line ul li{ line-height:2em; font-size:17px;}

	.line_show p.line_tit{ font-size:14px; padding:2px; line-height:24px;}

	.case_detail h1{ font-size:20px; height:30px; line-height:30px;}

	.line_main h2, .line_al h2{ font-size:18px;}

	.nav_m{ width:68%;}

	.pro_type li p{ font-size:13px;}

	.case_detail ul li{ width:100%; margin:0 auto;}

	

}

@media screen and (max-width:768px){

	.news_show1{width:100% !important}

}