﻿/* CSS reset */
html{-webkit-text-size-adjust:none; overflow-y:scroll; overflow-x:hidden;}
*,body{ margin:0; padding:0; font-family: Microsoft YaHei,Helvetica,STHeiti STXihei, Microsoft JhengHei,  Tohoma, Arial; }
* {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
::-webkit-input-placeholder { color:#999999; }
:-moz-placeholder { color:#999999; }
::-moz-placeholder { color:#999999; }
:-ms-input-placeholder { color:#999999; }
body{ font-size:100%; background:#fff; color:#5a5a5a; line-height:1.75; font-size:14px;}
table{border-collapse:collapse;border-spacing:0;empty-cells:show;}
th,td{border-collapse:collapse;}
img,a img,a:hover img{ border:0; vertical-align: bottom; }
ol,ul,dl,li,dt,dd{list-style:none;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input{-webkit-appearance:none;}
:focus{outline:0;}
a{color:#5a5a5a;text-decoration:none;vertical-align:middle; }
a:hover{color:#2f90f0;text-decoration:none;}
a,a:hover,input.btn{transition:all 300ms ease; -webkit-transition:all 300ms ease;-moz-transition:all 300ms ease; -o-transition:all 300ms ease;}
input,select,button{ -webkit-appearance: none; }
hr{border:none;height:1px;}
.clear{height:0;font-size:0px;overflow:hidden;clear:both;float:none;}



#wrap { width:100%; }
#header { }

.mainbox { width:1200px; margin-left: auto; margin-right: auto; }

.topbox { height:117px; position:relative; background:url(/imageXH/topbg.jpg) center top no-repeat; }
.topbox .logo { float:left; padding:33px 20px 0px 0px; line-height:30px; font-size:28px; color:#1c4587; }
.topbox .logo img{ display:block; }
.topbox .toptext { float:left; margin-top:37px; height:42px; font-size:18px; line-height:20px; position:relative; padding-left:20px;}
.topbox .toptext i{ position:absolute; left:0; top:0; height:42px; display:block; border: none; border-left: 1px dotted #028BCF; border-right: 1px dotted #028BCF; width: 0;}
.topbox .toptext b{ font-weight:normal; color:#e69138; }
.topbox .toptext span{ display:block; font-size:14px; line-height:20px; }
.topbox .toptel { float:right; background:url(/imageXH/tel.png) right center no-repeat; padding-right:50px; padding-top:35px; height:72px; line-height:30px; font-size:20px; color:#ff9900; text-align:right;}
.topbox .toptel span{ display:block; font-size:12px; text-align:right; color:#5a5a5a; line-height:16px;}

.topnav { background:url(/imageXH/navbg.png) center top; }
.topnav ul{ height:48px; display:block; width:1200px; margin:0 auto; }
.topnav ul li{ float:left; }
.topnav ul li a{ display:block; width:170px; height:48px; line-height:48px; text-align:center; font-size:16px; color:#ffffff; text-transform:uppercase; }
.topnav ul li a:hover{ background:#ff9900; color:#ffffff; }
.topnav ul li a.on{ background:#ff9900; color:#ffffff; }


.topminnav { display:none; float:right; margin-top:5px; margin-left:15px; width:30px; height:30px; border-radius:15px; background:#116700; }
.topminnav span{ display:block; margin:7px auto 0 auto; width:16px; height:2px; border-top:2px solid #ffffff; border-bottom:2px solid #ffffff; background-color:#ffffff; padding:4px 0; background-clip:content-box; }


/*内部*/

#mainer {}

.banner { clear:both; overflow:hidden; position:relative; min-height:150px;}
.banner .img{ display:block; }

.mainl { float:left; width:240px; margin-top:-112px;}
.mainl_t { background:#009900; padding-top:24px; height:81px; text-align:center; color:#ffffff; opacity:0.9;}
.mainl_t b{ display:block; font-weight:normal; text-align:center; font-size:27px; line-height:34px;}
.mainl_t span{ display:block; text-align:center; font-size: 12px; text-transform: uppercase;}

.lnav { padding:2px 0px;}
.lnav ul li { margin-bottom:5px;}
.lnav ul li a{ display:block; background:url(/imageXH/lnavbg.png) right center no-repeat; height:46px; line-height:46px; border:1px #ececec solid; padding:0px 10px; overflow:hidden; font-size:16px; color: #1c4587; transition:background-color 300ms ease; -webkit-transition:background-color 300ms ease;-moz-transition:background-color 300ms ease; -o-transition:background-color 300ms ease;}
.lnav ul li a:hover ,.lnav ul li a.on{ background:none; background-color:#008800; border:1px #008800 solid; color: #ffffff;}

.lmessage {}
.lmessage a{ display:block; padding:30px 20px; height:143px; background:#086aac; color:#ffffff; }
.lmessage a img{ display:block; margin:5px auto; height:65px; }
.lmessage a b{ display:block; text-align:center; font-size:19px; line-height:24px;}
.lmessage a span{ display:block; text-align:center; font-size: 14px; text-transform: uppercase;}

.imain1 { padding:0px 0px 45px 0px;}

.imain1_m { float:right; width:950px; }

.iprolist { padding:16px 0px 0px 0px; }
.iprolist .item{ float:left; width:33.33%;}
.iprolist .item_m{ margin:13px 0px 13px 32px; position:relative;}
.iprolist .item .img{ display:block; border-radius:5px; overflow:hidden; }
.iprolist .item .img img{ display:block; width:100%; height:200px; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.2s; -moz-transition: -moz-transform 0.2s; -ms-transition: -moz-transform 0.2s; transition: transform 0.2s; }
.iprolist .item .t{ display:block; position:absolute; left:0; bottom:0; width:100%; text-align:center; font-size:16px; height:45px; line-height:45px; background:rgba(0,0,0,0.5); color:#ffffff; border-radius:0 0 5px 5px; overflow: hidden; transition:all 300ms ease; -webkit-transition:all 300ms ease;-moz-transition:all 300ms ease; -o-transition:all 300ms ease; }
.iprolist .item_m:hover .img img{ -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);}
.iprolist .item_m:hover .t{ background:#009900; color:#ffffff; }


.imain2 { background:url(/imageXH/ibg1.jpg); padding:50px 0px; }
.imain2_tit {height: 55px; width: 240px; display: block; margin:0 auto; background:url(/imageXH/itit1.png) center center no-repeat; font-size:21px; line-height:55px; color:#fff; text-align:center; margin-bottom:25px;}
.imain2_tit span{ font-size:20px; }

.imain2_l { float:left; width:812px; padding-left:30px; padding-top:45px; position:relative;}
.imain2_r { float:right; overflow: hidden; width:240px; height:334px; border: 2px dotted #fff; padding: 20px;}
.imain2_l_b1 { position:absolute; left:0; top:0; background:url(/imageXH/bksb.png) no-repeat; width:40px; height:48px;}
.imain2_l_b2 { position:absolute; right:0; bottom:0; background:url(/imageXH/bksa.png) no-repeat; width:40px; height:48px;}

.iabout_l { float:left; width:378px; }
.iabout_l .img{ padding-top:5px; margin-bottom:30px;}
.iabout_l .img img{ display:block; width:378px; }
.iabout_l .inav ul li{ float:left; margin-right:27px;}
.iabout_l .inav ul li a { display:block; border: 3px solid #fff; height: 28px; line-height:28px; width: 101px; text-align:center; border-radius:17px; font-size:16px; color:#fff;}
.iabout_l .inav ul li a:hover { border: 3px solid #ff9900; background:#ff9900; color:#fff;}
.iabout_l .inav ul li.mr0 { margin-right:0;}
.iabout_r { float:right; width:382px; color:#fff; line-height:1.8; }
.iabout_r a{ color:#fff; }

.ihonor { position:relative; width:240px; height:334px; overflow:hidden;}
.ihonor .slides li{ display:block; width:240px; height:334px; overflow:hidden;}
.ihonor .slides li img{ display:block; width:240px; height:334px; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.2s; -moz-transition: -moz-transform 0.2s; -ms-transition: -moz-transform 0.2s; transition: transform 0.2s; }
.ihonor:hover .slides li img{ -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }

.ihonor .flex-control-nav { left:auto; right:12px; bottom:17px; width:100%; text-align:right; }
.ihonor .flex-control-nav li { margin:0 5px; display:inline-block;}
.ihonor .flex-control-paging li a {width:20px; height:20px; border: none; text-indent:0px; text-align:center; line-height:20px; background:rgba(0,0,0,0.3); color:#fff; border-radius:50%; }
.ihonor .flex-control-paging li a:hover { background:#ff9900; }
.ihonor .flex-control-paging li a.flex-active { background:#ff9900; }


.imain3 { background:url(/imageXH/ibg2.jpg); padding:20px 0px 0px 0px; position:relative; }
.imain3_tit {height: 55px; width: 240px; display: block; margin:0 auto; background:url(/imageXH/itit2.png) center center no-repeat; font-size:21px; line-height:55px; color:#086aac; text-align:center; margin-bottom:54px;}
.imain3_tit span{ font-size:20px; }

.icase_main { margin:0 auto; width:1150px; height:160px;}
.icase_list { width:1150px; height:160px; overflow:hidden;}
.icase_list ul li{ width:230px; height:160px; }
.icase_list ul li img{ display:block; margin:0 auto; width:200px; height:160px; }

.imain3_more { position:absolute; left:50%; bottom:0; background:url(/imageXH/more.png) center top no-repeat; width:89px; padding-top:14px; height:26px; text-align:center; margin-left:-45px; line-height:25px; display:block; color:#fff; font-size:14px;}


.imain4 { background:#ffffff; padding:80px 0px 20px 0px; position:relative; }
.imain4_l { float:left; width:850px;}
.imain4_r { float:right; width:280px;}

.imain4_tit {height: 55px; display: block; background:#009900; font-size:21px; line-height:55px; color:#ffffff; text-align:center; margin-bottom:5px;}
.imain4_tit span{ font-size:20px; }

.inews_list {}
.inews_list ul li { border-bottom:1px #dbd4cd dotted; position:relative; padding-left:143px; padding-top:13px; height:80px;}
.inews_list ul li .time{ position:absolute; left:30px; top:18px; width:75px; height:60px; background:#fff; display:block; text-align:center; color:#333; line-height:1.5;}
.inews_list ul li .time b{ display:block; text-align:center; font-size:24px; color:#fff;}
.inews_list ul li .t { display:block; font-size:18px; color: #1c4587; height:30px; line-height:30px; overflow:hidden;}
.inews_list ul li .t:hover { color:#ff9900;}
.inews_list ul li .m{ display:block; font-size:14px; color: #cccccc; height:36px; line-height:18px; overflow:hidden;}

.icontact { margin-bottom:10px;}
.icontact ul li { position:relative; padding-left:77px; line-height:36px;}
.icontact ul li .t{ position:absolute; left:0; top:0;}
.icontact ul li .t img{ float:left; height:24px; margin-right:10px; margin-top:6px;}

.imap { width:278px; height:250px; border:1px #eee solid;}


.ilink { padding:40px 0px;}
.ilink_tit { position:relative; height:42px; margin-bottom:15px;}
.ilink_tit .t{ position:absolute; top:0; left:30px; height:40px; line-height:40px; padding:0px 12px; border:1px #1c4587 solid; color:#1c4587; z-index:2; background:#fff;}
.ilink_tit .m{ position:absolute; top:50%; left:0; height:12px; width:100%; z-index:1; background:url(/imageXH/linkbg.png);}
.ilink_m { padding-left:30px; }
.ilink_m a{margin-right:25px; line-height:30px;}


.mban { height:350px; }

.mainl2 { margin-top:-105px;}
.lfnav { padding:5px 0px;}
.lfnav ul li{ border:1px #f1f1ef solid; padding:1px; margin-bottom:7px;}
.lfnav ul li a{ display:block; height:96px;}
.lfnav ul li .t1{ background:url(/imageXH/lb1.png) left top no-repeat; }
.lfnav ul li .t1:hover{ background-position:right top; }
.lfnav ul li .t2{ background:url(/imageXH/lb2.png) left top no-repeat; }
.lfnav ul li .t2:hover{ background-position:right top; }

.mainr { float:right; padding:40px 0px; width:906px;}

.daohang { background:url(/imageXH/daohang.png) left center no-repeat #008800; height:34px; line-height:34px; padding-left:18px; color:#fff; border-bottom:1px #cccccc solid; margin-bottom:40px;}
.daohang a{ color:#fff;}
.daohang a:hover{ color:#fff; text-decoration:underline;}


.pagesmain { padding:0px 5px 40px 5px; position:relative; line-height:2; color:#5a5a5a;}


.newsmain { padding:10px 20px; border:1px #ebebeb solid;} 
.newsmain .inews_list ul li { padding-left:113px; }
.newsmain .inews_list ul li .time{ left:10px; }


.newsvmain {}
.news_tit { text-align:center; font-size:21px; color:#444444; line-height:26px;}
.news_tit h1{ font-size:21px; font-weight:normal;}
.news_info { text-align:center; font-size:12px; color:#666666; line-height:26px; padding:15px 0px; border-bottom: #E5E5E5 1px solid;}

.news_con { padding:40px 5px; position:relative; line-height:2; color:#5a5a5a;}
.news_next { padding:0px 5px; }


.prolist { }
.prolist .item{ float:left; margin-right:17px; margin-bottom:28px;}
.prolist .item_m{ }
.prolist .item a{ display:block; width:180px; border:1px #eeeeee solid; padding:15px 15px 2px 15px; }
.prolist .item .img{ display:block; overflow:hidden; }
.prolist .item .img img{ display:block; width:100%; height:135px; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.2s; -moz-transition: -moz-transform 0.2s; -ms-transition: -moz-transform 0.2s; transition: transform 0.2s; }
.prolist .item .t{ display:block; text-align:center; font-size:14px; height:42px; line-height:42px; }
.prolist .item a:hover { border:1px #3c78d8 solid; color:#3c78d8; box-shadow:0 0 10px rgba(0,0,0,0.1); }
.prolist .item a:hover .img img{ -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);}

.prolist .mr0{ margin-right:0px;}


.contactmain { margin-bottom:40px;}
.contact_l { float:left; width:390px; position:relative; height:490px;}
.contact_l .line{ position:absolute; left:50%; top:20px; width:1px; overflow:hidden; display:block; bottom:20px; background:#ebebeb; z-index:1;}
.contact_l .t{ position:absolute; z-index:2; left:0; top:50%; width:100%; margin-top:-79px; display:block; background:#fff;}
.contact_l .m{ display:block; height:78px; padding-top:25px; margin:20px; background:url(/imageXH/lys.jpg) center center no-repeat; color:#fff; text-align:center; font-size:29px; line-height:1.2em;}
.contact_l .m span{ display:block; text-align:center; font-size:12px;}
.contact_r { float:right; width:360px; border:1px #ececec solid; padding:25px; line-height:2em;  }
.contact_r img{ width:200px;}

.contact_map { border:1px #ececec solid; padding:3px; height:400px;}



.pro_t { text-align:center; font-size:21px; color:#444444; line-height:26px; padding-bottom:20px; border-bottom: #E5E5E5 1px solid; margin-bottom:30px;}
.pro_t h1{ font-size:21px; font-weight:normal;}

.pro_img { padding:30px; }
.pro_img div { display:block; margin-bottom:20px; border:1px #e1e1e1 solid; padding:8px; border-radius:4px; text-align:center;}
.pro_img img { display:block; margin:0 auto; max-width:100%; border-radius:4px;}

.pro_con { padding:40px 5px; position:relative; line-height:2; color:#5a5a5a;}

/*底部*/
#footer { }
.footbox { background:url(/imageXH/footbg.gif) left top repeat-x; padding:30px 0px; }
.footbox .footlogo { float:left; margin-right:20px; }
.footbox .fcontact { float:left; color:#fff; line-height:26px; }
.footbox .ferwei{ float:right;}
.footbox .ferwei img{ height:100px;}


.page { text-align:center; padding:10px 0px;}
.page a,.page span{ display:inline-block; padding:0px 10px; height:34px; margin:0px 5px; line-height:34px; text-align:center; color:#999999; background:#f1f1f1; border-radius:2px; font-size:14px; vertical-align:middle; }
.page a:hover,.page .on,.page .hover{ color:#fff; background:#0269ab; }
.page span{ color:#fff; background:#0269ab; }

.mobbanner { display:none;}
.mobtel { display:none;}


@media (min-width:320px) and (max-width:800px){
	
#wrap { padding-top:50px; min-width:320px; overflow:hidden;}
.mainbox{width:auto !important; }
#header { height:50px; position:fixed; left:0; top:0; width:100%; z-index:9999; background:#ffffff; box-shadow:0 0 10px rgba(0,0,0,0.2); }
.topbox { height:40px; padding:5px 10px; background:url(/imageXH/topbg.jpg) center top no-repeat; background-size:960px 58.5px; }
.topbox .logo { padding:4px 10px 0px 0px; }
.topbox .logo img{ height:31px; }
.topbox .toptext { margin-top:5px; height:30px; font-size:12px; line-height:15px; position:relative; padding-left:10px;}
.topbox .toptext i{ position:absolute; left:0; top:0; height:30px; display:block; border: none; border-left: 1px dotted #028BCF; width: 0;}
.topbox .toptext b{ font-weight:normal; color:#e69138; }
.topbox .toptext span{ display:block; font-size:10px; line-height:15px; }
.topbox .toptel { display:none; }
.topbox .topminnav { display: block; }
.topbox .topminlang { display: block; }
.topbox .topminsearch { display: block; }


.topnav { position:fixed; left:0; top:50px; width:100%; background:none; background-color:#008800; display:none;}
.topnav ul{ height: auto; display:block; width: auto; margin:0 auto; }
.topnav ul li{ float:none; border-bottom:1px #0162a1 solid;}
.topnav ul li a{ display:block; width: auto; height:40px; line-height:40px; font-size:16px; }



.mobbanner { display:block; width:150%; margin-left:-25%;}



.mainl { float:none; width:100%; margin-top:0px;}
.mainl_t { display:none;}
.mainl_t b{ display:block; font-weight:normal; text-align:center; font-size:27px; line-height:34px;}
.mainl_t span{ display:block; text-align:center; font-size: 12px; text-transform: uppercase;}

.lnav { padding:10px 5px;}
.lnav ul li { margin-bottom:5px; float:left; width:33.33%;}
.lnav ul li a{ display:block; background: none; margin:0 5px; height:36px; line-height:36px; border:1px #ececec solid; padding:0px 10px; overflow:hidden; font-size:13px; color: #1c4587; }
.lnav ul:after { display:block; content:''; clear:both;}

.lmessage { display:none;}

.imain1 { padding:0px 0px 25px 0px;}

.imain1 .mainl { display:none;}
.mainl2 { display:none;}
.mainl3 { display: block;}

.imain1_m { float:none; width:100%; }

.iprolist { padding:10px 5px 0px 5px; }
.iprolist .item{ float:left; width:50%;}
.iprolist .item_m{ margin:5px 5px 5px 5px; position:relative;}
.iprolist .item .img{ display:block; border-radius:4px; overflow:hidden; position:relative; padding-top:75%; }
.iprolist .item .img img{ position:absolute; left:0; top:0; display:block; width:100%; height:100%; }
.iprolist .item .t{ font-size:12px; height:30px; line-height:30px; background:rgba(0,0,0,0.3); border-radius:0 0 4px 4px; }


.imain2 { background:url(/imageXH/ibg1.jpg); background-size:6px 6px; padding:20px 10px; }
.imain2_tit {height:34px; width:148px; display: block; margin:0 auto; background:url(/imageXH/itit1.png) center center no-repeat; background-size:148px 34px; font-size:14px; line-height:34px; color:#fff; text-align:center; margin-bottom:20px;}
.imain2_tit span{ font-size:13px; }

.imain2_l { float:none; width:100%; padding-left:0px; padding-top:0px; position:relative;}
.imain2_r { display:none;}
.imain2_l_b1 { display:none;}
.imain2_l_b2 { display:none}

.iabout_l { float:none; width:100%; }
.iabout_l .img{ padding-top:5px; margin-bottom:10px;}
.iabout_l .img img{ display:block; width:100%; }
.iabout_l .inav { height:30px;}
.iabout_l .inav ul li{ float:left; margin-right:0px; width:31.33%; padding:0 1%;}
.iabout_l .inav ul li a { display:block; border:1px solid #fff; height: 28px; line-height:28px; width: auto; text-align:center; border-radius:15px; font-size:14px; color:#fff;}
.iabout_l .inav ul li a:hover { border:1px solid #ff9900; background:#ff9900; color:#fff;}
.iabout_r { float:none; width:100%; color:#fff; line-height:1.8; padding:15px 0px; font-size:12px; }
.iabout_r a{ color:#fff; }

.imain3 { background:url(/imageXH/ibg2.jpg); background-size:5px 5px; padding:20px 0px; position:relative; }
.imain3_tit {height:34px; width:148px; display: block; margin:0 auto; background:url(/imageXH/itit2.png) center center no-repeat; background-size:148px 34px; font-size:14px; line-height:34px; color:#086aac; text-align:center; margin-bottom:20px;}
.imain3_tit span{ font-size:13px; }

.icase_main { margin:0 auto; width:100%; height: auto; padding-bottom:25px;}
.icase_list { width: auto; height: auto; overflow:hidden; padding:0px 5px;}
.icase_list ul li{ float:left; width:50%; height:auto; }
.icase_list ul li a{ display:block; margin:5px; position:relative; padding-top:75%; }
.icase_list ul li img{ position:absolute; left:0; top:0; display:block; width:100%; height:100%; border-radius:4px; }

.imain3_more { background:url(/imageXH/more.png) center top no-repeat; background-size:67px 30px; width:67px; padding-top:5px; height:25px; text-align:center; margin-left:-33.5px; line-height:25px; display:block; color:#fff; font-size:12px;}


.imain4 { background:#ffffff; padding:20px 10px; position:relative; }
.imain4_l { float:none; width:100%;}
.imain4_r { float:none; width:100%; display:none;}

.imain4_tit {height:35px; font-size:14px; line-height:35px; margin-bottom:5px;}
.imain4_tit span{ font-size:13px; }

.inews_list { margin-bottom:20px;}
.inews_list ul li { border-bottom:1px #dbd4cd dotted; position:relative; padding-left:80px; padding-top:10px; height:76px;}
.inews_list ul li .time{ position:absolute; left:0px; top:10px; width:70px; padding-top:10px; height:56px; background:#fff; display:block; text-align:center; color:#333; font-size:13px; line-height:23px;}
.inews_list ul li .time b{ display:block; text-align:center; font-size:16px; color:#fff;}
.inews_list ul li .t { display:block; font-size:14px; color: #1c4587; height:26px; line-height:26px; overflow:hidden; }
.inews_list ul li .m{ display:block; font-size:12px; color: #cccccc; height:40px; line-height:20px; overflow:hidden;}

.icontact { margin-bottom:10px;}
.icontact ul li { position:relative; padding-left:60px; line-height:30px; font-size:13px;}
.icontact ul li .t{ position:absolute; left:0; top:0;}
.icontact ul li .t img{ float:left; height:18px; margin-right:5px; margin-top:6px;}

.imap { display:none;}


.ilink { display:none;}


.mban { height:130px; background-size:cover !important; }

.mainl2 { margin-top:0px;}
.lfnav { display:none;}

.mainr { float:none; padding:15px 0px; width:100%;}

.daohang { display:none;}


.pagesmain { padding:0px 10px 20px 10px; position:relative; line-height:2; color:#5a5a5a;}
.aboutcon img { max-width:100%;}

.newsmain { padding:10px 10px; margin:0 10px; border:1px #ebebeb solid;} 
.newsmain .inews_list ul li { padding-left:80px; }
.newsmain .inews_list ul li .time{ left:0px; }


.newsvmain { padding:0px 0px;}
.news_tit { text-align:center; font-size:16px; color:#444444; line-height:20px;}
.news_tit h1{ font-size:16px; font-weight:normal;}
.news_info { text-align:center; font-size:12px; color:#999; line-height:20px; padding:5px 0px; border-bottom: #E5E5E5 1px solid;}

.news_con { padding:20px 15px; position:relative; line-height:2; color:#5a5a5a;}
.news_next { padding:0px 15px; }


.prolist { padding:0px 5px; }
.prolist .item{ float:left; width:50%; margin-right:0; margin-bottom:10px;}
.prolist .item_m{ margin:0 5px; }
.prolist .item a{ display:block; width: auto; border:1px #eeeeee solid; padding:5px 5px 1px 5px; }
.prolist .item .img{ display:block; overflow:hidden; position:relative; padding-top:75%; }
.prolist .item .img img{ position:absolute; left:0; top:0; display:block; width:100%; height:100%; }
.prolist .item .t{ display:block; text-align:center; font-size:14px; height:32px; line-height:32px; }

.prolist .mr0{ margin-right:0px;}


.contactmain { margin-bottom:20px; padding:0px 10px;}
.contact_l { display:none;}
.contact_r { float:none; width: auto; border:1px #ececec solid; padding:20px 15px; line-height:2em;  }
.contact_r img{ width:50%;}

.contact_map { border:1px #ececec solid; padding:3px; height:400px; margin:0 10px;}



.pro_t { text-align:center; font-size:16px; color:#444444; line-height:20px; padding-bottom:10px; border-bottom: #E5E5E5 1px solid; margin-bottom:20px;}
.pro_t h1{ font-size:16px; }

.pro_img { padding:10px; }
.pro_img div { display:block; margin-bottom:10px; border:1px #e1e1e1 solid; padding:5px; border-radius:4px; text-align:center;}
.pro_img img { display:block; margin:0 auto; max-width:100%; border-radius:4px;}

.pro_con { padding:20px 15px; position:relative; line-height:2; color:#5a5a5a;}

/*底部*/
#footer { }
.footbox { background:url(/imageXH/footbg.gif) left top; background-size:3.5px 103.5px; padding:20px 0px; }
.footbox .footlogo { display:none; }
.footbox .fcontact { float:none; color:#fff; line-height:26px; font-size:12px; padding:0px 10px; }
.footbox .ferwei{ float:none; text-align:center; padding-top:15px;}
.footbox .ferwei img{ height:100px;}


.page { text-align:center; padding:10px 0px;}
.page a,.page span{ display:inline-block; padding:0px 10px; height:30px; margin:0px 5px; line-height:30px; text-align:center; color:#999999; background:#f1f1f1; border-radius:2px; font-size:12px; vertical-align:middle; }


.mobtel { display: block; position:fixed; z-index:9999; left:0px; bottom:0px; width:100%; height:50px; line-height:50px; font-size:18px; color:#fff; text-align:center; background:#ff9900; background-size:35px 35px;}
.mobtel:before { content:''; display: inline-block; vertical-align:middle; margin-right:10px; width:30px; height:30px; background:url(/imageXH/mtel.png) center center no-repeat; background-size:30px 30px;}

}
