css reset */

*,*:before,*:after{box-sizing:border-box;}
*{-webkit-tap-highlight-color:rgba(0,0,0,0);} 
html, body, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr,acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small,strike,tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption,tbody, tfoot, thead, tr,th,td{border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
body {position:relative;background:#fff;line-height:1.8;color:#3a3a3a;font-size:14px;font-family:Microsoft Yahei,微软雅黑,Arial,Helvetica,sans-serif;}
a{color:#333;text-decoration:none;}
a:hover{color:#FF0000;text-decoration:none;}
h1,h2,h3,h4,h5,h6{font-weight:700;line-height:normal;}
h3{font-size:16px;}
strong{color:#000;}
li{list-style:none;}
blockquote{border-left:4px solid #000;color:#000;margin:1em 0;padding-left:1em;}
pre{padding:10px;margin:10px 0;word-break:break-all;word-wrap:break-word;white-space:pre-wrap;background:#f9f9f9;border:1px solid #f0f0f0;color:#aaa;}
img{height:auto;max-width:100%;display:block;border:0;margin: 0 auto;}
hr{margin:10px 0 0 0;height:1px;border:none;background:#ddd;}
input,select,textarea{border:1px solid #bbb;background:#fff;outline:none;width:100%;color:#464646;padding:8px;-webkit-appearance:none;font-size:14px;font-family:Microsoft Yahei,微软雅黑,Arial,Helvetica,sans-serif;}
select{-webkit-appearance:menulist;}
textarea{resize:none;overflow-y:auto;display:block;-webkit-appearance:none;}
input[type="radio"]{width:auto;height:auto;-webkit-appearance:radio;}
input[type="checkbox"]{width:auto!important;height:auto!important;-webkit-appearance:checkbox;}
table td{border:1px solid #ddd;padding:5px 2px;vertical-align:middle;}
i{margin-right:5px;} 
.clear:after,.clear:before{content:".";display:block;visibility:hidden;height:0;clear:both;}
.fl{float:left;position:relative;} 
.fr{float:right;position:relative;} 
.hidden{display:none;}
.nowrap{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.disabled{cursor:not-allowed!important;}
.am{transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;-moz-transition:all 0.3s linear 0s;}
::-webkit-input-placeholder{color:#969696;}
:-moz-placeholder{color:#969696;}
::-moz-placeholder{color:#969696;}
:-ms-input-placeholder{color:#969696;} 


/* public */
/*.public{max-width:1260px;margin:0 auto; padding: 0 30px; min-width:1100px;}*/
.public{max-width:865px; min-width:865px; margin:0 auto;}
.public2{max-width:805px; min-width:805px; margin:0 auto;}
/* .public{max-width:1200px;margin:0 auto; } */
.publick{max-width: 1310px; margin:0 auto; padding: 0 30px; min-width:1100px;} 
.publica ul.slides li img{width: 100%;}


/* col public */
ul.col-2,ul.col-3,ul.col-4,ul.col-5,ul.col-6,ul.col-7{overflow:hidden;}
ul.col-2 li,ul.col-3 li,ul.col-4 li,ul.col-5 li,ul.col-6 li{margin-right:2%;}
ul.col-2 li{width:49%;}
ul.col-3 li{width:32%;}
ul.col-4 li{width:23.5%;}
ul.col-5 li{width:18.4%;}
ul.col-6 li{width:15%;}
ul.col-7 li{width:13%;margin-right:1.5%;}
ul.col-2 li:nth-child(2n+2),ul.col-3 li:nth-child(3n+3),ul.col-4 li:nth-child(4n+4),ul.col-5 li:nth-child(5n+5),ul.col-6 li:nth-child(6n+6),ul.col-7 li:nth-child(7n+7){margin-right:0;}
ul.col-2 li.nomargin,ul.col-3 li.nomargin,ul.col-4 li.nomargin,ul.col-5 li.nomargin,ul.col-6 li.nomargin,ul.col-7 li.nomargin{margin-right:0;}



/*Header*/
.wrap{ padding-top: 100px; }
.header-content{ position: fixed; width: 100%; z-index: 16; background: #fff; left: 0; top:0;box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }
.navbar{padding-top: 30px;}
.navbar ul li a{display: block;font-size: 15px;color: #666;}
.navbar ul li.fir-nav a{padding: 6px 12px;white-space: nowrap;}
/*.navbar ul li.fir-nav a.firnav:after{content: "";width: 0;height: 4px;background: #FF0000;position: absolute;bottom: 0;left: 50%;transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;}
.navbar ul li.fir-nav:hover a.firnav{color: #FF0000;}
.navbar ul li.fir-nav:hover a.firnav:after{left: 0;width: 100%;}*/
.navbar ul li.fir-nav:hover ul.next-nav{display: block;}
.navbar ul.next-nav{position: absolute;display: none;min-width: 100%;z-index: 15;background: #efefef;}
.navbar ul.next-nav li:hover a{background: #FF0000; color: #fff;}

/*img.logo{ padding-top:40px; width:180px;}*/
img.logo{ padding-top:40px; width:180px; padding-left:88%}



/*Banner*/
.banner{overflow: hidden; }
.banner .slider{position: relative;}
.banner .flex-control-nav{text-align: center;bottom: 26px;}
.banner .flex-control-paging li a{width:9px;height: 9px;border-radius: 50%;text-indent: 9999px;transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;}
.banner .flex-control-paging li a.flex-active {background: #ffc500;cursor: default;}
.banner .flex-control-paging li a:hover {background: #ffc500;}
.banner .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;}
.banner .flexslider .slides > li:not(:first-child)
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;}
.flexslider .slides > li:not(:first-child)


.banner .flex-direction-nav .flex-next{ right: 5%; }
.banner .flex-direction-nav .flex-prev{ left: 5%; }
.banner .flex-direction-nav a{ background: none; }
.banner .flex-direction-nav a:before{ font-size: 60px; }
/*Webpage*/
.module{padding: 16px 0; background: rgb(242, 246, 247);}
.module .module-top ._form{padding-top: 10px;}
.module .module-top ._form input{width: 74%;border-right: none;}
.module .module-top ._form button{padding: 0;background:#fb5e22;border: none;}

.services .main{/*padding: 0 30px;*/margin-top: 30px;}
.services .main ul li{width: 49%;margin-right: 2%;margin-bottom: 2%;overflow: hidden;}
.services .main ul li:nth-child(2n+2){margin-right: 0;}
.services .main ul li:hover .pic_img{transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);}

.news ._left{width: 100%;}
/*.news ul{padding: 0 30px 0 30px;}*/
.news ._right{width: 49%;}
.news ul li span.time{font-size: 12px;color: #999;}

.case .main{padding-top: 10px;}
.case .str_wrap{background: transparent;}
.case .dowebok img {display: inline-block; padding: 3px 0; margin-left:5px; vertical-align: top; width: 172px;}
.case .str_active:hover{ background: none; }

.link-list p{font-size: 13px!important;}
.link-list a{margin-right: 10px;font-size: 13px;color: #666;}
.link-list a:hover {color: #fff;} 

.footer{background: #101116;padding: 40px 0; margin-top: 30px;}
.footer ._left{width: 30%;}
/*.footer ._left img{padding-right: 15px;margin: 0 30px;}*/
.footer ._left img{padding-right: 15px;margin: 0 30px 0 0;}
.footer ._right{width: 39%; margin:5px 0 0 7%}
/*.footer ._right_right{ width:15%}*/
.footer ._right p{font-size: 12px;color: #fff;}
.footer ._right a{ color: #666; }
/*pageView*/
.pageView .sidenav{width: 100%;}
.pageView .sidenav ._top{background: #555;text-align: center;color: #fff;}
.pageView .sidenav ._top p{padding: 20px 0;font-size: 24px;}
.pageView .sidenav ul.nav li{background: #f0f0f0;}
.pageView .sidenav ul.nav li a{display: block;padding: 2px 0;border-bottom: 1px #d6d6d6 dashed;}
.pageView .sidenav ul.nav li:hover a,.pageView .sidenav ul.nav li a.active{ background: #ff0000;color:#fff;}

.pageView .mainArea{width: 100%;padding-left:0;padding-bottom:30px; min-height: 160px;}
.pageView .mainArea ._top{padding:10px 0;border-bottom:1px #ccc solid;}
.pageView .mainArea .viewMian{padding-top: 10px;}




/*markMian*/
/* .pageView{padding-top: 10px;} */
.markMian ul{padding-top: 30px;}
.markMian ul li{padding-bottom: 20px;}
.markMian ul li ._left{width: 32%;overflow: hidden;}
.markMian ul li ._right{width: 62%}
.markMian ul li ._right p.title{font-size: 16px;}
.markMian ul li ._right p.title span{display: block;padding: 0 6px;background: #FF0000;color: #fff;font-size: 12px;border-radius: 11px;}
.markMian ul li ._right p.text{font-size: 12px;color: #333;line-height: 21px;}
.markMian ul li:hover ._left .pic_img{transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);}

/*newsMian*/
.newsMian ul{padding-top: 30px;}
.newsMian ul li{margin-bottom: 6px;}

.tubiao{ padding-top: 15px; }

ul.tb_icon li{ padding-top: 20px; padding-left: 10px;position: relative; }
ul.tb_icon li img{width: 30px; cursor: pointer;}
ul.tb_icon li .openewm{display: none;  position: absolute; left: 0; top: 55px; width: 220px; background: #fff; padding:25px 15px; border-radius: 5px;  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);  }
ul.tb_icon li .openewm img{ width: 170px; }
ul.tb_icon li .openewm p.text{ font-size:15px; text-align: center; padding-top: 10px; }




.header-content{ height: 100px; }
.header .navbar{position: static;}
ul.nav-menu li{ position: static; }
ul.nav-menu li .sub{ background: #fff; box-shadow: 0 3px 3px rgba(0,0,0,0.2); left: 0; position: absolute; width: 100%; /* padding: 2% 0 5% 0; */ top: 100%; z-index: 1000; display: none;}
ul.nav-menu li.has-sub .sub{ display: block; }
ul.nav-menu li .sub .auto{ max-width: 1300px; width: 100%; margin: 0 auto; }
ul.nav-menu li .sub .list{ width: auto; margin-bottom: 25px; margin: 0 35px; }

/* ul.nav-menu li .sub .list:nth-child(1){ width: 14.285%; } */
ul.nav-menu li .sub .list h2.dot a{ font-size: 14px; color: #FF0000;}
ul.nav-menu li .sub .list:nth-child(8){ clear: both; }

/*Header*/
.header-content{ position: fixed; width: 100%; z-index: 16; background: rgb(242, 246, 247); left: 0; top:0;box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }
.navbar{padding-top: 30px; padding-right:0}
.navbut{ width:120px;  padding:38px 7px 0 0}
.navbut a{ width:110px; height:33px; position:relative; display:block}
.navbut a img{ position:absolute; left:0; top:0}
.navbut a .nohover{ opacity:1; }
.navbut a .hover{ opacity:0}
.navbut a:hover .hover{opacity:1;}

.navbar ul li a{display: block;}
.navbar ul li.fir-nav a{padding: 10px 17px 31px 29px;white-space: nowrap; font-size: 15px; color: #404040;}
.navbar ul li.fir-nav a:hover{ /*color: #e60012;*/ font-weight: bold;}
.navbar ul.nav-menu li .sub .list a.xnr{font-size: 14px;color: #666; padding: 0; font-weight: 400;}
.navbar ul.nav-menu li .sub .list a.xnr:hover{ color: #e60012; }
.navbar ul.nav-menu li .sub .list a.bttitle{ padding: 5px 0; font-size: 16px; }
.navbar ul.nav-menu li:hover .sub .list a.bttitle{} 
/*.navbar ul.nav-menu li .sub .list .three-more{ display: none;}*/
.navbar ul.nav-menu li .sub .list .three-more .thmore{ margin-top: 0; display: inline-block; width: 100px; text-align: center; background: #fff; border: 1px #e60012 solid; border-radius: 5px; font-size: 13px; padding: 0; color: #e60012}
/*.navbar ul.nav-menu li .sub .list .three-more .thmore:hover{ background:#e60012; color: #fff;}*/
.navbar ul.nav-menu li .sub .list .three-hide{ /* max-height: 80px; overflow: hidden; */ margin-top: 7px; }

.navbar ul li.fir-nav a.firnav{ position: relative; } 
.navbar ul li.fir-nav a.firnav2{ margin-right: 20px; }
.navbar ul li.fir-nav a.firnav span{display:none;width:0;height:0; border-width:0 10px 10px; border-style:solid; border-color:transparent transparent #e60012;/*透明 透明  红*/ position:absolute; bottom:-2px; left:50%; margin-left: -3px;}
.navbar ul li.fir-nav:hover a.firnav span{ display: block; }
.navbar ul li.fir-nav a.firnav2 img{ position: absolute; right: 0; top: 22px; }


/* .navbar ul li.fir-nav a.firnav:after{content: "";width: 0;height: 4px;background: #FF0000;position: absolute;bottom: 0;left: 50%;transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;}
.navbar ul li.fir-nav:hover a.firnav{color: #FF0000;}
.navbar ul li.fir-nav:hover a.firnav:after{left: 0;width: 100%;}*/
.navbar ul li.fir-nav:hover ul.next-nav{display: block;}
.navbar ul.next-nav{position: absolute;display: none;min-width: 100%;z-index: 15;background: #efefef;}
.navbar ul.next-nav li:hover a{background: #FF0000; color: #fff;}

/*newsMian*/
.newsMian ul{padding-top: 30px;}
.newsMian ul li{margin-bottom: 6px;}

ul.tb_icon{ padding-left:20px}
ul.tb_icon li{ padding-top: 27px; padding-left: 20px;position: relative; }
ul.tb_icon li img{width: 30px; cursor: pointer;}
ul.tb_icon li .openewm{display: none;  position: absolute; left: 0; top: 55px; width: 140px!important; background: #fff; padding:25px 20px; border-radius: 5px;  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);  } 
ul.tb_icon li .openewm img{ width: 150px; }
ul.tb_icon li .openewm p.text{ font-size:15px; text-align: center; padding-top: 10px; font-weight:300; color:#404040 }
/*.header .navbar{position: absolute; padding-right: 0;left: 50%;  float: inherit; top: 0;}
ul.nav-menu{ width: auto;display: inherit; }*/

.pageView-pos{ background: #fafafa;border-bottom: 1px solid #eee;color: #aaa;font-size: 12px;line-height: 42px;}
.pageView-pos ._top a:first-child{margin-right: 10px;}
.pageView-pos ._top a{ display: inline-block; color: #aaa; line-height: 12px;}
.pageView-pos ._top a:hover{ color: #ff0000;}
.pageView .sidenav{ background: #fafafa; margin-bottom:3%;}
.pageView .sidenav ul.nav li:first-child{}
.pageView .sidenav ul.nav li{ background: none; line-height: 69px; /* margin-right: 44px; */ display: block;}
.pageView .sidenav ul.nav li a{ display: block; border-bottom: 1px solid transparent; font-size: 16px; text-overflow: ellipsis; white-space: nowrap;}
.pageView .sidenav ul.nav li:hover a, .pageView .sidenav ul.nav li a:hover,.pageView .sidenav ul.nav li:hover a, .pageView .sidenav ul.nav li a.active {border-bottom-color: #ff0000;color: #ff0000;font-weight: bold; background: none;}
.productMian ul li img{ height: 185px;}
.owl-carousel .owl-item,.owl-carousel .owl-stage{display: block;}
ul.nav-menu li .sub .list{ margin: 0 25px;}


.nav-menua .owl-nav button{cursor:pointer;position:absolute;top:50%;margin-top:-10px;width:20px;height:20px;}
.nav-menua .owl-nav button.disabled{display:none;}
.nav-menua .owl-nav button.owl-prev{left:-20px;background:url('../image/jtleft.png') no-repeat center!important;}
.nav-menua .owl-nav button.owl-next{right:-20px;background:url('../image/jtright.png') no-repeat center!important;}
.nav-menua .owl-nav button span{font-size:0;display:none;width:12px;height:12px;border-top:3px solid #aaa;border-right:3px solid #aaa;position:absolute;top:50%;left:50%;margin:-6px 0 0 -6px;-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);}
.nav-menua .owl-nav button.owl-prev span{-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);}



.text-pgone{ color:#666; font-size:18px; font-weight:700; border:1px solid #666; display:inline-block; padding:0 15px; margin-bottom:10px; border-radius:10px;}
.footer ._right p{ color:#666; font-size:12px;line-height:1}
.footer ._right span{ font-size:12px; line-height:1}
.publick ._right_right{ font-size:12px;}


.play-button{
	border: none;
	position: absolute;
	bottom: 9.6%;
	left: 50%;
	transform: translateX(-50%);
	padding: 6px 20px;
	background: #fff;
	border-radius: 16px;
	opacity: .9;
	font-size: 14px;
	color: #222;
	cursor: pointer;
}
.play-button .play-icon {
	display: inline-block;
	margin-left: 25px;
	width: 0;
	border-left: 8px solid grey;
	border-bottom: 5px solid transparent;
	border-top: 5px solid transparent;
}

.marka{position:absolute;width:100%;height:100%;overflow:hidden;left:0;top:0;z-index:9999;background-color: rgba(0,0,0,.5);-webkit-transition:.2s;transition:.2s; display: none;}
#myFrameId{position: fixed;left:50%;width:500px;margin-left:-250px;height:280px;top:50%;margin-top:-140px;z-index:99999;}



ul.nav-there{ position:relative}
ul.nav-there li a.xnra{font-size: 14px;color: #666; padding: 0; font-weight: 400;}
ul.nav-there li:hover a.xnra{ color:#e60012;font-weight: 700!important;}

ul.nav-there li ul{ position:absolute; left:100%; top:0; min-width:70px;z-index:15;display:none; background:#fff; min-height:300px}
ul.nav-there li ul.nav-four{ top:-5px; background:#fff; padding-bottom:20px}
ul.nav-there li:hover > ul{display:block;}
ul.nav-there li ul.nav-four li{ line-height:1.3}
ul.nav-there li ul.nav-four li a{padding:5px 20px 0px 20px!important; display:block; position:relative; font-size:14px; line-height：1; font-weight:700}

ul.nav-there li ul.nav-four li a span{display:none;width:0;height:0; border-width:5px 5px 5px; border-style:solid; border-color:transparent transparent transparent #e60012; position:absolute; top:50%; left:10px; margin-top: -2px;}
ul.nav-there li ul.nav-four li:hover a{ color:#e60012; font-weight:700;}
ul.nav-there li ul.nav-four li:hover a span{display:block}

ul.nav-there li ul.nav-four li ul.nav-five{ min-width:260px;}
ul.nav-there li ul.nav-four li ul.nav-five li span{ display:none}
ul.nav-there li ul.nav-four li ul.nav-five li:hover span{ display:block}

ul.nav-there li ul.nav-four li ul.nav-five li a{ font-size:12px!important}
ul.nav-menu li .list2{transition:all 0.2s linear 0s;-webkit-transition:all 0.2s linear 0s;-moz-transition:all 0.2s linear 0s;-ms-transition:all 0.2s linear 0s;-o-transition:all 0.2s ease-in-out;}
ul.nav-menu li .list2.op-nav{ opacity:.2;transition:all 0.2s linear 0s;-webkit-transition:all 0.2s linear 0s;-moz-transition:all 0.2s linear 0s;-ms-transition:all 0.2s linear 0s;-o-transition:all 0.2s ease-in-out;}


/*.tubiao{ padding-top:35px; width:112px;line-height:1;}*/
.tubiao{ width:235px;line-height:1;}
.tubiao p{ font-size:14px; padding-bottom:3px; font-weight:700}
.tubiao div{ font-size:16px; font-weight:700; color:#FF0000}

.header-content .logo2{ position:absolute; left:2%; top:0}

/*ul.nav-there{ position:relative}*/
/*ul.nav-there li a.xnra{font-size: 14px;color: #666; padding: 0; font-weight: 400;}*/
/*ul.nav-there li:hover a.xnra{ color:#e60012;font-weight: 700!important;}*/

/*ul.nav-there li{ position:relative}*/
/*ul.nav-there li ul.nav-four{ position:absolute; left:100%; top:0; width:0;z-index:15;opacity: 0;  background:#fff!important; min-height:295px;*/
/*    transition:all 0.2s linear 0s;-webkit-transition:all 0.2s linear 0s;-moz-transition:all 0.2s linear 0s;-ms-transition:all 0.2s linear 0s;-o-transition:all 0.2s ease-in-out;*/
/*}*/
/*ul.nav-there li ul.nav-four li{ display:none}*/
/*ul.nav-there li ul.nav-four{background:#fff; padding-bottom:20px;  }*/
/*ul.nav-there li:hover > ul.nav-four{display:block;min-width:1000px; opacity: 1;*/
/*    transition:all 0.2s linear 0s;-webkit-transition:all 0.2s linear 0s;-moz-transition:all 0.2s linear 0s;-ms-transition:all 0.2s linear 0s;-o-transition:all 0.2s ease-in-out;*/
/*}*/
/*ul.nav-there li:hover > ul.nav-four li{ display:block}*/
/*ul.nav-there li ul.nav-four li a{padding:5px 20px 0px 20px!important; display:block; position:relative; font-size:14px;}*/

/*ul.nav-there li:hover ul.nav-four li> ul.nav-five{ display:block}*/
/*ul.nav-there li ul.nav-four li a.xnr-four{ color:#e60012!important; font-weight:700}*/
/*ul.nav-there li ul.nav-four li.ff-nav{ float:left}*/
/*ul.nav-there li ul.nav-four li ul.nav-five li{ line-height:1.5}*/
/*ul.nav-there li ul.nav-four li ul.nav-five li a{ font-size:12px!important}*/
/*ul.nav-menu li .list2{transition:all 0.2s linear 0s;-webkit-transition:all 0.2s linear 0s;-moz-transition:all 0.2s linear 0s;-ms-transition:all 0.2s linear 0s;-o-transition:all 0.2s ease-in-out;}*/
/*ul.nav-menu li .list2.op-nav{ opacity:.2;transition:all 0.2s linear 0s;-webkit-transition:all 0.2s linear 0s;-moz-transition:all 0.2s linear 0s;-ms-transition:all 0.2s linear 0s;-o-transition:all 0.2s ease-in-out;}*/






@media all and (max-width: 1367px) {
	.public{max-width:925px; min-width: 925px;}
	.navbar{ padding-right: 0%;} 
	.navbut{padding:35px 0% 0 0}
	.navbar ul li.fir-nav a{ padding:10px 13px 31px 15px}
	.tubiao{ width:230px}
}

@media all and (max-width: 1300px) {
	ul.nav-menu li .sub .list{margin: 0 10px;}
	
}

@media all and (max-width: 1280px) {
	.navbar{ padding-right: 1%;}
	.navbut{padding-right: 1%;}
	.navbut{padding:35px 1% 0 0}
	.footer ._right{ margin: 0 0 0 4%}
	.navbar ul li.fir-nav a{ padding:10px 13px 31px 7px}
	.tubiao{ width:160px}
	ul.tb_icon li{ padding-left:30px}
	
}
@media all and (max-width: 1200px) {
	.navbar{ padding-right: 1%;}
}