@charset "UTF-8";



a, b, p, input, li, .case .box .title, .case .box .hide, .news ,.message ul label{ transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; }







#main_pro .box a.title_two, .aslide ul li a, .case .box .title, .case .box .hide b, .message .title .right { text-overflow: ellipsis; overflow: hidden; display: block; white-space: nowrap; }







.tool .langBt, .language, .search, #main_pro .box, #footer div, .leftmenu, .leftpro, .leftpro b.lefthot, .case .box .title, .case .box .hide, .message .title .left, .message .title .right, .message ul, .news, .product,.product .img a, .tag li, #footerToolBar li,.procont .two .right > a { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

#nav-mob {
    width: 100%;
    background: #fc9c45;
    text-align: center;
    display: none;
    position: fixed;
    left: 0;
    top: 50px;
    z-index: 950;
    color: #fff;
    display: none;
}
.listNav-mob {
    float: left;
    height: 100%;
    width: 100%;
}
#nav-mob .clearfix > li {
    width: 100%;
    float: left;
    border-bottom: 1px solid #fff;
    transition: all 0.6s ease 0s;
    position: relative;
}
.sm-search {
    width: 100%;
    background: #fc9c45;
    position: fixed;
    left: 0;
    top: 50px;
    z-index: 950;
    color: #fff;
    display: none;
}
.sm-search-k {
    float: left;
    width: 96%;
    margin-left: 2%;
    margin-top: 3%;
    position: relative;
    margin-bottom: 3%;
}
#sm-form1 {
    float: left;
    width: 100%;
}
.sm-search-in {
    float: left;
    width: 98%;
    height: 30px;
    border: 1px solid #272A32;
    background: #fff;
    padding-left: 2%;
    color: #5C5D5D;
    font-size: 18px;
}
#sm-searbtn {
    width: 35px;
    height: 40px;
    border: 0px none;
    background-color: transparent;
    background-position: 5px 5px;
    background-image: url(../images/searchbtn-2.png);
    background-repeat: no-repeat;
    position: absolute;
    right: 10px;
    top: 0px;
    font-size: 26px;
    font-family: icomoon;
}
.mh-Ano-active:before {
    content: '\e60b';
    font-size: 22px;
    font-family: icomoon;
    color: #fff;
    padding-left: 8px;
    line-height: 35px;
}
#nav-mob .clearfix li a {
    float: left;
    white-space: nowrap;
    line-height: 48px;
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    color: #fff;
}

.lan-k {
    position: absolute;
    width: 80px;
    height: 50px;
    left: 0;
    top: 25px;
    display: none;
	background: #fff;
	    border-radius: 3px;
		padding-bottom:10px;
}

.lan-item {
    float: left;
    text-align: center;
    line-height: 20px;
    color: #5e5f63;
    font-size: 12px;
    padding-left: 10px;
}




.message .title .tr { text-overflow: ellipsis; overflow: hidden; display: block; white-space: nowrap; }



.message .title .tl, .message .title .tr, .message ul, .procon .tag .tagList li,.product .box a { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }







html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-family: sans-serif; }







body, html, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, table, figure { padding: 0; margin: 0; }







a:active, a:hover, button { outline: 0; }







body { line-height: 1.5; font-family:  "calibri", taile,Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; font-size: 14px; color: #333; }







body.clear { overflow: hidden; }







ol, ul, dl, li, menu { list-style: none; }







hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }







button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }







input:focus, button:focus, select:focus, textarea:focus, a:active { outline: 0; }







button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }







input[type="text"] { -webkit-appearance: textfield; }







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







button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }







input, textarea, label, button, .toolMask .toolTop, .slideList li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 0.875em; }







input[type="text"], textarea { text-align: left; background: transparent; }



input[type="text"]:focus, input[type="text"].focusOn, textarea:focus, textarea.focusOn { background: #fff; }







img { max-width: 100%; max-height: 100%; border: 0px; -ms-interpolation-mode: bicubic; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }







h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: inherit; }







b { text-align: left; }







p { text-align: left; }







i, em, m { font-style: normal; }







table { border-collapse: collapse; border-spacing: 0; width: 100%; }







table td, table th { text-align: center; padding: 3px; border: 1px solid #ccc; word-wrap: break-word; overflow: hidden; word-break:break-all; }







table th { background: #ddd; font-weight: bold; }







a { color: #333; text-decoration: none; }







img, div:before, div:after, a, a:before, a:after, li, p, b { transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; }







a:visited { color: #016fbc; }







a:focus { color: #016fbc; }







a:hover { color: #016fbc; }







a:active { color: #016fbc; }







a:hover { text-decoration: none; }







.clearfix { *zoom: 1; }







.clearfix:before, .clearfix:after { content: ""; display: table; clear: both; visibility: hidden; height: 0; }







.justify { text-align: justify; text-justify: inter-ideograph; letter-spacing: 0px; font-size: 0px; }







.justify:after { content: ''; height: 0px; width: 100%; display: inline-block; overflow: hidden; line-height: 0; }







.justify .line { display: inline-block; height: 0px; overflow: hidden; }















.justify .box { display: inline-block; vertical-align: top; text-align: left; font-size: 14px; }







.justify.box { text-align: justify; }







.center { width: 1240px; margin: 0 auto; max-width: 100%; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; }







.searchtitle { font-size: 16px; color: #333; font-weight: normal; display: block; padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #ccc; }







#pageNum { margin: 1% 0; display: inline-block; }



#pageNum a,#pageNum span { font-size: 12px; line-height: 16px; padding: 6px 11px; display: inline-block; margin-right: 6px; margin-bottom: 7px; border: 1px solid #d7d7d5; color: #000; }



#pageNum a:hover,#pageNum .cur { color: #fff; background: #1397F2; }







.share .facebook:before { content: '\e62c'; }







.share .twitter:before { content: '\e62b'; }







.share .google:before { content: '\e62d'; }







.share .linkedin:before { content: '\e630'; }







.share .youtube:before { content: '\e634'; }







#goTop { cursor: pointer; position: fixed; display: block; width: 35px; height: 41px; color: #fff; font-size: 14px; text-align: center; background: url("../images/black.png") repeat; background: rgba(0, 0, 0, 0.6); opacity: 0.6; bottom: 3%; right: 2%; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; }







#goTop:hover { background-color: rgba(0, 0, 0, 0.9); opacity: 0.9; }







#goTop:before { content: "\e627"; display: block; font-family: icomoon; text-align: center; background-image: none; font-size: 12px; margin-top: 2px; height: 16px; }







.prenext b { font-size: 14px; color: #ff7900; font-weight: normal; padding-right: 3px; }







.prenext a { font-size: 14px; color: #ff7900; font-weight: normal; }







.prenext { color: #ff7900; }







/*  common style  */



@font-face { font-family:"HelveticaNeueLT Pro 33 ThEx"; src:  url(../font/HelveticaNeueLTPro-ThEx.otf); font-family: "icomoon"; src: url("../font/icomoon.eot"); src: url("../font/icomoon.eot?#iefix") format("embedded-opentype"), url("../font/icomoon.woff") format("woff"), url("../font/icomoon.ttf") format("truetype"), url("../font/icomoon.svg#$font") format("svg"); font-variant: normal; text-transform: none; font-style: normal; }



@font-face { font-family: 'BebasRegular'; src: url("../img/footerbox/bebas.eot"); src: url("../img/footerbox/bebas.eot") format("embedded-opentype"), url("../img/footerbox/bebas.woff") format("woff"), url("../img/footerbox/bebas.ttf") format("truetype"), url("../img/footerbox/bebas.svg#BebasRegular") format("svg"); font-weight: normal; font-style: normal; }



@font-face { font-family: "impact"; src: url("../font/impact.eot"); src: url("../font/impact.eot?#iefix") format("embedded-opentype"), url("../font/impact.woff") format("woff"), url("../font/impact.ttf") format("truetype"), url("../font/impact.svg#$font") format("svg"); font-variant: normal; text-transform: none; font-style: normal; }



@font-face { font-family: "ARVO-REGULAR"; src: url("../font/ARVO-REGULAR.eot"); src: url("../font/ARVO-REGULAR.eot?#iefix") format("embedded-opentype"), url("../font/ARVO-REGULAR.woff") format("woff"), url("../font/ARVO-REGULAR.ttf") format("truetype"), url("../font/ARVO-REGULAR.svg#$font") format("svg"); font-variant: normal; text-transform: none; font-style: normal; }



/*@font-face { font-family: "calibri" ; src: url("../font/calibri.ttf");}*/









/*@font-face {

  font-family: 'MyWebFont';

  src: url('webfont.eot'); /* IE9 Compat Modes */

 /* src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

    /*   url('webfont.woff') format('woff'), /* Modern Browsers */

     /*  url('webfont.ttf')  format('truetype'), /* Safari, Android, iOS */

     /*  url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */

/*}*/





body { line-height: 1.5; font-family: "calibri", Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; font-size: 14px; color: #333; overflow-x: hidden; }







/* input[type="text"] , textarea{ color:#999; text-align:left;}



input[type="text"].focusOn , textarea.focusOn{ color:#333;} */



input[type="text"], textarea { text-align: left; background: transparent; }







input[type="text"]:focus, input[type="text"].focusOn, textarea:focus, textarea.focusOn { background: #fff; }











.pageNum { margin: 1% 0; display: inline-block; }



.pageNum a, .pageNum span { font-size: 12px; line-height: 16px; padding: 6px 11px; display: inline-block; margin-right: 6px; margin-bottom: 7px; border: 1px solid #d7d7d5; color: #000; }



.pageNum a:hover, .pageNum .cur { color: #fff; background: #1F87E8; }



















.share a.youtube { }







.searchForm { position: relative; max-width: 100%; }



.searchForm .search { width: 100%; border: 0px none; background: #fff; }



.searchForm .searchBtn { border: 0px none; position: absolute; top: 0; right: 0; }







.clearfix { *zoom: 1; }







.clearfix:before, .clearfix:after { content: ""; display: table; clear: both; visibility: hidden; height: 0; }







#gotop { cursor: pointer; position: fixed; width: 35px; height: 41px; color: #fff; font-size: 14px; text-align: center; background: #000; filter: alpha(opacity=60); opacity: 0.6; bottom: 3%; right: 2%; border-radius: 5px; z-index: 9999; text-transform: capitalize; }



#gotop:hover { opacity: 0.75; }



#gotop:before { content: "\e627"; display: block; font-family: icomoon; text-align: center; background-image: none; font-size: 12px; margin-top: 2px; height: 16px; }



@media screen and (max-width: 760px) { #gotop { bottom: 11%; } }







.prenext { color: #77c267; }



.prenext b { font-size: 14px; color: #77c267; font-weight: bold; padding-right: 3px; text-transform: capitalize; }



.prenext a { font-size: 14px; color: #77c267; font-weight: normal; }







iframe[name='google_conversion_frame'] { height: 0 !important; width: 0 !important; line-height: 0 !important; font-size: 0 !important; margin-top: -13px; float: left; }







object[id^="tq_as"] { overflow: hidden; margin: 0; height: 0 !important; }







body { background: #1d1d20; overflow-x: hidden; }







#container { width: 1406px; margin: 0 auto; overflow: hidden; position: relative; }







#head { border-top: 5px solid #ff7900; position: relative;  position: relative; z-index:100;background:url(../images/bg.png) 0 bottom no-repeat }



#head:before{background:url(../images/menu_bg.png) center bottom no-repeat;content: ""; height: 85px;  left: 0;  position: absolute;  bottom:0px;   width: 100%;}







#logo { width: 11%; min-width: 140px; margin-top: 15px; position: absolute; left:0px; top: 0; margin-left:10px; z-index:2 }










#menu .menuLeft { float: left; color: #fff; font-size: 24px; height: 38px; background:url("../images/fancybox_overlay.png") repeat;  background:#ff7900; padding: 0 10px; }



#menu .menuLeft:after { content: '\e637'; color: #fff; font-size: 24px; vertical-align: middle; display: inline-block; font-family: 'icomoon'; margin-left: 10px; cursor: pointer; }



.menuRight {
    cursor: pointer;
    border-radius: 5px;
    float: right;
    margin-top: 10px;
    color: #fff;
    line-height: 30px;
    margin-right: 10px;
	
}

/*#menu .menuRight:after { content: '\e677'; color: #fff; font-size: 24px; vertical-align: middle; display: inline-block; font-family: 'icomoon'; margin-left: 10px; cursor: pointer; text-align: center; }*/







#nav { vertical-align: bottom; margin-top:70px; margin-left:100px }

#nav li { float: left; background:url(../images/menu_li.jpg) right 0 no-repeat;  }

#nav li.two{position:relative}

#nav li a {  font-size: 20px; color: #ffffff; padding: 27px 10px; display: block;  font-family:calibri, Arial, Helvetica, sans-serif;  }

#nav li:hover a {  color: #fff; background-size: 50%; }

#nav li.select a{color: #fff; background-size: 50%; }







#nav ul.listNav > li > ul { position: absolute; top: 100%; right:0px; width:1432px; z-index: 20; background: #ff7900 ; padding:15px 0 15px 0; box-shadow: 3px 2px 8px rgba(0, 0, 0, 0.2); display: none;}

#nav ul.listNav > li:hover > ul { display: block; }

#nav ul.listNav > li > ul > li { width: 24.5%; text-align: center;  float:left; background:none; border-right:1px solid #ff9d44; }


#nav ul.listNav > li > ul > li .title:hover{  color:#fee8d4}

#nav ul.listNav > li.two > ul { position: absolute; top: 100%; left:0; right: inherit; width:230px; padding:15px; }

#nav ul.listNav > li.two > ul > li { width:100%; border:0;  border-bottom:1px solid #ff9d44; }

@media screen and (max-width: 1406px) {

	 #nav ul.listNav > li > ul { right:-25px; width:103%;}

	 #head #nav .center{ width:95%}

	  }

@media screen and (max-width: 1200px){ #nav ul.listNav > li > ul { right:-1%; width:103%;}	

#nav ul.listNav > li > ul > li { width: 33%;}

.tt{width:30%;}		

}

@media screen and (max-width: 960px) {

#nav ul.listNav > li:hover > ul {display:none }	

	 }

@media screen and (max-width: 860px) { #nav ul.listNav > li > ul{ display:none

}#nav ul.listNav > li:hover > ul {display:none}

}




.tt{margin-top: 25px;  position: absolute; left:200px; top: 0; z-index:100; font-size:17px; color:#FFF}


.lang { margin-top: 30px;  position: absolute; right:100px; top: 0; z-index:100}



.lang .share{  display: inline-block;float:left; margin-left:15px}



.lang .share li{ float:left}



.lang .share a { display: inline-block; vertical-align: middle;font-size: 20px;  line-height: 22px; color:#fff; margin-right:15px}



.lang .share a:hover{color:#ff7900}



.lang .share a:before { font-family: icomoon; }











.tool {  position:relative; background:#fff; border-radius:3px; padding:2px 20px 2px 10px;  display: inline-block; float:left}



.tool .searchBt { display: block; width: 80px; height: 60px; color: #ff7900; line-height: 60px; cursor: pointer; background: url("../images/search_b.png") no-repeat center; }



.tool .langBt { display: block; color: #5e5f63; position: relative; cursor: pointer; font-size:12px }



.tool .langBt:after { content: ''; width: 0; height: 0; overflow: hidden; position: absolute; border: 5px solid transparent; border-top-color: #5e5f63; margin-left: 5px; top: 7px; }











#head .search1 { width:200px; margin-left:10px; float:left }



#head .search1 form { position: relative; display: block; margin-right: 15px; height:25px ; top:-3px; border:1px solid #fff; }



#head .search1 input[type="text"] { width:90%; border: 0px none;  padding-left: 5px; padding-right: 30px; height:25px; color: #fff;}



#head .search1 input[type="submit"] { width:25px; height: 25px; border: 0px none; outline: none; background: url("../images/search_bg.jpg") no-repeat center; position: absolute; right: 0; top: 0; }



#head .search1 input[type="text"]:focus, #head .search1 input.focusOn[type="text"], #head .search1 textarea:focus, textarea.focusOn{}



#head .search1 label { position: absolute; left: 5px; color: #ACACAC; top: 2px; font-size: 12px; z-index: -1; }















.language { background: #ff7900; width: 34%; text-align: right; display: inline-block; position: absolute; right: 0; bottom: -46px; z-index: 88; display: none; }



.language a { color: #fff; font-size: 16px; padding: 15px 10px; line-height: 1; display: inline-block; }







.search { background: #ff7900; width: 34%; display: inline-block; padding-left: 20px; position: absolute; right: 0; bottom: -46px; z-index: 88; vertical-align: middle; display: none; }



.search .searchForm { position: relative; }



.search input[type=text] { height: 46px; line-height:46px; width: 80%; vertical-align: middle; background: transparent; border: 0px none; margin-right: 50px; outline: none; font-size: 14px; color: #fff; position: relative; z-index: 2; top: 0; }



.search input[type=text]:focus, .search input[type=text].focusOn { background: #ff7900; }



.search input[type=submit] { width: 36px; height: 36px; vertical-align: middle; position: absolute; right: 5px; top: 5px; border: 0px none; outline: none; background: #ff7900 url("../images/search.png") no-repeat center; z-index: 150; }



.search label { position: absolute; left: 15px; bottom: 12px; top: initial; color: #fff; font-size: 14px; padding-left: 5px; z-index: 1; border: 0px none; }







.jd{ position:relative; top:-45px}



#banner { position: relative; background: #fff; max-height:640px; overflow:hidden;  }



#banner .item{  overflow: hidden; max-height:640px; }



.bg{ position: absolute; width:100%; background: url(../images/banner.png) right 0 no-repeat; height:123px; bottom:0}







#main_wrap { background: #f5f5f5; position:relative; top:-45px; padding-bottom:125px  } 



#main_wrap:before {



    background: rgba(0, 0, 0, 0) url("../images/main_wrap_bg.png") no-repeat scroll 0 0;



    content: "";



    height: 92px;;



    right: 0;



    position: absolute;



    top: -92px;



    width: 700px;



}







.main_prowrap {position: relative; background:url(../images/bg2.jpg) right -123px repeat-y;top:-45px; padding-top: 5.41667%;}







#main_pro {  padding-bottom: 4%;  }



#main_pro .title { text-align: center; overflow: hidden; position: relative; margin-bottom: 3.91667%; }



#main_pro .title b { font-size: 41px; color: #fff; display: inline-block; padding: 10px 40px; background: #ff7900;/*font-family: 'impact';*/ font-weight: bold; position: relative; line-height: 1; }



#main_pro .title:before { content: ''; height: 1px; width: 100%; position: absolute; top: 48%; right: 0; background: #ff7900; display: block; }







#main_pro .box { width: 23%; }



#main_pro .box:hover a.title_two { color: #fff; }



#main_pro .box img { border-radius: 22px; display: inline-block; }



#main_pro .box a.title_two { font-size: 23px; color: #fff; display: block; margin: 10px 0 5px 0; }



#main_pro .box p { color: #909090; height: 66px; max-height: 66px; overflow: hidden; display: block; }



#main_pro .box a.more { color: #ff7900; text-transform: capitalize; display: block; margin: 15px 0; }







#main_news { background: #1d1d20 url("../images/mn_bg.jpg") no-repeat 90%; padding: 15px 0; position: relative; top:-45px;  }



#main_news b { text-transform: capitalize; color: #fff; font-size: 41px; font-weight: normal; /*font-family: impact;*/ display: inline-block; vertical-align: middle; font-weight:bold }



#main_news b:before { content: '\e676'; font-size: 22px; font-family: 'icomoon'; display: inline-block; width: 40px; height: 40px; line-height: 45px; font-weight: normal; text-align: center; background: #ff7900; vertical-align: middle; color: #fff; border-radius: 50%; margin-right: 20px; }



#main_news b.CC:before { content: '\e675';}



#main_news ul { display: inline-block; vertical-align: middle; margin-left: 4.16667%; }



#main_news ul li { position: relative; padding: 2px 0; }



#main_news ul li:before { content: ''; width: 0; height: 0; overflow: hidden; position: absolute; border: 12px solid transparent; border-left-color: #fff; top: 5px; border-top:10PX  solid transparent;border-Bottom:10PX  solid transparent}



#main_news ul li a { color: #fff; padding-left: 20px; font-size:14px; line-height:24px }



#main_news .n_left{float:left;  width:55%}



#main_news .n_right{float:right ;width:35%}







#main_cont { background: #2A2B33 ;position: relative; top:-45px; background: url(../images/bg2.jpg); padding-bottom:5% }



#main_cont .wrap {  padding-top: 4.16667%; padding-bottom: 4.16667%; }







#main_cont .main_about { width: 61.667%; position: relative; }



#main_cont .main_about .title { position: relative; text-align: left; margin-bottom: 40px; }



#main_cont .main_about .title b { display: inline-block; /*font-family: impact;*/ font-size: 45px; text-align: center; background: #ff7900; color: #fff;/* font-weight: normal; text-transform: uppercase;*/ line-height: 1; padding: 6px 45px; }



#main_cont .main_about .img { width: 56.42458%;  }



#main_cont .main_about .img img{border-radius:30px;}



#main_cont .main_about .info { width: 38.68715%;  position: relative; color:#FFF}



#main_cont .main_about .info:after{  content: ''; display: inline-block; position: absolute; top: -48px; left:-30px; width: 100%; height:183px; background:url(../images/logo.png) center no-repeat; z-index:0; background-size: 60%;



filter:alpha(opacity=20); /*IE滤镜，透明度50%*/



-moz-opacity:0.2; /*Firefox私有，透明度50%*/



opacity:0.2;/*其他，透明度50%*/



}



#main_cont .main_about .info .title { font-size: 26px; color:#FFF; line-height: 1.3; margin-bottom: 20px; display: block;  position: relative; z-index:2; text-transform:uppercase  }



#main_cont .main_about .info .title:hover { color: #ff7900; }



#main_cont .main_about .info p { font-size: 14px; color: #fff; display: block; margin-bottom: 40px; height: 105px; overflow: hidden; max-height: 105px; position: relative; z-index:2; }



#main_cont .main_about .info .more { text-transform: capitalize; color: #ff7900;  position: relative; z-index:2;}



#main_cont .main_about:after { content: ''; display: inline-block; position: absolute; top: 24px; right: -42%; width: 108%; height: 2px; background-image: -webkit-linear-gradient(left, #ff7900, #e60012); background-image: -moz-linear-gradient(left, #ff7900, #e60012); background-image: -ms-linear-gradient(left, #ff7900, #e60012); background-image: -o-linear-gradient(left, #ff7900, #e60012); background-image: linear-gradient(left, #ff7900, #e60012); filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ff7900', endColorStr='#e60012', gradientType='1'); }







#main_cont .main_video { width: 34.833%; }



#main_cont .main_video .title { position: relative; text-align: right; margin-bottom: 40px; }



#main_cont .main_video .title b { display: inline-block; /*font-family: impact;*/ font-size: 45px; text-align: center; background: #00A83E; color: #fff; text-transform: uppercase;/* font-weight: normal;*/ line-height: 1; padding: 6px 45px; }



#main_cont .main_video img{border-radius:30px;}







#footer { padding-top:0%; background: #1d1d20; position: relative; padding-bottom:3% }



#footer:before { background: url(../images/footer_bg.png) no-repeat; content: ""; height: 130px;  left: 0;  position: absolute;  top: -166px;   width: 630px;}



#footer .box{ background:url(../images/footer_line.jpg ) right 0 no-repeat; min-height:300px;padding: 0 1.5%; }



#footer .one { width: 30%; color: #fff; font-size:12px;  }



#footer .one b {  color: #fff;   line-height: 1; display: block; margin-bottom: 10px; font-size:16px; text-transform: uppercase  }



#footer .one a {  }



#footer .one .share{ margin-top:15px}



#footer .one .share li {  display: inline-block; margin-bottom: 40px; min-width: 45px; }



#footer .one .share li a { color: #fff; font-size: 20px; position: relative; }



#footer .one .share li a:hover { color: #ff7900; }



#footer .one .share li a:hover:before { background-color: #ff7900; color:#FFFFFF }



#footer .one .share li a:before { font-size: 23px; display: inline-block; width: 38px; height: 38px; color: #fff; font-family: 'icomoon'; text-align: center; line-height: 1.75; vertical-align: middle; margin-right: 12px; z-index:5;}



#footer .one .share li a.facebook:before{background: #355598;}



#footer .one .share li a.twitter:before{background: #22c0e0;}



#footer .one .share li a.google:before{background: #c7402c;}



#footer .one .share li a.youtube:before{background: #df3b3b;}



#footer .one .share li a.linkedin:before{background: #8b8b8b;}















#footer .two { width: 23%;  }



#footer .two li { line-height: 1; }



#footer .two b { color: #fff; text-transform: uppercase;  line-height: 1; display: block; margin-bottom: 10px; font-size:17px;  }



#footer .two span { display: inline-block; color: #fff; margin-right: 5px; line-height: 1; vertical-align: top; }



#footer .two .blank { display: inline-block; width: 28px; }







#footer .two a { color: #fff; display: inline-block; line-height:18px; font-size:12px }



#footer .two a:hover { color: #ff7900; }







#footer .three { width: 23%; }



#footer .three li a { color: #fff; text-transform: uppercase; display: block; margin-bottom: 10px; line-height: 1; font-size:15px; }



#footer .three li a:hover { color: #ff7900; }







#footer .four { width: 20%; background:#1d1d20 }



#footer .four b { color: #fff; text-transform: uppercase;line-height: 1; display: block; margin-bottom: 10px; font-size:17px;   }







#footer form { display: block; width: 100%; position: relative; }



#footer form ul{ width:100%;}



#footer form li { position: relative; width:100%; margin-bottom: 8px;}



#footer form input[type=text], #footer form textarea { width: 100%; color: #fff; background: transparent; border: 0px solid #fff; padding: 4px 0 4px 5px;  line-height: 1; z-index: 2; position: relative; padding:5px;background:#434343; border-radius:3px ;  }



#footer form input[type=text]:focus, #footer form input[type=text].focusOn, #footer form textarea:focus, #footer form textarea.focusOn { background: #434343; }



#footer form textarea { height:100px; }



#footer form input[name="code"] { width: 88px; vertical-align: bottom; margin-right: 5px;  background:#434343; border-radius:5px ;}



#footer form span.code { display: inline-block; } 



#footer form input[type="submit"] {right: 0; bottom: 5px; color: #fff; border: 0px none; padding: 4px 22px; background:#fe6000; border-radius:5px ; }



#footer form label { position: absolute; background: transparent; color: #fff; top: 2px; left: 5px; z-index: 1;  width:100% }















#copyright { background: #fe6000; padding:25px 0; }


#copyright .text{ position: relative; display: inline-block; color: #fff; text-transform: uppercase; padding-right:150px; margin-right: 50px; font-size:17px; }
#copyright p { }

#copyright .text .img{ position:absolute; right:-50px; top:-5px;}
#copyright .text .img img{ margin-left:7px}

#copyright a { color: #fff; }



#copyright a:hover { color: #ff7900; }







/* about */



#location { background: #fff; position:relative; top:-45px }



#location .location_wrap { background: url("../images/location.jpg") no-repeat; text-align: center; padding-bottom: 4.58333%; padding-top: 6.5%; }



#location .title { font-size: 53px; color: #616266; text-transform: capitalize; line-height: 1; margin-bottom: 10px; font-weight:bold }



#location .to{ color: #616266;}



#location .to a { color: #616266; text-transform: capitalize; line-height: 1.3; }







#main { padding-bottom: 50px; }







#main .Left { float: left; width: 18.75%; margin-top: -20px; }



#main .Left .aslide > b { font-size: 17px; color: #fff; background: #1a6bc6; display: block; text-align: center; font-weight: normal; text-align: center; text-transform: capitalize; height: 50px; line-height: 50px; }







.aslide { position: relative; }



.aslide > ul { padding-top: 15px; padding-bottom: 20px; margin-bottom: 30px; border:1px solid #a2a3a5 }



.aslide > ul > li{ position:relative;}



.aslide > ul > li:hover a { background: #ff7900; color: #fff; }

.PLSel{ background: #ff7900; color: #fff!important; }

/*.aslide > ul > li > a.select{ background: #ff7900; color: #fff; }*/



.aslide > ul > li  a { font-size: 18px;  display: block; color: #8D8D8D; line-height: 1.2; padding: 10px 20px; }



.aslide > ul > li > ul{ position:absolute;left:100%; top:0; background:#5EC3DB; display:none; border-left:1px solid #fff; width:120%;}



.aslide > ul > li > ul li:hover a{ background:#2CBFE3;}



.aslide > ul > li > ul > li a{ font-size:12px;}



.aslide > ul > li:hover>ul{ display:block;}



#main .Right { float: right; width: 76.75%; margin-top: 30px; }







.leftmenu { background: url("../images/contact.jpg") no-repeat top; padding: 25px 5px 10px 5px; background-size: 100%;  }



.leftmenu b {display: block; color: #fff; text-transform: capitalize; font-weight: normal; font-size:21px; margin-top:70px; margin-bottom:30px; padding-left:10px }



.leftmenu li { word-wrap: break-word; color: #8d8d8d; line-height: 1; padding: 5px 0; font-size:15px;}



.leftmenu li a { color: #8d8d8d; }



.leftcontact{ padding:0; background:none}







.leftpro { padding: 18px 2px; background: #2C2D36; font-weight: normal; text-align: center; }



.leftpro b.title { font-size: 34px; line-height: 1; color: #fff; font-weight: normal; display: block; margin-bottom: 18px; text-align: center; }







.leftpro p { font-size: 12px; color: #fff; display: block; padding: 0 5px; line-height: 1.7; text-align: center; }



.leftpro a { display: inline-block; color: #fff; border: 2px solid #fff; margin: 10px 0; padding: 9px 30px 7px; font-size: 12px; text-transform: capitalize; line-height: 1; }







.addthis_sharing_toolbox { margin: 10px 0; }







/* case */



.case .line { width: 31.3%; }







.case .box { width: 31.3%; position: relative; margin-bottom: 30px; }



.case .box img { width: 100%; }



.case .box .title { position: absolute; bottom: 0; color: #fff; cursor: pointer; background:url("../images/fancybox_overlay.png") repeat;  background: rgba(1, 160, 199, 0.8); width: 100%; text-align: center; padding: 0 10px; height: 40px; line-height: 40px; }



.case .box .hide { position: absolute; top: 0; left: 0; background:url("../images/fancybox_overlay.png") repeat; background: rgba(1, 160, 199, 0.8); height: 0; width: 20%; filter: alpha(opacity=0); opacity: 0; text-align: center; padding: 20px; overflow: hidden; }



.case .box .hide b { color: #fff; font-weight: normal; text-align: center; padding-bottom: 3px; border-bottom: 1px solid #7EC5C7; margin-bottom: 5px; }



.case .box .hide p { color: #fff; font-size: 12px; line-height: 1.8; display: block; margin-bottom: 20px; }



.case .box .hide a { color: #fff; padding: 9px 30px 7px; font-size: 12px; text-transform: capitalize; line-height: 1; border: 2px solid #fff; display: inline-block; position: relative; }



.case .box .hide a:after { content: '\e63d'; display: inline-block; position: absolute; right: 11px; top: 8px; font-size: 14px; font-family: icomoon; }



.case .box:hover .title { filter: alpha(opacity=0); opacity: 0; }



.case .box:hover .hide { width: 100%; height: 100%; filter: alpha(opacity=100); opacity: 1; }







.casecontent .title { border-bottom: 1px solid #E5E5E5; padding-bottom: 5px; margin-bottom: 20px; }



.casecontent .title > b { display: block; color: #8D8D8D; font-size: 18px; display: block; line-height: 1.4; text-align: center; text-transform: capitalize; }



.casecontent .title span { display: block; text-align: left; color: #ff7900; }



.casecontent .info { display: block; padding: 10px; line-height: 1.4; margin-bottom: 20px; }







/* contact */



.contact {padding:4% 0;}



.contact .message{ width:70%;}



.contact .info{ width:27%;}



.contact > b.title { display: block; text-align: left; font-size: 20px; color: #ff7900; padding-bottom: 10px; border-bottom: 3px solid #ff7900; line-height: 1; text-transform: uppercase; font-weight: normal; }



.contact .info b { line-height: 1.2; color: #666666; font-size: 16px; display: block; text-align: left; font-weight: normal; margin-bottom:5px; font-weight:bold; }



.contact .info ul { padding:20px 0;}



.contact .info ul li { display: block; line-height: 1; padding: 5px 0; zoom: 1; overflow: hidden; color:#666; }



.contact .info ul span { text-transform: capitalize; display: block; margin-right: 5px; text-align: left; min-width: 45px; color: #666; float: left; }



.contact .info ul p { display: block; color: #666; zoom: 1; overflow: hidden; }















/* news */



.news { border: 1px solid #e5e5e5; padding: 20px; margin-bottom: 20px; }



.news .img { width: 22.5%; }



.news .info { width: 75%; }



.news .info a { font-size: 16px; color: #8D8D8D; display: block; margin-bottom: 15px; font-weight: bold; }



.news .info p { font-size: 14px; color: #B8B8B8; }



.news .info span { color: #ff7900; font-size: 14px; display: block; margin-top: 10px; }



.news:hover { background: #ff7900; }



.news:hover .info a, .news:hover .info span, .news:hover .info p { color: #fff; }



.news .info .more {  background: #ff7900 none repeat scroll 0 0;  border-radius: 4px;  color: #fff;display: inline-block; font-size: 14px;



    padding: 5px 15px; text-transform: capitalize; float:right; margin-bottom:0}



.news:hover { background: #ff7900; }



.news:hover .info a, .news:hover .info span, .news:hover .info p { color: #fff; }



.news:hover .info .more {  background: #fff none repeat scroll 0 0; color:#ff7900 }



/* product */



.product { border-bottom: 1px solid #e5e5e5; padding: 15px 0 25px; margin: 10px 0; }



.product .box, .product .line { width: 30%; }



.product .img a { text-align: center; overflow: hidden; font-size: 0; white-space: nowrap;  display:block; padding-bottom:15px}



.product .img a img { max-width: 100%; max-height: 100%; border-radius:22px; }



.product .img a img, .product .img a:after { vertical-align: middle; display: inline-block; }



.product .img a:after { content: ''; height: 100%; width: 0px; overflow: hidden; }



.product .box{ margin-bottom:25px;}



.product .info .title { font-size: 16px; color: #8D8D8D; display: block; margin-bottom: 10px; line-height:1.2; padding-top:8px;  }



.product .info p { font-size: 13px; color: #8D8D8D;}



.product .info .more { color: #8D8D8D; font-size: 14px; display: inline-block; margin-top: 15px; text-transform: capitalize; border: 2px solid #8D8D8D; padding: 7px 35px; }



.product .box:hover .info a.title, .product .box:hover .info .more { color: #ff7900; border-color: #ff7900; }







/* manufacturer */



.manufacturer{ width:100%; border-bottom:2px solid #1d1d20; padding-bottom:50px}



.manufacturer .text{display:inline-block; width:53%; vertical-align: top; line-height:22px; font-size:15px; color:#8d8d8d}



.manufacturer .img{display:inline-block; width:40%; vertical-align: top; padding-left:6%}



.manufacturer2{ width:100%;  padding:50px 0}



.manufacturer2 li{display:inline-block; width:30%; vertical-align: top; border:1px solid #969595; line-height:0.8; margin:3px }











.pages { text-align:left; margin:0px; padding:8px 0px;  color:#1e3359; float:left; width:100%}



.pages span { margin:1px 3px;border:#CCCCCC solid 1px;  background:#fff; text-align:center;padding:2px 5px; color:#1e3359}



.pages span:hover{ color:#fff; background:#ff7900}















@media screen and (max-width: 1406px) { #container { width: 100%; }



  .center { width: 92%; }



  #head .center{ width:100%}



  #nav{ margin:0; width:100%; margin-top:130px; background:#ff7900}



  #nav li a { padding: 20px 15px; }



  .bg{ display:none}



  #head:before{ display:none}	



  .jd{ top:0}



  #location{ top:0}



  #main_wrap:before{ display:none}



  #main_wrap{ top:0}



  .main_prowrap{ top:0}



  #main_news{ top:0}



  #main_cont{ top:0}



  .iframe{ top:0px}



  #main_cont .wrap, #location .location_wrap, #main_wrap { border-radius: 0px; }



  #main_cont .main_about:after { display: none; }



  #main .Left { margin-top: 30px; }



  #footer:before{ display:none}



}



  



@media screen and (max-width: 1240px) {



#banner .item{border-radius:0px;}



 #nav li a { padding: 27px 10px; }



  }



@media screen and (max-width: 1125px) { 





#main_cont{border-bottom:2px solid #ff7900;}



  #footer .four .share li a:before { width: 36px; height: 36px; font-size: 18px; line-height: 36px; }



  #footer { background-image: none; padding-top: 20px; }



  #footer:before{ display:none}



  #head .search1 { margin-bottom:10px }



  .case .box .hide { padding: 10px; }



  .case .box .hide p { line-height: 1.4; margin-bottom: 7px; max-height: 46px; overflow: hidden; height: 46px; }







  }



@media screen and (max-width: 1040px) { 

.tt {
    width: 100%;
    float: left;
    position: relative;
    left: 0;
    text-align: center;
    margin-bottom: 3%;
    margin-top: 0px;
}

#head {background:url(../images/bg.png) 0 top no-repeat }



 #nav{ margin-top:20px;}



 .lang{ display: block; margin-left: 40%; position:inherit}



  #logo { display: block; margin-left: 40%; position:inherit }



  #nav { width: 100%; }



  #nav li {  text-align: center; width:33.33% }



  #nav li a { padding: 10px 15px;  font-size:15px;}



  #nav li a:hover { background-image: none; }



#nav li.select a{ background:none; color:#333;}



  #main .Left { width: 23%; }



  #main .Right { width: 75%; }



  .procont .two .right > a:after { display: none; }



  .procont .two .right > a { padding: 5px 0; text-align:center; }



  



   }

.iframe{ position: relative; top:-45px; }

@media screen and (max-width: 960px) { #main_cont .main_about .img { margin-left: 20%; }



  #main_cont .main_about .info { width: 100%; margin-top: 20px; }



#main_cont .main_about .info:after{  top: 0px;}



  #main_cont .main_about .info p { margin-bottom: 10px; max-height: 66px; height: 66px; }



  .contact { padding: 0; padding-top: 20px; } 



  #location .title { font-size:36px; }



  }



@media screen and (max-width: 840px) {



 #main_cont .main_about .title b, #main_cont .main_video .title b, #main_pro .title b { font-size: 24px; }



  #main_cont .main_about .title, #main_cont .main_video .title { margin-bottom: 20px; }



  #footer .box{ min-height: inherit; background:none; padding:0}



  #footer .one { margin-bottom: 30px; min-width: 150px; width:100%;}



  #footer .two b { margin-bottom: 0px;  }



  #footer .two, #footer .three, #footer .four { width: 100%; padding: 0; margin-bottom: 20px; }



  #footer .two li, #footer .three li, #footer .four li {  }



  #footer .three li a { margin-bottom: 0; }



  #main .Left { width: 100%; }



  #main .Left .import { display: inline-block; width: 100%; vertical-align: top; margin-right: 2%; }



  #main .Left .leftpro { width: 48%; display: inline-block; vertical-align: top; }



  #main .Right { width: 100%; }



.aslide > ul > li ul{ width:100%;}



  .aslide > ul > li:hover>ul{ display:none;}



  .news .img { width: 45%; display: block; margin-bottom: 20px; }



  .news .info { width: 100%; }



  .case .box .hide p { margin-bottom: 20px; }



  .manufacturer .text{width:100%;}



.manufacturer .img{ width:100%%;padding-left:0%; padding-top:20px}







   }



@media screen and (max-width: 800px) { 



#menu { display: block; }



  .search { top: 38px; bottom: initial; padding-left: 20px; width: 50%; }



  .language { top: 83px; bottom: initial; padding-left: 20px; text-align: right; width: 50%; }



  .tool { display: none; }



  #head .center { width: 100%; }



  #nav { position: absolute; top: -120px; background: #ff7900; z-index: 999; display: none; margin-top:0 }



  #nav li { width: 100%; border-bottom: 1px solid #fff; background:none }



  #nav li a { color: #555; } 



}



@media screen and (max-width: 760px) { 







#main_news b{font-size:35px}



#main_news .n_left{float:left;  width:100%; }



#main_news .n_right{float:right ;width:100%}



#copyright { padding-bottom: 70px; }



  #goTop { bottom: 11%; }



  #main_pro .box { width: 48%; }



  .case .box, .case .line { width: 48%; }



  .message .title .left { font-size: 13px; width: 36%; }



  .message .title .right { width: 64%; font-size: 13px; padding-left: 2px; }



  .contact .info b { font-size: 16px; margin: 15px 0; }



  .tag li { font-size: 14px; font-weight: normal; } 



 .manufacturer2 li{width:47.5%;  }



}



@media screen and (max-width: 640px) {



#logo{ margin-left: 30%; margin-bottom:15px; }





 .procont .one { width: 50%; margin-left: 25%; margin-bottom: 10px; }



  .procont .two { width: 100%; }



  .procont .two .title { text-align: center; }



  .procont .two .left { width: 100%; }



  .procont .two .right { width: 100%; }



  .procont .two .right > a { width: 20%; margin-top: 0; min-width: 100px; font-size: 14px; }



  .search { width: 100%; }



  .language { width: 100%; } 



 .aslide > ul > li ul{ position:relative; left:0;}



.product .box, .product .line{ width:47%;}












.lang li{ float:none}










}



@media screen and (max-width: 540px) {





 .procont .one { width: 80%; margin-left: 10%; }



  #main .Left .aslide > b { font-size: 16px; height: 35px; line-height: 35px; }



  #location .title { font-size:16px; }



  #location .to a{ font-size:12px;}



  .tag li { width: 100%; border-left: 0px none; border-bottom: 1px solid #ddd; }



  .message ul { padding: 5px; }



  #footer .one { padding-left: 0px;}



  #main .Left .import, #main .Left .leftpro { width: 100%; }



  #main_cont .main_about { width: 100%; margin-bottom: 20px; }



  #main_cont .main_video, #main_cont .main_about .img { width: 100%; margin: 0; }



  #main_cont .main_about .title b, #main_cont .main_video .title b { width: 100%; text-align: center; padding: 6px 0; }



  .news .img { width: 90%; margin-left: 5%; } 



  }



@media screen and (max-width: 450px) { 



  .procont .two .title { font-size: 14px; }



  #main_pro .box { width: 48%; }



  .case .box, .case .line { width: 100%; }



 .product .box, .product .line{ width:47%; text-align:center;} 



 .manufacturer2{ padding:20px 0}



 .manufacturer2 li{width:99.5%;  }



}



@media screen and (max-width: 400px) {



	 .lang{ margin-left: 5%; } 



	 .lang .share{margin-left:25%;}



	 #head .search1 { width: 95%; margin:0; margin-bottom:10px }



	  #main_pro .box { text-align: center; }



	  #footer { padding-bottom: 0; }



	  #footer .one { padding-left: 0px;}



	  #copyright p { font-size: 12px; margin-right: 0; padding-left: 5px; }



	  #footer .four .share li a:before { width: 25px; height: 25px; font-size: 12px; line-height: 25px; }



	  #footer .four .share li a { font-size: 16px; } 



  }



/* toolmask and chatToolBox */



body.clear { overflow: hidden; }







#footerToolBar { position: fixed; bottom: 0; left: 0; right: 0; width: 100%; height: 48px; background: #232323; border-top: 1px solid rgba(255, 255, 255, 0.2); display: none; z-index: 999; }







#footerToolBar #footerBarClose { width: 100px; height: 24px; position: absolute; top: -24px; left: 50%; margin-left: -50px; cursor: pointer; display: none; }







#footerToolBar #footerBarClose:before { content: "\e626"; font-family: icomoon; font-size: 12px; color: #fff; text-align: center; line-height: 20px; position: absolute; bottom: 0; left: 0; width: 100%; height: 20px; background: #232323; border-radius: 4px 4px 0px 0px; overflow: hidden; }







#footerToolBar li { width: 20%; height: 45px; float: left; text-align: center; border-color: #fff; border-left: 1px solid rgba(255, 255, 255, 0.2); cursor: pointer; margin-top: 2px; }







#footerToolBar li a { display: block; height: 45px; color: #fff; font-size: 12px; line-height: 1; text-transform: capitalize; filter: alpha(opacity=80); opacity: 0.8; padding-top: 1px; }







#footerToolBar li a:before { content: ''; width: 30px; height: 20px; margin: 4px auto; display: block; background: url("../images/footer-tool.png") no-repeat; background-size: 149px; }







#footerToolBar li:first-child { border-left: 0px none; }







#footerToolBar .footerBarPro a:before { background-position: -120px 0px; }







#footerToolBar .footerBarTel a:before { background-position: -90px 0px; }







#footerToolBar .footerBarEmail a:before { background-position: 0px 0px; }







#footerToolBar .footerBarMessage a:before { background-position: -30px 0px; }







#footerToolBar .footerBarShare a:before { background-position: -60px 0px; }







#footerToolBar.close { bottom: -43px; }







#footerToolBar.close #footerBarClose:before { content: '\e627'; }







.toolMask { transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; background: #f7f7f7; position: fixed; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; display: none; overflow-x: hidden; overflow-y: hidden; z-index: 1200; margin-left: 100%; }







.toolMask, .toolMask a { color: #333; }







.toolMask.moveLeft { margin-left: 0; }







.toolMask .toolTop { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 46px; line-height: 45px; font-size: 18px; text-align: center; border-bottom: 1px solid #ddd; background: #fcfcfc; padding-right: 32px; }







.toolMask .toolContent { position: absolute; top: 45px; width: 100%; left: 0; bottom: 5px; overflow-y: scroll; background: #f7f7f7; }







.toolMask .toolContent > ul > li { border-top: 1px solid #fff; border-bottom: 1px solid #ddd; font-size: 14px; line-height: 1.2; text-transform: capitalize; position: relative; }







.toolMask .toolContent > ul > li a { display: block; padding-top: 12px; padding-bottom: 12px; padding-right: 20px; }







.toolMask .toolContent > ul > li > a { padding-left: 20px; }







.toolMask .toolContent > ul > li.selected { background: #eee; border-bottom: 3px solid #dadada; }







.toolMask .toolContent > ul > li.selected > a { background: #eee; font-weight: bold; }







.toolMask .toolContent > ul > li.hasUl > a:after { content: '\e622'; font-family: icomoon; color: #999; font-size: 18px; position: absolute; width: 12px; height: 18px; line-height: 18px; text-align: center; right: 10px; top: 13px; font-weight: normal; }







.toolMask .toolContent > ul > li ul { display: none; }







.toolMask .toolContent > ul > li ul li { border-top: 1px dotted #ccc; font-size: 12px; }







.toolMask .toolContent > ul > li ul li a { padding-left: 36px; }







.toolMask .toolContent .ToolListTitle { font-size: 15px; padding: 10px; font-weight: bold; background: #e4e4e4; }







.toolMask .toolContent > ul:last-child { padding-bottom: 15px; }







.toolMask .toolContent > ul:last-child:last-child { padding-bottom: 30px; }







.toolMask #toolCloseBtn { position: absolute; right: 0; top: 0; width: 55px; height: 42px; cursor: pointer; z-index: 1210; }







.toolMask #toolCloseBtn:before { content: "\e60e"; font-family: icomoon; font-size: 14px; width: 32px; height: 32px; line-height: 32px; text-align: center; border-radius: 50%; overflow: hidden; color: #fff; background: #aaa; position: absolute; top: 5px; right: 5px; }







.toolMask #toolCloseBtn:hover:before { background: #bbb; }







#chatToolBox { transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; position: fixed; width: 110px; bottom: 90px; right: -5px; line-height: 1.5; font-family: Arial, Helvetica,'Microsoft YaHei', SimSun,Sans-serif; color: #fff; z-index: 999; }







#chatToolBox a { text-decoration: none; color: #fff; text-align: center; display: block; }







#chatToolBox, #chatToolBox h3, #chatToolBox ul, #chatToolBox li { margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; }







#chatToolBox i { font-style: normal; }







#chatToolBox li { list-style: none; padding-right: 5px; }







#chatToolBox #chatToolMail a { font-size: 40px; line-height: 44px; letter-spacing: -1px; padding-top: 28px; padding-bottom: 22px; font-family: BebasRegular ,'Arial Narrow' ,Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; }







#chatToolBox .chatToolContact { font-size: 16px; background: #444444; margin-top: 5px; text-transform: capitalize; padding: 6px 0; }







#chatToolBox:hover { right: 0; }







#chatToolBox #chatToolMail i { position: absolute; top: 0; width: 100%; height: 28px; line-height: 28px; text-align: center; background: transparent; cursor: pointer; }







#chatToolBox #chatToolMail i:before { content: '\e63d'; font-size: 24px; font-family: icomoon; }







#chatToolBox.hiddenRight { right: -110px; padding-left: 28px; }







#chatToolBox.hiddenRight #chatToolMail i { width: 28px; height: 60px; line-height: 60px; left: 0; background: inherit; top: 20px; }







#chatToolBox.hiddenRight #chatToolMail i:before { content: '\e625'; }







#chatToolMail { background: #ff7900; }







@media screen and (max-width: 760px) { #chatToolBox { display: none; }



  #footerToolBar, #footerToolBar, .toolMask { display: block; } }



/*FooTable*/



.footable { width: 100%; border-collapse: collapse; border-spacing: 0; }







table.footable td, table.footable th { text-align: center; padding: 5px; border: 1px solid #ccc; word-wrap: break-word; word-break: break-word; }







@media screen and (max-width: 900px) { table.footable td, table.footable th { text-align: left; } }



table.footable .footable-row-detail-cell { background: #fff; }







table.footable th { background: #ddd; font-weight: bold; }







.footable.breakpoint > tbody > tr.footable-detail-show > td { border-bottom: none; }







.footable.breakpoint > tbody > tr.footable-detail-show > td > span.footable-toggle:before { content: "\e65a"; }







.footable.breakpoint > tbody > tr:hover:not(.footable-row-detail) { cursor: pointer; }







.footable.breakpoint > tbody > tr > td.footable-cell-detail { background: #eee; border-top: none; }







.footable.breakpoint > tbody > tr > td > span.footable-toggle { display: inline-block; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; padding-right: 5px; font-size: 14px; color: #999; }







.footable.breakpoint > tbody > tr > td > span.footable-toggle:before { content: "\e659"; }







.footable.breakpoint.toggle-circle > tbody > tr.footable-detail-show > td > span.footable-toggle:before { content: "\e65e"; }







.footable.breakpoint.toggle-circle > tbody > tr > td > span.footable-toggle:before { content: "\e65d"; }







.footable.breakpoint.toggle-circle-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before { content: "\e65c"; }







.footable.breakpoint.toggle-circle-filled > tbody > tr > td > span.footable-toggle:before { content: "\e65b"; }







.footable.breakpoint.toggle-square > tbody > tr.footable-detail-show > td > span.footable-toggle:before { content: "\e660"; }







.footable.breakpoint.toggle-square > tbody > tr > td > span.footable-toggle:before { content: "\e65f"; }







.footable.breakpoint.toggle-square-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before { content: "\e61a"; }







.footable.breakpoint.toggle-square-filled > tbody > tr > td > span.footable-toggle:before { content: "\e61b"; }







.footable.breakpoint.toggle-arrow > tbody > tr.footable-detail-show > td > span.footable-toggle:before { content: "\e00f"; }







.footable.breakpoint.toggle-arrow > tbody > tr > td > span.footable-toggle:before { content: "\e666"; }







.footable.breakpoint.toggle-arrow-small > tbody > tr.footable-detail-show > td > span.footable-toggle:before { content: "\e636"; }







.footable.breakpoint.toggle-arrow-small > tbody > tr > td > span.footable-toggle:before { content: "\e635"; }







.footable.breakpoint.toggle-arrow-circle > tbody > tr.footable-detail-show > td > span.footable-toggle:before { content: "\e66e"; }







.footable.breakpoint.toggle-arrow-circle > tbody > tr > td > span.footable-toggle:before { content: "\e670"; }







.footable.breakpoint.toggle-arrow-circle-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before { content: "\e662"; }







.footable.breakpoint.toggle-arrow-circle-filled > tbody > tr > td > span.footable-toggle:before { content: "\e664"; }







.footable.breakpoint.toggle-arrow-tiny > tbody > tr.footable-detail-show > td > span.footable-toggle:before { content: "\e622"; }







.footable.breakpoint.toggle-arrow-tiny > tbody > tr > td > span.footable-toggle:before { content: "\e624"; }







.footable.breakpoint.toggle-arrow-alt > tbody > tr.footable-detail-show > td > span.footable-toggle:before { content: "\e66a"; }







.footable.breakpoint.toggle-arrow-alt > tbody > tr > td > span.footable-toggle:before { content: "\e66c"; }







.footable.breakpoint.toggle-medium > tbody > tr > td > span.footable-toggle { font-size: 18px; }







.footable.breakpoint.toggle-large > tbody > tr > td > span.footable-toggle { font-size: 24px; }







.footable > thead > tr > th { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none; }







.footable > thead > tr > th.footable-sortable:hover { cursor: pointer; }







.footable > thead > tr > th.footable-sorted > span.footable-sort-indicator:before { content: "\e636"; }







.footable > thead > tr > th.footable-sorted-desc > span.footable-sort-indicator:before { content: "\e656"; }







.footable > thead > tr > th > span.footable-sort-indicator { display: inline-block; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; padding-left: 5px; }







.footable > thead > tr > th > span.footable-sort-indicator:before { content: "\e671"; }







.footable > tfoot .pagination { margin: 0; }







.footable.no-paging .hide-if-no-paging { display: none; }







.footable-row-detail-inner { display: table; }







.footable-row-detail-row { display: table-row; line-height: 1.5em; }







.footable-row-detail-group { display: block; line-height: 2em; font-size: 1.2em; font-weight: bold; }







.footable-row-detail-name { display: table-cell; font-weight: bold; padding-right: 0.5em; }







.footable-row-detail-value { display: table-cell; }







.footable-odd { background-color: #f7f7f7; }







/*  404  */



body.fofGray { background: #adb4bf; }







.fofContainer img, .fofContainer input, .fofContainer textarea, .fofContainer select, .fofContainer button, .fofContainer table, .fofCenter, .fofWrap input, .fofSearch, .fofLeft img { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }







.fofCenter, .fofCenter .fofRight > dl { text-align: justify; text-justify: inter-ideograph; letter-spacing: 0px; font-size: 0px; }







.fofCenter:after, .fofCenter .fofRight > dl:after { content: ''; height: 0px; width: 100%; display: inline-block; overflow: hidden; }







.fofCenter .line, .fofCenter .fofRight > dl .line { display: inline-block; height: 0px; overflow: hidden; }







.fofCenter > *, .fofCenter .fofRight > dl > * { text-align: left; font-size: 12px; }







.fofCenter .box, .fofCenter .fofRight > dl .box { display: inline-block; vertical-align: top; }







.box.fofCenter, .fofCenter .fofRight > dl.box { text-align: justify; }







.fofContainer { width: 97%; max-width: 942px; margin-left: auto; margin-right: auto; overflow: hidden; padding-bottom: 35px; font-family: Arial, Helvetica,San-serif, 'Microsoft YaHei', SimSun; font-size: 12px; line-height: 1.75; }







.fofContainer a { text-decoration: none; color: #9099a2; }







.fofContainer a:hover { color: #9099a2; }







.fofContainer input:focus, .fofContainer textarea:focus, .fofContainer button:focus, .fofContainer area:focus { outline: none; }







.fofContainer img { max-width: 100%; height: auto; width: auto\9; border: 0px none; }







.fofContainer a:active, .fofContainer a:hover { outline: 0; }







.fofHeader { text-align: center; }







.fofHeader .fofLogo { padding: 16px 0; margin: 0 auto; text-align: center; }







.fofHeader .fofLogo a { display: inline-block; max-width: 210px; max-height: 90px; }







.fofLogo img { max-height: 100%; }







.fofCopy { text-align: right; color: #fff; padding-right: 2%; margin-top: 6px; }







.fofCenter { background: #fff; border-radius: 7px; overflow: hidden; border: 1px solid #697076; padding: 1.91489%; position: relative; }







.fofCenter > div.box { vertical-align: middle; }







.fofCenter:before { content: ''; width: 1px; overflow: hidden; position: absolute; background: #c4c9ce; top: 20px; bottom: 20px; left: 51.5%; }







.fofCenter .fofLeft, .fofCenter .fofRight { padding: 8px 0; margin: 1.2% 0; }







.fofCenter .fofLeft { width: 49.22566%; }







.fofCenter .fofRight { width: 45.02212%; }







.fofCenter .fofSearch { width: 365px; max-width: 100%; position: relative; margin-left: auto; margin-right: auto; margin-top: 9.66292%; padding-right: 105px; position: relative; }







.fofCenter .fofSearch input, .fofCenter .fofSearch button { height: 32px; border-radius: 6px; overflow: hidden; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }







.fofCenter .fofSearch input[type="text"] { border: 1px solid #9099a2; background: #fff; box-shadow: inset 0px 5px 9px rgba(186, 194, 205, 0.4); width: 100%; line-height: 22px; padding: 4px 5px; }







.fofCenter .fofSearch button[type="submit"] { background: -webkit-linear-gradient(top, #fa8c2b, #fa8c2b); background: -moz-linear-gradient(top, #fa8c2b, #fa8c2b); background: -o-linear-gradient(top, #fa8c2b, #fa8c2b); background: -ms-linear-gradient(top, #fa8c2b, #fa8c2b); background: linear-gradient(top, #fa8c2b, #fa8c2b); filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFA8C2B', endColorStr='#FFFA8C2B', gradientType='0'); line-height: 25px; color: #fff; border-width: 1px; border-type: solid; border-color: #fdc797 #985519 #5e340f #f2a35f; width: 95px; text-align: center; position: absolute; top: 0; right: 0; text-transform: capitalize; font-size: 14px; cursor: pointer; }







.fofCenter .fofLeft img { display: block; margin-left: auto; margin-right: auto; }







.fofCenter .fofRight, .fofCenter .fofRight a { color: #9099a2; }







.fofCenter .fofRight .fofTitle { font-size: 22px; line-height: 1.2; margin-bottom: 6px; }







.fofCenter .fofRight > p { font-size: 13px; line-height: 18px; overflow: hidden; max-height: 72px; color: #bac2cd; }







.fofCenter .fofRight > dl { margin-top: 3.25581%; padding-top: 14px; }







.fofCenter .fofRight > dl dt.box { font-size: 17px; line-height: 1.2; margin-bottom: 9px; width: 100%; }







.fofCenter .fofRight > dl dd { width: 47%; line-height: 15px; border-bottom: 1px solid #dfe3e8; }







.fofCenter .fofRight > dl dd a { display: block; padding: 6px 0; }







.fofCenter .fofRight > dl dd a:before { content: '→'; font-size: 13px; padding-right: 4px; color: #666666; }







.fofCenter .fofRight > dl dd.box { vertical-align: bottom; }







.fofCenter .fofRight .fofShare { padding-top: 12px; margin-top: 3.72093%; }







.fofCenter .fofRight .fofShare span { font-size: 17px; line-height: 1.2; }







.fofCenter .fofRight .fofShare span, .fofCenter .fofRight .fofShare > a { display: inline-block; vertical-align: middle; margin-right: 12px; }







.fofCenter .fofRight .fofShare > a { border-radius: 3px; overflow: hidden; width: 24px; }







.fofCenter .fofRight .fofShare > a:last-child { margin-right: 0; }







.fofCenter .fofRight .fofShare .bdsharebuttonbox { display: inline-block; vertical-align: middle; min-width: 160px; }







@media screen and (max-width: 945px) { .fofCenter .fofRight .fofShare > a { width: 32px; }



  .fofCenter .fofRight > dl dd a { padding: 10px 0; } }



@media screen and (max-width: 750px) { .fofCenter { padding: 15px; }



  .fofCenter:before { display: none; }



  .fofCenter .fofLeft, .fofCenter .fofRight { width: 100%; }



  .fofCenter .fofSearch { margin-top: 5%; margin-bottom: 3%; }



  .fofCenter .fofLeft img { padding-right: 2%; } }



@media screen and (max-width: 500px) { .fofCenter .fofRight > dl dd { width: 100%; }



  .fofCenter .fofRight > p { line-height: 18px; overflow: hidden; height: 72px; max-height: none; } }



/* fancybox  */



.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }







.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }







.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }







.fancybox-opened { z-index: 8030; }







.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }







.fancybox-outer, .fancybox-inner { position: relative; }







.fancybox-inner { overflow: hidden; }







.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }







.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; }







.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }







.fancybox-image { max-width: 100%; max-height: 100%; }







#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url("../images/fancybox_sprite.png"); }







#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }







#fancybox-loading div { width: 44px; height: 44px; background: url("../images/fancybox_loading.gif") center center no-repeat; }







.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; }







.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url("../images/blank.gif"); /* helps IE */ -webkit-tap-highlight-color: transparent; z-index: 8040; }







.fancybox-prev { left: 0; }







.fancybox-next { right: 0; }







.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; }







.fancybox-prev span { left: 10px; background-position: 0 -36px; }







.fancybox-next span { right: 10px; background-position: 0 -72px; }







.fancybox-nav:hover span { visibility: visible; }











.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; }







.fancybox-lock { overflow: hidden !important; width: auto; }







.fancybox-lock body { overflow: hidden !important; }







.fancybox-lock-test { overflow-y: hidden !important; }







.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url("../images/fancybox_overlay.png"); }







.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }







.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }







.fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; }







.fancybox-opened .fancybox-title { visibility: visible; }







.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }







.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; }







.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }







.fancybox-title-inside-wrap { padding-top: 10px; }







.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, 0.8); }







/* owl */



.owl-controls .owl-page span, .owl-controls .owl-buttons div, .owl-controls .owl-buttons div:before { transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; }







.owl-carousel, .owl-pagination { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }







/* pagination circle */



.owl-pagination { position: absolute; z-index: 6; margin-bottom: 3px; width: 100%; left: 0; bottom: 2%; text-align: center; }







.owl-controls .owl-page span { background: #bbbbbb; display: block; margin: 0 5px; width: 11px; height: 11px; border-radius: 50%; }







.owl-controls .owl-page.active span, .owl-controls .owl-page:hover span { background: #0d88db; }







/* navigation arrow */



.owl-controls .owl-buttons div { width: 44px; height: 68px; margin-top: -34px; line-height: 68px; font-size: 44px; color: white; text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.6); background: transparent; filter: alpha(opacity=70); opacity: 0.7; text-align: center; font-family: icomoon; text-indent: 999px; overflow: hidden; position: absolute; top: 50%; }







.owl-controls .owl-buttons div:hover { filter: alpha(opacity=100); opacity: 1; }







.owl-controls .owl-buttons div:before { position: absolute; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; text-indent: 0; }







.owl-controls .owl-buttons div.owl-prev { left: 0; }







.owl-controls .owl-buttons div.owl-prev:before { content: '\e61d'; }







.owl-controls .owl-buttons div.owl-next { right: 0; }







.owl-controls .owl-buttons div.owl-next:before { content: '\e61e'; }







/* number */



.owl-controls .owl-page span.owl-numbers { height: 24px; width: 24px; line-height: 24px; color: #c6c6c6; font-size: 12px; text-align: center; background: #e5e5e5; border-radius: 0; margin-right: 4px; margin-left: 0; }







.owl-controls .owl-page.active span.owl-numbers, .owl-controls .owl-page:hover span.owl-numbers { background: #0d88db; color: #fff; }







/* 	Core Owl Carousel CSS File 	v1.3.3 */



.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }







.owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; }







.owl-carousel .owl-item img { display: block; width: 100%; height: auto; }







.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }







.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; }







.owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }







.owl-carousel .owl-item { float: left; }







.owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }







.owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; }







.owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; }







.grabbing { cursor: url("../images/grabbing.png") 8 8, move; }







.owl-theme .owl-controls { text-align: center; }







.owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline; }







.owl-item.loading { min-height: 150px; background: url("../images/AjaxLoader.gif") no-repeat center center; }







.owl-origin { -webkit-perspective: 1240px; -webkit-perspective-origin-x: 50%; -webkit-perspective-origin-y: 50%; -moz-perspective: 1240px; -moz-perspective-origin-x: 50%; -moz-perspective-origin-y: 50%; perspective: 1240px; }







.owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; }







.owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; }







.owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; }







.owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; }







.owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; }







.owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; }







.owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; }







.owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; }











/* Slider */



.slick-dots li button, .slick-prev, .slick-next { transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; }







.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }







.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }







.slick-list:focus { outline: none; }







.slick-loading .slick-list { background: #fff url("../images/AjaxLoader.gif") center center no-repeat; }







.slick-list.dragging { cursor: pointer; cursor: hand; }







.slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }







.slick-track { position: relative; left: 0; top: 0; display: block; }







.slick-track:before, .slick-track:after { content: ""; display: table; }







.slick-track:after { clear: both; }







.slick-loading .slick-track { visibility: hidden; }







.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }







[dir="rtl"] .slick-slide { float: right; }







.slick-slide img { display: block; width: 100%; z-index: -1; position: relative; }







.slick-slide.slick-loading img { display: none; }







.slick-slide.dragging img { pointer-events: none; }







.slick-initialized .slick-slide { display: block; }







.slick-loading .slick-slide { visibility: hidden; }







.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }







/* Arrows */



.slick-prev, .slick-next { position: absolute; display: block; height: 55px; width: 33px; line-height: 55px; font-size: 80px; cursor: pointer; background: transparent; opacity: 0.6; filter: alpha(opacity=60); top: 50%; margin-top: -20px; padding: 0; border: none; outline: none; z-index: 902; text-indent: 900px; overflow: hidden; color: #000; }







.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; opacity: 0.8; filter: alpha(opacity=80); }







.slick-prev.slick-disabled, .slick-next.slick-disabled { opacity: 0.25; filter: alpha(opacity=25); }







.slick-prev:before, .slick-next:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-indent: 0; font-family: "icomoon"; text-align: center; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }







.slick-prev { left: 25px; }







[dir="rtl"] .slick-prev { left: auto; right: 25px; }







.slick-prev:before { content: "\e625"; }







[dir="rtl"] .slick-prev:before { content: "\e628"; }







.slick-next { right: 25px; }







[dir="rtl"] .slick-next { left: 25px; right: auto; }







.slick-next:before { content: "\e628"; }







[dir="rtl"] .slick-next:before { content: "\e625"; }







/* Dots */



.slick-dots { position: absolute;  bottom:20px; list-style: none; display: block;  text-align:right ; padding: 0; width: 80%; z-index:99; }







.slick-dots li { position: relative; display: inline-block; margin: 0 10px; cursor: pointer;}







.slick-dots li button { border: 0; background: #fff; border-radius: 50%; display: block; height: 21px; width: 21px; outline: none; font-size: 0; cursor: pointer; }







.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }







.slick-dots li.slick-active button { background: #ff7900; }







.addthis_sharing_toolbox{ margin: 20px 0;}







/* Keyframes */



/*empty*/



@-webkit-keyframes empty { 0% { opacity: 1; } }



@-moz-keyframes empty { 0% { opacity: 1; } }



@keyframes empty { 0% { opacity: 1; } }



@-webkit-keyframes fadeIn { 0% { opacity: 0; }



  100% { opacity: 1; } }



@-moz-keyframes fadeIn { 0% { opacity: 0; }



  100% { opacity: 1; } }



@keyframes fadeIn { 0% { opacity: 0; }



  100% { opacity: 1; } }



@-webkit-keyframes fadeOut { 0% { opacity: 1; }



  100% { opacity: 0; } }



@-moz-keyframes fadeOut { 0% { opacity: 1; }



  100% { opacity: 0; } }



@keyframes fadeOut { 0% { opacity: 1; }



  100% { opacity: 0; } }



@-webkit-keyframes backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); }



  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }



  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } }



@-moz-keyframes backSlideOut { 25% { opacity: .5; -moz-transform: translateZ(-500px); }



  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }



  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } }



@keyframes backSlideOut { 25% { opacity: .5; transform: translateZ(-500px); }



  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }



  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } }



@-webkit-keyframes backSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }



  75% { opacity: .5; -webkit-transform: translateZ(-500px); }



  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } }



@-moz-keyframes backSlideIn { 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }



  75% { opacity: .5; -moz-transform: translateZ(-500px); }



  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); } }



@keyframes backSlideIn { 0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }



  75% { opacity: .5; transform: translateZ(-500px); }



  100% { opacity: 1; transform: translateZ(0) translateX(0); } }



@-webkit-keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(0.8); } }



@-moz-keyframes scaleToFade { to { opacity: 0; -moz-transform: scale(0.8); } }



@keyframes scaleToFade { to { opacity: 0; transform: scale(0.8); } }



@-webkit-keyframes goDown { from { -webkit-transform: translateY(-100%); } }



@-moz-keyframes goDown { from { -moz-transform: translateY(-100%); } }



@keyframes goDown { from { transform: translateY(-100%); } }



@-webkit-keyframes scaleUpFrom { from { opacity: 0; -webkit-transform: scale(1.5); } }



@-moz-keyframes scaleUpFrom { from { opacity: 0; -moz-transform: scale(1.5); } }



@keyframes scaleUpFrom { from { opacity: 0; transform: scale(1.5); } }



@-webkit-keyframes scaleUpTo { to { opacity: 0; -webkit-transform: scale(1.5); } }



@-moz-keyframes scaleUpTo { to { opacity: 0; -moz-transform: scale(1.5); } }



@keyframes scaleUpTo { to { opacity: 0; transform: scale(1.5); } }







/*录入样式开始*/



ul.ent-num li{margin-left:20px;list-style:outside decimal;}ul.ent-dot li{margin-left:20px;list-style:outside disc;}table.table-left td,table.table-left th{text-align:left;}ul[class^="ent-img"]{padding:8px 0;text-align:justify;text-justify:inter-ideograph;letter-spacing:0;font-size:0;}ul[class^="ent-img"]:after{display:inline-block;overflow:hidden;width:100%;height:0;content:'';}ul[class^="ent-img"] li.line{display:inline-block;overflow:hidden;margin:0;padding:0;height:0;}ul[class^="ent-img"] li{display:inline-block;vertical-align:top;font-size:13px;}ul[class^="ent-img"]:first-child{margin-top:-8px;padding-top:0;}ul[class^="ent-img"] li{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-bottom:1%;padding:8px 0;text-align:center;font-size:13px;line-height:1.5;-o-box-sizing:border-box;-ms-box-sizing:border-box;}ul[class^="ent-img"] li span{display:block;margin-top:4px;text-transform:capitalize;}ul[class^="ent-img"] li p{margin-top:4px;}ul[class^="ent-img"] li img{vertical-align:bottom;}.ent-img2 li{width:48%;}.ent-img3-only li,.ent-img3-more li{width:31.5%;}.ent-img4 li{width:23%;}.ent-img5 li{width:19.2%;}.ent-img6 li{width:15.6%;}@media screen and (max-width:750px){.ent-img5.ent-res li,.ent-img6.ent-res li{width:31.5%;}}@media screen and (max-width:650px){.ent-img4.ent-res li,.ent-img3-more.ent-res li{width:48%;}}@media screen and (max-width:520px){.ent-img5.ent-res li,.ent-img6.ent-res li{width:48%;}}@media screen and (max-width:460px){.ent-img2.ent-res li,.ent-img3-only.ent-res li,.ent-img3-more.ent-res li,.ent-img4.ent-res li{width:100%;}}.ent-img-fl{*zoom:1;}.ent-img-fl:before,.ent-img-fl:after{display:table;content:"";}.ent-img-fl:after{clear:both;}.ent-img-fl img{float:left;margin-right:14px;max-width:47%;}@media screen and (max-width:720px){.ent-img-fl img{float:none;display:block;margin-right:0;margin-bottom:10px;max-width:100%;}}.ent-img-fr{*zoom:1;}.ent-img-fr:before,.ent-img-fr:after{display:table;content:"";}.ent-img-fr:after{clear:both;}.ent-img-fr img{float:right;margin-left:14px;max-width:47%;}@media screen and (max-width:750px){.ent-img-fr img{float:none;display:block;margin-bottom:10px;margin-left:0;max-width:100%;}}.ent-img-left{padding:15px 0;}.ent-img-left>img{float:left;max-width:50%;}.ent-img-left,.ent-img-left .listText{overflow:hidden;zoom:1;}.ent-img-left:first-child{margin-top:-15px;}.ent-img-left>img{margin-right:4%;max-width:50%;}@media screen and (max-width:750px){.ent-img-left>img{float:none;margin-right:0;max-width:100%;}.ent-img-left .listText{margin-top:12px;}}.ent-img-right{padding:15px 0;}.ent-img-right>img{float:right;max-width:50%;}.ent-img-right,.ent-img-right .listText{overflow:hidden;zoom:1;}.ent-img-right:first-child{margin-top:-15px;}.ent-img-right>img{margin-left:4%;max-width:50%;}@media screen and (max-width:750px){.ent-img-right>img{float:none;margin-left:0;max-width:100%;}.ent-img-right .listText{margin-top:12px;}}











.Quality{ width:100%; border-top: 2px solid #1d1d20;padding-top: 20px; }







.Quality .images{ width:100%;  padding:20px 0}



.Quality .images li{display:inline-block; width:47%; vertical-align: top; line-height:0.8; margin:7px 1%;position:relative;  }



.Quality .images li:before{ position:absolute; content:""; width:100%; height:30px; background:#1a6bc6; bottom:0;  



filter:alpha(opacity=70); /*IE滤镜，透明度50%*/



-moz-opacity:0.7; /*Firefox私有，透明度50%*/



opacity:0.7;/*其他，透明度50%*/}



.Quality .images li .title{ text-align:center; width:100%; height:30px; line-height:30px; text-align:center; color:#FFF;z-index:3; bottom:0; font-size:18px; position:absolute; }

.Quality .images li.line:before{ height:0}

.piccontent{}

.piccontent li{width:32%; margin-bottom:10px}



@media screen and (max-width:750px){



	.Quality .images li{ width:47%;   }

.piccontent li{width:47%;}

}



@media screen and (max-width:400px){



	.Quality .images li{ width:100%; margin:7px 0   }

.piccontent li{width:100%;}

}



/*录入样式结束*/