@charset "utf-8";
/*main_products*/
.main_products{ width:1000px; margin:38px auto}
.m_pro_top>p>span{ font:26px/24px "Lato-Bold"; color:#525251;  text-transform:uppercase}
.m_pro_top>P{ font:14px/22px "Lato-Regular"; color:#666666; padding:4px 0px 7px; overflow:hidden; max-height:66px;}
/*more*/
.btn {
	border: none;
	font-family:"Lato-Regular";
	font-size: inherit;
	color: inherit;
	background: none;
	cursor: pointer;
	padding: 25px 80px;
	display: inline-block;
font-size:14px !important;
	letter-spacing: 1px;

	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.btn span{	font-family:"Lato-Regular"; font-size:14px;}
.btn:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.btn-3 {
	background: #0082ff;
	color: #fff;
}
.btn-3:hover {
	background: #EA2A30; color:#fff
}
.btn-3:before {
	position: absolute;
	height: 100%;
	left:10px;
	top:0px;
	line-height: 3;
	
	
}
.btn-3e:before {
	left: auto;
	right: 10px;
	z-index: 2;
}

.btn-3e:after {
	width: 30%;
	height: 200%;
	background: rgba(0,0,0,0.2);
	z-index: 1;
	right: 0;
	top: 0;
	margin: -5px 0 0 -5px;
	-webkit-transform-origin: 0 0;
	-webkit-transform: rotate(-20deg);
	-moz-transform-origin: 0 0;
	-moz-transform: rotate(-20deg);
	-ms-transform-origin: 0 0;
	-ms-transform: rotate(-20deg);
	transform-origin: 0 0;
	transform: rotate(-20deg);
}

.btn-3e:hover:after {
	width: 40%;
}

.btn-3e {
	padding:14px 56px 15px 16px;
	overflow: hidden; font-family:"Lato-Regular"; float:right;  text-transform:capitalize;
}

.btn-3e:before {
	left: auto;
	right:12px;
	z-index: 2;
	
}


.section ul{ margin:0 -17px;}
.section ul li{float:left;margin-bottom:10px;display:inline;width:220px;overflow:hidden;position:relative;  border:1px solid #dcdcdc ;height:212px; margin:25px 17px 15px 17px; padding:1px;}

.photo a{ display:block; width:220px; height:47px;  background:#b8b8b8 url(../images/more1.png) no-repeat center top; font-size:14px; color:#fff; text-align:center; line-height:47px;}
.photo img{ width:220px; height:165px;}
.section .rsp{width:220px;height:165px;overflow:hidden; position: absolute;background:#000;top:1px;left:1px;}
.section .text{position:absolute;width:193px;left:-590px;top:0px;overflow:hidden; height:163px; padding:20px 20px;}
.font_men{ font:16px/22px "Lato-Regular"; color:#fff; width:100%; height:66px; overflow:hidden; display:block }

/*about us*/
.in_aboutW{background:#fafafa; width:100%; margin-top:40px; padding:45px 0;}
.in_about{width:100%; max-width:1000px; margin:0 auto}
.in_about_l{width:298px;}
.in_about_l ul li{float:left; width:144px; height:144px; text-align:center; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; position:relative;}
.in_about_l ul li a.in_about_l_img{display:block; width:144px; height:116px;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding-top:28px}
.in_about_l ul li.in_about_ico1,.in_about_l ul li.in_about_ico3 {margin-right:8px}
.in_about_l ul li.in_about_ico3,.in_about_l ul li.in_about_ico4{margin-top:8px;}
.in_about_l ul li.in_about_ico1 a.in_about_l_img{background:#63bc21;}
.in_about_l ul li.in_about_ico2 a.in_about_l_img{background:#ff9c00}
.in_about_l ul li.in_about_ico3 a.in_about_l_img{background:#fd422f; }
.in_about_l ul li.in_about_ico4 a.in_about_l_img{background:#48a4e4;}
.in_about_l ul li a.in_about_l_img img{width:88px; height:88px;}
.in_about_r{width:638px}
.in_about_l ul li a.in_about_l_w{ position:absolute; top:0; left:0; width:144px; height:144px; display:block; background:rgba(0,0,0,0.35) ;font-size:14px; text-transform:uppercase; color:#fff; line-height:144px; text-align:center; opacity:0;filter:alpha(opacity=0);-moz-opacity:0;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; font-family: "Lato-Bold"}
.in_about_l ul li:hover a{opacity:1;filter:alpha(opacity=100);-moz-opacity:1;}

.in_about_t{color:#525251; font-size:26px;font-family: "Lato-Bold"; text-transform:uppercase}
.in_about_menu{font-size:14px; color:#727272; line-height:26px; overflow:hidden;text-overflow: ellipsis;
display: -webkit-box;-webkit-line-clamp: 7;-webkit-box-orient: vertical;  margin-top:11px;}
.in_about_menu a{color:#0081FF; font-size:16px;font-family: "Lato-Bold"; }
.in_about_more{background:#fff; text-transform:capitalize;border:1px solid #0081FF; color:#196ecf; font-size:14px; width:109px; text-align:center; height:34px; line-height:34px; display:inline-block; margin-top:24px;}
.in_about_more:hover{background:#0081FF; color:#fff;}

/*hot pro*/
.in_hot_pro{width:100%; max-width:1000px; margin:45px auto 0; text-align:center}
.in_hot_pro_t p{background:url(../images/t_bg.png) no-repeat center bottom; text-align:center; margin:0 auto; width:490px; height:47px}
.in_hot_pro_t p span{color:#0081FF; font-size:26px; text-transform:uppercase;font-family: "Lato-Bold"; line-height:18px;display:block; padding:5px 0}
.in_hot_pro_t em{font-size:13px; color:#999999;display:inline-block; margin-top:12px; text-transform:uppercase;}
.in_hot_pro_list {margin:22px -17px 0 -16px;}
.in_hot_pro_list li{float:left; width:220px; border:3px solid #e8e5e5; height:310px; margin:0px 16px 30px;}
.in_hot_pro_list li>a{display:block;width:220px; height:170px;}
.in_hot_pro_list li>a img{width:220px; height:170px;}
.in_hot_pro_list li .in_hot_pro_list_w{padding:10px; widows:200px; text-align:center}
.in_hot_pro_list li .in_hot_pro_list_w a.in_hot_pro_list_w_t{color:#0081FF; font-size:16px; overflow:hidden; text-overflow: ellipsis;
 white-space: nowrap; line-height:20px; height:20px; display:block;}
 .in_hot_pro_list li .in_hot_pro_list_w a.in_hot_pro_list_w_t:hover{color:#333; text-decoration:underline}
.in_hot_pro_list li .in_hot_pro_list_w p{font-size:13px; line-height:20px; height:40px; overflow:hidden;text-overflow: ellipsis;
display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.in_hot_pro_list li .in_hot_pro_list_w .more2{color:#0081FF; font-size:14px; text-transform:capitalize; border:1px solid #0081FF; background:#fff; display:inline-block; width:98px; height:30px; line-height:30px; text-align:center; margin:17px 0 5px;}
.in_hot_pro_list li .in_hot_pro_list_w .more2:hover{color:#fff; background:#0081FF}

/*why choose us*/
.in_WhyChooes_contW{width:100%; background:#fafafa; margin:15px auto 0; padding:47px 0 36px }
.in_WhyChooes_cont{width:100%; max-width:1000px; margin:0 auto;}
.in_WhyChooes_cont_t{background:url(../images/why_bg.png) repeat-x; }
.in_WhyChooes_cont_t span a{font-size:22px;color:#626262;font-family: "Lato-Bold"; line-height:20px; display:inline-block;padding-right: 20px; background:#fafafa}
.in_WhyChooes{width:480px;}
.panel-group{
	margin-top: 19px;
}
.panel-group .panel{
	margin-bottom: 12px;
}
.panel-default>.panel-heading{
	background: #fafafa;
    background: -moz-linear-gradient(top,  #FFFFFF 0%, #F7F7F7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#F7F7F7));
    background: -webkit-linear-gradient(top,  #FFFFFF 0%,#F7F7F7 100%);
    background: -o-linear-gradient(top,  #FFFFFF 0%,#F7F7F7 100%);
    background: -ms-linear-gradient(top,  #FFFFFF 0%,#F7F7F7 100%);
    background: linear-gradient(to bottom,  #FFFFFF 0%,#F7F7F7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F7F7F7',GradientType=0 );
	padding: 8px 15px;
	height: 26px;
	line-height: 26px;
	position: relative;
	border: 1px solid #DDDDDD;
}
.panel-heading a.panel-title-connect{
	display: block;font-family: "Lato-Bold";
	width: 80%;
	overflow:hidden;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	white-space:nowrap;
	font-size: 14px;
	line-height: 26px;
	color: #626262;
}
.panel-heading a.panel-title-connect:hover{
	font-family: 'Lato-Bold';
}
.panel-heading a.panel-heading-btn{
	position: absolute;
	right: 0;
	top: 0;
	width: 34px;
	height: 42px;
	display: block;
	border-left: 1px solid #dddddd;
	text-align: center;
	line-height: 42px;
	background: #fff;
}
.panel-heading a.panel-heading-btn i{
	display: block;
	line-height: 42px; color:#999999
} 
.panel-container{
	display: none;
}
.panel-body{
	padding: 5px 10px; overflow:hidden;text-overflow: ellipsis;
display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;
	font-size: 14px;
	color: #9d9ea0;
	line-height: 24px; height:260px;
}

.in_contact form{width:438px}
.in_contact>ul{margin-top:19px;}
.in_contact>ul>li{ margin:0px 0px 15px}
.in_contact>ul>li>input{ width:419px; height:40px; border:1px solid #eae7e7; font:14px/40px Lato-Regular, Helvetica, sans-serif; color:#999999; padding-left:15px}

.in_contact>ul>li>textarea{font:14px/20px Lato-Regular, Helvetica, sans-serif; color:#999999; width:419px;padding-left:15px;    border: 1px solid #eae7e7; height:126px}
.in_contact>ul>li>input:focus{ border:1px solid #3889e0; box-shadow:0px 0px 5px #529ceb}
.in_contact>ul>li>textarea:focus{ border:1px solid #3889e0; box-shadow:0px 0px 5px #529ceb}
.get_quote{ display:block; width:435px; height:37px; background:url(../images/more_bg.png) no-repeat; text-align:center; color: #fff;}
.get_quote a{color:#fff; font-size:14px; text-transform:uppercase; line-height:37px;width:435px; display:block; text-transform:uppercase}

.get_quote:hover{ background:url(../images/more_bg_hover.png) no-repeat;}

/*ny_flexslider*/
.ny_flexslider{ margin:0 auto;    width: 100%;    max-height: 350px; overflow:hidden; max-width: 1920px;}
.ny_flexslider a{display:block;max-height:350px; width:100%; max-width:1920px; margin:0 auto}
.ny_flexslider a img{     width: 100%;  max-width: 1920px;}
/*miaobaoxie*/
.miaobaoxie{width:100%; max-width:1000px; margin:25px auto 0}
.ny_t{font-size: 22px; line-height: 24px; margin-bottom:5px; color:#EA2A30; text-transform:uppercase;font-family: 'Lato-Bold';font-family:"Lato-Bold";}
.page_mbx{width:100%;border-bottom:1px dashed #ccc;padding:5px 0px 5px; text-transform:capitalize; font-size:13px;}
.page_mbx strong{color:#808080;display:inline-block;margin-right:5px;font-weight:normal; font-family: 'Lato-Bold'; font-size:14px;}
.page_mbx a{display:inline-block;}
.page_mbx a:hover{color:#0081FF
;text-decoration:underline;}
.page_mbx i{display:inline-block;margin:0 5px;}
.page_mbx p{display:inline-block;}

.mainBox{width:1000px;margin:30px auto 0;}

/*left*/
.mainBox .main_left{width:240px;float:left;}
.left_title{
	background-image: -moz-linear-gradient(top, #6C6C6C, #464646);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6C6C6C), color-stop(1, #464646));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6C6C6C', endColorstr='#464646', GradientType='0');
	background:linear-gradient(to bottom, #6C6C6C, #464646); 
	display:block;
	font-size:16px;
	 font-family: 'Lato-Bold';
	color:#fff;
	text-transform:uppercase;
	padding:16px 10px;
}

.left_nav{ width:100%; height:auto;background:#fff;margin-bottom:30px;}
.left_nav dl{border:1px solid #e6e5e5;border-top:none;}
.left_nav dl dd{ width:100%; position:relative}
.left_nav dl dd a.nav_left{
	float:left; width:202px;
	padding:13px 10px 13px 0px;
	display:block;
	color:#4c4c4c;
	line-height:120%;
	font-size:14px;
}
.left_nav dl dd .header_le{background-image: -moz-linear-gradient(top, #f8f8f8, #fff);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f8f8f8), color-stop(1, #fff));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#fff', GradientType='0');
	background:linear-gradient(to bottom, #f8f8f8, #fff); }
.left_nav dl dd .header_le span{    display: block;
     padding: 13px 7px 13px 9px;
    background: no-repeat center;
    float: left;
    margin-top: 2px; cursor:pointer;
	color:#c3c2c2; font-size:14px;

}

.left_nav dl dd .header_le:hover{background:#0081FF; color:#fff; text-decoration:none;}
.left_nav dl dd .header_le:hover span,.left_nav dl dd .header_le:hover a{color:#fff;}
.left_nav dl dd:hover .header_le{background:#0081FF; color:#fff; text-decoration:none;}
.left_nav dl dd:hover .header_le span,.left_nav dl dd:hover .header_le a{color:#fff;}

.left_nav dl dd .nav_right{ width:208px; height:auto; overflow:hidden;  padding:0 10px 0 20px;background:#fff; display:none;  z-index:99999}
.left_nav dl dd .nav_right a{ display:block;margin:15px 0; text-align:left; color:#666;display:block;font-size:13px;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow: hidden;text-transform:capitalize;}
.left_nav dl dd .nav_right a:hover{text-decoration:underline;color:#3975d4; padding-left:5px;}

.index_hot{width:100%;}
.index_hot ul{border:1px solid #e6e5e5;border-top:none;padding:15px 10px 0 10px;}
.index_hot ul li{margin-bottom:15px;}
.index_hot ul li span{border:1px solid #e5e5e5;width:90px;height:68px;display:inline-block;float:left;margin-right:10px;}
.index_hot ul li span img{max-width:90px;max-height:68px;width:100%;height:auto;}
.index_hot ul li em{color:#333333;font-size:13px;overflow:hidden;display:inline-block;line-height:18px;height:36px;width:116px;}
.index_hot ul li .ihot_more{display:inline-block;color:#0081FF;margin-top:15px;}
.index_hot ul li .ihot_more i{padding-left:5px;}
.index_hot ul li:hover .ihot_more{color:#5a9ffc;}
.index_hot ul li:hover em{text-decoration:underline;}

.index_contacts{width:100%; margin-top:30px;}
.index_contacts>div{border:1px solid #e6e5e5;border-top:none;padding:15px 10px 0 10px;}
.con_img{margin:0px 0 5px;}
.con_img span{ display:block; overflow:hidden;width:220px;height:110px;}
.con_img img {
   -webkit-transition: all 0.8s ease-in-out;
   -moz-transition: all 0.8s ease-in-out;
   -o-transition: all 0.8s ease-in-out;
   -ms-transition: all 0.8s ease-in-out;
   transition: all 0.8s ease-in-out;
   width:220px;height:110px;
}

.con_img:hover img {
  opacity: 0.8;
   -webkit-transform: scale(1.2) rotate(3deg);
   -moz-transform: scale(1.2) rotate(3deg);
   -o-transform: scale(1.0) rotate(3deg);
   -ms-transform: scale(1.2) rotate(3deg);
   transform: scale(1.2) rotate(3deg);
}
.con_icon li{border-bottom:dashed 1px #a3a3a3;padding:9px 0 9px 30px; font-size:13px;line-height:22px;}
.con_icon1{background:url(../images/con_icon1.png) no-repeat 5px 12px;}
.con_icon2{background:url(../images/con_icon2.png) no-repeat 5px 14px;}
.con_icon3{background:url(../images/con_icon3.png) no-repeat 7px 12px;}
.con_icon4{background:url(../images/con_icon4.png) no-repeat 5px 12px;}
.con_icon5{background:url(../images/con_icon5.png) no-repeat 5px 12px;}
.con_icon6{background:url(../images/con_icon6.png) no-repeat 5px 12px; border-bottom:none !important}
.con_icon li a:hover{color:#0081FF}
.page_nav{width:100%;max-width:240px;padding-bottom:10px;margin-bottom:20px;background:#fff;}
.page_nav ul{border:1px solid #e6e5e5;border-top:none;}
.page_nav li{
	background-image: -moz-linear-gradient(top, #ffffff, #f8f8f8);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #f8f8f8));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f8f8f8', GradientType='0');
	background:linear-gradient(to bottom, #ffffff, #f8f8f8); 
	padding:13px 10px;
	display:block;
}
.page_nav li a{position:relative;font-size:14px;line-height:120%;color:#4c4c4c;padding-left:13px;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;text-transform:capitalize;}
.page_nav li a:before{
	content:"\f105";
	font-family:FontAwesome;
	position:absolute;
	left:5px;
	color:#808080;
	top:50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.page_nav li:hover a{padding-left:16px;color:#0081FF;}
.page_nav li:hover a:before{left:8px;color:#0081FF;}

.main_right{width:720px;float:right;}
/*about us*/
.about_main{margin-top:0px;}
/*.about_main img{max-width:100%;width:100%;height:auto;}*/
.about_title{display:block;padding:10px;color:#000;margin-bottom:15px;background:#f2f2f2;text-transform:uppercase;font-size:14px; font-family: 'Lato-Bold';}
.about_scroll{float:left;}
#idTransformView{height:250px;}
.about_scroll .slider{position: relative;}
.about_scroll .slider div{position: relative;text-align: center;padding: 0px;list-style-type: none;margin: 0px;width: 330px;background: #ffffff;height: 250px;overflow: hidden;}
.about_scroll .slider span{z-index: 99;position: absolute;text-align: center;width: 100%;bottom: 8px;color: #ffffff;font-size: 12px;font-family: 'Lato-Bold';text-transform:capitalize;}
.about_scroll .slider .txtbg{position: absolute;filter: alpha(opacity=50);width: 100%;bottom: 0px;background: #000;height: 24px;padding-top: 5px;left: 0px;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5}
.about_scroll .slider img{width: 330px;height: 250px;}
.about_scroll .hdnum{width: 330px;height: 70px;overflow: hidden;padding-top: 2px}
.about_scroll .hdnum li{padding: 1px;background-color: #000;width: 80px;height:60px;float: left;margin:0 0 0 1px;overflow: hidden;}
.about_scroll .hdnum li img{width: 80px;height: 60px;filter: alpha(opacity=50);opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5}

.about_scroll .hdnum li.on{padding: 0;width: 78px;height:62px;}
.about_scroll .hdnum li.on img{border: #0081FF 2px solid;filter: alpha(opacity=100);width: 74px;height: 58px;opacity: 1;-moz-opacity: 1;-khtml-opacity: 1}

.about_text{line-height:26px;margin-top:10px;padding-top:10px;border-top:1px dashed #ccc; font-size:13px}

.about_ser{margin-top:20px;}
.about_ser div{line-height:180%;font-size:14px;}

.about_right{width:360px;float:right;}
.about_right>em{font-size:17px;display:block;margin-bottom:20px; font-family: 'Lato-Bold';}
.about_right li{margin:15px 0;}
.about_right li em{ font-family: 'Lato-Bold';margin-right:10px;display:inline-block;margin-bottom:8px; font-size:13px;}
.about_right li p{display:inline-block;color:#808080;line-height:140%;}
.team{margin-top:20px}
.team-grids{
	margin:10px 0;
}
.team-grids ul li{width:30%;float:left;height:251px; text-align:center;margin:10px; overflow:hidden}
.team_name{font-size:20px;margin-top:10px;}
.team_name span {
    color: #7D7171;
}
.team-grids p {
    color: #999;
    font-size: 13px;
    margin:5px 0 0;
    line-height: 20px;
    text-align: center;
}
.team-grids a{}
.team-grids a img{ -webkit-transition: -webkit-transform 2s ease-out;
    -moz-transition: -moz-transform 2s ease-out;
    -o-transition: -o-transform 2s ease-out;
    -ms-transition: -ms-transform 2s ease-out;width:170px;height:170px;
	border-radius:0%;
	-webkit-border-radius:0%;
	-moz-border-radius:0%;
	-o-border-radius:0%;
	border: 1px solid #ccc;}
.team-grids a:hover img{
transform:scale(1.03,1.03);-moz-transform:scale(1.03,1.03);-webkit-transform:scale(1.03,1.03);transition:all 0.25s ease-in;border: 1px solid #f00;
}
.sint{font-size:13px; line-height:18px;max-height:36px; overflow:hidden}
/*contact us*/
.contact_main{}
.contact_main p img{max-width:720px;width:100%;height:auto;}
.page_con{margin-top:20px;}
.message{margin-top:20px;}
.message li{margin-bottom:20px;float:left;margin:0 30px 20px 10px;width:320px;}
.message p{font-size:14px;margin-left:10%;display:block;margin-bottom:20px;}
.message p a{text-decoration:underline;margin-left:7%;}
.message p a:hover{color:#ffa128;}
.message label{display:block;font-weight:normal;text-align:left;font-size:14px;vertical-align:middle;margin-bottom:5px; text-transform:capitalize}
.message .meInput{width:100%;height:34px;border:1px solid #ccc;padding-left:5px; vertical-align:middle;font-family:Arial,serif;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}
.message .meInput:focus{border:1px solid #808080;}
.message .meText{width:94%;min-height:140px;border:1px solid #ccc;max-width:94%;padding:5px; vertical-align:middle;font-family:Arial,serif;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}
.message .meText:focus{border:1px solid #808080;}
.message .send{	padding:10px 30px;margin-left:10px;background:#474747;display:inline-block;text-transform:uppercase; font-family: 'Lato-Bold';color:#fff;font-size:14px;}
.message .send:hover{
	color:#fff;
	text-decoration:none;
	background:#EA2A30;
}
.message .mes1000{width:100%;}

.con_main{margin-top:20px;line-height:180%;font-size:14px;}


/*scroll*/
/*scroll-01*/
.scroll-01{width: 100%; margin-top:30px; position:relative}
.scroll-01 .headline{font-size:28px; text-transform:capitalize;font-family: 'Lato-Bold';}
.scroll-01 .pic1 {}

.scroll-01 .pic1 .prev , .pic1 .next {overflow:hidden;display:block;text-decoration:none;cursor:pointer;}
.scroll-01 .pic1 .prev {width:25px;height:25px;position:absolute;top:7px;right:50px;background:url(../images/lunbo-01-02.png) no-repeat;margin:0px 0px 0 0px;transition:background-position .50s ease-in,ease-out;-webkit-transition:background-position .50s ease-in,ease-out; opacity:0.5;filter: alpha(opacity=50);-moz-opacity: 0.5;}
.scroll-01 .pic1 .prev:hover{opacity:1;filter: alpha(opacity=100);-moz-opacity: 1;transition:all 0.3s ease 0s}
.scroll-01 .pic1 .next {width:25px;height:25px;background:url(../images/lunbo-02-02.png) no-repeat right;position:absolute;top:5px;right:15px;transition:background-position .50s ease-in,ease-out;-webkit-transition:background-position .50s ease-in,ease-out;opacity:0.5;filter: alpha(opacity=50);-moz-opacity: 0.5;}
.scroll-01 .pic1 .next:hover{ opacity:1;filter: alpha(opacity=100);-moz-opacity: 1;transition:all 0.3s ease 0s}
.scroll-01 .pic11 {width:100%;overflow:hidden;margin:22px 0px 0;}
.scroll-01 .pic11 li{height:181px;width:160px;float:left;margin:0 10px;overflow: hidden;text-align: center}
.scroll-01 .pic11 li a{display:block}
.scroll-01 .pic11 li a span{ display:block; overflow:hidden;width:158px;height:122px;border: 1px solid #ccc;}
.scroll-01 .pic11 li a img {
   -webkit-transition: all 0.8s ease-in-out;
   -moz-transition: all 0.8s ease-in-out;
   -o-transition: all 0.8s ease-in-out;
   -ms-transition: all 0.8s ease-in-out;
   transition: all 0.8s ease-in-out;
  width:158px;height:122px;
}

.scroll-01 .pic11 li a:hover img {
  opacity: 0.8;
   -webkit-transform: scale(1.05);
   -moz-transform: scale(1.05);
   -o-transform: scale(1.05);
   -ms-transform: scale(1.05);
   transform: scale(1.05);
}
.scroll-01 .pic11_name{font-size:14px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;margin:12px 5px 0px;color: #0081FF;line-height: 20px;}

.scroll-01 .pic11 li p{line-height:20px;font-size:14px;overflow: hidden;margin:5px 0 0 0;color: #808080;max-height: 40px;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}

.scroll-01 .pic11 li .pic11_name:hover {color:#333;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.3s ease-in-out;text-decoration: underline;}
.scroll-01 .pic11 li span:hover {border: 1px solid #0081FF;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.3s ease-in-out;
}

.icon-bell-alt:before {
content: "\f0f3";
margin:10px 5px 0 0 ;
font-size: 16px;
color: #808080;
}




/*sitemap*/
.stp-listA{margin: 5px 0 0 0;}
.stp-listA>li{border-bottom:1px solid #cfcfcf;text-transform:capitalize;margin-bottom:15px;background: #f5f5f5;}
.stp-top_2{width:100%;height:38px;line-height:38px;border-bottom:1px solid #cfcfcf;}
.stp-top_2 a{padding:0 10px;font-size:16px;text-transform:capitalize; color:#333;font-family: tahoma;}
.stp-top_2 a i{padding-left:10px;}
.stp-top_2 a:hover{color:#0081FF;}
.stp-listB{display:block;padding:10px;}
.stp-listB li{width:40%;margin-right:2%;float:left;padding:8px 0;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;}
.stp-listB li a{font-size:13px;line-height:22px;display:block;color:#4d4d4d;}
.stp-listB li:hover a{color:#0081FF;text-decoration:underline;}



/*news-list*/
.news_list{width:100%;}
.news_list li{margin:15px 0;overflow:hidden;clear:both;border-bottom:1px dashed #e5e5e5;padding-bottom:15px;}
.news_list li .newl_left{width:66%;margin-left:2%;float:right;}
.news_list li .newl_left em{font-size:16px;display:block;font-family: 'Lato-Bold';margin-bottom:15px;text-transform:capitalize;color:#333;}
.news_list li .newl_left em:hover,.news_list li .newl_left a:hover{color:#0081FF;text-decoration:none;}
.news_list li .newl_left .newm_date{border-bottom:1px dotted #e5e5e5;margin-bottom:10px;padding-bottom:10px;}
.news_list li .newl_left>p{color:#666666;line-height:150%;overflow:hidden;max-height:58px;margin:0;}
.news_list li .newl_left .newl_more{padding:6px 15px;text-transform:uppercase;font-size:12px;color:#0081FF;margin-top:8px;display:inline-block;border-radius:25px;border: 1px solid #0081FF}
.news_list li .newl_left .newl_more:hover{background:#EA2A30; border:1px solid #EA2A30;text-decoration:none;color:#fff;}
.news_list li .newl_right{float:left;display:inline-block;max-width:32%;}
.news_list li .newl_right img{max-width:100%;height:auto;width:100%;}



/*page-number*/
.page_num{width:100%;margin:2em auto 2em auto;text-align:center;}
.page_num li{display:inline-block;border:1px solid #ccc;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;margin:0 4px;border-radius:15px;}
.page_num li p{display:inline-block;color:#808080;font-size:14px;text-transform:capitalize;margin-bottom:0;padding:6px 10px;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}
.page_num a{display:inline-block;color:#333;font-size:13px;text-transform:capitalize;padding:6px 11px;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;border-radius:15px;}
.page_num li:hover{border:1px solid #0081FF;}
.page_num a:hover{color:#fff;text-decoration:none;background:#0081FF;}
.page_num span{display:inline-block;font-size:12px;margin-left:10px;}
.page_num span:before{content:'[';padding-right:3px;}
.page_num span:after{content:']';padding-left:3px;}
.page_num span p{display:inline-block;margin:0 5px;}


/*news-main*/
.news_main{width:100%;margin:20px 0 20px 0;}
.news_main em{font-size:18px;font-family: 'Lato-Bold';display:block;margin-bottom:10px;}
.news_main .newm_date{color:#808080;border:none;line-height:normal;padding:0;border-bottom:1px dotted #e5e5e5;padding-bottom:10px;}
.newm_date p{display:inline-block;margin-right:15px;font-size:12px;}
.newm_date i{padding-right:5px;}
.news_main div{margin-top:10px;line-height:180%;border-bottom:1px dotted #e5e5e5;padding-bottom:20px;font-size:14px;padding:2% 0;}
.news_main div a{color:#0146ab;text-decoration:underline;}
.news_main div img{max-width:100%;height:auto;}

.news_more{margin-top:30px;width:100%;border-top:1px dotted #e5e5e5;padding-top:25px;}
.news_more>em{font-family: 'Lato-Bold';font-size:16px;display:block;text-transform:capitalize;color:#333;}
.news_more li{margin:10px 25px 10px 0;width:220px;float:left;  text-align: center; height:224px;}
.news_more li:last-child{margin-right:0;}
.news_more li a{border:1px solid #d9d9d9;display:inline-block;padding:8px;border-radius:5px;max-width:100%;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}
.news_more li a em{display:block;margin-top:10px;color:#333;overflow:hidden;max-height:40px;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s; font-size:14px; line-height:20px;}
.news_more li a:hover em,.news_more li a{color:#0081FF;text-decoration:none;}
.news_more li a img{max-width:100%;height:auto;}
.news_more li a:hover{border:1px solid #e5e5e5;box-shadow:0 0 5px 2px #f2f2f2;}

/*page turn*/
.page_turn{width:100%;}
.page_turn li{text-align:left;float:left;width:50%;}
.page_turn li a{background:#efefef;display:inline-block;text-transform:capitalize;font-size:14px;padding:10px 25px;border-radius:25px;}
.page_turn li a p{display:inline-block;padding-left:5px;}
.page_turn li a:hover{text-decoration:none;color:#fff;background:#EA2A30;}


/*blog*/
.fen_box_02{width: 100%;margin:10px 0}
.fen_box_02 li{display: inline-block;}
.fen_box_02 a{line-height: 26px;padding: 0 5px;font-size: 12px;color: #4d4d4d;background: #fff;display: inline-block;margin:5px 5px 0 0;border: 1px solid #ccc;
	-moz-border-radius: 5px;      /* Gecko browsers */
    -webkit-border-radius: 5px;   /* Webkit browsers */
    border-radius:5px;            /* W3C syntax */
    }
 .fen_box_02 a:hover{background: #e7212a;color:#fff;} 

.bbb{width: 100%; height: 200px;overflow: hidden;}
.blog_li{clear:both; overflow:hidden;margin:0 0 10px;border-bottom: 1px solid #e5e5e5;padding: 0 0 20px 0;}
.blog_icon4{width:60px;height:60px;float:left; background:#e7212a url(../images/spriteimg_02.png) no-repeat center center;display: none;}	
.blog_jesus{width:100%;float:right;}
p.blog_name{color:#333;font-size:20px;line-height:40px;margin: 0 0px 10px 0;display: inline-block;font-family: 'Lato-Bold';}
a.blog_name:hover{}
.blog_date{font-size:14px;color:#0075a6;margin:10px 0;}
.blog_date span{font-size: 1em;color: #999;margin: 1em 0 2em;}
.blog_txt{margin:10px 0;
    color: #666;
    font-size: 14px;
    line-height:24px;
  
   }
   .blog_txt1{ max-height:96px; overflow:hidden;text-overflow: ellipsis;
display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.blog_txt img{width:100%;}
.blog-poast-info {
	padding:5px 0;
}

.blog-poast-info ul li {
	display:inline-block;
	  padding: 0 0.3em;
}
.blog-poast-info ul li span{
	color: #999;
}
.blog-poast-info ul li a {
	color: #999;
}
.blog-poast-info ul li a:hover{
	text-decoration:none;
}
.blog-poast-info ul li a:hover {
	text-decoration:none;
	color:#e7212a;
}
.blog-poast-info ul li  i {
	width: 20px;
	height: 20px;
	background:  url(../images/img-sprite111.png) no-repeat -150px -104px ;
	display: inline-block;
	vertical-align: sub;
	margin: 0 3px 0 0;
}
.blog-poast-info ul li  i.date {	
	background-position: -186px -104px;
}
.blog-poast-info ul li  i.comment {	
	background-position:-226px -101px;	
}
.blog_pic{margin:0 0 15px;height: 250px;overflow: hidden;}
.tag-links{color:#EA2A30;    display: block; font-size:14px;
    margin: 5px 0;}
.tag-links i{width: 20px;
    height: 20px;
    background: url(../images/img-sprite111.png) no-repeat -228px -100px;
    display: inline-block;
    vertical-align: sub;
    margin: 0 3px 0 0;}	
.tag-links a{padding:0 3px;color: #4d4d4d;}
.tag-links a:hover{color: #EA2A30;text-decoration: underline;}
.button {
	margin-top: 20px;line-height:40px;
}
.button a {
	color:#fff;
	font-size: 1em;
	text-transform: uppercase;
	background:#EA2A30;
	padding:8px 15px;
	text-decoration: none;
		text-decoration:none;
			-moz-border-radius: 5px;      /* Gecko browsers */
    -webkit-border-radius: 5px;   /* Webkit browsers */
    border-radius:5px;            /* W3C syntax */

}
.button a:hover{

	color:#fff;
	background: #4d4d4d;
}	


.price-date{
	color: #D3D3D3;
	font-size:12px;
	font-weight: 100;
	line-height: 1.5em;margin-top:5px;
}
.meta-bottom{line-height:18px;color:#777;padding:5px 0;}
.meta-bottom a{padding:0 3px;color:#d7150f;}
.meta-bottom a:hover{ text-decoration:underline;color:#000;}

#loop{padding:20px 0;}
.loop-nav{float:left;}
.loop-nav-next{float:right;}
.loop-nav a,.loop-nav-next a{font-size: 14px;
display: inline-block;
padding:10px 25px;
color: #fff;
background-color:#4d4d4d;border-radius:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;}
.loop-nav a:hover,.loop-nav-next a:hover{ background:#EA2A30;color: #fff;}

.page_box{}
.page_box .page_title{ font-style:normal;display:block;font-size:30px;color:#524539;text-transform:capitalize;margin-bottom:20px;}
.page_main{line-height:180%;font-size:14px;}

.meta-nav{color: #fff;}

/*-right END-*/

/*products*/
.main-ny-right ul li {width:25%;max-width:165px;float:left;margin:10px 20px 10px 0;}

.main-ny-right ul li:nth-child(4) { margin-right:0; }
.main-ny-right ul li:nth-child(8) { margin-right:0;}
.main-ny-right ul li:nth-child(12) { margin-right:0; }
.main-ny-right ul li:nth-child(16) { margin-right:0; }
.main-ny-right ul li:nth-child(20) { margin-right:0; }

.main-ny-right ul li span{max-width:165px;max-height:124px;display:inline-block;background:#fff;border-radius:5px;border:1px solid #e5e5e5;    overflow: hidden;}

.main-ny-right ul li>a img{width: 100%; height: 100%;transition:all 0.3s ease 0s;max-width:165px;border-radius:5px;}

.main-ny-right ul li>a:hover img{   
	-webkit-transform: scale(1.05);
   -moz-transform: scale(1.05);
   -o-transform: scale(1.05);
   -ms-transform: scale(1.05);
   transform: scale(1.05);
   opacity: 0.8;
}
.main-ny-right ul li em{color:#333333;font-size:14px;font-family: 'Lato-Bold';line-height:22px;margin:10px 0 4px;height:44px;overflow:hidden;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;text-overflow: ellipsis;
display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;display:block;}

.main-ny-right ul li p{color:#808080;overflow:hidden;height:36px;font-size:13px;line-height:18px;text-overflow: ellipsis;
display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.main-ny-right ul li:hover em{color:#0081FF;}

.box-t{padding:10px 0;}
.box-left{text-align: left;float:left;margin-top:10px;}
.box-left p{display: inline-block;font-family: 'Lato-Bold'; vertical-align:middle;}
.box-left a{margin:0 0px 0 10px;display: inline-block;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}
.box-left a i{ color: #4d4d4d;transition:all 0.0s ease 0s;font-size:16px; vertical-align:middle;color:#999;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}
.box-left a:hover i{ color:#0081FF;}
.box-left a.box-depth i{color:#0081FF;}

.box-right{text-align: left;float:right;}
.box-right p{display: inline-block;font-family: 'Lato-Bold';}
.box-right a{margin:0 0px 0 10px;display: inline-block;}

.box-left a i:hover :before{color: #ff0}
.form-control {
    display:inline-block;
    width: 200px;
    height: 32px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    margin: 0 0 0 5px;
}
.form-control:focus{box-shadow: 0 0 5px 0px #0081FF;background:#fff;border:1px solid #0081FF;}

/********products-02*******/
.main-ny-right-02 ul li {float: left;width:100%;border: 1px solid #e5e5e5;margin: 10px 0;border-radius:2px;}
.main-ny-right-02 ul li a{display: block;padding:15px;transition:all 0.3s ease 0s}
.main-ny-right-02 ul li a:hover{
-webkit-box-shadow:0px 0px 5px 0 #ccc;
-moz-box-shadow:0px 0px 5px 0 #ccc;
-o-box-shadow:0px 0px 5px 0 #ccc;
box-shadow:0px 0px 5px 0 #ccc;}
.main-ny-right-02 ul li>a>span{max-width:170px;max-height:170px;display:inline-block;background:#fff;border-radius:5px;border:1px solid #e5e5e5;}
.main-ny-right-02 ul li>a>span img{width: 100%; height: 100%;transition:all 0.3s ease 0s;max-width:165px;max-height:165px;border-radius:5px;}

.main-ny-right-02 ul li:hover span img{   
	-webkit-transform: scale(1.05);
   -moz-transform: scale(1.05);
   -o-transform: scale(1.05);
   -ms-transform: scale(1.05);
   transform: scale(1.05);
   opacity: 0.8;
}
.main-ny-right-02 ul li .pro_right{text-align: left;float:right;margin:0 0 0 20px;width:500px;}
.main-ny-right-02 ul li .pro_right em{color:#333333;font-size:14px;font-family: 'Lato-Bold';display:block;line-height:140%;margin:10px 0;max-height:36px;overflow:hidden;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}
.main-ny-right-02 ul li .pro_right p{color: #808080;margin:0 0 10px 0;max-height: 40px;overflow: hidden;line-height: 140%;}

.main-ny-right-02 ul li:hover .pro_right em{color:#3975d4;}
.main-ny-right-02 ul li .pro_right .pro_more{border-radius:2px;padding:6px 16px;margin-top:10px;background:#3975d4;display:inline-block;text-transform:capitalize;font-family: 'Lato-Bold';color:#fff;font-size:12px;}
.main-ny-right-02 ul li .pro_right .pro_more:hover{
	color:#fff;
	text-decoration:none;
	background:#5a9ffc;
}





/*products-detail*/
.icon-comment:before {
content: "\f075";
color: #fff;
margin: 0 5px 0 0;
font-size: 14px;
}

.fa-download:before {
color: #fff;
margin: 0 5px 0 0;
font-size: 14px;
}

.icon-briefcase:before {
content: "\f0b1";
font-size: 16px;margin: 0 5px 0 0;
}
.ProInfo{margin: 0px 0 30px; } 
.ProInfo .big{float:left;width:360px;}		
.ProInfo .big .bigone img{width:100%;height:100%;border:solid 1px #dedede;}
.productslist_img img{padding:5px; border:1px solid #e1e1e1; overflow:hidden; height:271px; width:348px}

.goodtxt{color:#888;line-height:20px;max-height: 40px;display: block;overflow: hidden; font-size:13px;
text-overflow: ellipsis;}
.relatebg{border-top:dashed 1px #dedede;padding:10px 0 0;}
.ProInfo .big p a{display:block;padding:2px;	}
.Previouss {margin-bottom: 10px;color:#4d4d4d;font-size:12px;font-family: 'Lato-Bold';}
.Previouss a{padding-left:5px;color: #4d4d4d;font-weight:100;font-family: 'Lato-Regular';}
.Previouss a:hover{text-decoration:underline;color: #e7212a}
.Previouss p{padding:3px 0px;line-height:18px;font-size: 13px;font-family: 'Lato-Bold';}
.relatetags{padding:3px 0px;line-height:18px;font-size:13px;}
.relatetags em{font-size:14px;font-style:normal;color:#4d4d4d;font-family: 'Lato-Bold';}
.relatetags a{padding:0 5px; color: #4d4d4d;}
.relatetags a:hover{color: #e7212a;text-decoration: underline;}

.c_right{float:right;width:300px;margin: 0 3% 0 0;}
.c_right .c_name{padding:5px 0;text-align:left;font-size:23px;line-height:28px; color:#333;margin-bottom:5px;}

.c_right ul{border-top:dashed 1px #ddd;border-bottom:dashed 1px #ddd;margin:10px 0;padding:8px 0;}
.c_right ul li{line-height:18px;color:#555;font-weight:normal;padding:5px 0;font-size:14px;}
.c_right .c_inquiry{margin-top:10px;}
.c_right ul li span{padding:3px;color: #4d4d4d;font-size: 14px;    margin-right: 10px;}		
.c_name_bt{margin-top:15px;}
.detail-cart{ margin:30px 0;display: inline-block;margin:0 10px 0 0 ;}
.detail-cart a{ display:block;font-size:16px;width:120px;height:34px;background:url(../images/nav_hover.png) no-repeat center center; text-align:center;line-height:34px;color:#fff;background: #4d4d4d;
	-moz-border-radius: 5px;      /* Gecko browsers */
    -webkit-border-radius: 5px;   /* Webkit browsers */
    border-radius:5px;            /* W3C syntax */
    text-transform: capitalize;
}
.detail-cart a:hover{background: #EA2A30;}



.clear{clear:both;}
.zoomed > .container{-webkit-filter:blur(3px);filter:blur(3px);}
.container{width:250px；}
.gallery{list-style-type:none;background:#ffffff;margin:0;}
.gallery li{float:left;padding:0;}

.gallery_img2{width:62px;height:47px;border:solid 1px #dedede;margin:15px 10px 0 0;}
.gallery li:last-child .gallery_img2{margin-right:0}
.gallery_img2:hover{border: 1px solid #004ea2;}
.gallery li:nth-child(6n){padding-right:0;}
.gallery li a,.gallery li img{float:left;}

.formone{ margin-bottom:30px;}
.formone .message li{margin:0 40px 20px 0}
.formone .message .send{margin-left:0}
.form_us{color:#777;border-bottom:dashed 1px #ccc;line-height:30px;margin: 10px 0 0 0; font-size:14px}

.
.zhuti{margin:0 0 20px 0; text-transform:capitalize; font-size:13px;}

.pro_det_nm{margin:20px 0 0px 0;height:30px;font-family: 'calibri';
    font-size: 20px;
    text-transform: uppercase;
    font-family: 'Lato-Bold';
	color: #4d4d4d;}

.pro_det_nm span{color:#333;border-bottom:2px solid #e7212a;}

.pro_detail{padding:5px 0 10px;line-height:24px;}


.name-01>p{font-size: 20px;text-transform: uppercase;}

.xp-t{width: 47%;margin: 15px 0}
.xp-t span{color: #4d4d4d;font-size: 20px;display: block;line-height: 40px;margin: 0 }
.xp-t p{font-size: 12px;line-height: 22px;color: #4d4d4d;margin: 5px 0}
.xp-t a{font-size: 12px;line-height: 22px;color: #4d4d4d;margin: 5px 0;}
.xp-t a:hover{text-decoration: underline;color: #e7212a}