body{background:#fff;color:#333;font:12px/1.5 'Microsoft YaHei', tahoma, Srial, helvetica, sans-serif;}
body,ul,li,dl,ol,dt,dd,table,td,th,form,h1,h2,h3,h4,h5,h6,p,img{margin:0;padding:0;list-style:none}
img{border:none}
/*Clear*/
.clear{clear:both;font-size:1px;width:1px;height:1px;line-height:1px;visibility:hidden}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.cc{*zoom:1;}
.cc:after{content:'\20';display:block;height:0;clear:both;visibility:hidden;}
* html .clearfix{height:1%}
*+html .clearfix{min-height:1%}
/*Á´½ÓÑùʽ*/
a:link,a:visited,a:active{color: #666; text-decoration:none}
a:hover{color: #ff0000;text-decoration:none}
a,area { blr:expression(this.onFocus=this.blur()) } /* for IE */
:focus { -moz-outline-style: none; } /* for Firefox */
/*Clear*/
.clear{clear:both;line-height:0;font-size:0;height:0}
.clearfix:after{display:block;visibility:hidden;clear:both;height:0;content:"."}
* html .clearfix{height:1%}
*+html .clearfix{min-height:1%}
/* basic */
.m{ margin:0 auto; width:1200px;}
.w1100{margin:0 auto;width:1100px;}
.m1{ margin:0 auto; width:1040px;}
.m_l {width:700px;}
.m_l_1 {width:710px;}
.m_r {width:270px;}
.mt10{margin-top:10px !important}
.mt15{margin-top:15px !important}
.mt20{margin-top:20px !important}
.mt5{margin-top:5px !important}
.p10{ padding:10px;}
.fl{float:left !important}
.fr{float:right !important}
.red{color:red}
.white{color:#fff;}
.orange{color:#FF6600}
.f11{ font-size:11px}
.f12{ font-size:12px}
.f13{ font-size:13px}
.f14{ font-size:14px}
.strong{ font-weight:bold;}
.f_c{color:#8c8686;}
.b_bd{border:1px #e9e9e9 solid; background-color:#FFF}
.h10{height:10px;}
.tc{text-align:center;}
.tl{text-align:left;}
.tr{text-align:right;}

/*head*/
.layout{ background-color:#fff}
.header{height:120px;margin:0 auto; width:1200px;}
.logo{width:305px;margin-top:10px;}
.h_text{padding-top:40px; padding-left:15px; background: url(images/tel.gif) no-repeat 0px 45px; font-size:16px; color:#f60}

/*menu*/
.menu_out{ width:100%;background:#2185DA url(images/menubg.gif) repeat-x;height:45px;}
.menu{ margin:0 auto; width:1200px; font-size:14px;height:45px; line-height:45px; overflow:hidden;position:relative;}
.menu ul li{ float:left;text-align:center;padding:0 31px;}
.menu ul li a{display:block; font-weight:bold;color: #fff;}
.menu ul li.menu_on{ background:#0653b5;}
.menu ul li.menu_on a{color:#fff;}

.top_search{position:relative;width:350px;height:35px; padding-left:30px; line-height:35px;margin-top:40px;zoom:1; border:1px solid #eee; z-index:10;background:url(images/so.jpg) no-repeat 5px center;}
.top_search .button{width:80px;height:35px;color:#fff;font-size:12px;font-weight:bold;background:#2c73cd;cursor:pointer;float:right; border:none}
.top_search .keytop{width:180px;height:33px;line-height:33px;color:#999;float:left;border:none;outline:none;}

/*main*/
.flash{width:100%;position:relative;height:369px;overflow:hidden;}
.slidePic {width:100%;overflow:hidden;}
.slidePic li {display:none; text-align:center}
.slidePic li a{ display:block;width:100%;height:360px;}
.slidePic li.cur { display:block; border:#efefef solid 0px;width:100%;height:360px;overflow:hidden;}
.slideTxt {cursor:pointer;height:30px;position:absolute;right:50%;bottom:10px;}
.slideTxt li {float:left;height:13px;width:13px;overflow:hidden;margin-left:10px;background:url(images/flash.png) no-repeat 0 -15px; text-indent:-99999px;}
.slideTxt li a.hidefocus{outline: none;}
.slideTxt li a.hidefocus::-moz-focus-inner{border:none;}
.slideTxt li a:link,.slideTxt li a:visited,.slideTxt li a:hover{color:#FC8700;font-size:14px;text-decoration:none;}
.slideTxt .cur {background:url(images/flash.png) no-repeat 0 0;}
.slideTxt .cur a:link,.slideTxt .cur a:visited,.slideTxt .cur a:hover{color:#FFF;font-weight:bold;font-size:16px}

.arrow{background:url(images/arrowdown.gif) no-repeat center center;width:60px;height:60px;padding:20px;margin:0 auto;cursor:pointer}
.arrowup{background:url(images/arrowup.gif) no-repeat center center;width:60px;height:60px;padding:20px;margin:0 auto;cursor:pointer}
.ihr{width:110px;height:5px;margin:0 auto}
.index_title{text-align:center}
.index_title h1{font-size:41px;line-height:60px;font-weight:400}
.index_title h2{font-size:25px;line-height:45px;font-weight:400}
#iabout .index_title{color:#333}
#iabout .ihr{background:#2185DA}

.iaboutlist,.iprodlist,.inewslist,.icaseslist{width:1200px;margin-top:20px;padding-top:20px;background:url(images/bt_bg.gif) no-repeat bottom;padding-bottom:40px}
.iaboutlist li{float:left;width:290px;margin-right:10px;}
.iaboutlist dt{height:250px;}
.iaboutlist dt img{width:290px;height:250px}
.iaboutlist dd{background:#800080;font-size:14px;}
.iaboutlist dd h2{color:#fff; text-align:center;font-size:16px}
.iaboutlist dd p{padding:5px 10px;color:#fff}
.iaboutlist dd span{float:left;margin-left:10px;margin-bottom:10px;font-size:14px;border:2px solid #fff;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding:0 8px;color:#fff}
.iaboutlist dd span a,.iaboutlist dd span a:hover{color:#fff;text-decoration:none;}

.i_jianjie{ line-height:30px; font-size:16px}
.i_jianjie img{ padding-right:15px;}

#iprod .index_title{color:#333}
#iprod .ihr{background:#2185DA}
.iprodlist li{float:left;margin-right:50px;margin-bottom:20px;width:360px}
.iprodlist li img{width:360px;height:280px;border:1px solid #ccc}
.iprodlist li a:hover img{-moz-transform:scale(1.03);-webkit-transform:scale(1.03);-o-transform:scale(1.03);transform:scale(1.03);border:1px solid #fff;box-shadow:0 0 10px #333}
.iprodlist li dd{font-size:18px;line-height:40px; text-align:center}
.iprodlist li p{height:30px; line-height:30px; overflow:hidden}

#inews .index_title{color:#333}
#inews .ihr{background:#2185DA}
.inewslist dl{float:left;width:520px;margin:0 40px 30px 40px;overflow:hidden}
.inewslist dt{float:left;width:104px;height:96px;border:1px solid #eee;background:#eee;text-align:center}
.inewslist dl.cur dt{border-color:#ccc;background:#ccc}
.inewslist dt p{background:#fff;height:68px;line-height:68px;font-family:Arial;font-size:35px;font-weight:800;color:#333}
.inewslist dl.cur dt p{color:#333}
.inewslist dt span{height:28px;line-height:28px;font-family:Arial;font-size:14px;color:#333}
.inewslist dd{width:390px;float:left;padding:5px 10px;}
.inewslist dd h4{font-size:18px;line-height:30px;font-weight:400}
.inewslist dd p{color:#999}

#icases .index_title{color:#333}
#icases .ihr{background:#2185DA}
.icaseslist li{float:left;width:285px;height:200px;border:1px solid #e2e2e2;position:relative;overflow:hidden;margin-right:13px;margin-bottom:20px;cursor:pointer}
.icaseslist li img{width:285px;height:200px}
.icaseslist li div{bottom:0px;width:285px;height:30px; line-height:30px;position:absolute;left:0;background-color:rgba(0,0,0,0.7);filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr=#000000, endColorstr=#000000)}
.icaseslist li div p{font-size:14px;text-transform:uppercase;color:#fff;text-align:center;}

.ny_title{padding:42px 0;margin:0 auto;text-align:center}
.ny_title span{font-size:30px;border-top:1px solid #333;border-bottom:1px solid #333;display:inline-block;margin:0 auto;line-height:70px;color:#333}
.ny_title span i{font-style:normal;font-family:'Arial'}
.ny_nav{margin-bottom:40px;width:1200px;text-align:center}
.ny_nav ul{display:inline-block;*display:inline;zoom:1}
.ny_nav li{float:left;padding:0 18px;height:30px;line-height:30px;position:relative;font-size:15px;border:1px solid #d7d7d7;text-align:center;margin-right:-1px}
.ny_nav li a,.ny_nav li a:hover{text-decoration:none}
.ny_nav li.on{background:#2c73cd;border:1px solid #2c73cd;color:#fff}
.ny_nav li.on a,.ny_nav li.on a:hover{color:#fff}
.ny_nav li p{position:absolute;top:31px;left:-1px;padding:5px 0;background:#0057a4;display:none;z-index:99999}
.ny_nav li p a{display:block;font-size:12px;width:141px;height:30px;text-align:center;line-height:30px;color:#fff;border:none;}
.ny_nav li p a:hover{color:#fff;background-color:#f00}
.page_title{text-align:center;margin-top:20px}
.page_title h2{font-size:36px;height:70px;line-height:70px}
.page_title p{line-height:40px;font-size:16px}
.page_title_line{height:3px;background:#2c73cd;margin:0 auto;width:100px}
.page_title_line1{width:1100px;margin:0 auto;border-bottom:1px solid #333;height:0;overflow:hidden}
.page_con{width:1100px;margin:0 auto;line-height:2.17;table-layout:fixed;word-break:break-all;padding:15px 0 44px 0;background:url(images/bt_bg.gif) no-repeat bottom; font-size:14px}
.proc_con{margin-bottom:40px;position:relative}
.proc_con img{width:1100px;height:320px}
.proc_con h3,.proc_con p{font-size:26px;font-weight:normal;position:absolute;z-index:10;bottom:74px}
.proc_con h3{left:40px}
.proc_con p{right:40px}

.newslist{width:1100px; margin:0 auto; margin-top:25px}
.newslist dl{border-bottom:1px #CCCCCC dotted;padding-bottom:35px;padding-top:35px;margin-bottom:20px;height:auto;overflow:hidden;width:1100px;}
.newslist dl dt{position:relative;width:315px !important;float:left;border:1px dashed #ddd;height:auto;overflow:hidden;top:0px;left:0px;}
.newslist dl dt a.ww-a-one{float:left;padding:5px;width:172px;height:130px;overflow:hidden;border-right:1px dashed #ddd;vertical-align:middle;}
.newslist dl dt a.ww-a-two{float:right;width:130px;height:130px;display:inline-block;position:relative;z-index:2;}
.newslist dl dt a.ww-a-two span{font-size:60px;color:#222222;display:block;height:60px;margin-top:18px;text-align:center;width:100%;line-height:60px;}
.newslist dl dt a.ww-a-two em{width:100%;font-size:18px;color:#999999;display:inline-block;text-align:center;font-style:normal;padding-top:5px;line-height:35px;}
.newslist dl dd{width:710px;float:right;padding-left:36px;height:auto;overflow:hidden;}
.newslist dl dd h3{font-size:18px;color:#333333;padding-bottom:18px}
.newslist dl dd p a{font-size:13px;color:#777777;line-height:18px}
.newslist dl dd span{display:block;width:100px;height:33px;background-color:#ccc;text-align:center;line-height:33px;margin-top:18px}
.newslist dl dd span a{font-size:13px;color:#333;}
.newslist dl img{width:172px;height:130px;}
.newslist dl a,.newslist dl a:hover{text-decoration:none}
.qy_hidebox{background:#3f88e6;position:absolute;height:130px;width:120px;display:none;top:5px;right:5px}
.info-content{table-layout:fixed;word-break:break-all;overflow:hidden;line-height:2;padding:10px;}
.info-content h2.title{text-align:center;font-size:18px;padding-bottom:10px}
.info-content .info{text-align:center;padding:10px 0;color:#999;border-bottom:1px dashed #070707}
.info-content .con{padding:20px 0;font-size:14px}
.info-content .con img{/*display:block;max-width:100%;margin:0 auto*/}
.info-content .tit{height:49px;border-bottom:0;margin:35px 0 20px 0}
.info-content .tit ul{border-bottom:4px solid #e1e1e1;height:45px}
.info-content .tit ul li a{display:block;height:40px;width:128px;text-align:center;line-height:40px;background:#fff;border-bottom:4px solid #bababa;}
.info-content .tit ul li a.click{color:#fff;background:#241e5e;border-bottom:8px solid #241e5e;}

.preNext{border-bottom: 1px solid #e1e1e1;margin-bottom:50px;height:26px;line-height:20px;padding-top:5px;margin-top:30px;}
.preNext li{padding-left:10px;}
.preNext li a,.preNext li span{margin-left:10px}
.preNext li b{background:#241e5e;padding: 2px 5px;margin-left:-10px;color:#fff;}

.adus{ border:1px #e9e9e9 solid; background:#FFF; margin-bottom:10px;}
.f_link{ padding:5px 10px;overflow:hidden;}
.f_link ul li{ margin-right:10px;float:left; white-space:nowrap;display: inline-block; line-height:22px;}
.f_link ul li span{font-size:12px;font-size:14px; font-weight: bold}


/*foot*/
.footer {padding-top:20px; padding-bottom:35px;text-align:center; border-top:3px #0077DB solid; background:#fff; color:#333}
.footer p{ line-height:250%;}
.footer a, .footer a:visited { color:#333; margin:0 2px;}
/*backtop*/
.top_header, .top_header a:link, .top_header a:hover{ width:56px; height:53px; display:block; background-image: url(images/top_back.png); position:fixed; bottom:30px; right:2px; background-repeat: no-repeat; cursor:pointer;}
/* pages */
.pages {margin:0 auto;text-align: center; color:#333;font-size:12px; padding:10px 0px;}
.pages a:link,.pages a:visited,.pages a:active  {padding:4px; color: #2a71cb; text-decoration: none; border: 1px solid #2a71cb;}
.pages a:hover  { color: #fff; border: 1px solid #2a71cb; background-color:#2a71cb;}
.pages strong {padding:4px;color: #fff; border: 1px solid #2a71cb; background-color:#2a71cb; margin-left:2px}
.pages .pages_inp {border:#DCD9D4 1px solid;width:30px; height:25px; line-height:25px;text-align:center;color:#333;vertical-align:middle;}
.pages .pages_btn {width:30px; height:25px; line-height:25px;;border:#DCD9D4 1px solid;font-weight:bold;font-size:11px; cursor:pointer;vertical-align:middle;}
.pages label {border:#2a71cb 1px solid;color:#2a71cb;padding:4px;}
.pages label em {color:red;font-weight:bold;font-style:normal;}
.pages label span {font-weight:bold;}
.pages cite {font-style:normal;padding:4px; color: #333; text-decoration: none; border: 1px solid #DCD9D4;}