.top {width:100%;height:30px;line-height:30px;border-bottom:1px solid #ccc;}
.top_l {}
.top_r {text-align:right;}

.header {padding:30px 0;overflow:hidden;}
.logo img{}
.yu{background: url(../images/shu.png)no-repeat left;padding-left:42px;margin-left:33px;color:#333;font-size:20px;line-height: 50px;}
.toptel{background: url(../images/tel.png)no-repeat right;padding-right:80px;color: #333;line-height: 30px;text-align:right;}
.toptel p {font-size:18px;}
.toptel span {display:block;font-size:20px;color:#666;}

.menu{background: #227af1;}
.nav li{height:50px;line-height:50px;text-align:center;float:left; width:10%;}
.nav li a{display:block;color:#fff;font-size:16px;}
.nav li a:hover,.nav li a.cur{background:#1c64c6;}

/*幻灯Banner*/
.banner {
	position: relative;
	width: 100%;
	overflow: auto;
	font-size: 18px;
	line-height: 24px;
	text-align: center;
	color: rgba(255,255,255,.6);
	text-shadow: 0 0 1px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.3);
	background: #5b4d3d;
	box-shadow: 0 1px 2px rgba(0,0,0,.25);
}
.banner ul {
	list-style: none;
	width: 300%;
}
.banner ul li {
	display: block;
	float: left;
	width: 33%;
	-o-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	box-shadow: inset 0 -3px 6px rgba(0,0,0,.1);
}
.banner ul li img{ max-width:100%;}
.banner .inner {
	padding: 160px 0 110px;
}
.banner h1, .banner h2 {
	font-size: 40px;
	line-height: 52px;
	color: #fff;
}
.banner .btn {
	display: inline-block;
	margin: 25px 0 0;
	padding: 9px 22px 7px;
	clear: both;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	border: 2px solid rgba(255,255,255,.4);
	border-radius: 5px;
}
.banner .btn:hover {
	background: rgba(255,255,255,.05);
}
.banner .btn:active {
	-webkit-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
	-moz-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
	-ms-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
	-o-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
	filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
}
.banner .btn, .banner .dot {
	-webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	-moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	-ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	-o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
}
.banner .dots {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 20px;
}
.banner .dots li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 4px;
	text-indent: -999em;
	border: 2px solid #fff;
	border-radius: 6px;
	cursor: pointer;
	opacity: .4;
	-webkit-transition: background .5s, opacity .5s;
	-moz-transition: background .5s, opacity .5s;
	transition: background .5s, opacity .5s;
}
.banner .dots li.active {
	background: #fff;
	opacity: 1;
}
.banner .arrows {
	position: absolute;
	bottom: 20px;
	right: 20px;
	color: #fff;
}
.banner .arrow {
	display: inline;
	padding-left: 10px;
	cursor: pointer;
}

.word{padding:10px 0;overflow:hidden;border-bottom:1px solid #e5e5e5;}
.hotSearch{width:600px;line-height: 40px;color: #227af1;}
.hotSearch a{margin-right:10px;color:#666;}
.search{position: relative;width: 382px;height: 41px;border: 1px solid #c1c1c1;margin: 8px 0;}
.search_text{width: 250px;height: 41px;color: #000;border: 0px;padding-left: 5px;outline: none;background: none;}
.search_select{width:51px;height:40px;}
.search_select select{display:none;}
.select_box{position:relative;height:20px;}
.search_select .select_showbox{width:40px;color:#989898;background:url(../images/seaBg.png) no-repeat right center;line-height:13px;border-left:1px solid #dedede;padding-left:8px;margin:8px 0px;}
.select_option {position:absolute;top:22px;border: 1px solid #dddddd;border-top: 0px;background: #fff;right: -4px;width:53px;line-height:24px;display:none;}
.select_option li{padding-left:9px;color:#989898;}
.select_option li.hover{background:#f9f9f9;}

.title{background: url(../images/tit.png)no-repeat center 8px;text-align:center;color:#333;}
.title h3{color: #227af1;font-size:24px;font-weight:bold;margin-bottom: 12px;}

.iabout {margin-top:30px;}
.iabo_img {width:400px;}
.iabo_txt {width:760px;}
.iabo_txt p{line-height:30px;}
.more {margin-top: 20px;}
.more a{color:#fff;background:#227af1;padding:8px 20px;}
.more a:hover {background:#1c64c6;}

.heng{height: 110px;}

.ipro {margin-top: 30px;}
.iprol{width:302px;background:#f5f5f5;}
.iprol h3{color: #fff;font-size: 24px;padding-left:60px;padding-top:36px;background: url(../images/protit.jpg) no-repeat;}
.iprol ul{padding:20px;}
.iprol ul li{background:url(../images/dot.png) no-repeat 0px;height:40px;line-height:40px;border:1px dotted #ccc;margin-bottom: 20px; position:relative;}
.iprol ul li:last-child {margin-bottom: 0px;}
.iprol ul li:hover{border:1px dotted #227af1;}
.iprol ul li a{display: inline-block;color: #333;font-size: 16px;padding-left:30px;}
.iprol ul li a:hover{color: #227af1;}

.iprol ul li ul {
	display: none;
	moz-box-shadow: 0px 0px 10px #9E9E9E;
	border-radius: 5px;
	overflow: hidden;
	-webkit-box-shadow: 0px 0px 10px #9E9E9E;
	box-shadow: 0px 0px 10px #9E9E9E;
}
.iprol ul li:hover ul {
	display: block;
	position: absolute;
	left: 265px;
	z-index: 9999;
	top: 0;
	background: #fff;
}
.iprol ul li ul li {
	width: 265px;
	height: 45px;
	margin: 2px 0px;
}
.iprol ul li ul li a {
	padding-left:0;
	display: block;
	line-height: 45px;
	text-align: center;
	color: #333333;
	font-size: 14px;
	background: #fff;
}
.iprol ul li ul li a:hover{ color:#303b69;}


.ipror{width: 880px;}
.iprolist li{float: left;margin-right: 35px;margin-bottom: 40px;width: 270px;position: relative;}
.iprolist li:nth-child(3n){margin-right:0px;}
.iprolist li h3{background: #227af1;height: 45px;line-height: 45px;text-align: center;}
.iprolist li h3 a {display: block;color:#fff;}
.iprolist li>a{ display:block; width:268px; height:268px; border:1px #ddd solid;}
.iprolist li a img{}
.iprolist li a.cp-hover{background: url(../images/probg.png)no-repeat;position: absolute;left:0px;top:0px;width: 100%;height:200px;display: none;}
.iprolist li:hover .cp-hover{display: block;}

.ys{background: url(../images/ys.jpg) no-repeat;margin-top:60px;padding: 60px 0;}
.ys_tit {color:#f8252b;font-size:30px;font-weight:bold;padding-bottom:30px;}
.ys_tit span {display: block;font-size:14px;color: #fff;text-transform: uppercase;}
.ys ul{overflow: hidden;}
.ys ul li{float: left;margin-right: 10px;margin-bottom: 10px;overflow: hidden;width: 595px;height: 350px;cursor: pointer;}
.ys ul li img{width: 250px;height: 350px;float: left;}
.ys ul li .cont{width: 260px;float: left;margin-left: 35px;margin-top: 70px;overflow:hidden;}
.ys ul li .cont span{color: #227af1;font-size: 20px;font-weight: bold;}
.ys ul li .cont p{color: #666;font-size: 16px;line-height: 26px;text-align: justify;margin-top: 20px;height: 138px;}
.ys ul li:nth-child(1){background: url(../images/yb1.png)no-repeat;}
.ys ul li:nth-child(2){background: url(../images/yb2.png)no-repeat;margin-right: 0px;}
.ys ul li:nth-child(2) img{float: right;}
.ys ul li:nth-child(3){background: url(../images/yb3.png)no-repeat;}
.ys ul li:nth-child(4){background: url(../images/yb4.png)no-repeat;margin-right: 0px;}
.ys ul li:nth-child(4) img{float: right;}
.ys ul li:hover{background: #227af1;color: #fff;}
.ys ul li:hover span,.ys ul li:hover p{color: #fff;}

.caselist{margin-top: 30px;}
.caselist li{float: left;width: 270px;height: 230px;position: relative;margin:0 20px;}
.caselist li img{width: 270px;height: 230px;}
.caselist li span{display: block;position: absolute;bottom: 0px;left:0px;height: 36px;line-height: 36px;text-align: center;background: rgba(0,0,0,0.7);width: 100%}
.caselist li span a{color: #fff;}

#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left;width:800%}
#demo1 {float: left;}
#demo2 {float: left;}

#m_demo{overflow:hidden;width:100%;margin:0 auto;}
#m_indemo {float: left;width:800%}
#m_demo1 {float: left;}
#m_demo2 {float: left;}

.inews_tit{background: url(../images/xin.png)no-repeat center 0;text-align: center;color: #333;height:52px;padding-top: 10px;}
.inews_tit h3{color: #227af1;font-size:24px;font-weight:bold;}
.inews_cont{margin-top: 50px;}
.inews_img{width: 300px;height: 380px;}
.inews_ri{width: 900px;border-top:1px solid #ccc;}
.inews_list{padding-left: 40px;margin-top: 10px;}
.inews_list li{overflow: hidden;margin-bottom: 18px;}
.inews_list li .time{text-align: center;}
.inews_list li .time p{color: #333;font-size: 32px;line-height:50px;}
.inews_list li .time span{color: #666;display: block;}
.inews_list li .cont{width: 770px;}
.inews_list li .cont a{color: #227af1;font-size: 16px;}
.inews_list li .cont p{color: #333;line-height: 24px;}

.shangmeng {width:100%;border-bottom: 1px solid #545454;background:#292929;line-height:35px;color:#eee;}
.shangmeng a{color:#eee;margin-right:10px;}

#footer{background:#292929;color:#eee;border-bottom: 1px solid #454545;padding:20px 0;overflow:hidden;}
#footer a{color:#eee;}
.nav_foot{ text-align:center;}
.nav_foot em {font-style:normal;padding:0 20px;}
.ft_cont{width:450px;text-align:center;border-right:1px solid #949494;}
.copyright{background: #171717;padding:20px 0;text-align: center;}

.n_banner{width:1920px;margin-left:-960px;left:50%;position:relative;height:300px;}
.n_banner img{width:1920px;height:300px;}

.container{padding:30px 0;overflow:hidden;}
.left{width:240px;float:left;}
.left .box{margin-bottom:20px;}
.left .box h3{line-height:20px;padding-left:15px;background: url(../images/bt.png) no-repeat 0% 50%;font-size: 16px;color:#000;height:45px;}
.left .box h3 span{font-size:12px;color:#949494;font-family:"Arial";}
.sort{padding:0 10px 0 10px;}
.sort li{margin-top:10px; position:relative;}
.sort li a{color:#333;display:block;line-height:35px;text-align: center;background: #e6e8e7;border-radius: 5px;}
.sort li a:hover{background: #227af1;color: #fff;}
.sort li ul {
	display: none;
	moz-box-shadow: 0px 0px 10px #9E9E9E;
	border-radius: 5px;
	overflow: hidden;
	-webkit-box-shadow: 0px 0px 10px #9E9E9E;
	box-shadow: 0px 0px 10px #9E9E9E;
}
.sort li:hover ul {
	display: block;
	position: absolute;
	left: 220px;
	z-index: 9999;
	top: 0;
	background: #fff;
}
.sort li ul li {
	width: 265px;
	height: 45px;
	margin: 2px 0px;
}
.sort li ul li a {
	padding-left:0;
	display: block;
	line-height: 45px;
	text-align: center;
	color: #333333;
	font-size: 14px;
	border-bottom: 1px #eee solid;
	background: #fff;
}
.sort li ul li a:hover{ color:#fff;}

.left .box .content{padding:10px;}

.right{width:920px;float:right;padding-bottom:10px;}
.crumb{line-height:45px;height:45px;font-size: 16px;border-bottom:1px solid #d8d8d8;}
.right .content{padding:15px 0;}
.prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;text-indent:2em;}

.h20{height: 20px;}
.prolist li{float: left;margin-right:55px;margin-bottom:30px;width: 270px;position: relative;}
.prolist li:nth-child(3n){margin-right:0px;}
.prolist li h3{background: #227af1;height: 45px;line-height: 45px;text-align: center;}
.prolist li h3 a {display: block;color:#fff;}
.prolist li>a{ display:block; width:268px; height:268px; border:1px #ddd solid;}
.prolist li a img{}
.prolist li a.cp-hover{background: url(../images/probg.png)no-repeat;position: absolute;left:0px;top:0px;width: 100%;height:200px;display: none;}
.prolist li:hover .cp-hover{display: block;}

.pages {
    padding: 10px 0 10px; 
    text-align: center;  
}
.pages li {
    display: inline;
    margin:0 5px;
}
.pages li.pages_solid {
    color: #fff;
    background: #227af1;
    padding: 3px 8px;
}
.pages li a {
    padding: 4px 8px;
    border: 1px solid #ccc;
    background: #fff;
    color: #666;
    font-size:12px;
}
.pages li a:hover {
    padding: 3px 8px;
    border: 1px solid #227af1;
    background: #227af1;
    color: #fff;
    text-decoration: none;
}

.newsleft li{background:url(../images/list_dot.gif) no-repeat 0% 50%;padding-left:12px;border-bottom:1px dotted #ccc;}
.newsleft li a{display:block;}

.pic{float: left;width: 120px;}
.pic img {width:120px;height:90px;}
.wenzi{float: right;width: 780px;}
.news_list li{line-height:30px;position:relative;padding:10px 0;overflow:hidden;border-bottom: 1px dashed #cfcfcf;}
.news_list li a{color:#555;font-size:16px;}
.news_list li a:hover{color:#227af1;}
.news_list li span{color:#999;z-index:0;line-height:30px;position:absolute;right:0px;top:10px;}
.news_list li p{color: #666;line-height: 25px;}

.product_detail{padding:5px;}
.product_detail h1{text-align:center;line-height:30px;font-size:18px;border-bottom:1px solid #e0e1dc;margin-bottom:15px;padding-bottom:5px;}
.product_detail .img {text-align:center;}
.product_detail .img img {display:inline;}
.p_detail {padding:20px 0;}

.tag{line-height:30px;border-top:1px dashed #e0e1dc;color:#999;}
.tag a{color:#005a98;}
.tag a:hover{color:#3480ce;}
.pre{line-height:26px;border-top:1px dashed #e0e1dc;}
.pre a{color:#005a98;}
.pre a:hover{color:#3480ce;}

.relate {margin-top:10px;}
.relate h4{width:100px;text-align:center;line-height:30px;color:#fff;background:#227af1;}
#relate_n li{height:30px;line-height:30px;border-bottom:1px dotted #ccc;}
#relate_n li a {width:70%;float:left;}
#relate_n li span {width:28%;float:right;text-align:right;}
#relate_p li {float:left;width:220px;text-align:center;margin-top:10px;margin-right:10px;}
#relate_p li a {display:block;}
#relate_p li img {}
#relate_p li h3 {height:35px;line-height:35px;background:#227af1;}
#relate_p li h3 a {color:#fff;}

.news_detail h1{text-align:center;font-size:18px;border-bottom:1px solid #e0e1dc;margin-bottom:5px;}
.news_detail h6 {line-height:30px;text-align:center;border-bottom:1px dotted #e0e1dc;}

.liuyanban {
	margin: 30px 0;
	padding-top: 30px;
	border-top: 1px #ddd solid;
}
.liuyanban h3 {
	font-size: 24px;
	font-weight: bold;
	color: #333;
	line-height: 50px;
}
.liuyanban h3 span {
	font-size: 16px;
	font-weight: normal;
	color: #666;
}
.liuyanban h3 span b {
	color: #005bac;
	font-weight: bold;
}
.form-group {
	width: 100%;
	margin: 0 auto;
	clear: both;
	box-sizing: border-box;
	padding: 12px;
}
.form-group label {
	float: left;
	font-size: 16px;
	line-height: 35px;
	padding-right: 10px;
	width: 80px;
}
.form-control {
	float: left;
	width: calc(100% - 90px);
	border: 1px #ddd solid;
	height: 45px;
	line-height: 45px;
	box-sizing: border-box;
	padding-left: 10px;
}
.form-control-c {
	float: left;
	width: calc(100% - 90px);
	border: 1px #ddd solid;
	height: 133px;
	line-height: 45px;
	box-sizing: border-box;
	padding-left: 10px;
}
button.form-sub {
	width: 100%;
	margin: 0 auto;
	clear: both;
}
.form-sub {
	height: 40px;
	color: #fff;
	background: #227af1;
	border: none;
}
.form-control-y {
	float: left;
	width: 100px;
	border: 1px #ddd solid;
	height: 30px;
	line-height: 30px;
}





.qrny-contact-tit2{
    width: 100%;
    margin: 0 auto;
    text-align: center;
    color: #333333;
}
.qrny-contact-tit2 p{
    letter-spacing: 5px;
    text-transform: uppercase;
    font-size: 16px;
}
.qrny-contact-tit2 span{
    display: block;
    font-size: 22px;
    line-height: 45px;
	background: #f9f9f9;
}
.qrny-contact-tit2 img{
    display: block;
    margin: 0 auto;
    padding-top: 10px;
}
.qrny-contact-tit2 em{
    font-style: normal;
    font-size: 16px;
    color: #666;
    line-height: 60px;
}
.right_bar{position:fixed; top:calc(90px + 10vh); right:0; width:50px; height:203px; z-index:10; display:none;}
.right_bar li{ width:62px; height:50px; z-index:20; }
.right_bar li.rtbar_li1,.right_bar li.rtbar_li4{ position:absolute; left:0;}
.right_bar li.rtbar_li1{ top:0; width:172px; }
.right_bar li.rtbar_li2{ position:absolute; top:51px; left:0; }
.right_bar li.rtbar_li3{ position:absolute; top:102px; left:0; width:126px; }
.right_bar li.rtbar_li4{ top:153px;}
.rtbar_li4{ position:absolute; top:153px; left:0;}
.right_bar li a{ display:block; color:#FFF; font-size:14px; height:50px; line-height:50px; overflow:hidden; background-color:#39424b; opacity:0.8; border-radius:6px;}
.right_bar li a img{ display:block; float:left; vertical-align:middle; width:24px; height:24px; margin:12px 12px 14px 14px;}
.right_bar li a:hover{ background-color:#227af1; opacity:1;}
.rtbar_shwx{ display:none; position:absolute; top:-30px; left:-142px; padding-bottom:9px; }
.rtbar_shwx img{ padding:10px 10px 20px 10px; background-color:#FFF; }
.rtbar_shwx p{ color:#333; font-size:14px; line-height:20px;}