@charset "utf-8";  /*格式化样式*/  

/*公共压缩样式，处理各个浏览器兼容性所写，可以无视*/html,body{height:100%;}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}ul,ol{list-style:none}s{text-decoration:none}img{border:0}table{border-collapse:collapse;border-spacing:0}caption,cite,code,dfn,th,var{text-align:left;font-weight:normal;font-style:inherit;}body{background-color:#fff;}/* 表单 */label{display:inline-block;*display:inline;*zoom:1}button,input,select,textarea{vertical-align:baseline;*vertical-align:middle}input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"]  input[type="button"]::-moz-focus-inner{border:none;padding:0}/* 字体 */h1{font-size:24px;margin:0 0 12px}h2{font-size:24px;margin:0 0 10px}h3{font-size:20px;margin:0 0 8px}h4{font-size:16px;margin:0 0 5px}h5{font-size:14px;margin:5px 0}h6{font-size:14px;margin:0 0 5px;}

.clearfix{overflow:hidden;zoom:1;}

.page-group div,.page-group p,.page-group ul,.page-group li,.page-group a,.page-group span,.page-group i{



transition: all 0.35s ease-in-out;

-webkit-transform: all 0.35s ease-in-out;

-moz-transform: all 0.35s ease-in-out;

-ms-transform: all 0.35s ease-in-out;

-o-transform: all 0.35s ease-in-out;

transform: all 0.35s ease-in-out;

}

.page-group,.leftnav{transition: all 0.35s ease-in-out;

-webkit-transform: all 0.35s ease-in-out;

-moz-transform: all 0.35s ease-in-out;

-ms-transform: all 0.35s ease-in-out;

-o-transform: all 0.35s ease-in-out;

transform: all 0.35s ease-in-out;}



.leftnav div,.leftnav p,.leftnav ul,.leftnav li,.leftnav a{



transition: all 0.35s ease-in-out;

-webkit-transform: all 0.35s ease-in-out;

-moz-transform: all 0.35s ease-in-out;

-ms-transform: all 0.35s ease-in-out;

-o-transform: all 0.35s ease-in-out;

transform: all 0.35s ease-in-out;

}

/**{

	-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;

*behavior: url(../css/boxsizing.htc);

}*/

div,body,p,h1,h2,h3,h4,h5,ul,li,dl,dd,dt{

		margin:0; 

		padding:0;

		list-style: none;

		box-sizing:border-box;



}







html{font-size:14px;font-family: Microsoft YaHei, Arial;}

body{font-family: Microsoft YaHei, Arial;color: #51504D;background: #fff;}

ul,li{list-style:none;}  

a:focus{outline:none;}

a{color:#595757; text-decoration: none; cursor:pointer; outline:none;}  

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

/*select,option{outline: none;}*/

input[type=text],textarea { border-radius: 5px; border: 1px solid #e3e3e3; background: #fff; -webkit-appearance: none;font-family: Microsoft YaHei;  -webkit-appearance: none;

    font-family: Microsoft YaHei;

        outline: none;}  

input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;  font-family: Microsoft YaHei;}  

input{font-family: Microsoft YaHei;}  



textarea { -webkit-appearance: none;}

input[type="button"], input[type="submit"], input[type="reset"] {

    -webkit-appearance: none;

    font-family: Microsoft YaHei;

        outline: none;

}

select{-webkit-appearance:none; outline: none;}

img{width:auto; max-width:100%;height: auto; vertical-align:bottom;}

body{overflow-x: hidden;}

/*banner样式*/

.tempWrap{margin:0 auto}

.picBox{ position:relative;overflow:hidden;font-size:0;z-index:90;transition:all 0.2s linear 0s;}

.picBox a{transition:all 0.2s linear 0s;}

.picBox .clearfix{width:100%!important}

.picBox .bd li{width:100%!important;text-align:center}

.picBox ul{width:100%!important;}

.picBox .hd{ position:absolute;bottom:15px;left:0;width:100%;height:14px;z-index:99;text-align:center}

.picBox .hd ul{margin:0;padding:0}

.picBox .hd li{background:#666;display:inline-block;*display:inline;zoom:1;width:16px;height:16px;line-height:16px;text-align:center;margin-left:2px;color:#fff;cursor:pointer;font-size:12px;}

.picBox .hd li.on{ background:#FF9600;color:#fff}

.picBox .next,

.picBox .prev,.picBox .next{z-index: 10; position: absolute; left: 3%; top: 50%; margin-top: -25px; display: block; width: 32px; height: 40px; background: url(../images/slider-arrow.png) -110px 5px no-repeat; filter: alpha(opacity=50); opacity: 0.5;}

.picBox .next{left: auto; right: 3%; background-position: 8px 5px;}

.picBox:hover .prev{opacity:.5;filter:Alpha(opacity=50);}

.picBox:hover .next{opacity:.5;filter:Alpha(opacity=50);}

.topbg{line-height: 38px;background: rgb(246, 246, 246);}

.top{width: 1160px; margin: 0 auto; color: #51504D;}

.header{width: 1160px; overflow: hidden; margin: 0 auto; padding:20px 0;}

.header .logo{float: left; overflow:hidden;padding-top: 8px;}

.header .logo img{float: left;}

.header .logo h3{font-size: 31px; color:#000; line-height: 42px;margin-left: 95px;width: 380px;}

.header .logo p{font-size: 17px; margin-left: 98px; color: #000; line-height: 30px;font-family: 'Times New Roman';text-transform: uppercase;}

.header .re{float: right;}

.header .re p{float: right; padding-left: 8px;}

.header .re p span{display: block;color: #5A5A5A; font-family: 微软雅黑; font-size: 16px; line-height: 2; white-space: normal;}

.header .re p strong{font-size: 18px;color: #0B89DD; line-height: 28px; display: block;}

.header .re>span{display: inline-block; padding-top: 28px;}

.header .re>span img{margin-left: 8px;}

.navbg{background-color: rgb(4, 113, 186); line-height: 47px;}

.nav{width: 1160px; margin: 0 auto; height: 47px;}

.nav a{display: block; float: left; width: 140px; color: #fff; text-align: center; margin: 0 2px;}

.nav a.active,.nav a:hover{background: #EB6D07;}

.txtScroll-top{  overflow:hidden; position:relative;  }

.txtScroll-top .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px; display: none; }



.txtScroll-top .infoList li{ height:25px; line-height:25px;   }

.txtScroll-top .infoList li a{color: #fff;}

.hotnewsbg{width: 100%; background:rgb(11, 137, 221); padding: 10px 0; line-height: 25px;overflow: hidden;}

.hotnewsbox{width: 1160px; margin: 0 auto; color: #fff;}

.hotnewsbox>span{font-size: 16px; display: block; width: 140px; float: left;}

.part1{width: 1108px; margin: 0 auto; padding-top: 15px; overflow-x: hidden;}

.part1 .pic{width:275px; float: left; text-align: center; cursor: pointer;}

.part1 .pic .img2{display: none;}

.part1 .pic:hover .img1{display: none;}

.part1 .pic:hover .img2{display: block; margin: 0 auto;}



.picScroll-left{ overflow:hidden; position:relative;  }

		.picScroll-left .hd{ display: none;}

		.picScroll-left .bd{ padding:10px;   }

		.picScroll-left .bd ul{ overflow:hidden; zoom:1; }

		.picScroll-left .bd ul li{ margin:0 1px; float:left; _display:inline; overflow:hidden; text-align:center;  }

		.picScroll-left .bd ul li .pic{ text-align:center; }



.fl{float: left;}

.fr{float: right;}

.part2{width: 1100px; margin:20px auto; border:1px solid #e6e6e6;padding:0 8px 8px;border-top: 4px solid #F17D04;}

.titles{line-height: 30px; border-bottom:2px solid #51504D; padding: 5px 0;}

.titles h3{font-size: 18px;color: #337FE5; }

.titles .more{font-size: 12px; color: #51504D;}

.p_box{overflow:hidden; padding-top: 10px;}

.p_box .le{float: left; width: 210px; border: 1px solid #dadada;}

.p_box .re{float: right; width: 865px;}

.p_box .re li{width:216px; float: left; padding: 5px 5px 10px;}

.p_box .re li .pic{border: 1px solid #dadada; padding:5px;}

.p_box .re li .pic img{width: 194px; height: 147px;}

.p_box .re li p{background-color: #f0f0f0; color: #4a4a4a; text-align: center; line-height: 30px; margin-top: 10px;}

.p_t{background: #0B89DD; position: relative; height: 93px; padding-left: 65px;}

.p_t i{color: #FFFFFF; font-family: 'Times New Roman'; font-size: 53px; line-height: 74.2px; white-space: normal; font-weight: bold; position: absolute;left: 22px; top: 10px;}

.p_t h3{color: #FFFFFF; font-family: 微软雅黑; font-size: 22px; line-height: 30.8px; white-space: normal; padding-top: 20px;}

.p_t p{color: #FFFFFF; font-family: 'Times New Roman'; font-size: 21px; letter-spacing: 5px; line-height: 29.4px; white-space: normal;}

.p_box .le ul{position: relative; padding: 10px;}

.p_box .le ul li{ padding: 2px 0;}

.p_box .le ul li a{display: block; color: #fff; line-height:33px;background-image: url(../images/bg1.png);background-repeat: no-repeat;  background-position: center center; padding-left: 10px; }

.p_box .le ul li:hover a{background: url(../images/bg2.png) no-repeat center;}

.p_contact{line-height: 20px;font-size: 12px; color:#51504D; padding:8px;}

.part3{background: url(../images/bg.jpg) no-repeat center; height: 243px; padding: 8px 0;}

.h_aboutbox{width: 1100px; margin: 0 auto; overflow: hidden;}

.h_aboutbox .pic{float: right; padding: 10px;width: 360px; height: 225px; background: #fff;}

.h_aboutbox .pic img{width: 340px; height: 205px;}

.h_about{width: 720px; color: #fff; padding-top: 20px;}

.h_about .t{font-size: 18px; font-weight: bold; overflow:hidden;line-height:48px; padding-bottom: 10px;}

.h_about .t span{display: block; float: left; padding-right: 30px;}

.h_about .t img{}

.h_about p{line-height:26px;font-size:14px;color: #fff;}

.h_about p a{color:#E53333;}

.h_p{padding: 10px 3px;}

.picMarquee-left{  overflow:hidden; position:relative; }

.picMarquee-left .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px; display: none; }

.picMarquee-left .bd{ }

.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }

.picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }

.picMarquee-left .bd ul li .pic{ text-align:center;border: 1px solid #dadada; padding:5px;}

.picMarquee-left .bd ul li .pic img{width: 213px; height: 168px; }



.picMarquee-left .bd ul li .title{background-color: #f0f0f0; color: #4a4a4a; text-align: center; line-height: 30px; margin-top: 10px;}

.footer{background-color: rgb(11, 137, 221); width: 100%; padding:30px 0 20px; color: #fff; text-align: center;}

.f_nav a{color: #fff; display: inline-block; width: 120px; line-height: 30px;}

.f_nav a:hover{color: #ff9900}

.copy{ line-height: 28px; padding: 15px 0; }

.y{width: 1120px; margin: 0 auto; padding: 15px 0 0;}

.newsbox{width: 1120px; margin: 0 auto; overflow: hidden; padding: 20px 0;}

.newsbox .title{line-height:30px; border-bottom: 1px solid #ccc;}

.newsbox .title span{font-size: 12px; color:#434343;}

.newsbox .title strong{white-space: normal; color: #434343; font-family: 微软雅黑; font-size: 18px;}

.newsbox .title a{float: right; font-size: 12px; color: #337FE5; margin-right: 20px;}

.newsbox ul{width: 545px; float: left;}

.newsbox li{padding: 12px 0; overflow: hidden; border-bottom: 1px solid #ccc;}

.newsbox li .d{background: #0857B3; color: #fff; width:75px; margin-right: 15px; height:58px; float: left; text-align: center; font-size:16px; line-height: 24px; padding-top: 12px;}

.newsbox li .d strong{font-size: 24px;}

.newsbox li h3{font-size:14px; line-height: 24px;}

.newsbox li h3 a{color: #51504D;}

.newsbox li p{	font-size: 12px; line-height:18px;}

.newsbox li p a{color:#ff9900; }

.h_casebox{width: 1100px;margin: 0 auto; background:#fcfcfc; text-align: center;}

.h_casebox .t{display: inline-block;font-size: 26px; font-family: SimHei; font-weight: bold; color: #337FE5;border-bottom: 4px solid #F17D04; width: 155px; line-height: 55px; margin-bottom: 3px;}

.h_case {overflow:hidden; border-top: 1px solid #51504D;}

.h_case li{padding: 15px 0; border-bottom: 1px dotted #ccc; margin: 0 5px; width: 540px; float: left; overflow: hidden;}

.h_case li img{float: left;border: 5px solid #0B89DD; width: 178px; height: 140px;margin-right: 15px; margin-top: 12px;}

.h_case li .info{text-align: left;}

.h_case li h3{font-size: 16px; color: #ffaa00; font-weight: normal; line-height:24px; padding-top: 12px; padding-bottom: 5px;}

.h_case li h3 a{color: #ffaa00;}

.h_case li p{font-size: 13px; color: #000000; line-height: 20px; overflow: hidden; padding-right: 12px;}

.h_case li p span{font-size: 12px; color:#51504D;}

.h_case li p a{color: #000; font-size: 12px;}

.main{width: 1100px; margin: 0 auto; padding: 5px 0 40px; overflow: hidden;}

.main .le{float: left; width: 210px; border: 1px solid #dadada;}

.main .re{float: right; width:875px;}



.p_t{background: #0B89DD; position: relative; height: 93px; padding-left: 65px;}

.p_t i{color: #FFFFFF; font-family: 'Times New Roman'; font-size: 53px; line-height: 74.2px; white-space: normal; font-weight: bold; position: absolute;left:20px; top: 10px;}

.p_t h3{color: #FFFFFF; font-family: 微软雅黑; font-size: 22px; line-height: 30.8px; white-space: normal; padding-top: 20px;}

.p_t p{color: #FFFFFF; font-family: 'Times New Roman'; font-size: 21px; letter-spacing: 5px; line-height: 29.4px; white-space: normal;}

.main .le ul{position: relative; padding: 10px;}

.main .le ul li{ padding: 2px 0;}

.main .le ul li a{display: block; color: #fff; line-height:33px;background-image: url(../images/bg1.png);background-repeat: no-repeat;  background-position: center center; padding-left: 10px; }

.main .le ul li:hover a{background: url(../images/bg2.png) no-repeat center;}

.main .le ul li.active a{background: url(../images/bg2.png) no-repeat center;}

.main .re .location{padding-top: 15px; line-height: 30px;border-bottom: 1px solid #0B89DD;}

.main .re .location>span{display: inline-block;width: 132px; border-bottom:4px solid #0B89DD;font-size: 16px; color: #000000; padding-left: 8px;}

.main .re .location .po{font-size: 12px; color: #51504D; background: url(../images/location.png) no-repeat left center; background-size:10px 10px; padding-left: 12px; }

.main .re .content{padding-top: 15px; line-height: 2; font-size: 14px; color: #51504D; min-height: 280px;}



.listnews li{padding: 15px 0; overflow: hidden; border-bottom: 1px dotted #ccc;}

.listnews li .d{background: #0857B3; color: #fff; width:75px; margin-right: 15px; height:58px; float: left; text-align: center; font-size:16px; line-height: 24px; padding-top: 12px;}

.listnews li .d strong{font-size: 24px;}

.listnews li h3{font-size:14px; line-height: 24px;}

.listnews li h3 a{color: #51504D;}

.listnews li p{	font-size: 12px; line-height:18px;}

.listnews li p a{color:#ff9900; }

.productlist{padding-top: 12px;overflow: hidden;}

.productlist li{width:218px; float: left; padding: 5px 5px 10px;}

.productlist li .pic{border: 1px solid #dadada; padding:5px;}

.productlist li .pic img{width: 196px; height: 147px;}

.productlist li p{background-color: #f0f0f0; color: #4a4a4a; text-align: center; line-height: 30px; margin-top: 10px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; word-wrap: break-word; padding: 0 5px;}

.page{text-align: center; padding: 20px 0;}

.page a{margin: 0 3px 6px;padding:3px 10px;border: 1px solid #ccc;}

.page span{margin: 0 3px 6px;padding:3px 10px;border: 1px solid #ccc;}

.page a:hover{background-color: #222; color: #fff;}

.caselist{padding: 12px 0; overflow: hidden;}

.caselist li{padding: 15px 0; border-bottom: 1px dotted #ccc; margin: 0 5px;overflow: hidden;}

.caselist li img{float: left;border: 5px solid #0B89DD; width: 178px; height: 140px;margin-right: 15px; margin-top: 12px;}

.caselist li h3{font-size: 16px; color: #ffaa00; font-weight: normal; line-height: 20px; padding-top: 12px;}

.caselist li h3 a{color: #ffaa00;}

.caselist li p{font-size: 13px; color: #000000; line-height: 20px; overflow: hidden; padding-right: 12px;}

.caselist li p span{font-size: 12px; color:#51504D;}

.caselist li p a{color: #000; font-size: 12px;}

.showtitle{text-align: center; padding: 12px 0; border-bottom: 1px solid #ccc;}

.showtitle h3{font-size: 18px; font-weight: bold; text-align: center; line-height: 35px; word-break: break-all; word-wrap: break-word; padding-bottom:5px;}

.showtitle p{font-size: 12px; color:#51504D; line-height: 24px;}

.upd{color: #444444; font-size: 13px; line-height: 24px;}

.upd a{color:#444444;}



.inputbox{margin:15px;overflow:hidden;zoom:1;}

.inputbox p{padding:.5em 0}

.inputbox .ibl{float:left;width:15%;text-align:right;display:block;padding-top:.4em}

.inputbox .ibr{margin:0 0 0 15%;display:block;padding-left:.3em}

.input{border:1px solid #e8e8e8;padding:.6em .4em;font-size:12px;color:#666;background:url(../images/input_bg.jpg) repeat-x;}

.input:focus{box-shadow:0 0 5px 0 #0B89DD;}

/*提交，重置按钮*/

.btn-submit{width:80px;height:35px;border:0;background:#c90c0a;cursor:pointer;color:#fff;font-size:14px;font-weihgt:bold}

.reset{width:80px;height:35px;border:0;background:#f3b349;cursor:pointer;color:#fff;font-size:14px;font-weihgt:bold}

.message_detailmore_title{border-bottom:2px solid #f90; line-height: 40px; font-size: 16px; color: #333;}

.note {padding:12px 0;}

.note .note_c { width:100%; margin-bottom:20px; margin:0 auto; }

.note_c .gbook {padding:10px; margin-top:10px; border:1px solid #ccc; font-size:12px; background:#f5f5f5;}

.note_c .gbook .lyr {border-bottom:1px dashed #ccc; line-height:25px;}

.note_c .gbook .hfr {padding-top:15px; line-height:20px;}





/*在线客服*/

.online-qq{width:135px;background:url(../images/nav_up.png) no-repeat 50% 0;z-index:500;padding:12px 0 0;text-align:center}

.qq_content{background:#fff;font-weight:normal;box-shadow:0 0 10px rgba(0, 0, 0, 0.2);}

.qq_content .dt{font-size:14px;font-weight:bold;color:#fff;background:url(../images/qq_title_bg.jpg) no-repeat;cursor:pointer;padding:10px 20px;text-align:left}

.qq_content dd{padding:12px;font-size:12px}

.qq_content dd a{line-height:22px;display:block;margin:0 0 5px;border:1px solid #d2d2d2;background:url(../images/tab_bg.jpg) repeat-x}

.qq_content dd a:hover{}

.qq_content dd img{margin:0 3px -3px 0}

.qq_content .tel{background:#eee;font-size:14px}

.qq_content .tel strong{font-weight:bold;color:#f00}

.qq_content .qr{background:#fff}

.qq_content .qr img{margin:0}

.qq_content dd p{padding:.3em 0}

.qq_content dd p a{background:url(../images/icon_qq.png) no-repeat 0 50%;padding:0 0 0 18px}