/*通用*/
*{ margin:0; padding:0; text-decoration:none; list-style:none}
body{/*font:14px "Microsoft YaHei UI Light","Microsoft YaHei";*/border:0;margin:0;padding:0;font-size:14px; font-family:"微软雅黑",Arial, Helvetica, sans-serif;}
img{border:0;}
ul,li,dl,dt,dd{ margin:0; padding:0; list-style:none}
a{color:#565758; text-decoration:none;}
p,em,i,h1,h2,h3,h4,h5{padding:0;margin:0;font-style:normal;}
tr { display: table-row; vertical-align: inherit; border-color: inherit; }
table { border-collapse: collapse; border-spacing: 0; }
input,select,textarea,img{font-family:inherit;font-size:inherit;*font-size:100%;font-weight:inherit;border:none;}
h1,h2,h3,h4,h5,h6{color:#333; -webkit-font-smoothing:antialiased}
.clear{ clear:both;height:0;overflow:hidden;}
a:hover{color:#0074e6;}
.wrapper{width:100%;position: relative;}
.main{width:1100px;margin:0 auto;display: block;}
.hui{background: #f7f8fa;}
/*header开始*/
#header,#mainbody,#footer{width:100%;margin:0 auto;}
.sc{height:35px;font:12px/30px "Microsoft YaHei";color:#666;}
.sc .span{float:left;}
.sc .contact{width:350px;float:right; height:30px;}
.sc .contact img{ float:right; margin-right:5px;margin-top:6px;}
.sc .contact font{ float:right;font:14px/30px "Microsoft YaHei";margin-right:15px;color:#025194;}
#top_header{width:1100px;margin:0 auto;overflow:hidden;height:80px;padding-top:15px;padding-bottom:15px}
.logo{width:251px;height:80px;float:left;margin-right:60px;}
.logo img{width:251px;height:80px;}
#top_header ul {float:right}
#top_header ul li{float: left;}
#top_header ul li a{float:left;margin:26px 0 0 20px;width:75px;height:31px; line-height:31px; text-align:center;display:inline-block;font-size:14px}
#top_header ul li a:hover{ background:url(../images/bg01.png) no-repeat;color:#fff;}
.shou{ background:url(../images/bg01.png) no-repeat;color:#fff;}
/*banner*/
.m_banner{ background:#fff;height:367px; position:relative;}
.m_banner .banner{height:367px;width:100%; position:absolute;top:0;left:0; background-position:center top;}
.banner_ctrl{ height:100px;width:1100px;position:absolute;top:50%;left:50%;margin:-50px 0 0 -550px;z-index:2;}
.banner_ctrl a{display:block;width:30px;height:100px;background:url(../images/ctrl.jpg) no-repeat; position:absolute; opacity:.1;filter: alpha(opacity=10);-moz-opacity:0.1;}
.banner_ctrl a.prev{left:0;}
.banner_ctrl a.next{right:0; background-position:-30px 0;}
.m_banner .banner .main_c{ position:relative;z-index:10;height:388px;}
#banner{width:100%;height: 240px;background: url(../images/banner.jpg) no-repeat;}
/*mainbody*/
.index_tit{text-align: center;padding-top:50px;}
.index_tit h2{text-align: center; color: #000;line-height: 24px;font-size: 25px;margin: 0;font-weight: 500;}
.index_tit span {text-align: center;color: #bbb;font-family: "Times New Roman";text-transform: uppercase;display: block;background: url(../images/h2_line.png) center 30px no-repeat; padding: 8px 0 30px 0;}
.product_list{margin-top:30px;}
.product_list ul{text-align: justify;text-align-last:justify;text-justify:inter-ideograph;}

.product_list ul li{width:24%;display:inline-block;text-align: center;text-align-last:center;margin-bottom:20px;}
.product_list ul li span{display: block;}
.product_list ul li span img{width:250px;height:209px;}
.product_list ul li p{line-height:35px;}

.about{clear: both; margin-top: 60px; color: #C6D8E8; text-align: right; padding-top: 40px; padding-bottom: 50px; background: url(../images/about.jpg); background-position:center;background-repeat:no-repeat;background-attachment: fixed;}
.about .row{width:58%;}
.about h2{color: #fff;font-size: 24px; font-weight: bold; background: url(../images/h2_service.png) left center no-repeat; padding-left:16px; text-transform: uppercase;text-align:left;}
.about p{color:#ffffff; line-height: 26px; margin-top: 20px;}
.about_contents{text-align:left;}
.about b{color:yellow}
.about a{color:yellow}
.about-all{display: inline-block; border: 1px solid #C6D8E8; border-radius: 12px; color: #C6D8E8; padding: 5px 23px; font-size: 12px; margin-left: 10px;}
.about-all:hover,.service-all:focus{text-decoration: none; background:#C6D8E8; color: #000; }

.index_news{overflow: hidden;width:1200px;padding-bottom:30px;}
.index_news .news_con{padding:25px;overflow: hidden;}
.index_news .news_con li{width:505px;float:left;padding:10px 15px;margin:10px 20px;background:#FFFFFF;border-bottom:2px #00a0e8 solid;}
.index_news .news_con .index_news_title {width: 100%;float: left;font-size: 16px;line-height: 22px;color: #111;font-weight:normal;margin-top:3px;}
.index_news .news_con .index_news_title span{float: right; color:#999999; font-size:14px}
.index_news .news_con .index_news_small{width: 100%;float: left;font-size: 12px;line-height:21px;overflow: hidden; margin-top:10px}

.scrollpic {margin-top:10px;margin-bottom:50px;}
#myscroll {display: block; width:1200px;position: relative;height:240px;overflow: hidden;}
#myscroll ul {display: block;float: left;list-style-type: none;padding: 0;margin: 0;}
#myscroll ul li {display: block;float: left;padding: 0;width:280px;}
#myscroll ul li a {display: block;float: left;width: 260px;padding: 0;position: relative;height:240px;color: #FFF;}
#myscroll a .intro {position: absolute;left: 0;z-index: 10;background-color: #0057c4;filter: alpha(opacity=70);width: 260px;color: #fff;-moz-opacity: 0.7;-khtml-opacity: 0.7;opacity: 0.7;text-align: center;}
#myscroll a .intro h5 {padding: 0;margin: 0;font-size: 14px;height: 40px;width: 260px;line-height: 30px;border-bottom: 1px solid #347fdc;font-weight:100;color: #FFF;}
#myscroll a .intro p {font-size: 13px;line-height: 20px;margin: 65px 70px;height: 70px;overflow: hidden;}
#myscroll a .intro {bottom: -211px;}
#myscroll a:hover .intro {bottom: 0;}


#footer{width:100%;margin:0 auto; background:#1f2128;overflow:hidden;}
.footer{width:1160px;margin:0 auto;}
.footer_left{width:795px; background:url(../images/line05.png) no-repeat right 36px;float:left; color:#ffffff}
.footer_left ul{width:700px;overflow:hidden;}
.footer_left ul li{float:left;padding:30px 0 20px;}
.footer_left ul li a{color:#ffffff;font-size:14px;margin-right:30px;}
.footer_left dl{width:740px;}
.footer_left dl dt{color:#ffffff;font-size:16px;}
.footer_left dl dt span{color:#999;margin-left:5px;}
.footer_left dl dd{color:#ffffff;margin-top:10px;}
.footer_left dl dd  span{margin:25px;}
.footer_left dl dd a{color:#ffffff}
.footer_left p{color:#ffffff;margin-top:15px;margin-bottom:30px;}
.footer_left p a{color:#ffffff}
.footer_right{width:355px;float:right;}
.footer_right .dhimg{margin:60px 0 0 80px;}
.footer_right .dhimg1{margin:35px 0 0 80px;}
.footer_right p{font:28px/50px Arial;color:#CCCCCC;margin-left:80px;}
/*about*/
.ab_body{width:1160px;margin:0 auto; background:none;padding-bottom:100px;overflow:hidden;}
#abou_left{width:225px;float:left;margin-top:30px;}
.abou_top{ background:#0067c1;min-height:300px;overflow:hidden;padding-bottom:2px;}
.abou_top dl{width:125px;height:80px;color:#fff;margin-top:60px;margin-left:28px;}
.abou_top dl dt{font-size:24px;margin-bottom:10px;}
.abou_top dl dd{font-size:14px;border-bottom:2px solid #fff;width:50px;padding-bottom:9px;text-transform: uppercase;}
.abou_top ul{width:221px;background:#f5f5f5;min-height:136px;margin-top:26px;margin-left:2px;}
.abou_top ul li{height:45px;border-bottom:1px solid #e7e7e7; line-height:45px; text-indent:25px; background:#FFF url(../images/jiantou.jpg) no-repeat 195px center;}
.abou_top ul a{color:#0067c1;font-size:16px; display:block}
.abou_top ul a:hover{ color:#F00; background-color:#eeeeee}
.abou_boto{width:225px;margin-top:40px;}
.abou_boto ul{ background:url(../images/dianhau.jpg)no-repeat 18px 30px #b3b3b3;height:59px;padding-top:15px; margin-bottom:10px;}
.abou_boto ul li{color:#fff;margin-left:60px;line-height:24px;}
.abo_quan{font-size:18px;}
.abou_boto .con_us{ background:url(../images/lianxi.jpg) no-repeat 18px 30px #b3b3b3;}
#abou_right{width:905px;float:right;overflow:hidden;}
.anr_title{border-bottom:1px solid #eaeaea;overflow:hidden;height:35px; line-height:35px;margin-top:50px;width:905px;padding-bottom:15px;}
.anr_title p{float:left;font-size:20px;}
.anr_title ul{float:right; background:url(../images/shou.jpg) no-repeat left center;padding-left:15px;}
.anr_title ul li{float:left;color:#565758;}
.anr_cont{margin-top:15px;}
.anr_cont p{ color:#666;line-height:24px;margin-bottom:15px;}
.dan_cont{margin-top:15px;margin-bottom:15px;font:14px/30px "Microsoft YaHei";color:#333;}
/*contact*/
.anr_cont dl{height:265px;margin-top:40px;padding-bottom:30px;}
.anr_cont dl dt{width:327px;height:260px;float:left;margin-right:30px;}
.anr_cont dl dd{float:left;width:538px;color:#666;line-height:30px;margin-top:5px;}
.anr_cont dl dd b{font-size:16px;color:#333}
.map{border-top:1px solid #eaeaea;padding-top:30px;}
/*new*/
.new_cont{width:905px;margin-top:10px;overflow:hidden;}
.new_cont dl{width:905px;height:150px;margin-top:10px; border-bottom:#ddd 1px dotted}
.new_cont dl dt{width:250px;height:120px;border:1px  solid #e7e7e7;float:left;margin-right:30px;}
.new_cont dl dt img{margin:8px 8px;width:231px;height:141px;}
.new_cont dl dd{line-height:20px;}
.new_title a{font-size:18px;margin-top:10px;margin-bottom:10px;color:#333;display:inline-block;}
.new_title a:hover{ color:#F00}
.new_time{color:#999;font-size:12px;margin:5px 0;}
.new_lianjie{width:85px;height:22px; border:2px solid #999999;display:inline-block;font-size:12px; text-align:center; line-height:22px;}
.new_lianjie:hover{ border:2px solid #0074e6;}
.new_cont h1{font-size:20px;color:#333; text-align:center; line-height:40px;margin-top:20px;}
.riqi{text-align:center;color:#797979;font-size:12px;}
.new_wenzhang{margin-top:15px;border-top: 1px dotted #EFEFEF;padding-top:15px;color:#333;}
.new_wenzhang p{line-height:28px;}
/*product*/
.pro_cont{width:905px;margin-top:30px;}
.pro_cont dl{width:210px; height:auto; float:left;margin:0 8px 20px 8px;text-align: center;}
.pro_cont dl dt{width:210px;height:163px;}
.pro_cont dl dt img{width:210px;height:163px;}
.pro_cont dl dd a{color:#333;padding:0 8px;line-height:30px;}
/*panli*/
.anli_cont{width:905px;margin-top:30px;overflow:hidden;}
.anli_cont dl{width:210px;height:240px;float:left;margin:0 8px 20px 8px;text-align: center;}
.anli_cont dt{width:210px;height:210px; }
.anli_cont dl dt img{width:210px;height:210px;}
.anli_cont dd a{color:#333;padding:0 8px;line-height:30px;}


/*kehu*/
.kefu_con h4{margin:15px 0;}
.kefu_con p{margin-bottom:10px;color:#666;}

.fenye{height:55px;clear:both; margin-top:20px;float:right;}
.fenye a,.fenye span{text-decoration:none; display:inline;width:auto;padding:5px 10px;margin:5px;text-align:center;height:30px;line-height:30px}
.fenye span{background:#55ACEE; border:1px solid #55ACEE;color:#fff;}
.fenye a{color:#a0a0a0;background:#fff; border:1px solid #a0a0a0;}
.fenye a:hover{color:#fff; background:#55ACEE; border:1px solid #55ACEE;}
.shangxia{margin-top:25px;border-top: 1px dotted #EFEFEF;padding-top:15px;}

/*分页样式*/
.List_page{text-align:center;margin-bottom:40px; margin-top:30px;}
.List_page a{background:#fff;margin:0px 5px;padding:5px 12px;border:1px solid #dddddd;color:#A0A0A0; font-size: 13px;}
.List_page span{background:#3ca5f6;color:#fff;margin:0px 5px;padding:7px 12px;}
.List_page .on{background-color:#333;color:#ffffff}

/*产品列表样式*/
.list_photo{overflow:hidden; padding:30px;}
.list_photo ul{ width:105%}
.list_photo li{width:250px;float:left;text-align:center;overflow:hidden;margin-top:15px; margin-right: 30px;height: 210px; font-size: 14px; border:#ddd 1px solid; padding:5px 5px 10px 5px}
.list_photo_img{ width:250px; height:190px; overflow:hidden; margin-bottom:6px;display:table-cell;vertical-align:middle}
.list_photo_img img{max-width:250px; max-height:180px;margin-bottom:10px;width: expression(this.width > 250 && this.width > this.height ? 250 : auto);height: expression(this.height > 180 ? 180 : auto);}
.list_photo_img img{text-align:center;margin-bottom:8px; overflow: hidden; -webkit-transition: all 0.4s;}
.list_photo_img a:hover img{-webkit-transform: scale(1.1); cursor: pointer; -webkit-transition: all 0.4s;}

.propic{margin-top:20px; margin-bottom:20px; text-align:center}
.propic img{ max-width:600px;}

.xiangguan_title{ margin-top:20px; height:30px; font-size:16px; border-bottom:#ddd 1px solid; line-height:30px}
.xiangguan_list{ margin-top:15px;}
.xiangguan_list li{ width:50%; float: left; height:32px; line-height:32px; border-bottom:#eee 1px dotted}
.xiangguan_list li span{ float:right; margin-right:15px; color:#bbb}

.inmore{margin:30px auto;width:150px;height:40px;line-height:40px;font-size:14px;color:#ffffff;text-align:center;background-color:#5576bd}
.inmore a{display:block;color:#ffffff}
.inmore a:hover{background-color:#3986ff}