@charset "utf-8";
/* CSS Document */
html { -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
body{font-family:Arial, Helvetica, sans-serif;background:#f6f6f6;font-size: 14px;line-height:22px;color: #444;}
input, button {margin:0; padding:0; border:0; background:none;}
body, h1, h2, h3, h4, p, ul, ol, dd, dl, form { margin: 0;}
hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee;}
img {vertical-align: top; -ms-interpolation-mode: bicubic; border: 0 ;}
ol, ul, li,dl, dt, dd {list-style:none; margin:0; padding:0}
header, footer, article, section, nav, menu, hgroup { display: block; }
a { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none; outline: 0;color:#262626}
h1, h2, h3, h4{color:#222}
.l{ float:left} .r{ float:right}

.w780{margin:0 auto;max-width:780px;background:#fff;padding-bottom:60px}
.head{overflow:hidden;padding:1px 0 1px;box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 5px rgba(0,0,0,.035);background:#2e2f42}
.head ul{overflow:hidden}
.head li a{cursor: pointer; }  
.head li{ display:block}
.head .h_logo{float: left;width:170px;margin-left:1.5%;text-indent:-9999px; background: url(../images/h_logo.png) no-repeat left top; padding:7px 0 8px;margin-top:3px;background-size:166px 36px;}
.head .h_logo a{display:block}
.head .h_tel{width: 32px;text-align:right;width:12%;margin-right:1.5%;float:right;margin-top:5px}
.head .back1{float: left;width:36px;width:12%;margin-left:1.5%;margin-top:6px}
.head .h_loca{float:left;width:73%;text-align:center;font-size:20px;line-height:40px;color:#FFF;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-transform: capitalize;}
.daohang{width: 100%;max-width: 780px;margin: 0 auto;background:rgba(250,250,250,.95);z-index: 99999;display: none;position:fixed;top:0;-webkit-transition: -webkit-transform 350ms cubic-bezier(.165,.84,.44,1);transition: transform 350ms cubic-bezier(.165,.84,.44,1);visibility: visible;transform: translate3d(0px, 0px, 0px);padding-bottom:60px;}
.daohang li{height: 44px;width: 100%;font-size: 15px;color: #333;line-height: 44px;cursor: pointer;margin: 0;text-align:left}
.daohang li a{color: #111;display: block;border-bottom: 1px solid #d9d9d9;text-transform: uppercase;padding-left:5%;background:url(../images/m_nav_line.png) no-repeat right center;}
.daohang .nav_close{text-align: right;position: absolute;bottom: 9px;line-height: 50px;height:50px;background: #d7d7d9;}
#box_bg{ background: #000; opacity: 0.6; filter: alpha(opacity=60); height: 100%; top: 0; width: 100%; z-index: 100;position:fixed;top: 0;bottom:0;width: 100%;max-width: 780px;margin: 0 auto;z-index: 999;}
.daohang li a.pro_close {background:url(../images/btn-close-h.png) no-repeat 42.5% 13px;width:83%;text-align: center;padding-right: 6%;display: inline-block;font-size: 18px; }
.head .h_tel img{width:30px;height:auto}
.head .h_nav{width: 100%;background: #fff;overflow:hidden}
.h_nav li{float: left;width: 14.2%;height: 34px;line-height: 34px;font-size: 15px;text-align: center;}
.h_nav li a{color: #000;}

.foot_float{ position:fixed;width:100%; max-width:780px;margin:0 auto;bottom:0;}
.foot_float ul{overflow:hidden;}
.foot_float li{width:50%;float:left;font-size:16px;line-height:36px; text-align:center;}
.foot_float li img{width:25px;height:auto;margin-top: 5px;margin-right:8px;}
.foot_float a{display:block;}
.foot_float .foot_e{background:#333;color:#fff;}
.foot_float .foot_q{color:#fff;background: -webkit-linear-gradient(left, #ff7700,#f44336);
     background: -o-linear-gradient(right, #ff7700,#ff4a00 30%,#f44336);
    background: -moz-linear-gradient(right, #ff7700,#ff4a00 30%,#f44336);
    background: linear-gradient(to right, #ff7700,#f34a00 30%,#f44336);border-left: 1px solid #fff; box-sizing:border-box;}
#totop{width: 35px;height: 35px;display: block;cursor: pointer;text-indent: -999em;background: url(../images/re.png) no-repeat center;background-size: 35px 35px;position: fixed;right: 0px;bottom: 81px;display:none}

/*index*/
.banner{margin-top:0;width:100%;position:relative;}
.banner_box{overflow:hidden;position:relative;}
.banner_wrap{overflow:hidden; position:relative;}
.banner_wrap li{position:relative;display:block;width:100%;float:left;}
.banner_wrap li a{display:block;margin:0 auto;position:relative;}
.banner_position{position:absolute;left:48%;z-index:400;bottom:14px;}
.banner_position li{display:inline-block;width:12px;height:12px;border-radius:10px;background:#fff;float:left;margin:0 3px}
.banner_position li a{font-size:0;}
.banner_position li.on{background-color:#ffd800;}
.banner_position_bg{position:absolute;bottom:12px;left:42%;padding:0 15px;z-index:380px;height:26px;border-radius:26px;}

.index_nav{ width:100%;overflow:hidden; text-align:center; padding:6px 4px; box-sizing:border-box;margin-bottom:6px }
.index_nav a { display:block; color:#333; float:left; font-size:14px; margin:0; padding:8px 0 0; text-align:center; width:25%;}
.index_nav a:hover p{ color:#ff0919;}
.index_nav a span{display:block; margin:0 auto;border-radius:100%;transition: all .5s;width: 40%;height: auto;background:#ff0919}
.index_nav a img{ display:block; text-align:center;  margin:0 auto;width:100%;height:auto;}
.index_nav a p{margin-top:7px;line-height:18px;margin-bottom:5px}
.index_nav .act{ background:#E3E6F0; color:#333;}

.index_line {display: block;background: #F3F0F3;height: 9px;}

.index_t{text-align:center;margin-bottom:18px}
.index_t h3{text-transform: uppercase;color: #101010;line-height: 40px;margin-bottom: 3px;font-size:26px;}
.index_t h3:after{content: "";display: block;width:60px;margin:3px auto 10px;border-top: 2px solid #ff0919;}
.index_t p{font-size: 15px;color:#555;line-height:20px}
.index_pro{margin-top:30px;margin-bottom:20px}
.index_pro ul{overflow:hidden;}
.index_pro li{float:left;width:31.333%;margin:0 1% 1.5%;text-align:center}
.index_pro li img{width:100%;height:auto;background:#d4d3db;}
.index_pro li h4{font-size:16px;font-weight:500;padding: 5px 0;line-height:20px}

.focus{width:98%;margin:0 1% 30px;position: relative;background:#f2f2f2;overflow:hidden}
.focus .fbg{position: absolute;bottom: 13px;left: 22%;}
.fbg a{display: inline-block;width: 10px;height: 10px;border-radius: 10px;background: #ccc;float: left;margin: 0 5px;}
.fbg .current{background-color: #ffd800;}
.focus dl{overflow:hidden}
.focus dt{text-align:center;width:51%;float:left}
.focus dd{float:right;width:47%;margin-top:5%}
.focus img{width:100%;height:auto;}
.focus .prev, .focus .next{position: absolute;width: 29px;height: 51px;background: url(../images/focus_btn.png) no-repeat;}
.focus .prev{top: 40%;left: 0;background-position: 0 -51px;cursor: pointer;}
.focus .next{top: 40%;right:49%;background-position: -29px -51px;cursor: pointer;}
.focus .prev:hover{  background-position:0 0; }  
.focus .next:hover{  background-position:-29px 0;}
.focus h4{margin:15px 0 18px;padding:0 1.5%;font-weight:500;}
.focus h4 a{color:#111;font-size: 18px; line-height:24px}
.focus p{padding:0 1.5%;line-height:24px;margin:10px 0;color:#333}
.focus p b{color:#666;font-weight:500}
.about_ser{background:url(../images/index_foc_bg.jpg) no-repeat center;background-size:100% auto;padding:30px 0;width:100%;margin:20px 0 30px}
.about_ser .fbg{margin-left:47.5%;margin-top:10px;position:static}
.about_ser dt{width:100%;float:none}
.about_ser dd{padding:0 5%;text-align:center;height:98px;width:90%;float:none;margin-top:0}
.about_ser img{width:80px;height:auto;}
.about_ser .next{right:0;}
.about_ser h4{font-size: 16px;margin:15px 0 10px;padding:0 1.5%;color:#1a1a1a}
.about_ser p{padding:0 1.5%;line-height:22px;color:#555}

.index_news ul{width:98%;margin:0 1%}
.index_news li{margin-bottom: 15px;padding-bottom: 10px;background: #f2f2f2;padding: 8px 5px;}
.index_news li h4{font-size:16px;margin-bottom:8px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight:500}
.index_news li h4 a{color:#111;}
.index_news li p{line-height:20px;height: 40px;overflow: hidden;}
.index_news li .more{display:block;width:130px;padding:3px 0;border:solid 1px #ff0919;text-align:center;margin-top:10px}
.index_news li .more:hover{background:#ffd800}
/*pro_list*/
.pro_list{overflow:hidden;padding-top:20px;}
.plist_nav{padding:0;margin-bottom:0}
.plist_nav a{padding:10px 0 4px;}
.plist_nav .choose,.plist_nav a:hover{background:#f0f0f0}
.pro_list dl{overflow:hidden; padding-bottom:10px;width:30.933%;float: left;padding: 1.2%;border-left: solid 1px #dcdcdc;border-bottom: solid 1px #dcdcdc;margin-left: -1px;}
.pro_list dt img{width:100%;height:auto}
.pro_list dd{margin-top:10px;overflow:hidden}
.case_list dd{/*height:109px;*/}
.pro_list dd h4{font-size:16px;margin-bottom:8px;line-height:19px;height:35px;}
.pro_list dd p{margin-bottom:7px;line-height:18px}

.digg.none{border:none;}
.digg{clear:both;display:block;overflow:hidden;font-family:Arial,Helvetica,sans-serif;PADDING-RIGHT:3px;PADDING-LEFT:3px;PADDING-BOTTOM:10px;MARGIN:3px;PADDING-TOP:20px;TEXT-ALIGN:center}
.digg a{BORDER-RIGHT:#ccc 1px solid;PADDING-RIGHT:10px;BORDER-TOP:#ccc 1px solid;PADDING-LEFT:10px;PADDING-BOTTOM:5px;MARGIN:2px;BORDER-LEFT:#ccc 1px solid;COLOR:#ff0814;PADDING-TOP:5px;BORDER-BOTTOM:#ccc 1px solid;TEXT-DECORATION:none}
.digg a:active,.digg a:hover{BORDER:#ff0814 1px solid;}
.digg span.current{BORDER-RIGHT:#ff0814 1px solid;BORDER-TOP:#ff0814 1px solid;FONT-WEIGHT:bold;BORDER-LEFT:#ff0814 1px solid;COLOR:#fff;BORDER-BOTTOM:#ff0814 1px solid;BACKGROUND-COLOR:#ff0814}
.digg span.disabled,.digg span.current, .digg span.active{PADDING-RIGHT:10px;PADDING-LEFT:10px;PADDING-BOTTOM:5px;MARGIN:2px;PADDING-TOP:5px}
.digg span.disabled{BORDER-RIGHT:#eee 1px solid;BORDER-TOP:#eee 1px solid;BORDER-LEFT:#eee 1px solid;COLOR:#aaa;BORDER-BOTTOM:#eee 1px solid}
.digg a,.digg span{line-height: 2.4;}

.case_list{border-top:none 0}
.case_listfl {width:100%; padding:0 5px; box-sizing:border-box;  text-align:center; margin:0 auto 40px;}
.case_listfl li{ width:49%;border-radius: 3px; margin:0 0.25%; line-height:2em; box-sizing:border-box; float:left; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; overflow:hidden;}
.case_listfl li a{ color:#666; background-color:#f0f0f0;display: block;border:1px solid #ddd;}
.case_listfl li:hover a,.case_listfl li.hover a,.case_listfl li.choose a{ color:#fff; background-color:#ed2d21;border:1px solid #ed2d21;}
/*news*/
.news_list,.news_centent{margin-top:30px;width:98%;padding:0 1%}
.news_list li{ margin-bottom:20px;padding-bottom:16px;border-bottom: 1px dashed #ccc;}
.news_list li h4{font-size:17px;margin-bottom:8px;line-height:22px; font-weight:600; color:#2a2a2a;}
.news_list li h4 a{color: #333;}
.news_list li p{line-height: 24px; color:#666; font-size:15px;}
.news_list li .date{color:#ffb400;margin-bottom:7px}
.news_list li .more{display: block;width: 200px;padding: 4px 0;border: solid 1px #ffd800;text-align: center;margin-top: 10px;}
.pages {color: #999; margin:25px 15px 15px; clear:both;   }
.pages a, .pages .cpb {text-decoration:none; padding:3px 10px; margin:2px; border: 1px solid #ddd;background: #fff;font-size:11px; color:#000;display:inline-block}
.pages a:hover { background-color: #ed1c24; color:#fff;border:1px solid #E61636; text-decoration:none;}
.pages .cpb { font-weight: bold; color: #fff; background: #ed1c24; border:1px solid #ed1c24;}

.news_centent h1{font-size:25px;line-height:26px;color:#ff0919;margin-bottom:17px;text-align:center}
.news_centent p{margin-bottom:10px;line-height:28px;}
.news_centent h3{font-size: 18px;line-height:24px;margin-top: 17px;margin-bottom: 7px;color:#333}
.news_centent p img{max-width:100%;height:auto}
.news_rela{margin-top:30px;border-top: 10px solid #f0f0f0;padding-top:6px}
.news_rela li{margin-bottom:3px;padding:4px 0;color:#eb0001}
.news_rela li a{color:#424355;text-decoration:underline}
.news_time{ margin:14px 0; overflow:hidden; border-bottom:dotted 1px #e5e5e5; padding-bottom:10px;}
.news_time span{ font-size:15px; color:#999; text-indent:18px; background:url(../images/date1.png) no-repeat left 3px; display:block; float:left;}
.news_time strong{ display:block; float:right; font-weight:normal; background:url(../images/back2.png) no-repeat left 1px;}
.news_time strong a{ color:#999; font-size:15px; margin-left:24px;}

/*pro_cont*/
.pro_img img{width:100%;height:auto}
.pro_top{width:98%;padding:0  1%;border-bottom:8px solid #F3F0F3;padding-bottom:14px}
.pro_top h1{color: #ff0919;}
.pro_box h1{font-size:26px;margin:19px 0 13px;text-align:center;line-height:32px}
.pro_top h1{font-size:26px;margin:12px 0 0px;text-align:left}
.pro_top_t{color: #666;border-bottom: 1px solid #e5e5e5;font-weight: 500;line-height: 32px;text-align: left;font-size: 16px;margin-bottom:12px}
.pro_top p{margin-bottom:12px;font-size:15px;background-size:15px auto;overflow:hidden}
.pj_top p b{color:#fa6c08;font-weight:500;width: 26%;float:left;text-align:right}
.pro_top p strong{color:#fa6c08;font-weight:500;}
.pro_top p span{float:right;text-align:left;width:72%}
.pro_email{background: url(../images/pro_email.png) 5px 6px no-repeat;margin-bottom:10px;font-size:18px;color:#595959;font-weight:600;padding:8px 0 8px 39px;background-size:28px}
.pro_email a{text-decoration:underline;}
.pro_email a:hover{color:#fa6c08}
.pro_talk{margin-top:10px;overflow:hidden}
.pro_talk a{width:49%;display:block;font-size:18px;font-weight:500;line-height:40px; text-align:center; box-sizing:border-box;}
.pro_talk a img{ vertical-align:middle; width:25px; height:auto;margin-right:3px}
.pro_talk .pro_talk_l{background:#ff0919;border:solid 1px #ff0919; float:left; box-sizing:border-box;color:#fff}
.pro_talk .pro_talk_r{background:#fff0e5;border:solid 1px #ff0919;float:right; box-sizing:border-box;color: #ff0919;}
.pro_cont{width:98%;margin:20px 1% 0}
.pro_cont h3{font-size:22px;margin-bottom:10px;margin-top:22px}
.pro_cont p{margin-bottom:12px;line-height:26px;}
.pro_cont p video{width:100%;height:auto}
.pro_cont p img,.pro_cont div img{max-width:100%;height:auto}

.pj_top{margin-top:15px}
.pj_top p strong,.pj_top p b{width:auto;text-align:left;float:none;margin-right:3px}
.proj_talk{overflow:hidden}
.proj_talk a{width:49%;float:left;display:block;text-align:center;line-height:42px;font-size:18px}
.proj_talk .proj_t_l{margin-right:2%;background:#fede02;color:#222}
.proj_talk .proj_t_r{background:#424355;color:#fff}

.order_email{background-size:100% auto;padding:20px 0;margin-top:40px;}
.order_email h3{font-size: 24px;margin-bottom: 17px;margin-left:1.5%;color:#ff0606;text-transform:uppercase}
.order_email ul{overflow:hidden}
.order_email li{width:47%;margin:0 1.5% 17px;float:left}
.order_email .order_text{width:97%;clear:both;margin-bottom:0}
.order_email li span{font-size: 16px;display: block;line-height: 30px;font-weight:600;margin-bottom:2px;color:#333}
.order_email li input{width:88%;border: 1px solid #d9d9d9;color: #666;padding:10px 0 10px 40px;font-size: 15px;}
.order_email li select{width:100%;border: 1px solid #d9d9d9;color: #666;padding:10px 0 10px 40px;font-size: 15px;}
.order_email .icon_pro{background: url(../images/icon-text-pro.png) no-repeat 10px center #fff;background-size: 22px;}
.order_email .icon_user{background: url(../images/icon-text-user.png) no-repeat 10px center #fff;background-size: 20px;}
.order_email .icon_email{background: url(../images/icon-text-email.png) no-repeat 10px center #fff;background-size: 22px;}
.order_email .icon_tel{background: url(../images/icon-text-tel.png) no-repeat 12px center #fff;background-size: 20px;}
.order_email .icon_message{background: url(../images/icon-text-message.png) no-repeat 10px 17px #fff;padding: 17px 18px 17px 39px;font-size: 15px;background-size: 19px;width:92%;border:1px solid #d9d9d9;font-family:Arial, Helvetica, sans-serif;color:#666;min-height:120px;line-height:21px}
.order_email .btn_email{width: 170px;height: 42px;line-height:42px;margin: 20px 0;font-size: 18px;font-weight:600;background:#ffd800;padding:0;border:none 0;color:#333}


/*about*/
.cont_ban img{width:100%;height:auto}
.about{width:98%;margin:0 1%}
.about h3{font-size:24px;margin-top:25px;margin-bottom:8px;text-align:center;line-height:24px}
.about p{margin-bottom:10px; line-height:26px;}
.about_up{overflow:hidden;}
.about_up li{width:22%;padding:10px 1%;margin:0 0.5% 1%;float:left;text-align:center;background:#f2f2f2}
.about_up li img{width:62px;height:auto;margin-bottom:13px}
.about_up li h4{color:#3b3c54;font-size:28px;line-height:32px}
.about_up li p{margin-bottom:0;font-size:15px;}
.about_nl{overflow:hidden}
.about_nl li{width:31.3%;float:left;margin:0 1% 1.5%}
.about_nl li img{width:100%;height:auto}

/*contact*/
.contact{overflow:hidden}
.contact h3{font-size: 24px;margin-top: 25px;margin-bottom:14px;text-align: center;line-height: 24px;padding:0 1%}
.contact p{margin-bottom:10px;padding:0 1%; line-height:24px;}
.contact dl{width:48%;float:left;margin:10px 1%;}
.contact dl dt img{width:100%; box-sizing:border-box; padding:0 3%;height:auto; background-color:#ff7519; border-radius:5px;}
.contact dl dt{text-align:center; width:60px; margin-right:8px; float:left; overflow:hidden;}
.contact dl dd{text-align:left; overflow:hidden;}
.contact dd span{display:block;font-size: 16px;font-weight: 600;margin-bottom:8px}
.contact dd .cont_email,.contact dd .cont_talk{color:#ff0919;font-size:20px;font-weight:600; text-decoration:underline;}
.contact p img{ width:17px; vertical-align:middle; height:auto; margin:0 4px;}
.contact p:nth-child(6){ font-size:15px; color:#333;}


.foteny_ly{width:100%;margin:20px auto 0px;  border:8px solid #fff; box-sizing:border-box; background:#f7f7f7;}
.foteny_ly h3{text-align:center;font-size:24px; color:#fff; background:#ff0919; line-height:2em; overflow:hidden;}
.foteny_ly dl{padding:10px 10px; box-sizing:border-box;}
.foteny_ly dl dd{ width:100%; overflow:hidden;}
.foteny_ly dl dd input{ float: left;width:94%;height:30px;border-radius: 4px; background-color:rgba(255,255,255,0.7); color:#666; padding-left:35px;line-height:30px; box-sizing:border-box; background-size:19px 17px;margin-bottom:10px; border:1px solid #ccc;}
.foteny_ly dl dd span,.foteny_ly dl dt span{ width:12px; color:#e41f1f; float:left; height:30px; line-height:30px; display:block;}
.foteny_ly dl dt{ width:100%;overflow:hidden;}
.foteny_ly dl dd select{float: left;width:94%;margin-bottom:10px; background-color:rgba(255,255,255,0.7);line-height:30px;height:30px;border-radius: 4px; border:1px solid #ccc;}
.foteny_ly dl dt textarea{float: left;width:94%;margin-bottom:10px; height:60px;background-color:#fff;box-sizing:border-box;color:#666; line-height:2em;font-family:Hind, Arial, Helvetica, sans-serif;padding-left:35px;border:1px solid #ccc;background-size:19px 17px;border-radius: 4px;}
.user{background: url(../images/ly1.png) no-repeat 8px center;}
.cp{background: url(../images/ly2.png) no-repeat 8px center;}
.yxtb{background: url(../images/ly3.png) no-repeat 8px center;}
.tel{background: url(../images/ly4.png) no-repeat 8px center;}
.lytb{background: url(../images/ly5.png) no-repeat 8px 5px;}
.button1{width:100%;margin:10px auto; text-align:center; cursor:pointer;}
.button1 input{ width:auto;font-size:16px; padding:0 50px; border:none;line-height:2.5em; text-transform:uppercase;    background: -webkit-gradient(linear, 0% 2%, 100% 10%,from(#ffcb01), to(#ffde5c)); font-weight: 500; border-radius:3px; border:1px solid #f1c000; color:#000;}

@media screen and (max-width:600px){
.focus{background-size:auto 100%;}
.daohang{height:100%;width:60%;right:0;padding-bottom:0}
.daohang li a.pro_close {background:url(../images/btn-close-h.png) no-repeat 25% 14px;width:83%;padding-right: 0;font-size:16px;}
.focus{padding-bottom:10px}
.about_ser{padding-bottom:30px}
.focus dt{width:100%;float:none}
.focus dd{width:100%;float:none;margin-top:0}
.focus p{margin:0 0 5px 0;line-height:22px}
.focus h4{margin-bottom:8px;font-size:17px;margin-top:12px}
.focus h4 a{color:#111}
.focus .fbg{position:static}
.focus .next{right:0}
.focus .next,.focus .prev{top:24%}
.about_ser .next,.about_ser .prev{top:38%}
.pro_list dl{overflow:hidden;border-bottom: solid 1px #dcdcdc;border-left:none 0;margin-bottom:15px;width:48%;padding:0 1% 10px;margin-left:0;float:left;}
.pro_list dt{width:42%;float:left}
.pro_list dd{width:54%;float:right;margin-top:0;height:auto}
.order_email li{width:96%; margin:0 1.5% 12px 1.5%;}
.order_email .icon_message{ width:100%;}
.contact dl{width:48%;margin-bottom:20px}
.contact dd span{margin-bottom:7px}
.pro_nav li{width:48%}
.pro_nav_t p{margin:10px 20% 20px}
.about_ser dd{width:90%;height:120px}
.pro_list dd p{color:#666}
.pro_list dd h4{height:auto; font-weight:500; margin-bottom:10px}
.pro_list dd h4 a{color:#111; line-height:22px;}
.pro_email{margin-bottom:12px}
.about_ser h4{height:auto}
.pro_top p span{ width:70%;}
}

@media screen and (max-width:480px){
.index_pro li{width:48%}
.focus .fbg{margin-left:42.5%}
.head .h_loca{font-size:19px;}
.index_t{margin-bottom:12px;}
.index_nav{margin-bottom:0}
.index_pro{margin-top:20px}
.pro_talk{margin-top:0}
.pro_top p strong{width:39%}
.pro_top p span{width:64%}
.order_email li{margin-bottom:10px}
.pro_cont h3{font-size:20px;margin-top:20px}
.proj_talk .proj_t_l{margin-bottom:5px}
.about_up li{width:47%;}
.about_up li img{margin-bottom:10px}
.pro_list dt{width:100%;}
.pro_list dd{width:100%;height:50px;}
.contact p{margin-bottom:10;}
.pro_nav_t h3{font-weight:500;padding: 7px 0;line-height:18px;}
.pro_nav_t p{margin:10px 14% 20px}
.pro_nav .pro_nav_t{bottom:-62px}
.index_pro li h4{font-size:14px;line-height:18px;}
.index_t h3{line-height:33px;font-size:24px; margin-bottom:16px;}
.index_t h3:after{width:60px;margin:1px auto 7px;}
.index_t p{font-size:14px;line-height:18px; display:none;}
.plist_nav a{width:25%}
.index_nav a p{font-size:12px;line-height:16px}
.index_nav a p{margin-top:5px}
.index_nav{padding: 3px 4px 6px;}
.plist_nav{padding:0}
.index_nav a span{width:55%}
.news_centent h1{font-size:20px;line-height:26px;margin-bottom:9px}
.news_list, .news_centent{margin-top:22px;}
.news_list li{margin-bottom:15px;padding-bottom:12px;}
.news_rela{margin-top:20px}
.case_list dt{width:100%;float:none}
.case_list dd{width:100%;float:none;margin-top:8px}
.case_list dd h4{height:auto !important;margin-bottom:12px;}
.pro_top h1{line-height:23px;font-size:22px;margin: 10px 0 8px;}
.pro_box h1{line-height:28px;font-size:22px;margin: 14px 0 0;}
.pro_box h1{margin-top:13px}
.pro_top p{margin-bottom:10px}
.pro_list dd p{margin-bottom:5px}
.focus dd{height:97px;margin-bottom:10px}
.about_ser dd{height:160px;margin-bottom:0}	
.pro_list dd h4{font-size:16px;line-height:18px;margin-top:8px}
.contact h3{ font-size:20px;}
.order_email h3{ margin-bottom:10px; font-size:20px;}
.about h3{ font-size:22px;}
}
@media screen and (max-width:440px){
.contact dl{ width:100%;}

	}
	
@media screen and (max-width:400px){
.pro_top p span{ width:60%;}

	}
	
	

@media screen and (max-width:375px){
.order_email h3{ margin-bottom:14px;}
.order_email li span{ display:none;}
.order_email li{ margin-bottom:8px;}
.order_email .btn_email{ margin:10px 0 0 0;}
.foteny_ly h3{ font-size:18px;}	
	}


@media screen and (max-width:340px){
.index_nav a span{width:60%}
.contact dl dd{margin-left:4.5%}
.pro_top p strong{width:43%;}
.pro_top p span{width:54.5%}
	
}