@charset "utf-8";
body { font-family:Arial;   font-size: 14px;	color:#333; overflow-x:hidden; background:#eee;}
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, big, cite, code, del, em, font, img, ins, small, strong, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {margin: 0; padding: 0;}
input, select {font-size: 12px;	border:none;margin: 0;  padding: 0;	font-family:Arial, Helvetica, sans-serif;}
img { border: 0 none;vertical-align: middle;}
.ie6 img {width:100%;}
a{color:#333;text-decoration:none;}
a:hover{color:#da251b;}
a img {border: 0 none;}
del {text-decoration: line-through;}
i,em {font-style: normal;}
ul, li, dl, dt, dd {  list-style: none outside none;}
.tc {text-align: center;}
.tl {text-align: left;}
.tr {text-align: right;}
.fl{ float:left; display:inline;}
.fr {float: right;display:inline;}
.cl { clear: both;}
.fb { font-weight: bold;}
h1 {font-size: 20px;font-weight:normal;}
h2, h3 { font-size: 18px;font-weight:normal;}
h6 { font-size: 12px;font-weight:normal;}
img, object, embed, video {	max-width: 100%;}
/* IE 6 不支持最大宽度，因此默认为 100% 宽度 */
*, *:after, *:before { border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after { content: ''; display: table; }
.clearfix:after { clear: both; }

.ie6 img {width:100%;}
.clear{clear:both;}

@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/Helvetica.eot');
    src: url('../fonts/Helvetica.eot?#iefix') format('embedded-opentype'),
	 url('../fonts/Helvetica.ttf') format('truetype'),
	 url('../fonts/Helvetica.svg#NeuesBauenDemo') format('svg');
    font-weight: normal;
    font-style: normal;
  }
#container{	width:100%; height:100%; background:#FFF; margin:0 auto;}
.warp,.area{width: 100%;max-width: 1200px;margin:0 auto;}

.passprot{height:42px; background:#172125;}
.pass_left{float:left; color:#eee; line-height:42px;}
.pass_right{width:65%; float:right;}
.passprot span {
    line-height: 48px;
    color: #fc9000;
    font-size: 14px;
    margin-right: 20px;    
	font-weight:bold;
}
.passprot span a{color:#fff;}
.passprot span a:hover{color:#ea222d;}
.t_mail{font-size:14px; color:#eee;float:right;line-height:42px;text-align:left;text-indent:24px; margin-right:2%; }
.t_mail a{color:#eee;}
.t_mail a:hover{color:#c52720;}
.sns_block{height:40px; text-align:right; float:right;}
.sns_block a i{color:#eee;font-size:15px;margin-right:5px; border:1px solid #666; width:30px; height:30px; line-height:30px; text-align:center;-moz-border-radius:30px;-webkit-border-radius:30px;border-radius:30px; margin-top:6px;}
.sns_block a i:hover{color:#c52720;}
.cd-main-header{max-width:1200px; margin:0 auto;}

.navmenu{display:none;}
.nav {width:62%;height:46px; margin-top:27px; float:right; font-family:Arial, Helvetica, sans-serif;margin-right:35px;}
.nav ul .hide, .nav ul .hide a:visited { width:100%; display:block;}
.nav ul li {float:left; position:relative; width:12.2%; }
.nav ul li a {display:block; text-align:center; text-decoration:none; color:#333; height:46px; line-height:46px; font-size:16px; font-weight:bold; }

.nav_block{width:auto;}
.nav_block i{position: absolute; top: -8px; left: 50px; color:#da251b;}
.nav .nav_block li{width:100%; display:block; padding:0;}
.nav ul li .nav_block li a{width:210px; height:40px;line-height:40px;display:block;text-align:left;color:#FFF;text-indent:20px;font-size:14px; border-bottom:1px solid #ddd;float:left;text-transform:Capitalize; border-right:0;}
.nav ul li ul {display: none; background:#fff;}
.nav ul li:hover a {color:#fff; background:#da251b; border-radius: 5px;}
.nav ul li:hover a.down{color:#da251b; }
.nav ul li:hover ul {display:block; position:absolute;top:46px; left:0;;z-index:999; }
.nav ul li:hover ul li a {display:block; background:#fff url("../images/abg_1.png") no-repeat 10px center; color:#333; filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9; border-radius:0 0 0 0;}
.nav ul li:hover ul li a:hover {background:url("../images/abg_1.png") no-repeat 10px center; color:#da251b;}
.nav ul li a.down{color:#fff; background:#da251b; border-radius: 5px;}
.nav ul li a:hover.down{color:#fff;}
#img2{
display:none;

}
#img3{
display:none;

}
#img4{
display:none;

}
#img5{
display:none;

}
#img6{
display:none;

}
#img7{
display:none;

}
#img8{
display:none;

}

/*轮播图 开始display:none;*/
#banner_home {
	display:none;
	position:relative;
	z-index:20;
}
#banner_home  img{width:100%;}
.slidesjs-container{}
.slidesjs-navigation{ 
	display:none; 
	position:absolute; 
	right:10px; 
	bottom:10px; 
	z-index:100;}
.slidesjs-navigation a{
	font:bold 20px/normal simsun;
	text-decoration:none;
	color:#333;}
.slidesjs-previous{}
.slidesjs-next{}
.slidesjs-navigation a:hover{color:#C00}
.slidesjs-pagination{ 
	position:absolute; 
	right:48.5%; 
	bottom:18px; 
	z-index:100;}
.slidesjs-pagination li{
	float:left;
	padding:0 3px;}
.slidesjs-pagination li a{
	display:block;
	width: 13px;
	height:0;
	padding-top:13px;
	background:url(../images/pagination.png) 0 0;
	overflow:hidden;}
.slidesjs-pagination li a.active,.slidesjs-pagination li a:hover.active {background-position: 0 -13px}
.slidesjs-pagination li a:hover {
	background-position: 0 -26px}
/*轮播图 结束*/


.intitle {font-size: 16px; height:20px; line-height:20px; margin: 30px 0 15px 1%; color:#333; background:url("../images/ico_four.png") no-repeat center left; text-indent:18px;}
.intitle_right{width: 17px; height: 17px;  margin-right:1%; margin-top:32px; }
.intitle_right a{background: url("../images/navright.png") no-repeat left bottom; display:block;}
.intitle_right a:hover{background: url("../images/navright.png") no-repeat left top;}
/*产品列表 开始*/

.in_pro h1{font-size:38px;  color:#444; padding:0px 0 10px 0; font-family: "Helvetica"; }
.in_pro h5{font-size:12px; color:#888; line-height:30px; margin-top:20px; font-weight: normal;}
.in_pro_list{line-height:30px; color:#666; margin:25px 0 10px;}
.in_pro_list a{padding:0 10px; font-size:16px; font-weight:bold;}
.in_pro ul{float:left;}

.in_pro{padding-top:15px; padding-bottom:10px;}
.in_pro li{width:25%; margin:10px 0; float:left;}

.in_pro_block{width:100%;float:left;}
.in_pro_block li{width:24.3%;height:auto;float:left;margin:15px 0%;}
.in_pro_block li div{width:100%; height:auto; overflow:hidden;}
.in_pro_block li img{width:100%; height:auto; display:block; cursor: pointer;transition: all 0.5s;}
.in_pro_block li img:hover{ transform: scale(1.1); display:block;}
.in_pro_block li span{line-height:45px; height:45px; font-size:20px; font-weight:bold; overflow:hidden; display:block; background:#eee; padding:0 10px;text-transform: uppercase;}
.main .in_pro_block li span{font-size:14px; text-transform:capitalize; font-weight:normal; text-align:center; line-height:24px; height:58px; overflow:hidden; padding:5px 0;}
.in_pro_block li p,.in_pro_block li .more{background:#eee;line-height:28px; color:#666; font-size:14px; padding:0 10px;}
.in_pro_block li p{height:56px; width:100%; overflow:hidden;}
.in_pro_block li a{color:#333; padding:0 2%; display:block;}
.in_pro_block li a:hover span{color:#fff; background:#da251b;}
.in_pro_block li a:hover p{background:#da251b; color:#eee;}
.in_pro_block li a .more {color:#c52720; line-height:40px; padding-bottom:5px;}
.in_pro_block li a:hover .more{background:#da251b; color:#eee;}

.in_project{width:57%; float:left;}
.in_project h2{font-size:24px;  color:#444; padding:20px 0 10px 0; font-family: "Helvetica";}
.in_project hr{float:left;}
.in_project p{line-height:30px;}
.in_project ul{float:left; width:100%; }
.in_project li{width:31.3%;height:auto;float:left;margin:15px 1%;text-align:center; font-size:14px;}
.in_project li div{width:100%; height:auto; overflow:hidden;}
.in_project li img{width:100%; height:auto; display:block; cursor: pointer;transition: all 0.6s;}
.in_project li img:hover{ transform: scale(1.2); display:block;}
.in_project li span{line-height:40px; height:40px; overflow:hidden; display:block; font-size:14px;}
.in_project li a{color:#333; }
.in_project li a:hover{color:#c52720;}

.in_about{width:39%; float:right;}
.in_about img{width:100%;}
.in_about_lf{width:44%; float:left;}
.in_about h2{font-size:24px;  color:#444; padding:20px 0 20px 0; font-family: "Helvetica";}

.in_about p{line-height:24px; margin-top:6px; color:#666;}
.in_about p span{color:#fc554d;}
.in_about_lf .more a{width:120px; height:35px; line-height:35px; font-size:14px; color:#fff; background:#f23c1d; display:block; text-align:center; -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; margin-top:10px;}
.in_about_lf .more a:hover{color:#fff; background:#da251b;}



.ico_1{display:block; height:30px; line-height:30px; font-size:20px; text-transform: Uppercase; float:left;}
.more a{height:30px;line-height:30px; font-size:12px; color:#666;}
.more a:hover{color:#d52229;}
#menu{display:none;}

.in_con{width:57%; float:left; margin:20px 0;}
.in_con h2{font-size:24px; color:#333; height:40px; font-family: "Helvetica"; line-height:40px; margin-bottom:10px;}
.in_con p{display:block; line-height:30px; color:#666;}

.in_video{width:39%; float:right; margin:20px 0;}
.in_video h2{font-size:24px; color:#333; height:40px; font-family: "Helvetica"; line-height:40px; margin-bottom:10px;    text-transform: uppercase;}


.bottom{width:100%; background:#222f35; margin:0 auto; padding:15px 0;}
.bottom h2{font-size:15px; height:30px; line-height:30px; margin:20px 0 10px; color:#fff; text-transform: Uppercase;}
.b_left{width:45%; float:left;}

.ft_block_1{width:100%; margin-bottom:20px;}
.ft_block_1 .title{
    width:100%;
	height:30px;
	line-height:30px;
	margin:20px 0 10px;
	color:#FFF;
	font-size:15px;
	text-transform:Uppercase;
}
.ft_block_1 li{
    width:45%;
	height:40px;
	line-height:40px;
	margin:0px 5% 0 0;
	float:left;
	border-bottom:1px solid #3d3d3d;
	font-size: 14px;
	overflow:hidden;
}
.ft_block_1 li a{color:#ddd;}
.ft_block_1 li a:hover{color:#c52720;}


.b_pro{font-size:14px;}
.b_pro li{height:36px; line-height:36px; }
.b_pro li a{color:#ccc; background:url("../images/abg_1.png") no-repeat center left; text-indent:10px; display:block;}
.b_pro li a:hover{color:#0075de;}

.b_center{width:45%; float:left; margin-left:4%; }
.lx_news{margin-top:20px;  display:block;}
.lx_news ul{margin-top:10px; float:left;}
.lx_news .more a{ background:#0cabff; color:#fff; line-height:40px; height:40px; text-align:center; font-size:14px; padding:8px 15px;}
.lx_news li{width:100%;	float:left;	display:inline;	padding:0px 0 20px;}
.lx_news_left{	width:28%;	float:left;	text-align:center;	margin-bottom:10px;}
.lx_news_left img{width: 96px;   height: 96px;    -moz-border-radius: 90px;    -webkit-border-radius: 90px;    border-radius: 90px;}
.time{color:#c52720; background:url("../images/ico_time.png") no-repeat center left; text-indent:20px; display:block; font-size:12px;}
.lx_news_right{width:67%;float:right;}
.lx_news_right h3{	font-size:13px;	line-height:36px;height:36px;overflow:hidden;}
.lx_news_right h3 a{color:#FFF;}
.lx_news_right h3 a:hover{color:#c52720; text-decoration:underline;}
.lx_news p{color:#ccc;	line-height:24px;height:48px;width:100%;overflow:hidden;font-size:12px;}


.b_right{width:45%; float:right; }
.ft_contact p{line-height:30px;color:#ddd; margin-bottom:10px; }
.skype a{color:#eee;}
.skype a:hover{color:#c52720;}
.mail a{color:#ff6b64;}
.mail a:hover{color:#c52720;}
	
/*底部 开始*/
#footer{
	width: 100%;
	height: auto;
	overflow: hidden;
	background:#172125;
	padding-top:5px;
	font-size:12px;
	margin:0 auto;
}
.b_nav{width:55%; float:left; color:#999;font-size: 14px;color: #e4e4e4;padding-bottom: 10px;padding-top: 30px;}
.b_nav a{color:#eee; padding:0 5px;}
.b_nav a:hover{color:#f23c1d;}
.copyright{
    width:45%;
	padding:15px 0 20px;
	color:#eee;
    text-align: right;
	float:right;
}
.copyright a{
    color:#eee;
}

.foot_fixed{
	display:none;
	}

/*底部 结束*/

#banner_sub{width:100%;	margin:0; position:relative;}
#banner_sub img{width:100%;}
#banner_sub .warp{position: absolute; z-index:999; bottom: 20px;left: 50%; margin-left: -600px;}
#banner_sub h2{font-size:36px; color:#fff; height:40px; font-family: "Helvetica"; line-height:40px; margin:5px 0; float:left;}
#banner_sub p{line-height:30px; color:#eee; float:right; margin-top:12px;}
#banner_sub p a{color:#EEE;}
#banner_sub p a:hover{color:#da251b;}
#sidebar{width:24%; margin-bottom:20px; margin-top:20px; float:right; }
#sidebar h2{height:40px;line-height:40px;color:#333;font-size:18px; font-family: "Helvetica";}
#breadcrumbnav { color: #333;  font-size: 14px;  line-height: 24px;  width: 100%;  display: block;  text-transform: capitalize;  margin-bottom:15px;  padding:10px 0 6px;}
#breadcrumbnav .area{background:url("../images/bg_home.png") no-repeat 0 5px; text-indent:18px;}
#breadcrumbnav a{color:#333;}
#breadcrumbnav a:hover{color:#f27935;}

#content{width:100%; max-width:1200px; margin:0 auto;}
#content .in_pro{background:#fff; padding-top:0;}
#content .in_pro .thumb-pad-1 .thumbnail{background:#ddd;}
#content .in_pro .thumb-pad-1 .thumbnail.color-1:hover { background-color: #0067b4;}
#content .in_pro h1{font-size:28px; text-align:left; line-height:50px; padding:0 1%; }
#content .in_pro p{text-align:left; padding:0 1%;}

#main .message{width:100%;}
.message{width:100%; margin-top:10px;}
.message .md_hd{margin-bottom:10px; color:#333; font-size:18px;}
.message p{line-height:24px; color:#c70016; margin-bottom:10px; font-size:12px;}
.message input.text {
    border: 1px solid #ccc;
    height: 40px;
    line-height: 28px;
    width: 99%;
    text-indent: 6px;
    color: #666;
}

.u_message{width:100%; margin-bottom: 10px;}
.u_name,.u_mail,.u_tel,.u_country{width:100%; margin-bottom:15px;}
.message select {
    border: 1px solid #ccc;
    height: 40px;
    line-height: 30px;
    width: 96%;
    text-indent: 6px;
    color: #666;
}
.message .commentText {
    background: #fff;
    border: 1px solid #ccc;
    width: 99%;
    height: 70px;
    text-indent: 6px;
    font-size: 13px;
    color: #666;
    line-height: 20px;
    font-family: Arial, Helvetica, sans-serif;
}
.btn{width:100%; text-align:left;}
.submitBtn {
  padding-left: 15px;
  padding-right: 15px;
  height: 36px;
  line-height:36px;
  background-color: #da251b;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
  width:124px;
  -webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
}

.main{width:72%; padding:15px 0 30px; float:left;}
.main p{line-height:26px;}
.pro_title{font-size:24px;  color:#444; padding:0px 0 10px 0; font-family: "Helvetica"; }

.pro_list{width:100%; float:left; margin:15px 0; border-bottom:1px solid #ddd; padding-bottom:10px;}
.pro_list li{float:left; margin-right:18px; font-size:15px; line-height:36px;}
.pro_list li a.show{color:#f27935; font-weight:bold;}
.list_menu{width:100%; height:50px; line-height:50px; background:#025067;}
.pro_number{font-size:17px; color:#fff; margin-left:15px; float:left;}

.pro_tool {float:right; margin-right:10px; width:70px; margin-top:16px;}

#transverse a{background:url("../images/pro_tool.png") no-repeat 1px 0px; width:15px; height:15px; display:block;}
#transverse a:hover{background:url("../images/pro_tool.png") no-repeat 1px -50px;}
#transverse a.show{background:url("../images/pro_tool.png") no-repeat 1px -50px;}
#portrait a{background:url("../images/pro_tool.png") no-repeat 1px -104px; width:15px; height:15px; display:block; margin-left:20px;}
#portrait a:hover{background:url("../images/pro_tool.png") no-repeat 1px -154px;}
#portrait a.show{background:url("../images/pro_tool.png") no-repeat 1px -104px; width:15px; height:15px; display:block; margin-left:20px;}

/***产品横向排列 开始***/
.pro_list_block{margin-top:20px;}
.main .pro_list_block .pro_li p{display:none;}
/***产品横向排列 结束***/

#sidebar_left .pro_li{width:47%; margin:15px 1.5%;}
#sidebar_left .pro_li .nr a{text-align:left; font-size:16px; text-transform: capitalize;}
#sidebar_left .pro_li .nr p{height:48px; line-height:24px; overflow:hidden; color:#666;}
.find_more{height:26px;line-height:26px;width:100%; margin-top:10px;}
.find_more a{color:#FFF; display:block; background:#aaaaaa url("../images/abg_2.png") no-repeat 97% center; padding:0 2%; font-size:12px;}
.find_more a:hover{color:#FFF; background:#F27935 url("../images/abg_2.png") no-repeat 97% center;}
#sidebar_left .pro_li2{width:30%; margin:15px 1.5%;}
.left_case{border-top: 20px solid #fff; padding:10px;}
.left_case a{text-align:center; display:block;}
.left_case img{margin:8px 0; width:100%;}

#sidebar_right{width:69%; float:right; margin-right:1%; padding-top:20px; padding-bottom:20px; border-left:1px solid #ddd; padding-left:3%;margin-top: -15px;}
#sidebar_right .in_news h2{color:#fff;}
#sidebar_right img{width:100%; margin-top:0px;}
#sidebar_right .in_news{width:99%; margin-top:20px;}

.cont{width:100%;height:180px; background:url("../images/cont.jpg") no-repeat top center; margin-top:30px; line-height:32px; padding-top:130px;}
.cont p{margin-left:10px;font-size:14px;}
.cont p span{color:#264b93;}
.cont p a{color:#ff6a00;}
.cont p a:hover{color:#ff6a00; text-decoration: underline;}
.free{background:#f0f0f0 url("../images/ico_36.jpg") no-repeat 91% center; border:1px solid #ffcda9; width:150px; margin-left:10px; text-indent:10px;}

.google_map{margin-top:30px;}
/***products list texiao***/
 .accordion {
 	width: 100%;
 	margin: 0 auto 25px;
 }
.accordion .links {
	cursor: pointer;
	display: block;
	padding: 15px 5px 15px 25px;
	color: #4D4D4D;
	font-size: 14px;
	border-bottom: 1px solid #efefef;
	position: relative;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	font-weight: bold;
}
.accordion li{background:#ddd; margin-bottom:5px;}
.links i {
	position: absolute;
	top: 16px;
	left: 7px;
	font-size: 14px;
	color: #666;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.accordion li i.fa-chevron-down {
	right: 12px;
	left: auto;
	font-size: 16px;
}

.accordion li.open .links a {
	color: #c52720;
	font-weight:bold;
}

.accordion li.open i {
	color: #c52720;
}
.accordion li.open i.fa-chevron-down {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

/**
 * Submenu
 -----------------------------*/
 .submenu {
 	display: none;
 	font-size: 14px;
 }

 .submenu li {
 	border:0;
	border-bottom: 1px dashed #f1f1f1;
	list-style-type:disc;
	display:block;
 }

.submenu a {
 	display: block;
 	text-decoration: none;
 	color: #333333;
 	padding: 12px;
 	padding-left: 20px;
 	-webkit-transition: all 0.25s ease;
 	-o-transition: all 0.25s ease;
 	transition: all 0.25s ease;
	background:url("../images/abg_1.png") no-repeat 8px 17px;
	font-size: 13px;
 }

 .submenu a:hover {
 	background:#c52720 url("../images/abg_2.png") no-repeat 8px 17px;
 	color: #FFF;
 }
/***products list texiao end***/
.fixed{ max-width:322px;}
.side_bt{position:absolute;}

.links .down{color:#d52229;}

.in_news_block li{margin:0px 0 20px;}
.in_news_block li h4{font-size:14px;}
.in_news_block li h4 a {color: #333; font-weight: normal; line-height: 24px;}
.in_news_block li h4 a:hover{color: #c52720;}
.in_news_block li span{font-size:12px; color:#c52720; line-height:25px;}
.in_news_block li p{line-height:24px; color:#999; font-size:13px;}

.menu_head{
	width:100%;
	padding-top:14px;
	padding-bottom:14px;
	color:#111;
	text-indent:15px;
	cursor:pointer;
	position:relative;
	border-bottom:1px solid #fff;
	background:#ddd url(../images/pro_left.png) center right no-repeat;}
.menu_list .current{
	background:#ddd url(../images/pro_down.png) center right no-repeat;}
.menu_body{
	width:100%;
	height:auto;
	overflow:hidden;}
.menu_body a{
	display:block;
	width:100%;
	text-indent:15px;
	padding:10px 0;
	background:#f7f5eb;
	color:#333;
	border-bottom:1px solid #fff;}
.menu_body a:hover{ color:#c1241b;}


/*内页左侧 结束*/
.pro_li{display: inline;float:left;	color:#666;	overflow:hidden;text-align:left;padding:0px;width:31.3%; margin:10px 1%;}
.li_block{margin:5px 3%;}
.nr h3{ line-height:45px; height:45px; overflow:hidden; font-size:14px; font-weight:bold; text-align:center; }
.nr p{line-height:28px;font-size:13px; color:#666; margin-bottom:10px; height:52px;overflow:hidden; text-align:left;}
.fond_more{height:26px;line-height:26px;width:100%;}
.fond_more a{color:#FFF; display:block; background:#333544 url("../images/abg_2.png") no-repeat 97% center; padding:0 2%;}
.fond_more a:hover{color:#FFF; background:#be0a27 url("../images/abg_2.png") no-repeat 97% center;}
.pro_li .txt{line-height:24px; padding:15px;}
.mosaic-backdrop a:hover{ display:block;	opacity:0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";	-moz-opacity:0.8; filter:alpha(opacity=80);}
.mosaic-overlay { display:block;}

.side_news{padding:10px; width:26%; float:right; background:#f1f1f1; border:1px solid #ddd; margin-top:10px;}

.pro_ms{width:100%; background:#f1f1f1;}

#main{
    width:72%;
    height:auto;
	float:right;
	margin-right:1%;
	padding-top:3px;
}
#main h1{ font-size:16px; line-height:40px; background:url("../images/ico_four.png") no-repeat center left; text-indent:20px;}
#main h2{font-size:18px; line-height:40px;}
#main p{line-height:30px;}
.rt_title{
	font-size:18px;
	margin:10px 0;
	height:40px;
	line-height:40px;
	background:#201817 url("../images/ico_13.png") no-repeat 10px center;
	text-indent:35px;
	color:#FFF;
}
.rt_title span{font-size:15px;text-align:right;color:#999; float:right; font-family: mvboli; letter-spacing:0px; font-style:italic;line-height:18px; margin-top:10px;}
.s_mail,.s_tel,.s_qq,.s_skype,.s_whatsapp{font-size:15px;color:#333;margin:10px 25px 10px 0; line-height:24px; float:left;}
.s_qq,.qq{display:none;}

.s_mail a{color:#d52229;}
.s_mail a:hover{color:#d52229; text-decoration:underline;}
.s_whatsapp i{color:#3da32e; font-size:16px; font-weight:bold;}
.s_qq i{color:#fa8e79;}
.s_skype i{color:#64be67; font-size:16px;}
.s_tel i{color:#666;}
.btn_message{
    width: 140px;
	height: 35px;
	line-height: 35px;
	text-indent: 35px;
	font-size: 15px;	
	margin: 10px 10px 10px 15px;
	display:block;
	background: #666 url("../images/btn_message.png") no-repeat 10px 5px;
	-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px
}

.btn_chat{
    width: 140px;
	height: 35px;
	line-height: 35px;
	text-indent: 35px;
	font-size: 15px;	
	margin: 10px 0;
	display:block;
	background: #da251b url("../images/icon_ol.png") no-repeat 10px center;
	-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px
}
.btn_message a,.btn_chat a{
    width:100%;
	color:#FFF;
	height: 35px;
	line-height: 35px;	
	display:block;
}

.btn_chat a:hover{
    width:100%;
	height:35px;
	background:#b20c03 url("../images/icon_ol.png") 10px center no-repeat;
	display:block;
	-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px
}

.btn_message a:hover{
   width:100%;
   height:35px;
   background:#b20c03 url("../images/btn_message.png") no-repeat 10px 5px;
   display:block;
   -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px
}
/*产品详情页 开始*/
#gallery{
	width:57%;
	height:auto;
	float:left;
	display:inline;
	margin-bottom:30px;
}
#gallery h1{
	color:#666666;
	line-height:30px;}
#gallery_nav {
	width: 100%;
	float:right;
}
#gallery_nav img{
	width:24%;
	float:left;
	margin:5px 1% 0 0;
	display:inline;
}
#gallery_output {
	width: 100%;
	overflow: hidden;
	float:left;
}
#gallery_output img {
	width:100%;
}
.gallery_right{
	width:40%;
	float:right;
	margin-bottom:15px;}
.gallery_right h2{
	color:#333;
	font-size:18px;
	line-height:30px;
	padding:10px 0 10px;}
.gallery_right_txt{
	padding:10px 0 12px;
	line-height:28px;
	border-top:1px dashed #d0d0d0;
	border-bottom:1px dashed #d0d0d0;
	font-size:14px;
	color:#666;
}
.gallery_buy{float:left; width:100%;}
.ys{margin:20px 0 8px 0px;	}
.ys img{width:25px;height:25px;margin-right:10px; margin-top:10px;}



#maodian{
	width:100%; 
	height:40px;
	line-height:40px;
	margin-top:20px;
	border-bottom: 1px solid #ddd;
	margin-bottom:10px;
}
#maodian li{
	text-align:center;
	float:left;
}

#maodian li a{
	display:block; 
	color:#333;
	height:40px;
	font-size: 15px;
	padding:0 15px;
	background:#ddd;
	margin-right: 10px;
    border-radius: 5px 5px 0 0;
}

#maodian .selectTag{
    color: #c52720;
    border-bottom: none;
    text-decoration: none;
	font-weight:bold;
	}
#maodian .selectTag a{color:#fff; background:#c52720;}
#maodian .selectTag a:hover{color:#fff; font-weight:bold;}
.title{font-size:18px; font-weight:bold;line-height:30px;}

.md_con {
    width: auto;
    border-top: none;
    padding: 10px;
    margin: 0 auto 30px;
    border: 10px solid #eee;
}

.md_hd{ 
	color:#0067b4;
	line-height:40px; 
	font-size:16px;
	border-bottom:1px dashed #d7d7d7; }
.md_bd{
	width:auto;
	line-height:30px;
	font-size:14px;
}
.md_bd a{color:#0478da;}
.md_bd a:hover{color:#d52229;}
.md_bd img{	width:auto;}

.pro_right li{width:33.3%; float:left;}
.rtitle{
	color: #fff;
	padding: 8px 0px;
	margin-bottom:10px;
	margin-top:15px;
	background:#201817;
}
.rtitle span{font-size:18px; height:22px; line-height:22px; background:url("../images/ico_13.png") no-repeat 10px center; text-indent:35px;}
.rtitle a{color:#EEE; margin-top:2px; margin-right:10px;}
.rtitle a:hover{color:#d8261c;}

.big_title{font-size: 30px; color: #444; padding: 0px 0 10px 0; font-family: Cambria;}
.line28{line-height:28px; color:#666;}



.info{width:100%; height:90px; margin:60px 0 40px;}
.info_lf{width:20%;height:90px;background:#0279b1 url("../images/ico_3.png") no-repeat center center;}
.info_rt{width:80%; height:90px; background:#efefef;}
.info_rt p{margin-top:16px; margin-left:30px; font-weight:bold; line-height:30px;}


/*分页 结束*/
.pagination { position: relative; display: block; margin: 0 0 40px 0; padding-top: 40px; text-align: center; }
.pagination a, .pagination span { display: inline-block; width: 60px; height: 60px; margin: 0 2px 0 0; line-height: 58px; text-align: center; text-decoration: none; border-radius: 1px; border: 2px solid transparent; }
.pagination a.current, .pagination span.current { color: #ffffff; background-color: #da251b; }
.pagination a { font-weight: bold; color: #999999; border-color: #f2f2f2; }
.pagination a:hover { color: #ffffff; border-color: #da251b; background-color: #da251b; }
.page-numbers a:hover i{color: #ffffff;}
/*分页 结束*/


.msg {clear:both;width:100%;border-collapse:collapse;border:1px solid #dcdcdc; border-top:0;font-size:12px;position:relative; margin-bottom:30px;}
.msg .prompt {width:100%;height:35px;line-height:35px;background:#d0d0d0 url("../images/bg_m_tit.jpg") no-repeat;text-indent:40px;}
.msg .prompt span {margin-left:10px;color:#fff; font-size:16px;}
.msg table {margin-left:20px;color:#3e3e3e;font-size:12px;width: 90%;}
.msg table td {height:42px;line-height:42px;}
.msg form input {width:98%;padding-left:5px;height:30px;line-height:12px;border:1px solid #dcdcdc;}
.msg form select {width:196px; height:30px;border: 1px solid #dcdcdc;line-height:28px; margin-right:3px;}
.msg form label {display:block;line-height:14px;margin-bottom:5px}
.msg span.require {color:red; margin-right:5px;}
.msg form .checkbox {width:15px;height:15px;margin-right:10px}
.msg form .radio {width:11px;height:11px; margin-right:2px;}
.msg form .t_submit {width:120px;height:28px;cursor:pointer;padding:0;margin:0px 0 20px;border:none;background:#cb0708;color:#FFF}
.xj_m{width:98%; padding-left:5px; height:80px; border:#cdccd1 1px solid; margin-top:7px; font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height:20px;}
.msg .s_k{width:40%; height:30px; border:#dcdcdc 1px solid;}
.msg .ct{padding:0 18px 0px 18px;color:#000}
.msg .cl{line-height:28px;}
.msg .cl span{margin-right:10px;}
.msg .wl{line-height:27px; padding-top:10px;}
.msg .wl .a{margin-right:27px;}
.msg .wl .b{margin-right:36px;}
.msg .wl .c{margin-right:39px;}
.msg .wl .d{margin-right:30px;}
.msg .wl .aa{margin-right:22px;}
.msg .wl .ab{margin-right:55px;}
.msg .wl .ac{margin-right:41px;}
.msg .wl .ad{margin-right:33px;}
.msg .wl .ba{margin-right:18px;}
.msg label{margin-top:18px;}
.msg font{color:#000}
.msg .message{margin-top:5px;}
.msg strong{font-weight:normal; color:red}

/*新闻列表 开始*/
.listyle02 { width: 90%; line-height: 30px; padding-left: 15px; background: url(../images/abg_1.png) 5px 12px no-repeat; margin:10px 0;}
.more02 a{color:#999;line-height:40px;	display:block;	text-indent:10px;}
.more02 a:hover{color:#ed1e24;}



.news_li{width:100%; margin:10px 0 20px; float:left;}
.in_news_left{width:26%;float:left; overflow:hidden;}
.in_news_right{width:70%;float: left; margin-left: 2%;}
.in_news_right span,.in_news_right span a{width:100%;line-height:35px;height:35px;overflow:hidden;font-size:14px;font-weight:bold;color:#333;}
.in_news_right span a:hover{color:#da251b;}
.in_news_left img{width:100%;float:left;	display:block;  cursor: pointer; transition: all 0.6s;}
.in_news_left img:hover{ transform: scale(1.2); display:block;}
.in_news_right p{width:100%;height:52px;overflow:hidden;float:right;line-height:26px;color: #999;font-size:14px; margin-top:5px;} 
.in_nsws_img{float:right; width:49.3%; margin-top:20px; overflow:hidden;}
.in_nsws_img img{width:100%; display:block;  cursor: pointer; transition: all 0.6s;}    /*width: 94%;*/
.in_nsws_img img:hover{ transform: scale(1.2); display:block;}
.in_news_right .more a{line-height:35px; font-size:14px; color:#444; float:left; }
.in_news_right .more a:hover{color:#c52720;}


.news_block{width:100%;}
.news_block h1{font-size:18px; line-height:30px; margin-bottom:15px; font-weight:bold;}
.news_block p{line-height:28px;}

/*新闻列表 结束*/
.about_title{margin-top:5px; margin-bottom:10px;}
.about_title h2{font-size:30px; text-transform: Uppercase; margin-left:1%; font-weight:bold; margin-bottom:10px;}
.about_title li {float:left; margin:5px 0.5%;  font-size:14px; font-weight:bold;}
.about_title li a{display:block; color:#333; padding:6px 15px 7px; line-height:24px; border:1px solid #ccc;}
.about_title li a:hover{ color:#da251b; border:1px solid #da251b;}
.about_title li a.show{ color:#da251b; border:1px solid #da251b;}
.main .about_nr p{padding:15px 0; font-size:14px; line-height:30px;}
.about_nr a{color:#0478da;}
.about_nr a:hover{color:#da251b;}


.banner-contact{position:relative;height:450px;background:url("../images/contact-bg.jpg");background-position:center center;overflow:hidden;}
.banner-contact .contact-map{position:absolute;top:175px;left:45%;width:325px;padding:15px;background-color:#fff;box-shadow:2px 2px 10px 2px #aaadaf;overflow:hidden;border-radius:5px;
	-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;}
.banner-contact .contact-map h2{font-size:16px;line-height:20px;text-transform:none;margin-bottom:15px;}
.banner-contact .contact-map a{float:right;font-size:14px;padding:5px 8px;color:#cc221c;border:1px solid #cc221c;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;
	-o-border-radius:5px;-ms-border-radius:5px;-webkit-transition:all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.banner-contact .contact-map a:hover{background-color:#cc221c;color:#fff;}

.con_block{padding:10px 20px; margin-bottom:30px; margin-top:10px; width:42%; float:right; }
.con_block h1{font-size:24px; font-family: "Helvetica"; line-height:50px;}
.con_block p{line-height:36px;}


.content{
	line-height:30px;
	width:100%;
	margin:20px 0;
}
.content h2{
	font-size:20px;
	color:#264b93;
	padding: 10px 0;
	text-align: center;
	margin-top:20px;
}
.content h3{
	font-size:18px;
	color:#ec402c;
	text-align: center;
	padding-bottom:10px;}
.content h4{
	color:#999;
	font-size:14px;
	font-weight:normal;
	text-align: center;
	padding:15px 0 10px;}
.content img{
	width: auto;}
.content p{margin-bottom:10px;}
.prenext{
	padding:15px 5px;
	margin-top:30px;
	border-top: 1px dashed #d6d6d6;
	color:#333;}

.pn_item{
	line-height: 30px;
	overflow:hidden;}
.block_01_title{
	 color: #333;
	line-height: 40px;
	font-size: 20px;
	border-bottom: 1px dashed #d7d7d7;
	margin-top:30px;
}
.description_e {
	width: 98%;
	line-height: 24px;
	color: #e31c15;
	padding-top: 10px;
	margin-bottom:20px;
}
.description_f {
	width: 100%;
	margin: 0 auto;
}
.cont_block{margin:20px 0;}


.foot_fixed{display:none;}
#backtotop{
	position:fixed;
	bottom:20px;
	right:5px;
	z-index:999;
	width:60px; 
	cursor:pointer; 
	display:block;
}
#backtotop a{
	display:block;
	outline:none;
	width:60px;
	height:60px;
	background:url("../images/zhu.png") no-repeat;
	_background:url("../images/zhu.gif") no-repeat;
}
#backtotop a:hover{
	background-position:-59px 0;
	text-decoration:none;color:#3a9
}
.mt25{margin-top:25px;}
.white{background:#FFF;}
.bg_gray{background:#ebebeb; border-bottom:1px solid #DDD;}

.c_info{width:30%; float:left; margin-top:30px; }
.c_info h3{font-size:16px;text-transform:uppercase; color:#333; height:30px; line-height:30px;}
.c_info span{color:#f27935; display:block;}
.main .c_info p{line-height:32px; font-size:14px;}
.c_m{width:65%; float:right; margin-top:25px; margin-bottom:30px;}

.ques_block{width:100%;}
.ques_block h2{line-height:30px; font-size:16px;}
.ques_block table{border-top:1px solid #ddd; border-left:1px solid #ddd;border-spacing: 0;}
.ques_block td{line-height:24px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:10px 10px;}
.ques_block td span{font-size:12px;}
.ques_block td input{width:95%; border:1px solid #ccc; height:40px; padding-left:10px; background:#f8f8f8; font-size:14px;}
.ques_block td textarea{width:97%; border:1px solid #ccc; height:80px; padding-left:10px; background:#f8f8f8; font-size:14px; font-family: Arial;}
.ques_block .button {
background: #c52720;
border: none;
padding: 10px 30px 10px 30px;
color: #FFF;
box-shadow: 1px 1px 5px #B6B6B6;
border-radius: 3px;
text-shadow: 1px 1px 1px #9E3F3F;
cursor: pointer;
margin-top:15px;
font-size:15px;
}
.ques_block .button:hover {background: #c20a02;}

#goodcover {
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index: 1001;
	-moz-opacity: 0.7;
	opacity: 0.70;
	filter: alpha(opacity=70);
}
#code {
	width: 60%;
	background-color: #fff;
	padding: 10px;
	position: absolute;
	display: none;
	left: 5%;
	z-index: 1002;
	opacity: 1;
}
.close1 {
	width: 100%;
	height: 40px;
}
#closebt {
	float: right;
}
#closebt img {
	width: 20px;
}
.code-img {
	width: 96%;
	margin: 0px auto 0 auto;
	padding: 10px 2%;
}
.main table {

 border-collapse: collapse!important;
border-spacing: 0;!important;
*padd:  expression(this.cellPadding=0)!important;
}
.tagContent table {

 border-collapse: collapse!important;
border-spacing: 0;!important;
*padd:  expression(this.cellPadding=0)!important;
}
@media screen and (max-width:1440px){
.in_con_lf{padding-left:9%;}
}

@media screen and (max-width:1280px){
.in_con_lf{padding-left:2%;}
.tagContent iframe {
width: 100%!important;
}
.tagContent table {
font-size: 10px!important;

} 

.main table {
font-size: 10px!important;

} 
.main iframe {
width: 100%!important;
}
}

@media screen and (max-width:1100px){
#code{width:80%;}
}

@media screen and (max-width:1008px){
.slidesjs-pagination {
    right: 40%!important;
	}
.warp, .area{width:98%;}
div.fixedNav #logo{width:98%;}
.inquiry{display:none;}
#logo{
	width:98%;
	float:none;
	height:80px;
	margin:0 1%;
	position:relative;}
.logo_fl{float:left; width:150px;}
.logo_fl img{
	width:100%;}
.navmenu{
	width:70px;
	height:60px;
	float:right;
	display:block;}
#nav-toggle {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 0;
  cursor: pointer;
  width: 70px;
  height: 70px;
  float: right;
  text-indent: -9999px;
  overflow: hidden;
  background: #ee1c25 url(../images/hamburger.gif) no-repeat 50% 45%;}
.nav {
	width:100%;
	height:100%;
	float:none;
	position:absolute;
	z-index:1000;
	
}
.nav ul li{
	width:100%;	overflow:hidden;}
.nav ul li a { 
	display:block; 
	font-size:14px;
	height:46px;
	line-height:46px;
	background:#fff;
	border-bottom:1px solid #ededed;}
.nav ul l a:hover{
	color:#FFF; 
	background:#b10e07;}
.nav ul li .nav_block li a{display:none;}
.nav .nav_block li{display:none;}

.new_block{width:100%;}

#sidebar{display:none;}
.main{width:98%; margin-left:1%; border:0; padding-right:0;}
#menu { width:100%; 
	margin:0 auto 10px; 
	
	position:relative;
	z-index:0;}
#menu h2 { 
	color: #fff;
  	width:100%;
  	height:40px;
  	line-height:40px;
  	padding:0 0%;
  	cursor: pointer;
  	background:#666 url(../images/menu.png) 96% center no-repeat;
  	border:none;
	font-weight:normal;
	text-indent:10px;
	font-size:18px;
	font-family: "Helvetica";
  	margin:0 auto;}
#menu h3{
	color:#000;
	padding:12px 15px;
	display:block;
	font-size: 14px;
	background:#eee;
	border-bottom:1px solid #fff;}
#menu h3 a{display:block;}
#menu ul { 
	padding-left:15px; 
	border:#E7E7E7 1px solid; 
	border-top:none;
	overflow:auto;}
#menu ul li {
	padding:5px 0 3px 10px;}
.no { display:none;}

.side_news{width:94%; margin-right:2%;}
.news_block{width:98%; margin:10px 1%;}
.in_con_rt{display:none;}
.in_con_lf{width:96%;}

}
@media screen and (max-width:1199px){
	#banner_sub .warp{display:none;}
}
@media screen and (max-width:910px){
.pass_left{display:none;}
}

/* 平板电脑布局: 横向*/	
@media screen and (max-width:768px){
#menu {
	display: block;
	}
.logo_txt{display:none;}
.t_tel{display:none;}
.top{position:relative;height: 85px;}
.in_news ul{width:97.3%;}
.in_nsws_img{width:100%;}
.partner li{width:30.5%}

.in_pro {margin-bottom:0px;}
.in_pro li{width:50%;}
#content .in_pro_block li{width:50%;}
.in_project{width:100%;}
.in_video{width:100%; margin-top:0;}
.in_video img{width:100%;}
.in_about{width:100%; padding-bottom:10px;}
.in_con{width:100%;}
#content .in_con{width:98%; margin-left:1%;}
.con_block{width:100%;}
.b_left,.b_center,.b_right{width:98%; margin:0 1%;}
.ft_contact{width:100%;}
.sidebar{ display:none;}
#main{width:98%; margin:10px 1%;}
.owl-item{width:33.33%;}
.pro_left .pro_li{width:98%;}

.message{width:98%;}

#gallery{width:96%;margin-left:1%;}
.gallery_right{width:98%; margin-right:1%;}

.rec_li{	 
	width:46%;
	float:left;
	display:inline;
	overflow:hidden; 
	margin:10px 2% 20px;}
.bottom dt {
	font-size:18px;}
.bottom dl.width01{
	width:48%;
	padding-left:1%;
	padding-right:1%;}
.bottom dl.width02{
	width:96%;
	padding-left:1%;
	padding-right:1%;}
.bottom dl.width03{
	width:96%;
	padding-left:1%;
	padding-right:1%;}
#leftsidebar h1{
	text-indent:10px;
	font-size:24px;
	padding:12px 0;}
.list a{
	padding:8px 10px;
	display:block;}
#leftsidebar{
	font-size: 12px;}
.listyle01{
	width:47%;
	margin:0 1.5% 10px;
}
.carousel-control{display:none;}

.news_li{width:98%;}
.con_block ul li{width:46%;}
.b_nav{width:100%; float:none; text-align:center;}
.copyright{width:100%;float:none; text-align:center;}
}


@media screen and (max-width:770px){
.navigation .nav_list ul li .nav_block li{ display:none;}
#banner_sub p{width:100%; float:left;}
.in_features li{width:49%;}
.head_social img{
	width:70%;}

.pro_right li{width:50%;}
.module_title01{
	font-size:24px;}
.contactt_half{
	width: 100%;
	float: left;
	padding-bottom: 25px;
}
.bt_nav{ display: none;}
.bottom dl.width01{
	width:98%;
	padding-left:1%;
	padding-right:1%;}
.bottom dl.width02{
	width:94%;
	padding-left:1%;
	padding-right:1%;}
.bottom dl.width03{
	width:96%;
	padding-left:1%;
	padding-right:1%;}
#leftsidebar{
	display: none;}
#rightsidebar{
	width:100%;}

.md_con form {
	width: 100%;}
#backtotop{
	display:none;}
.copyright{
	text-align: center;
	margin-bottom:50px;}
.message_yxxhl li{width:98%;}
.message_yxxhl li.comment_yxxhl{width:98%; margin:0;}
.message_yxxhl .m_btn{width:98%;}
.foot_fixed{
	width:100%;
	display:block;
	height:70px;
	position:fixed;
	z-index:10000;
	bottom:0;}
.foot_top{width: 100%; height: 20px; background: url(../images/btop.png) center top no-repeat;}
.foot_color{ width: 100%; height: 50px; background:#1a1a1a;}
.foot_fixed li{
	width:19%;
	height:50px;
	float:left;
	text-align:center;}
.foot_fixed img{width: auto;}
.foot_fixed li.spcial{width: 24%;}
.foot_fixed li.spcial img{ margin-top: -10px; margin-bottom:5px;}
.foot_fixed a{
	width:100%;
	color: #fff;
	font-size: 0.75em;
	padding:10px 0 5px 0;
	display:block;}
.foot_fixed a:hover{ background:#d52229;}
.c_info{width:100%;}
.c_m{width:100%;}
.case_li{width:48%;}
.banner-contact .contact-map{display:none;}
#code{width:90%;}
}
     
@media all and (max-width: 480px) {
.nav_list ul li a{font-size:12px;}
.t_tel,.search,.t_mail{display:none;}
.in_pro h1{font-size:25px;}
.in_pro li{width:100%;}
.in_features li{width:99%;}

.in_news_left{width:100%;}
.in_news_right{width:100%;}
.rec_li{	 
	width:96%;
	float:left;
	display:inline;
	overflow:hidden; 
	margin:10px 2% 20px;}
.md_con form label textarea {
	width: 80%;}
.service li{width:96%;	margin:10px 2% 20px;}
.service h3{font-size:20px;} 
.owl-item{width:50%;}
.ft_block_2{width:98%;margin-left:1%;}
.ft_block_1{width:98%;}
.listyle02,.listyle03{
	width:96%;
	margin:10px 2%;}
.sm{height:168px;}
.sm li{width:50%;}
.info_rt p{display:none;}
.about_img{width:98%; margin:10px 1%;}
.about_nr_text{width:98%; margin:10px 1%;}
.commentText_yxxhl{width:93%;}

#sidebar_left .pro_li{width:97%; margin:15px 1.5%;}
.con_block ul li{width:90%; margin-left:3%; height:auto; line-height:24px;}

#content .in_pro h1{font-size:23px;}
.cd-logo img{width:210px!important;}
	
}
@media all and (max-width: 320px) {
.search{display:none;}
.in_pro li{width:100%;}
#content .in_pro_block li{width:100%;}
.module_left h1{
	font-size:20px;}
.module_left{
	line-height: 24px;}
#gallery_nav img{
	width: 22%;}
.gallery_btn a{
	width:150px;
	height:35px;
	margin-bottom: 15px;}
.maodian li a{
	font-size: 12px;}
#showArea img{width:22%; margin:0 0.4% 5px;}
.md_con form label input{
	width: 98%;}
.md_con form label textarea{
	width: 98%;}
#main .pro_li{width:98%; margin:10px 1%;}
.nav ul li a{font-size:12px;}
.case_li{width:98%;}
}





@media only screen and (max-width: 1169px) {
  body.nav-on-left.overflow-hidden {
    overflow: hidden;
  }
}

a {
  text-decoration: none;
}

img {
  /* make images responsive */
  max-width: 100%;
}

input[type="search"]::-ms-clear {
  /* removes close icon - IE */
  display: none;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}

/* -------------------------------- 

Main components 

-------------------------------- */
.cd-main-content, .cd-main-header {
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  will-change: transform;
}

.cd-main-content, .cd-main-header {
  position: relative;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
@media only screen and (max-width: 1169px) {
  .cd-main-content.nav-is-visible, .cd-main-header.nav-is-visible {
    -webkit-transform: translateX(-260px);
    -moz-transform: translateX(-260px);
    -ms-transform: translateX(-260px);
    -o-transform: translateX(-260px);
    transform: translateX(-260px);
  }
  .nav-on-left .cd-main-content.nav-is-visible, .nav-on-left .cd-main-header.nav-is-visible {
    -webkit-transform: translateX(260px);
    -moz-transform: translateX(260px);
    -ms-transform: translateX(260px);
    -o-transform: translateX(260px);
    transform: translateX(260px);
  }
}

.cd-main-content {
  background: #e2e3df;
  z-index: 2;
}

.cd-main-header {
  height: 50px;
  background: #ffffff;
  z-index: 3;
}
.nav-is-fixed .cd-main-header {
  /* add .nav-is-fixed class to body if you want a fixed navigation on > 1170px */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}
@media only screen and (min-width: 1009px) {
  .cd-main-header {
    height: 90px;
  }
  .cd-main-header:after {
    content: "";
    display: table;
    clear: both;
  }
}

.cd-logo {
  position: absolute;
  top: 12px;
  left: 1%;
}
.cd-logo img {
  display: block;
}
@media only screen and (max-width: 1169px) {
  .nav-on-left .cd-logo {
    left: auto;
    right: 5%;
  }
  .cd-logo img{width:300px; margin-top: 15px;}
}

@media only screen and (min-width: 1170px) {
  .cd-logo {
    top: 18px;
    left: 0px;
  }
}

.cd-header-buttons {
  position: absolute;
  display: inline-block;
  top: 3px;
  right: 0%;
}
.cd-header-buttons li {
  display: inline-block;
}
@media only screen and (max-width: 1169px) {
  .nav-on-left .cd-header-buttons {
    right: auto;
    left: 5%;
  }
  .nav-on-left .cd-header-buttons li {
    float: right;
  }
}
@media only screen and (min-width: 1009px) {
  .cd-header-buttons {
    top: 27px;
    right: 0px;
  }
}

.cd-search-trigger, .cd-nav-trigger {
  position: relative;
  display: block;
  width: 44px;
  height: 44px;
  overflow: hidden;
  white-space: nowrap;
  /* hide text */
  color: transparent;
  z-index: 3;
  text-indent: 999px;
}

.cd-search-trigger::before, .cd-search-trigger::after {
  /* search icon */
  content: '';
  position: absolute;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.cd-search-trigger::before {
  /* lens */
  top: 11px;
  left: 11px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 3px solid #2e3233;
}
.cd-search-trigger::after {
  /* handle */
  height: 3px;
  width: 8px;
  background: #2e3233;
  bottom: 14px;
  right: 11px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.cd-search-trigger span {
  /* container for the X icon */
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.cd-search-trigger span::before, .cd-search-trigger span::after {
  /* close icon */
  content: '';
  position: absolute;
  display: inline-block;
  height: 3px;
  width: 22px;
  top: 50%;
  margin-top: -2px;
  left: 50%;
  margin-left: -11px;
  background: #2e3233;
  opacity: 0;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  -moz-transition: opacity 0.3s, -moz-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
}
.cd-search-trigger span::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.cd-search-trigger span::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.cd-search-trigger.search-is-visible::before, .cd-search-trigger.search-is-visible::after {
  /* hide search icon */
  opacity: 0;
}
.cd-search-trigger.search-is-visible span::before, .cd-search-trigger.search-is-visible span::after {
  /* show close icon */
  opacity: 1;
}
.cd-search-trigger.search-is-visible span::before {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.cd-search-trigger.search-is-visible span::after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.cd-nav-trigger span, .cd-nav-trigger span::before, .cd-nav-trigger span::after {
  /* hamburger icon in CSS */
  position: absolute;
  display: inline-block;
  height: 3px;
  width: 24px;
  background: #2e3233;
}
.cd-nav-trigger span {
  /* line in the center */
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -2px;
  -webkit-transition: background 0.3s 0.3s;
  -moz-transition: background 0.3s 0.3s;
  transition: background 0.3s 0.3s;
}
.cd-nav-trigger span::before, .cd-nav-trigger span::after {
  /* other 2 lines */
  content: '';
  right: 0;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-transition: -webkit-transform 0.3s 0.3s;
  -moz-transition: -moz-transform 0.3s 0.3s;
  transition: transform 0.3s 0.3s;
}
.cd-nav-trigger span::before {
  /* menu icon top line */
  top: -6px;
}
.cd-nav-trigger span::after {
  /* menu icon bottom line */
  top: 6px;
}
.cd-nav-trigger.nav-is-visible span {
  /* hide line in the center */
  background: rgba(46, 50, 51, 0);
}
.cd-nav-trigger.nav-is-visible span::before, .cd-nav-trigger.nav-is-visible span::after {
  /* keep visible other 2 lines */
  background: #2e3233;
}
.cd-nav-trigger.nav-is-visible span::before {
  -webkit-transform: translateX(4px) translateY(-3px) rotate(45deg);
  -moz-transform: translateX(4px) translateY(-3px) rotate(45deg);
  -ms-transform: translateX(4px) translateY(-3px) rotate(45deg);
  -o-transform: translateX(4px) translateY(-3px) rotate(45deg);
  transform: translateX(4px) translateY(-3px) rotate(45deg);
}
.cd-nav-trigger.nav-is-visible span::after {
  -webkit-transform: translateX(4px) translateY(2px) rotate(-45deg);
  -moz-transform: translateX(4px) translateY(2px) rotate(-45deg);
  -ms-transform: translateX(4px) translateY(2px) rotate(-45deg);
  -o-transform: translateX(4px) translateY(2px) rotate(-45deg);
  transform: translateX(4px) translateY(2px) rotate(-45deg);
}
@media only screen and (min-width: 1170px) {
  .cd-nav-trigger {
    display: none;
  }
}

.cd-primary-nav, .cd-primary-nav ul {
  position: fixed;
  top: 0;

  height: 100%;
  width: 260px;
  background: #2e3233;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 1;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
.cd-primary-nav a, .cd-primary-nav ul a {
  display: block;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  color: #ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-bottom: 1px solid #3a3f40;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  will-change: transform, opacity;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  -moz-transition: -moz-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
}
.cd-primary-nav.is-hidden, .cd-primary-nav ul.is-hidden {
  /* secondary navigations hidden by default */
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.cd-primary-nav.moves-out > li > a, .cd-primary-nav ul.moves-out > li > a {
  /* push the navigation items to the left - and lower down opacity - when secondary nav slides in */
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  opacity: 0;
}

@media only screen and (max-width: 1169px) {
  .nav-on-left .cd-primary-nav, .nav-on-left .cd-primary-nav ul {
    right: auto;
    left: 0;
  }
}
.cd-primary-nav .see-all a {
  /* different style for the See all button on mobile and tablet */
  color: #69aa6f;
}
.cd-primary-nav .cd-nav-gallery .cd-nav-item, .cd-primary-nav .cd-nav-icons .cd-nav-item {
  /* items with picture (or icon) and title */
  height: 80px;
  line-height: 80px;
}
.cd-primary-nav .cd-nav-gallery .cd-nav-item h3, .cd-primary-nav .cd-nav-icons .cd-nav-item h3 {
  overflow: hidden;
  text-overflow: ellipsis;
}
.cd-primary-nav .cd-nav-gallery .cd-nav-item {
  padding-left: 90px;
}
.cd-primary-nav .cd-nav-gallery .cd-nav-item img {
  position: absolute;
  display: block;
  height: 40px;
  width: auto;
  left: 20px;
  top: 50%;
  margin-top: -20px;
}
.cd-primary-nav .cd-nav-icons .cd-nav-item {
  padding-left: 75px;
}
.cd-primary-nav .cd-nav-icons .cd-nav-item p {
  color: #2e3233;
  font-size: 1.3rem;
  /* hide description on small devices */
  display: none;
}
.cd-primary-nav .cd-nav-icons .cd-nav-item::before {
  /* item icon */
  content: '';
  display: block;
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -20px;
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 40px 40px;
}
.cd-primary-nav .cd-nav-icons .cd-nav-item.item-1::before {
  background-image: url("../img/line-icon-1.svg");
}
.cd-primary-nav .cd-nav-icons .cd-nav-item.item-2::before {
  background-image: url("../img/line-icon-2.svg");
}
.cd-primary-nav .cd-nav-icons .cd-nav-item.item-3::before {
  background-image: url("../img/line-icon-3.svg");
}
.cd-primary-nav .cd-nav-icons .cd-nav-item.item-4::before {
  background-image: url("../img/line-icon-4.svg");
}
.cd-primary-nav .cd-nav-icons .cd-nav-item.item-5::before {
  background-image: url("../img/line-icon-5.svg");
}
.cd-primary-nav .cd-nav-icons .cd-nav-item.item-6::before {
  background-image: url("../img/line-icon-6.svg");
}
.cd-primary-nav .cd-nav-icons .cd-nav-item.item-7::before {
  background-image: url("../img/line-icon-7.svg");
}
.cd-primary-nav .cd-nav-icons .cd-nav-item.item-8::before {
  background-image: url("../img/line-icon-8.svg");
}
@media only screen and (max-width: 1169px) {
  .cd-primary-nav {
    /* by default .cd-primary-nav is hidden - trick for iOS devices where you can see the navigation if you pull down */
    visibility: hidden;
    -webkit-transition: visibility 0s 0.3s;
    -moz-transition: visibility 0s 0.3s;
    transition: visibility 0s 0.3s;
  }
  .cd-primary-nav.nav-is-visible {
    visibility: visible;
    -webkit-transition: visibility 0s 0s;
    -moz-transition: visibility 0s 0s;
    transition: visibility 0s 0s;
	right:0;
  }
}

@media only screen and (min-width: 1170px) {
  .cd-primary-nav {
    position: static;
    padding: 28px 60px 0 0;
    width: auto;
    float: right;
    overflow: visible;
    background: transparent;
  }
  .cd-primary-nav:after {
    content: "";
    display: table;
    clear: both;
  }
  .cd-primary-nav.moves-out > li > a {
    /* reset mobile style */
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  .cd-primary-nav ul {
    position: static;
    height: auto;
    width: auto;
    background: transparent;
    overflow: visible;
    z-index: 3;
  }
  .cd-primary-nav ul.is-hidden {
    /* reset mobile style */
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  .cd-primary-nav ul.moves-out > li > a {
    /* reset mobile style */
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  .cd-primary-nav > li {
    float: left;
    margin-left: 18px;
  }
  .cd-primary-nav > li > a {
    /* main navigation buttons style */
    position: relative;
    display: inline-block;
    padding:0 5px;
    color: #2e3233;
    overflow: visible;
    border-bottom: none;
    -webkit-transition: color 0.3s, box-shadow 0.3s;
    -moz-transition: color 0.3s, box-shadow 0.3s;
    transition: color 0.3s, box-shadow 0.3s;
	font-size:16px;
	font-weight:bold;
  }
  .cd-primary-nav > li > a:hover {
    color: #fff;
	background:#c52720;
	border-radius:5px;
	padding:0 5px;
  }
  .cd-primary-nav > li > a.selected {
    color: #fff;
    box-shadow: inset 0 -2px 0 #c52720;
	background:#c52720;
	border-radius:5px;
  }
  .cd-primary-nav .go-back, .cd-primary-nav .see-all {
    display: none;
  }
  .cd-primary-nav .cd-secondary-nav, .cd-primary-nav .cd-nav-gallery, .cd-primary-nav .cd-nav-icons {
    /* dropdown menu style */
    position: absolute;
    top: 70px;
    background: #ccc;
    padding: 10px 20px;
    box-shadow: inset 0 1px 0 #e2e3df, 0 3px 6px rgba(0, 0, 0, 0.05);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
	border-radius: 5px 5px 0 0;
  }
  .cd-primary-nav .cd-secondary-nav:after, .cd-primary-nav .cd-nav-gallery:after, .cd-primary-nav .cd-nav-icons:after {
    content: "";
    display: table;
    clear: both;
  }
  .cd-primary-nav .cd-secondary-nav.is-hidden, .cd-primary-nav .cd-nav-gallery.is-hidden, .cd-primary-nav .cd-nav-icons.is-hidden {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
  }
  .cd-primary-nav .cd-secondary-nav > .see-all, .cd-primary-nav .cd-nav-gallery > .see-all, .cd-primary-nav .cd-nav-icons > .see-all {
    /* this is the BIG See all button at the bottom of the dropdown menu */
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 80px;
    width: 100%;
    overflow: hidden;
    /* reset some inherited style */
    margin: 0;
    padding: 0;
  }
  .cd-primary-nav .cd-secondary-nav > .see-all a, .cd-primary-nav .cd-nav-gallery > .see-all a, .cd-primary-nav .cd-nav-icons > .see-all a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    font-size: 2.2rem;
    font-weight: bold;
    text-align: center;
    line-height: 80px;
    border-top: 1px solid #e2e3df;
    /* reset some inherited style */
    border-bottom: none;
    margin: 0;
    padding: 0;
    -webkit-transition: color 0.2s, background 0.2s, border 0.2s;
    -moz-transition: color 0.2s, background 0.2s, border 0.2s;
    transition: color 0.2s, background 0.2s, border 0.2s;
  }
  .cd-primary-nav .cd-secondary-nav > .see-all a:hover, .cd-primary-nav .cd-nav-gallery > .see-all a:hover, .cd-primary-nav .cd-nav-icons > .see-all a:hover {
    background: #2e3233;
    border-color: #2e3233;
    color: #ffffff;
  }
  .cd-primary-nav .cd-secondary-nav > li {
    /* change the height according to your needs - you can even set height: auto */

    /* here you set the number of columns - use width percentage */
    width: 100%;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .cd-primary-nav .cd-secondary-nav > li:nth-child(4n+2) {
    /* +2 because we have 2 list items with display:none */
    margin-right: 0;
    border-right: none;
  }
  .cd-primary-nav .cd-secondary-nav > li > a {
    /* secondary nav title */
    color: #333;
    font-size: 14px;	
  }
  .cd-primary-nav .cd-secondary-nav a {
    height: 35px;
    line-height: 35px;
    padding: 0;
    color: #2e3233;
    border-bottom: none;
    font-size: 14px;
	font-weight:bold;
  }
  .cd-primary-nav .cd-secondary-nav a:hover {
    color: #c52720;
  }
  .cd-primary-nav .cd-secondary-nav ul {
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
  }
  .cd-primary-nav .cd-secondary-nav ul ul {
    /* tertiary navigation */
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
  }
  .cd-primary-nav .cd-secondary-nav ul ul.is-hidden {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
  .cd-primary-nav .cd-secondary-nav ul ul .go-back {
    display: block;
  }
  .cd-primary-nav .cd-secondary-nav ul ul .go-back a {
    color: transparent;
  }
  .cd-primary-nav .cd-secondary-nav ul ul .see-all {
    display: block;
  }
  .cd-primary-nav .cd-secondary-nav .moves-out > li > a {
    /* push the navigation items to the left - and lower down opacity - when tertiary nav slides in */
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  .cd-primary-nav .cd-nav-gallery li {
    /* set here number of columns - use width percentage */
    width: 22%;
    float: left;
    margin: 0 4% 40px 0;
  }
  .cd-primary-nav .cd-nav-gallery li:nth-child(4n+2) {
    /* +2 because we have two additional list items with display:none */
    margin-right: 0;
  }
  .cd-primary-nav .cd-nav-gallery .cd-nav-item {
    border-bottom: none;
    padding: 0;
    height: auto;
    line-height: 1.2;
  }
  .cd-primary-nav .cd-nav-gallery .cd-nav-item img {
    position: static;
    margin-top: 0;
    height: auto;
    width: 100%;
    margin-bottom: .6em;
  }
  .cd-primary-nav .cd-nav-gallery .cd-nav-item h3 {
    color: #69aa6f;
    font-weight: bold;
    padding: 0 .4em;
  }
  .cd-primary-nav .cd-nav-icons li {
    /* set here number of columns - use width percentage */
    width: 32%;
    float: left;
    margin: 0 2% 20px 0;
  }
  .cd-primary-nav .cd-nav-icons li:nth-child(3n+2) {
    /* +2 because we have two additional list items with display:none */
    margin-right: 0;
  }
  .cd-primary-nav .cd-nav-icons .cd-nav-item {
    border-bottom: none;
    height: 80px;
    line-height: 1.2;
    padding: 24px 0 0 85px;
  }
  .cd-primary-nav .cd-nav-icons .cd-nav-item:hover {
    background: #f6f6f5;
  }
  .cd-primary-nav .cd-nav-icons .cd-nav-item h3 {
    color: #69aa6f;
    font-weight: bold;
  }
  .cd-primary-nav .cd-nav-icons .cd-nav-item p {
    display: block;
  }
  .cd-primary-nav .cd-nav-icons .cd-nav-item::before {
    left: 25px;
  }
}
.has-children > a, .go-back a {
  position: relative;
}
.has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {
  /* arrow icon in CSS - for element with nested unordered lists */
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -1px;
  display: inline-block;
  height: 2px;
  width: 10px;
  background: #464c4e;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.has-children > a::before, .go-back a::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.has-children > a::after, .go-back a::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
@media only screen and (min-width: 1170px) {
  .has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {
    background: #c9cbc4;
  }
  .has-children > a:hover::before, .has-children > a:hover::after, .go-back a:hover::before, .go-back a:hover::after {
    background: #69aa6f;
  }
}

.has-children > a {
  padding-right: 40px;
}
.has-children > a::before, .has-children > a::after {
  /* arrow goes on the right side - children navigation */
  right: 20px;
  -webkit-transform-origin: 9px 50%;
  -moz-transform-origin: 9px 50%;
  -ms-transform-origin: 9px 50%;
  -o-transform-origin: 9px 50%;
  transform-origin: 9px 50%;
}

.cd-primary-nav .go-back a {
  padding-left: 40px;
}
.cd-primary-nav .go-back a::before, .cd-primary-nav .go-back a::after {
  /* arrow goes on the left side - go back button */
  left: 20px;
  -webkit-transform-origin: 1px 50%;
  -moz-transform-origin: 1px 50%;
  -ms-transform-origin: 1px 50%;
  -o-transform-origin: 1px 50%;
  transform-origin: 1px 50%;
}

@media only screen and (min-width: 1170px) {
  .has-children > a::before, .has-children > a::after {
    right: 15%;
  }

  .cd-primary-nav > .has-children > a {
    /* main navigation arrows on larger devices */
    padding-right: 15px !important;
  }
  .cd-primary-nav > .has-children > a::before, .cd-primary-nav > .has-children > a::after {
    width: 6px;
    -webkit-transform-origin: 50% 80%;
    -moz-transform-origin: 50% 80%;
    -ms-transform-origin: 50% 80%;
    -o-transform-origin: 50% 80%;
    transform-origin: 50% 80%;
    background: #c9cbc4;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: width 0.3s, -webkit-transform 0.3s;
    -moz-transition: width 0.3s, -moz-transform 0.3s;
    transition: width 0.3s, transform 0.3s;
  }
  .cd-primary-nav > .has-children > a::before {
    right: 4px;
  }
  .cd-primary-nav > .has-children > a::after {
    right: 0px;
  }
  .cd-primary-nav > .has-children > a.selected::before, .cd-primary-nav > .has-children > a.selected::after {
    width: 10px;
  }
  .cd-primary-nav > .has-children > a.selected::before {
    -webkit-transform: translateX(5px) rotate(-45deg);
    -moz-transform: translateX(5px) rotate(-45deg);
    -ms-transform: translateX(5px) rotate(-45deg);
    -o-transform: translateX(5px) rotate(-45deg);
    transform: translateX(5px) rotate(-45deg);
  }
  .cd-primary-nav > .has-children > a.selected::after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .cd-secondary-nav > .has-children > a::before, .cd-secondary-nav > .has-children > a::after {
    /* remove arrows on secondary nav titles */
    display: none;
  }

  .cd-primary-nav .go-back a {
    padding-left: 20px;
  }
  .cd-primary-nav .go-back a::before, .cd-primary-nav .go-back a::after {
    left: 1px;
  }
}
.cd-search {
  position: absolute;
  height: 50px;
  width: 100%;
  max-width:1200px;
  top: 50px;
  z-index: 3;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-search form {
  height: 100%;
  width: 100%;
}
.cd-search input {
  border-radius: 0;
  border: none;
  background: #ffffff;
  height: 100%;
  width: 90%;
  padding: 0 5%;
  box-shadow: inset 0 1px 0 #e2e3df, 0 3px 6px rgba(0, 0, 0, 0.05);
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}
.cd-search input::-webkit-input-placeholder {
  color: #c9cbc4;
}
.cd-search input::-moz-placeholder {
  color: #c9cbc4;
}
.cd-search input:-moz-placeholder {
  color: #c9cbc4;
}
.cd-search input:-ms-input-placeholder {
  color: #c9cbc4;
}
.cd-search input:focus {
  outline: none;
}
.cd-search .search_btn {
    width: 10%;
    float: right;
    cursor: pointer;
    border: medium none;
    background:#8f0f10 url("../images/search_btn.jpg") center center no-repeat;
}
.cd-search.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.nav-is-fixed .cd-search {
  position: fixed;
}
@media only screen and (min-width: 1170px) {
  .cd-search {
    height: 60px;
    top: 130px;
	left: 50%;
	margin-left:-600px;
  }
  .cd-search input {
    padding: 0 2em;
    font-size: 16px;
    font-weight: 300;
  }
}
.showNavOption {
    display: block !important;
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
}
.cd-overlay {
  /* shadow layer visible when navigation is active */
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
  background-color: rgba(197, 40, 32, 0.4);
  visibility: hidden;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-overlay.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}

/* -------------------------------- 

support for no js 

-------------------------------- */
.no-js .cd-primary-nav {
  position: relative;
  height: auto;
  width: 100%;
  overflow: visible;
  visibility: visible;
  z-index: 2;
}

.no-js .cd-search {
  position: relative;
  top: 0;
  opacity: 1;
  visibility: visible;
}

@media only screen and (min-width: 1170px) {
  .no-js .cd-primary-nav {
    position: absolute;
    z-index: 3;
    display: inline-block;
    width: auto;
    top: 0;
    right: 150px;
    padding: 0;
  }

  .no-js .nav-is-fixed .cd-primary-nav {
    position: fixed;
  }
}
.navigation-bar-phone img {
    width: 36px;
	margin: 0;
padding: 0;
box-sizing: border-box;
}

@media (max-width: 1008px) {
 .nav-phone-options {
  background-color:#fff;
  font-size:13px;
  width:100%;
  height:100%
 }
 #container{margin-top: 48px;}
 .nav-phone-options>li {
  padding:0 20px
 }

.cd-main-header{
  display: none;
  }
  .passprot{
  display: none;

  }
 .navigation-bar-phone{
    display: flex !important;
  }

}
.navigation-bar-phone {
	position:fixed;
	width:100%;
	height:48px;
	background-color:#fff;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center
}

.z-top {
    z-index: 999999;
}
.navigation-bar-phone .iconfont {
	font-size:24px;
	position:absolute;
	left:16px;
	top:12px
}
.navigation-bar-phone {
  display:none
 }

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-menu::before {

    content: "\e647";

}
@font-face {font-family: "iconfont";
  src: url('../fonts/font_594825_w3skgdx3q0b_2.eot'); /* IE9 */
  src: url('../fonts/font_594825_w3skgdx3q0b_2.eot') format('embedded-opentype'), /* IE6-IE8 */
 
  url('../fonts/font_594825_w3skgdx3q0b_2.woff') format('woff'),
  url('../fonts/font_594825_w3skgdx3q0b_2.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('../fonts/font_594825_w3skgdx3q0b_2.svg') format('svg'); /* iOS 4.1- */
}


 .nav-phone-option-container {
  height:100%;
  position:relative;

  padding-top:45px
 }


.nav-phone-lang-container, .nav-phone-option-container {
    display: none;
    overflow: hidden;
}

 .nav-phone-options {
  background-color:#fff;
  font-size:13px;
  width:100%;
  height:100%
 }
  .nav-phone-options>li {
  padding:0 20px
 }

.nav-option-div {
  padding-left:11px;
  overflow:hidden;
  line-height:50px;
  border-bottom:1px solid #CCC
 }
 
 .nav-phone-option-left {
  float:left
 }
 
 .nav-phone-option-right {
  float:right;
  color:#ccc
 }
 .nav-level2,
 .nav-level3 {
  position:absolute;
  top:45px;
  left:100%
 }
 .nav-option-return {
  background-color:#F7F7F7
 }
 .nav-option-return>div {
  border-bottom:none
 }
 .icon-youjiantou::before {
    content: "\e735";
}