@charset "utf-8";

@media only screen { html { font-size:13px;}}
@media only screen and (min-width: 360px) and (max-width: 399px) { html { font-size:15px; } }
@media only screen and (min-width: 400px) and (max-width: 479px) { html { font-size:16px; } }
@media only screen and (min-width: 480px) and (max-width: 719px) { html { font-size:20px; } }
@media only screen and (min-width: 720px) { html { font-size:24px; } }

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,header,hgroup,nav,section,article,aside,footer,figure,figcaption,menu,button{ padding:0; margin:0;}
table { border-collapse: collapse; border-spacing: 0}
a { text-decoration:none;color: #666;}
a:hover { color:#d60000;}
input { outline:none}
textarea { resize:none}
li { list-style: none}
.clear { clear: both;}
img { border:none; vertical-align:bottom;}
*, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
/*=======================================================*/
body { font-family: "Microsoft YaHei","Helvetica Neue",Helvetica,STHeiTi,sans-serif; line-height: 1.5; font-size: 13px; color: #666; background-color:#FFF; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; outline:0; /* 不让选中文字 -webkit-user-select: none; */}
.container, .wrapper { width:1200px; margin:0 auto;}
.container:after, .wrapper:after {clear:both; display:table; content:"";}
.wrapper { padding:40px 0;}
.sidebar { float:left; width:230px;}
.main { float:right; width:920px;}
.main img { max-width:100%;}
/**/
/*网站顶部*/
.top { width:100%; height:150px; background-color:#FFF; border-top:2px solid #0E64A8; position:relative;}
.top_body {}
.header { width:1200px; height:100px; margin:0 auto; position:relative;}
.logo { float:left; width:510px; height:70px; margin-top:20px; background:url(images/logo.png) no-repeat left top;}
.logo a { display:block; width:510px; height:70px; text-indent:-9999px;}
.header_r { float:right; width:660px; height:100px;}
.header_r .header_icon { height:80px; text-align:right; margin:10px 20px 10px 0;}
.header_r .header_icon ul { display:block; height:80px; float:right;}
.header_r .header_icon ul li { float:left; display:inline-block; padding-left:10px;}
/*导航*/
.top .menu { width:100%; height:50px; line-height:50px; font-size:16px; font-weight:normal; background-color:#0E64A8;}
.top .menu ul { display:block; width:1200px; height:50px; margin:0 auto;}
.top .menu li { display:inline-block; width:125px; position:relative; text-align:center; cursor:pointer;}
.top .menu li a { display:block; width:125px; color:#FFF;}
.top .menu li a:hover { background-color:#0E5B97;}
.top .menu strong { display:block; position:relative; height:50px; width:125px; color:#FFF; font-weight:normal; cursor:default; z-index:20;}
.top .menu li.hover strong { border-bottom:none; background-color:#0E5B97; color:#FFFFFF; cursor:pointer;}
.top .menu .menubox { display:none; position:absolute; width:100%; left:0; top:50px; background-color:#0E5B97; color:#FFFFFF; z-index:10; cursor:pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.top .menu .menubox a { display:block; height:36px; line-height:36px; font-size:15px;  border-top:1px solid #0E64A8;}
.top .menu .menubox a:hover { background-color:#0E64A8;}
/**/
.mlogo { display:none;}
.mbutton {display:none;}
@media screen and (max-width: 860px) {
	.top { width:100%; height:4rem; position:fixed; left:0; top:0; z-index:2147483647; background-color:#0E64A8;}
	.top_body { width:100%; height:4rem; position:relative;}
	.mlogo { display:block; position:absolute; left:1rem; top:0; width:10.75rem; height:4rem; background:url(images/m_logo.png) no-repeat left center; background-size: 100% auto; color:transparent!important; z-index:9999;}
	.mlogo a { display:block; width:100%; height:100%; color:transparent!important; }
	.mbutton { display:block; position:absolute; right:0; top:0; width:4rem; height:4rem; background:url(images/menu.png) no-repeat center center; background-size: 60% auto; color:transparent!important;}
	/**/
	.top .menu { display:none; width:100%; height:auto; background-color:#0E64A8; border-top:1px solid #D91325; position:relative; padding-top:4rem;}
	.top .menu:after {clear:both; display:table; content:"";}
	.top .menu>ul { display:block; width:100%; height:auto; padding-left:0; margin:0; background:none; border-top:1px solid #6B6B6B; border-left:1px solid #6B6B6B; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.top .menu>ul>li { float:none; width:100%; border-bottom:1px solid #6B6B6B; border-right:1px solid #6B6B6B; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.top .menu>ul>li.index { display:none;}
	.top .menu>ul>li a { display:block; float:left; width:100%; height:40px; line-height:40px; text-align:center; color:#FFF;}
	.top .menu>ul>li a:hover { color:#FFFFFF;}
	/**/
	.top .menu strong { display:block; position:relative; height:40px; line-height: 40px; width:125px; color:#FFF; font-weight:normal; cursor:default; z-index:20;}
	.top .menu li.hover strong { border-bottom:none; background-color:#0E64A8; color:#FFFFFF; cursor:pointer;}
	.top .menu .menubox { display: block!important; position: static; width:100%; left:0; top:4rem; background-color:#F1F1F1; color:#333; z-index:10; cursor:pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.top .menu .menubox a { display:block; float: left; width: 50%; height:36px; line-height:36px; font-size:15px; border-top:1px solid #F5F5F5; color:#333;}
	.top .menu .menubox a:hover { background-color:#F1F1F1; color: #000;}
	.top .menu .menubox {}
	
	
	.top .menu i.close { display:block; width:4rem; height:4rem; position:absolute; right:0; top:0; background:url(images/close.png) no-repeat center center; background-size: 60% auto;}
}
/*幻灯片*/
.fullSlide { width:100%; position:relative; height:450px; overflow:hidden; background-color:#F0F0F0;}
.fullSlide .yy { background:url(images/yy.png) repeat-x left top; z-index:99999; position:absolute; width:100%; height:10px;}
.fullSlide .bd { margin:0 auto; position:relative; z-index:0; overflow:hidden;}
.fullSlide .bd ul { width:100% !important;}
.fullSlide .bd li { width:100% !important; height:450px; overflow:hidden; text-align:center; background-repeat:no-repeat; background-position:center center;}
.fullSlide .bd li a { display:block; height:450px;}
.fullSlide .hd { width:100%; position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px;}
.fullSlide .hd ul { text-align:center;}
.fullSlide .hd ul li { cursor:pointer; display:inline-block; *display:inline; zoom:1; width:42px; height:11px; margin:1px; overflow:hidden; background:#000; filter:alpha(opacity=50); opacity:0.5; line-height:999px;}
.fullSlide .hd ul .on { background:#e2201f;}
.fullSlide .prev,.fullSlide .next { display:block; position:absolute; z-index:1; top:50%; margin-top:-30px; left:5%; z-index:1; width:40px; height:60px; background:url(images/slider-arrow.png) -126px -137px #000 no-repeat; cursor:pointer; filter:alpha(opacity=50); opacity:0.5; display:none;}
.fullSlide .next { left:auto; right:5%; background-position:-6px -137px;}
/**/
.banner { height:300px; background-color:#F0F0F0; background-repeat:no-repeat; background-position:center center;}
/**/
.title { padding-bottom:25px; border-bottom:1px solid #E5E5E5; margin-bottom:30px;}
.title_con { width:360px; height:98px; margin:0 auto; text-align:center; color:#999; position:relative;}
.title_con:before { display:block; position:absolute; width:340px; height:64px; border:1px solid #D0D0D0; content:""; left:9px; top:22px;}

.title_info { width:360px; height:98px; position:absolute; left:0; top:0;}
.title_info h2 { display:inline-block; margin:0 auto; height:40px; line-height:40px; font-size:28px; font-weight:normal; padding:0 10px; background-color:#FFF; color:#3E3E3E;}
.title_info p { display:block; height:34px; font-size:14px; line-height:30px; color:#999;}
.title_info h3 { display:inline-block; margin:0 auto; height:24px; line-height:24px; font-size:18px; padding:0 10px; font-weight:normal; background-color:#FFF;}
/**/
.title2 { padding-bottom:25px; border-bottom:1px solid #D0D0D0; margin-bottom:30px;}
.title2_con:before { display:block; position:absolute; width:300px; height:64px; border:1px solid #D0D0D0; content:""; left:9px; top:22px;}

.title2 .title_info h2 { background-color:#F0F0F0;}
.title2 .title_info p { color:#888;}
.title2 .title_info h3 { background-color:#F0F0F0; color:#888;}
/**/
.sidetitle { background:#0E64A8 url(images/cpzx_03.gif) no-repeat 0 0; height:83px; text-align:center; color:#f59775; font-weight:normal; font-size: 9px; text-transform:uppercase;}
.sidetitle b { color:#FFF; font-size:18px; font-weight:bold; padding:20px 0 5px 0; display:block;}
/**/
.crumbs { height:70px; line-height:70px; border-bottom:1px solid #EEE; background-color:#F0F0F0;}
.crumbs h2, .crumbs h1 { float:left; font-size:22px; font-weight:normal; position:relative;}
.crumbs h2:after, .crumbs h1:after { width:100%; height:3px; background-color:#0E64A8; display:block; content:""; left:0; bottom:0; position:absolute;}
.crumbs h3 { float:right; font-weight:normal; background:url(images/dh.png) no-repeat left center; padding-left:22px;}
/**/
.about { padding:40px 0;}
.about_pic { float:left; width:600px;}
.about_text { float:right; width:560px; line-height:26px;}
.about_text h2 { height:35px; line-height:35px; font-size:18px; font-weight:normal; color:#333333;font-family:"微软雅黑"; border-bottom:1px dashed #EEE;}
.about_text h2 span { margin-left:30px}
.about_text p { line-height:35px; letter-spacing:1px; text-indent:2em; color:#777777; font-size:14px}
/**/
.advantage { padding:40px 0; background-color:#F0F0F0;}
.advantage ul li { float:left; display:block; width:230px; margin:34px 35px auto 35px}
.advantage ul li img { display:block; width:188px; height:186px; margin-left:22px;}
.advantage ul li h2 { text-align:center; color:#333; font-family:"微软雅黑"; font-weight:normal; line-height:65px}
.advantage ul li p { color:#888; line-height:20px; letter-spacing:1px}
/**/
.product { padding:40px 0;}
.box { width:100%; height:396px; }
.rolling_body { width:1200px; height:331px; margin:0 auto; padding-top:24px; overflow:hidden}
.rolling_body ul li { float:left; margin-right:53px; width:260px; height:330px}
.rolling a.left{ background:url(images/case_l.jpg); position:absolute; width:30px; height:60px; top:150px; left:-40px;}
.rolling a.right{ background:url(images/case_r.jpg); position:absolute; width:30px; height:60px; top:150px; right:-40px;}
.rolling { width:1200px; height:331px; margin:0 auto; position:relative;}
/**/
.pro { width:1200px; height:590px; margin:0 auto; position:relative;}
.pro .arrow_left { background:url(images/case_l.png) no-repeat left center; position:absolute; width:30px; height:60px; top:100px; left:-40px; cursor:pointer;}
.pro .arrow_right { background:url(images/case_r.png) no-repeat left center; position:absolute; width:30px; height:60px; top:100px; right:-40px; cursor:pointer;}
.pro .prolist { width:1200px; height:590px; overflow: hidden;}
.pro .prolist ul { padding:0; list-style:none; width:1200px;}
.pro .prolist ul li { float:left; margin:0 0 20px 53px; width:260px; height:275px;}
.pro .prolist ul li:nth-child(4n+1) { margin-left: 0;} 
.pro .prolist ul li img { width:260px; height:235px;}
.pro .prolist ul li div { line-height:40px; height:40px; text-align:center;}
/**/
.news { padding:40px 0; min-height:450px; background-color:#F0F0F0;}
.jishu { padding:40px 0; min-height:450px; background-color:#FFFFFF;}
.newsl { float:left; width:31%; margin-left:3.5%;}
.newsr { float:left; width:31%; margin-left:3.5%;}

.jishu>.container>div:nth-child(3n+1) { margin-left:0;} 


.news_title { height:40px; line-height:40px; font-size:14px; font-weight:bold; border-bottom:1px solid #CCC;}
.news_title h2 { float:left; font-size:18px; color:#0E64A8;}
.news_title span { float:right;}

.news_list { padding-top:10px;}
.news_list li { margin-bottom:10px;}
.news_list li h2 { width:100%; height:26px; line-height:26px; font-size:14px; font-weight:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#333;}
.news_list li span { display:inline-block; height:22px; line-height:22px; padding:0 5px; margin-right:5px; font-size:12px; font-weight:normal; background-color:#b3b3b3; color:#FFF; border-radius:3px;}
.news_list li p { width:100%; height:20px; line-height:20px; font-size:12px; color:#888; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
/**/
.new_nav { width:auto; height:52px; text-align:center; margin:0 auto; display:-webkit-flex; display:flex; -webkit-justify-content:center; justify-content:center;}
.new_nav div { float:left; display:block; color:#94A0B0; cursor:pointer; list-style-type:none; border:1px solid #94A0B0; border-left:0; text-align:center; padding:0 30px; height:50px; line-height:50px; font-size:15px;}
.new_nav div.on { background-color:#397ED4; color:#FFF;}
.new_nav div:nth-child(1) { border-left:1px solid #94A0B0;} 
/**/
.newbox { width:100%; padding-top:40px;}
.newbox:nth-child(1) { margin-left:0;} 
.newbox_list { display:none;}
.newbox_list li { float:left; width:585px; display:block; position:relative; transition: all ease-out .3s; padding:20px; margin:0 0 20px 30px; background-color:#FFF; color:#7B7B7B;}
.newbox_list li:nth-child(2n+1) { margin-left:0;} 
.newbox_list li a.newscontent { display:block; position:relative; width:100%; height:48px; z-index:7; color:#7B7B7B; text-align: left;}
.newbox_list li:after{  content:''; position:absolute; top:0px;display: block; left:0; width:100%; height:100%; background:#FFF; transform:scaleY(0);transition: transform .75s cubic-bezier(.19,1,.22,1);transform-origin: top;transition-delay: 0s!important;}
.newbox_list li .date { position:absolute; width:75px; font-size:12px; left:0; top:3px; line-height:22px;}
.newbox_list li .date .md { font-size:13px; display:block; margin-left:3px; color:rgba(0, 0, 0, 0.41);}
.newbox_list li .date .year { font-size:18px; padding:0px; border-bottom:1px solid #EEE;}
.newbox_list li .text { padding-left:70px;}
.newbox_list li .text h2 { display:block; font-size:14px; height:24px; line-height:24px; color:#7B7B7B;}
.newbox_list li .text p { color:#AFAFAF; font-size:12px; line-height:24px;}
.newbox_list li .text h2, .newbox_list li .text p { overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}

.newbox_list li:hover:after { z-index:0; transform-origin:bottom;transform: scaleY(1); background-color:#428FEF; box-shadow:0px 8px 19px #dedede;}
.newbox_list li:hover a { color:#FFF;}
.newbox_list li:hover .date .md { color:#A0B6F4;}
.newbox_list li:hover .text h2 { color:#FFF;}
.newbox_list li:hover .text p { color:#A0B6F4;}
/*contact*/
.conbg { width:100%; background-color:#F0F0F0; padding:40px 0;}
.conbg .fl { float:left;}
.contact_text {width:517px;height:240px;background:#fff;padding:14px 0 0 72px;}
.contact_text h2 { font-size:18px; color:#0E64A8; font-weight:600; line-height:45px;}
.contact_text p {font-size:14px;line-height:28px;}
.contact_text span { font-weight:bold;}
/**/
.sidebar h3 { background:#383838 url(images/sidebarh3.gif) no-repeat 12px 14px; height:40px; padding-left:30px}
.sidebar h3 a, .sidebar h3 b { color:#FFF; font-size:14px; font-weight:bold; line-height:40px}
.sidebar_box { width:228px; border:1px solid #E2E2E2; padding:4px 0; border-top:0}
.sidebar_box li { line-height:36px; border-bottom:1px solid #EEE; padding:0 10px;}


.sidebar_contact, .sidebar_city { width:208px; border:1px solid #E2E2E2; padding:10px; border-top:0; line-height:24px;}
.sidebar_contact { line-height:24px;}
.sidebar_city a { float:left; display:block; margin-right:15px;}
.sidebar_city_con { width:208px; max-height:336px; overflow:hidden;}
.sidebar_city:after, .sidebar_city_con:after { clear:both; display:table; content:"";}
/**/
.newslist { padding:10px 0 0;}
.newslist li { padding:7px 20px 0 0;height:110px; overflow:hidden;margin:0 0 30px; border-bottom:1px solid #ddd;}
.newslist li .text { padding:0 0 0 14px; line-height:26px;width:800px; overflow:hidden;font-size:14px; float:left; color:#666; }
.newslist li .text h2 { display:block; font-weight:100; color:#000000; font-size:15px;}
.newslist li .text h2 a, .newslist li .text h2 a:hover { color:#343434; font-weight:bold;}
.newslist li .text h2 a:hover { color:#f26521;}
.newslist li .text p { font-size:14px;}
.newslist li .more { float:right; display:block; margin:20px 0 0; width:70px; height:25px; line-height:25px; text-align:center; }
.newslist li .more a { display:block; width:70px; height:25px; color:#FFF; background-color:#999;}
.newslist li .more a:hover { background:#081854; color:#FFF; text-decoration:none;}
/*产品列表*/
.prolist { padding:0 0 10px 0;}
.prolist li { float:left; width:286px; height:290px; display:block; margin:0px 30px 30px 0px;}
.prolist li .pic { width:280px; height:253px; padding:2px; border:1px solid #DDD;}
.prolist li .pic img { width:280px; height:253px;}
.prolist li h2 { height:40px; line-height:40px; font-size:12px; font-weight:normal; text-align:center;}
.prolist li:nth-child(3n+3) { margin-right:0;}
/**/
.single { padding:30px 0;}
.single h1 { margin-bottom:10px; font-size:16px; font-weight:normal; line-height:28px; text-align:center;}
.single_info { height:40px; line-height:40px; border-top:1px solid #DDD; border-bottom:1px solid #DDD; text-align:center;}
.single_body { padding:20px 0; line-height:26px; font-size:14px;}
.single_body p { margin-bottom:10px;}
.single_page { height:60px; line-height:30px;}

.single_tags { height:30px; padding:0 0 15px 0; margin-bottom:10px; border-bottom:1px solid #DDD;}
.single_tags p { float:left; line-height:30px;}
.single_tags .fx { float:right;}
.single_tags:after  { clear:both; display:table; content:"";}
/**/
.page { line-height:26px;}
.page p { margin-bottom:10px;}
/**/
.newslist:after, .prolist:after, .page:after  { clear:both; display:table; content:"";}
/**/
.project { line-height:26px;}
.project p { margin-bottom:10px;}
.project h1 { font-size:20px; margin-bottom:15px;}
.project h2 { font-size:16px; margin-bottom:15px;}
.project img { width:100%; height:auto;}
/**/
.projectnew { padding:40px 0;} 
.projectnew li { display:block; width:560px; padding:15px 0; margin:0 20px; height:50px; float:left; color:#777; border-bottom:1px dashed #EEE;}
.projectnew li h2 { width:100%; height:20px; line-height:20px; font-size:14px; margin-bottom:6px; font-weight:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; background:url(../images/bg_a.png) no-repeat left bottom;}
.projectnew li h2 a { font-size:18px; color:#333;}
.projectnew li p { width:100%; height:24px; line-height:24px; font-size:12px; color:#888; overflow:hidden;}
/**/
.pagebar { height:46px; line-height:26px; padding:10px; text-align:center;}
.pagebar a { display:inline-block; color:#0E64A8; padding:0 6px; font-weight:bold; background:#DDD; margin:0 3px;}
.pagebar .page { display:inline-block; color:#0E64A8; padding:0 6px; line-height:26px; background:#DDD; margin:0 3px;}
.pagebar .page_now { display:inline-block; color:#FFF; padding:0 6px; font-weight:bold; background:#0E64A8; margin:0 3px;}
/**/
.provinces { padding:20px 0; font-size:12px; background-color:#505050; color:#FFF; height:24px; line-height:24px; font-weight:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.provinces a { font-size:12px; margin-right:8px; color:#B3B3B3}
/**/
.footer { width:100%; min-width:1000px; background-color:#383838; padding:40px 0px;}
.footer .container { position:relative;}
.footer .f_nav { width:100%; height:30px; line-height:30px; color:#E4E4E4;}
.footer .f_nav em { margin:0 15px;}
.footer .f_nav a:hover { color:#FFF;}
.footer .f_logo { width:200px; height:47px; margin:10px 0;}
.footer .f_logo img { width:200px; height:47px; vertical-align:top;}
.footer p { width:100%; font-size:12px; color:#E3E3E3; line-height:175%;}
.footer a { color:#E4E4E4;}
.footer .code { width:120px; height:150px; position:absolute; right:0px; top:30px;}
.footer .code img { width:120px; height:120px; vertical-align:top;}
.footer .code span { display:block; width:100%; height:26px; line-height:26px; text-align:center; font-size:14px; color:#FEFEFE;}
/*评论列表*/
.commentlist { padding:0; background:#FFFFFF;}
.commentlist h4{ margin-top:15px;}
.msg { margin-top:10px; border-top:1px solid #CCCCCC; padding:5px 0 0 0;}
.msg .msgimg { float:left; width:48px; height:48px; padding-top:5px;}
.msg .msgimg .avatar { width:48px; height:48px;}
.msg .msgtxt { width:100%; float:right; margin-left:-60px;}
.msg .msgtxt .msgtxtbogy { margin-left:60px;}
.msg .msgtxt .msgname { height:24px; line-height:24px;}
.msg .msgtxt .msgname span { font-size:12px; color:#999999;}
.msg .msgtxt .msgarticle { padding:5px 0;}

.msg .msgarticle .msg { font-size:12px;}
.msg .msgarticle .msg .msgimg { width:32px; height:32px;}
.msg .msgarticle .msg .msgimg .avatar { width:32px; height:32px;}
.msg .msgarticle .msg .msgtxt { width:100%; float:right; margin-left:-40px;}
.msg .msgarticle .msg .msgtxt .msgtxtbogy { margin-left:40px;}
.msg .msgarticle .msg .dot { display:none;}

/*发布评论*/
.commentpost { padding:15px 0; background:#FFFFFF; margin-bottom:10px;}
.commentpost p { margin-bottom:10px;}.commentpost img{ margin-bottom: -6px;}
li.msgarticle div.quote{ margin:10px 0 0 0; padding:10px; background:#FFFFFF; border:1px solid #F4F4F4;}
li.msgarticle div.quote-title{ margin:0; padding:0; font-size:1em; color:#CC0000;}
.commentpost input { width:200px; padding:6px 10px; border:1px solid #CCCCCC;}
.commentpost #txaArticle{ padding:5px; width:95%; height:120px; border:1px solid #CCCCCC;background:none;}
.button { background:#0E64A8; border:none; width:100px; height:30px; font-weight:bold; color:#FFFFFF; }
#cancel-reply{float:right;margin-right: 2em;}
/**/
.chanpin { padding: 40px 0;}
.chanpin-imgae { margin-bottom: 30px;}
.chanpin-imgae img { width: 100%; height: auto;}
.chanpin-class { position: relative; font-size: 16px; padding: 30px 0; border-top: 2px solid #CCC;}
.chanpin-class h2 { height: 40px; line-height: 40px; font-size: 16px; font-weight: normal; position: absolute; left: 0; top: 30px;}
.chanpin-class-list { padding-left: 100px; line-height: 40px;}
.chanpin-class-list li { display: block; float: left; width: auto;  margin-right: 65px;}

.chanpin-single { border-top: 2px solid #CCC; padding: 30px 0;}
.chanpin-single-image { float: left; width: 470px; height: 210px; padding: 10px; border: 1px solid #EEE;}
.chanpin-single-image img { width: 100%; height: 100%;}
.chanpin-single-text { float: right; width: 680px;}
.chanpin-single-text h2 { font-size: 30px; margin-bottom: 30px; font-weight: normal; color: #007EC7;}
.chanpin-single-list { padding: 30px 0;}
.chanpin-single-list li { float: left; display: block; width: 25%; padding-right: 10px; margin-bottom: 10px;}
.chanpin-single-list li a { display: block; width: 100%; height: 46px; line-height: 46px; background-color: #007EC7; color: #FFF; text-align: center; border-radius:10px;}

.chanpin-single-title { height: 40px; line-height: 20px; padding-bottom: 20px; border-bottom: 3px solid #007EC7; color: #333;}
.chanpin-single-con { padding: 30px 10px; }
.chanpin-single-con img { max-width: 100%;}
.chanpin-single-con p { line-height: 22px; margin-bottom: 10px;}
.chanpin-single-con h2 { font-size: 16px; margin-bottom: 10px; color: #007EC7;}

@media screen and (max-width: 1200px) {
	.container { width:100%; padding: 0 1rem;}
	.wrapper { width:100%; padding:1rem 0;}
	.about_pic { float:left; width:48%;}
	.about_pic img { width:100%; height:auto;}
	.about_text { float:right; width:48%;}
	.newbox_list li { float:left; width:49%; padding:.5rem; height:4.2rem; transition: all ease-out .3s; padding:.5rem; margin:0 0 .5rem 2%; background-color:#FFF; color:#7B7B7B;}
	.newbox_list li:nth-child(2n+1) { margin-left:0;} 
	
	.newbox_list li .date { font-size:12px; top:3px; line-height:1.6rem;}
	.newbox_list li .date .md { font-size:13px; display:block; margin-left:.3rem; color:rgba(0, 0, 0, 0.41);}
	.newbox_list li .date .year { font-size:18px; padding:0px; border-bottom:1px solid #EEE;}
	.newbox_list li .text { padding-left:75px;}
	.newbox_list li .text h2 { display:block; font-size:14px; height:1.6rem; line-height:1.6rem; color:#7B7B7B;}
	.newbox_list li .text p { color:#AFAFAF; font-size:12px; line-height:1.6rem;}
	.newbox_list li .text h2, .newbox_list li .text p { overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
}


@media screen and (max-width: 860px) {
	.container { width:100%;}
	.wrapper { width:100%; padding:1rem 0;}
	.sidebar { display:none;}
	.main { float:none; width:100%; padding:0 1rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	/**/
	.header, .header_r, .logo { display:none; width:100%;}
	/**/
	.fullSlide { width:100%; height:12rem; margin-top:4rem;}
	.fullSlide .bd ul { width:100% !important;}
	.fullSlide .bd li { width:100% !important; height:12rem; background-size:auto 100%;}
	.fullSlide .bd li a { height:10rem;}
	.fullSlide .hd { width:100%; height:1.2rem; line-height:1.2rem;}
	.fullSlide .hd ul { text-align:center;}
	.fullSlide .hd ul li { cursor:pointer; display:inline-block; *display:inline; zoom:1; width:2rem; height:.6rem; margin:1px; overflow:hidden; background:#000; filter:alpha(opacity=50); opacity:0.5; line-height:999px;}
	.fullSlide .hd ul .on { background:#e2201f;}
	.fullSlide .prev,.fullSlide .next { display:block; position:absolute; z-index:1; top:50%; margin-top:-30px; left:5%; z-index:1; width:40px; height:60px; background:url(images/slider-arrow.png) 	-126px -137px #000 no-repeat; cursor:pointer; filter:alpha(opacity=50); opacity:0.5; display:none;}
	.fullSlide .next { left:auto; right:5%; background-position:-6px -137px;}
	
	.banner { height:6.5rem; background-size:auto 100%; margin-top:4rem;}
	/**/
	.title { padding-bottom:1rem; border-bottom:1px solid #E5E5E5; margin-bottom:1.5rem;}
	.title_con { width:100%; height:4.8rem;}
	.title_con:before { width:80%; height:3.5rem; border:1px solid #D0D0D0;; content:""; left:10%; top:1rem;}

	.title_info { width:320px; height:98px; position:absolute; left:50%; top:0; margin-left: -160px;}
	.title_info h2 { height:2rem; line-height:2rem; font-size:1.4rem; padding:0 .5rem;}
	.title_info p { height:1.9rem; font-size:.7rem; line-height:1.9rem;}
	.title_info h3 { height:1.4rem; line-height:1.4rem; font-size:.9rem; padding:0 .5rem;}
	/**/
	.title2 { padding-bottom:1rem; border-bottom:1px solid #D0D0D0; margin-bottom:1.5rem;}
	.title2_con:before { width:80%; height:3.5rem; border:1px solid #D0D0D0;; content:""; left:10%; top:1rem;}

	.title2 .title_info h2 { height:2rem; line-height:2rem; font-size:1.4rem; padding:0 .5rem;}
	.title2 .title_info p { height:1.9rem; font-size:.7rem; line-height:1.9rem;}
	.title2 .title_info h3 { height:1.4rem; line-height:1.4rem; font-size:.9rem; padding:0 .5rem;}
	/**/
	.crumbs { height:3rem; line-height:3rem; border-bottom:1px solid #EEE; background-color:#F0F0F0; }
	.crumbs h2, .crumbs h1 { display:none; float:left; font-size:1rem; font-weight:normal; position:relative; margin-left:2rem;}
	.crumbs h2:after, .crumbs h1:after { width:100%; height:3px; background-color:#D91325; display:block; content:""; left:0; bottom:0; position:absolute;}
	.crumbs h3 { float:none; font-weight:normal; background:url(images/dh.png) no-repeat left center; padding-left:22px; margin:0 .5rem; font-size:.7rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	/**/
	.chanpin { padding: 20px 0;}
	.chanpin-single-image { float: none; width: 100%; height: auto; padding: 10px; margin-bottom: 10px; border: 1px solid #EEE;}
	.chanpin-single-image img { width: 100%; height: auto;}
	.chanpin-single-text { float: none; width: 100%;}
	.chanpin-single-list { padding: 20px 0;}
	.chanpin-single-list li { float: left; display: block; width: 50%; padding-right: 10px; margin-bottom: 10px;}
	/**/
	.about { padding:1rem 0;}
	.about_pic { float:left; width:100%;}
	.about_pic img { width:100%; height:auto;}
	.about_text { float:right; width:100%; line-height:1.1rem; padding:1rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.about_text h2 { height:1.8rem; line-height:1.8rem; font-size:1.1rem; border-bottom:1px dashed #EEE;}
	.about_text h2 span { margin-left:1.5rem}
	.about_text p { line-height:1.4rem; letter-spacing:1px; text-indent:2em; font-size:.9rem}
	/**/
	.advantage { padding:1rem 0;}
	.advantage ul li { float:left; display:block; width:40%; margin:1.7rem 5% auto 5%; }
	.advantage ul li img { display:block; width:76%; height:auto; margin-left:12%;}
	.advantage ul li h2 { line-height:3rem; font-size:1rem;}
	.advantage ul li p { color:#888; line-height:1.2rem; letter-spacing:1px}
	/**/
	.product { padding:1rem 0;}
	.box { width:100%; height:auto; }
	
	.pro { width:100%; height:auto;}
	.pro .prolist { width:100%; height:auto; overflow:hidden;}
	.pro .arrow_left, .pro .arrow_right { display:none;}
	.pro .prolist { width:100%; height:40.8rem; overflow:hidden;}
	.pro .prolist:after  { clear:both; display:table; content:"";}
	.pro .prolist ul { padding:0; list-style:none; width:100%;}
	.pro .prolist ul li { float:left; margin-left:0; margin-bottom:0px!important; width:50%; height:auto; padding:.8rem 1.2rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.pro .prolist ul li img { width:100%; height:10rem;}
	.pro .prolist ul li div { line-height:2rem; height:2rem; text-align:center; white-space:nowrap; word-break:keep-all; overflow:hidden; text-overflow:ellipsis;}
	/**/
	.newbox_list { width:100%; padding:1rem 0; background-color:#F0F0F0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.newbox_list li { display:block; width:100%; float:left; color:#777; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom:1px dashed #CCC; margin:0 0 .5rem 0;}
	.newbox_list .new_time { display:none;}
	.newbox_list .new_text { width:100%; float:none; margin-left:0;}
	.newbox_list .new_text h2 { width:100%; height:1.6rem; line-height:1.6rem; font-size:1.1rem; margin-bottom:.2rem; font-weight:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	.newbox_list .new_text h2 a { font-size:1.1rem; color:#333;}
	/**/
	.newslist { padding:1rem 0 0;}
	.newslist li { padding:.35rem 0 0 0; height:auto; overflow:hidden; margin:0 0 .1rem; border-bottom:1px solid #ddd;}
	.newslist li:after, .newslist li .text { clear:both; display:table; content:"";}
	
	.newslist li .text { padding:.6rem 0; line-height:1.2rem; width:100%; overflow:hidden; font-size:.1rem; float:none; color:#666; }
	.newslist li .text h2 { display:block; font-weight:100; line-height:1.5rem; color:#000000; font-size:1rem;}
	.newslist li .text h2 a, .newslist li .text h2 a:hover { color:#343434; font-weight:normal;}
	.newslist li .text h2 a:hover { color:#f26521;}
	.newslist li .text p { font-size:.7rem;}
	.newslist li .more { display:none;}
	/**/
	.prolist { padding:0 0 .5rem 0;}
	.prolist li { float:left; margin-right:0; margin-bottom:0px!important; width:50%; height:auto; padding:.8rem 1.2rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.prolist li .pic { width:100%; height:9rem; padding:0; border:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.prolist li .pic img { width:100%; height:9rem;}
	.prolist li h2 { line-height:2rem; height:2rem; text-align:center; white-space:nowrap; word-break:keep-all; overflow:hidden; text-overflow:ellipsis;}
	/**/
	.single { padding:1rem 0 0 0;}
	.single h1 { margin-bottom:.5rem; font-size:.9rem; line-height:1.5rem;}
	.single_info { height:2rem; line-height:2rem; border-top:1px solid #DDD; border-bottom:1px solid #DDD; text-align:center;}
	.single_body { padding:1rem 0; line-height:1.3rem; font-size:.8rem;}
	.single_body p { margin-bottom:10px;}
	.single_page { height:60px; line-height:30px;}

	.single_tags { height:auto; padding:0 0 .7rem 0; margin-bottom:.5rem; border-bottom:1px solid #DDD;}
	.single_tags p { float: none; display:block; width:100%; height:1.5rem; line-height:1.5rem;}
	.single_tags .fx { float:none; width:100%; height:2rem; overflow:hidden;}
	.single_tags:after  { clear:both; display:table; content:"";}
/**/
	.page { line-height:26px;}
	.page p { margin-bottom:10px;}
	.page img, .single_body img { max-width:100%; height:auto;}
	/**/
	.newslist:after, .prolist:after, .page:after  { clear:both; display:table; content:"";}
	/**/
	.project { line-height:1.3rem;}
	.project p { margin-bottom:.5rem;}
	.project h1 { font-size:1.2rem; margin-bottom:.75rem;}
	.project h2 { font-size:.9rem; margin-bottom:.75rem;}
	/**/
	.projectnew { padding:1rem;} 
	.projectnew li { display:block; width:100%; padding:.75rem 0; margin:0; height:auto; float:none;}
	.projectnew li h2 { width:100%; height:1.2rem; line-height:1.2rem; font-size:1rem; margin-bottom:.3rem;}
	.projectnew li h2 a { font-size:.9rem; color:#333;}
	.projectnew li p { width:100%; height:1.2rem; line-height:1.2rem; font-size:.75rem; color:#888; overflow:hidden;}
	/**/
	.provinces { padding:1rem; height:auto; line-height:1.2rem; white-space:inherit; overflow:hidden; text-overflow:ellipsis;}
	.provinces a { margin-right:8px; color:#B3B3B3}
	/**/
	.footer { width:100%; min-width:0; background-color:#383838; padding:1rem 0px;}
	.footer .f_nav { display:none;}
	.footer .f_logo { width:10rem; height:2.35rem; margin:1rem auto;}
	.footer .f_logo img { width:10rem; height:2.35rem; vertical-align:top;}
	.footer p { width:100%; font-size:.9rem; line-height:175%; padding:0 1.4rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.footer a { color:#E4E4E4;}
	.footer .code { width:120px; height:150px; position:inherit; right:0px; top:0; margin:0 auto; padding-top:2rem;}
	.footer .code img { width:120px; height:120px; vertical-align:top;}
	.footer .code span { display:block; width:100%; height:26px; line-height:26px; text-align:center; font-size:14px; color:#FEFEFE;}
	
	.ueditor_baidumap { width:100%!important;}
	/**/
	.jishu { padding:40px 0; min-height:450px; background-color:#FFFFFF;}
	.newsl { float:left; width:48%; margin-left:4%;}
	.newsr { float:left; width:48%; margin-left:4%;}

	.jishu>.container>div:nth-child(3n+1) { margin-left:4%;} 
	.jishu>.container>div:nth-child(2n+1) { margin-left:0;} 
	/***/
	.contact_text { width:100%; height:auto;background:#fff; padding:20px;}
	.contact_text h2 { font-size:18px; color:#0E64A8; font-weight:600; line-height:45px;}
	.contact_text p {font-size:14px;line-height:28px;}
	.contact_text span { font-weight:bold;}
}

@media screen and (max-width: 640px) {
	.conbg { padding: 10px 0; background-color: #F5F5F5;}
	.contact_text { padding:10px; background-color: #F5F5F5;}
	.newsl { float:left; width:100%; margin-left:0;}
	.newsr { float:left; width:100%; margin-left:0;}
	.jishu>.container>div:nth-child(3n+1) { margin-left:0;} 
	.contact_tit, .contact_kefu { display: none}
	/**/
	.chanpin-class { position: static; font-size: 16px; padding: 30px 0; border-top: 2px solid #CCC;}
	.chanpin-class h2 { display: block; text-align: center; height: 40px; line-height: 40px; font-size: 16px; font-weight: normal; position: static; left: 0; top: 30px;}
	.chanpin-class-list { padding-left: 0; line-height: 40px;}
	.chanpin-class-list li { display: block; float: left; width: 50%; font-size: 13px; line-height: 30px; padding: 0 5px; margin-right: 0; white-space: nowrap; text-overflow:ellipsis; overflow:hidden;} 
}


.chanpin-class:after, .chanpin-class-list:after, .chanpin-single-info:after, .chanpin-single-list:after, .chanpin-class:after, .chanpin-class-list:after, .top .menu .menubox:after  { clear:both; display:table; content:"";}