@charset "utf-8";

html { font-family: 'Microsoft YaHei',sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);margin: 0;padding: 0; font-size: 16px; }
body { margin: 0;padding: 0;font-family: Arial, 'Microsoft YaHei'; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); min-width: 1200px; font-size: 14px; line-height: 1.42857143; color: #232932; background-color: #fff; overflow-x: hidden; }
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display: block;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
[hidden],template { display: none; }
a {background-color: transparent;color: inherit; text-decoration: none;}
a:active,a:hover,a:focus {outline: 0;}
b,strong {font-weight: bold;}
li,ul{ padding: 0;margin: 0;list-style: none }
mark {color: #000;background: #ff0;}
small {font-size: 80%;}
img {border: 0;vertical-align: middle; display: inline-block; }
svg:not(:root) {overflow: hidden;}
figure {margin: 1em 40px;}
hr { height: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
pre {overflow: auto;}
code,kbd,pre,samp { font-family: monospace, monospace; font-size: 1em;}
button,input,optgroup,select,textarea { margin: 0; font: inherit; color: inherit; }
button {overflow: visible;}
button,select {text-transform: none;}
button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button;cursor: pointer;}
button[disabled],html input[disabled] {cursor: default;}
button::-moz-focus-inner,input::-moz-focus-inner {padding: 0;border: 0;}
input {line-height: normal;}
input[type="checkbox"],input[type="radio"] {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 0;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"] {-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;-webkit-appearance: textfield;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
fieldset { padding: .35em .625em .75em; margin: 0 2px; border: 1px solid #c0c0c0; }
legend {padding: 0;border: 0;}
textarea { overflow: auto; }
optgroup { font-weight: bold; }
table { border-spacing: 0; border-collapse: collapse; }
td,th { padding: 0; }
dd, p{ margin: 0; }
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
input,button,select,textarea { font-family: inherit; font-size: inherit; line-height: inherit; }
a:hover,a:focus {color: inherit;}
figure { margin: 0; }
h1,h2,h3,h4,h5,h6 { font-family: inherit; font-size: inherit; font-weight: 500; line-height: 1.1; color: inherit; margin: 0; }
label{ margin: 0; }

.input, textarea{ display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 40px; margin: 0; padding: 8px; border: 1px solid #ece9e9; border-radius: 0; background-color: #fff; font-family: inherit; font-size: 14px; font-weight: 400; color: #0a0a0a; -webkit-appearance: none; -moz-appearance: none; appearance: none; 
    -webkit-transition: box-shadow .5s,border-color .25s ease-in-out;
    -o-transition: box-shadow .5s,border-color .25s ease-in-out;
    transition: box-shadow .5s,border-color .25s ease-in-out; }
textarea{ height: auto; }
.select{ width: 100%; height: 40px; margin: 0; padding: 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #ece9e9; border-radius: 0; background-color: #fefefe; font-family: inherit; font-size: 14px; line-height: normal; color: #0a0a0a; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>"); background-origin: content-box; background-position: right -16px center; background-repeat: no-repeat; background-size: 9px 6px; padding-right: 24px;
    -webkit-transition: box-shadow .5s,border-color .25s ease-in-out;
    -o-transition: box-shadow .5s,border-color .25s ease-in-out;
    transition: box-shadow .5s,border-color .25s ease-in-out; }
select:focus, input:focus, textarea:focus, button:focus{ outline: none; }
.select:focus, .input:focus, textarea:focus{
    border: 1px solid #bcbbbb;
    background-color: #fefefe;
    box-shadow: 0 0 5px #cacaca;
    -webkit-transition: box-shadow .5s,border-color .25s ease-in-out;
    -o-transition: box-shadow .5s,border-color .25s ease-in-out;
    transition: box-shadow .5s,border-color .25s ease-in-out;
}










.clear
{
	height:1px;
	font-size:0px;
	clear:both;
}
.h5
{
	height:5px;
	font-size:0px;
	clear:both;
}
.h10
{
	font-size:0px;
	clear:both;
}
#container
{
	margin: 0 auto;
	width: 1010px;
	word-wrap: break-word;
	word-break: break-all;
	word-wrap: normal;
word-break: normal;
}
/*position*/
#position
{
	padding-top: 6px;
}


/*main*/
#main
{
	padding-top: 10px;
}

#main h1, #main h2, #main h3, #main h4, #main h5, #main h6, #main dd{ font-size: 12px; }

/*sider*/
#main .sider
{
	background: none repeat scroll 0 0 #ffffff;
	display: inline;
	float: left;
	min-height: 900px;
	padding-bottom: 10px;
	width: 254px;
}

#main .sider dl.box dt
{
	color: #000;
	font-size: 18px;
	line-height: 40px;
	text-indent: 17px;
	height:50px;
}


#main .sider dl.category dt,#main .sider dl.menu dt{
    background: url("../images/Browse Categories.jpg") no-repeat;
	color:#ffffff;
}
#main .sider .share dt{
	 background: url("../images/BV certificate.jpg") no-repeat 0 50%;
}
#main .sider .subscribe dt,#main .sider .latest dt,#main .sider .contactus dt,#main .sider .product dt{
	background: url("../images/BV certificate.jpg") no-repeat 0 50%;
}
#main .sider dl.menu dd
{
	font-size: 14px;
	font-weight: bold;
	line-height: 36px;
	/*border-top: 1px solid #CDCDCD;*/
}/*
#main .sider dl.menu dd:hover a.parent {
    margin-right: -1px;
    position: relative;
    width: 190px;
    z-index: 9999;
    color: #FFF;
}*/
/*#main .sider dl.menu dd a.parent,#main .sider dl.category dd a.parent
{
	color: #808080;
    height: 35px;
    padding-left: 14px;
    text-decoration: none;
    width: 190px;
    overflow: hidden;
    white-space: nowrap;
    _display: inline-block;
    line-height: 50px;
    text-overflow: ellipsis;
	
}*/
#main .sider dl.menu dd a.parent, #main .sider dl.category dd a.parent {

    color: #808080;
    height: 35px;
    padding-left: 14px;
    width: 212px;
    white-space: nowrap;
    line-height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;

}
#main .sider dl.menu dd a.parent
{
	background: transparent url("../images/cid_arrow.png") no-repeat scroll 5px 21px;
border: 1px solid #EEE;
display: block;
padding-left: 18px;
width: 252px;
height: 50px;
}
#main .sider dl.menu dd a.parent:hover
{
	color: #fff;
	/*border:1px solid #208FD7;*/
}
#main .sider dl.menu dd:hover {
    background: #008CE2 none repeat scroll 0% 0%;
    position: relative;
    z-index: 9999;
    border-radius: 0px 15px;
}


/*sider category*/
#main .sider .box{
	border:1px solid #ccc;
}
#main .sider dl.category dd
{
	background: url("../images/Browse Categories-2.jpg") no-repeat scroll 0px center transparent;
	font-size: 12px;
	font-weight: none;
	line-height: 36px;
	margin: 0 5px;
	position: relative;
	width:247px;
	_overflow:hidden;
} 
/*#main .sider dl.category dd span
{
	color: #000000;
    font-weight: normal;
    _float: right;
    line-height: 50px;
	margin-right: 8px;
}*/
#main .sider dl.category dd span {

    color: #000000;
    font-weight: normal;
    margin-right: 8px;
    vertical-align: text-bottom;
    line-height: 26px;
    margin-left: 5px;

}
#main .sider dl.category dd a.parent:hover
{
	color: #6C007C;
}
#main .sider dl.category dd.top a,#main .sider dl.menu dd.top
{
	border: none;
}
#main .sider dl.category dd ul
{
	background: none repeat scroll 0 0 #EEEEEE;
	border: 1px solid #208FD7;
	display: none;
	left: 100%;
	position: absolute;
	top: -1px;
	width: 200px;
	z-index: 999;
}
#main .sider dl.category dd li
{
	border-top: 1px dotted #999999;
	height: 36px;
	line-height: 36px;
	padding: 0 10px;
	overflow: hidden;
}
#main .sider dl.category dd li a.sub
{
	font-weight: normal;
	padding-left: 10px;
	padding-right: 5px;
	text-decoration: none;
}
#main .sider dl.category dd li span
{
	color: #000000;
	font-weight: normal;
}
#main .sider dl.category dd li.top
{
	border-left: 1px solid #EEEEEE;
	border-top: medium none;
	left: -1px;
	position: relative;
}
#main .sider dl.category dd:hover
{
	background:#008CE2;
	position: relative;
	z-index: 9999;
	border-radius:0 15px 0 15px;

}
#main .sider dl.category dd:hover a.parent
{

	margin-right: -1px;
	position: relative;
	_width: 190px;
	z-index: 9999;
	color: #ffffff;
}
#main .sider dl.category dd:hover ul
{
	display:block;
}
#main .sider dl.category dd li:hover
{
	background-color: #CCCCCC;
}
#main .sider dl.category dd li:hover a
{
	font-weight: bold;
	color: #208FD7;
	text-decoration: none;
}
#main .sider dl.category dd.hide:hover a:hover
{
	background-color:#EDECEC;
}


/*sider product*/
#main .sider dl.product dd
{
	line-height: 22px;
	padding: 4px 4px 4px 10px;
}
#main .sider dl.product .item
{
	border-bottom: 1px solid #CDCDCD;
	padding: 5px 0;
}
#main .sider dl.product .item a.pic
{
	border: 1px solid #CCCCCC;
	display: inline;
	float: left;
}
#main .sider dl.product .item a.pic:hover
{
	border: 1px solid #208FD7;
}
#main .sider dl.product .item a.pic img
{
	width: 74px;
	display: block;
}
#main .sider dl.product .item h2
{
	display: inline;
	float: right;
	line-height: 16px;
	width: 160px;
}
#main .sider dl.product .item h2 a
{
	color: #555555;
}


/*subscribe*/
#main .sider dl.subscribe dd
{
	padding-bottom: 10px;
	position: relative;
}
#main .sider dl.subscribe dd .annotation
{
	font-size: 14px;
	line-height: 24px;
	text-align: center;
}
#main .sider dl.subscribe dd .textbox,#main .sider dl.subscribe dd .textbox_focus
{
	background: none repeat scroll 0 0 #CECECE;
	border: 1px solid #919191;
	color: #FFFFFF;
	display: block;
	font-size: 14px;
	height: 28px;
	line-height: 28px;
	margin: 0 auto 10px;
	outline: medium none #CD853F;
	padding: 0 3px;
	width: 229px;
}
#main .sider dl.subscribe dd .textbox_focus
{
	color:#333333;
}
#main .sider dl.subscribe dd .btn
{
	background: none repeat scroll 0 0 #444444;
	border: medium none;
	color: #FFFFFF;
	cursor: pointer;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: 30px;
	margin: 0 auto;
	width: 110px;
}
#main .sider dl.subscribe dd .unsubscribe
{
	display: none;
}


/*latest*/
#main .sider dl.latest dd
{
	padding: 0 3px 5px 0;
}
#main .sider dl.latest dd h4
{
	background: url("../images/Latest News.png") no-repeat scroll 3px 2px transparent;
	line-height: 16px;
	margin-top: 5px;
	padding-left: 15px;
	width: 200px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
#main .sider dl.latest dd a
{
	color: #898D90;
	font-weight: bold;
}
#main .sider dl.latest dd a:hover{
	color:#09679A;
	text-decoration:none;
}
#main .sider dl.latest dd h4:hover
{
	background: transparent url("../images/Latest News-1.jpg") no-repeat scroll 0px 0px;
line-height: 16px;
margin-top: 5px;
padding-left: 15px;
width: 200px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;

}
#main .sider dl.latest dd .text
{
	color: #666666;
	height: auto !important;
	max-height: 120px;
	line-height: 20px;
	overflow: hidden;
	padding-bottom: 5px;
	padding-left: 10px;
	display:none;
}


/*contact us*/
#main .sider dl.contactus dd
{
	line-height: 22px;
	padding: 5px;
}
#main .sider dl.contactus dd a.btn
{
	background: url("../../../images/inquiry_btn.png") no-repeat scroll 0 0 transparent;
	border: medium none;
	cursor: pointer;
	display: block;
	height: 26px;
	margin: 0 auto;
	overflow: hidden;
	text-indent: -999px;
	width: 129px;
}


/*online*/
#main .sider dl.contactus dd .online
{
}
#main .sider dl.contactus dd .online a
{
	background: url("../../../images/online/ico_32.png") no-repeat scroll 0 0 transparent;
	display: block;
	float: left;
	height: 32px;
	margin: 9px 6px;
	width: 32px;
}
#main .sider dl.contactus dd .online a.SKYPE
{
	background-position: -32px 0;
}
#main .sider dl.contactus dd .online a.Trademanager
{
	background-position: -64px 0;
}
#main .sider dl.contactus dd .online a.MSN
{
	background-position: -96px 0;
}
#main .sider dl.contactus dd .online a.Email
{
	background-position: -128px 0;
}


/*sBody*/
#main .sBody
{
	width: 738px;
	float: right;
}
#main .sBody .box{
	border:1px solid #ccc;
	margin:5px 0;
}
#main .sBody .news .box,#main .dynamic .news .box
{
	background: transparent url("../images/Company News1.jpg") no-repeat scroll 0px 26px;
	margin-bottom: 10px;
}
#main .sBody .box .title,#main .dynamic .box .title
{
	color: #383838;
	font-size: 16px;
	font-weight: bold;
	line-height: 36px;
	padding-left: 21px;
	background: transparent url("../images/Factory.jpg") repeat scroll 0px 84%;
}
#main .sBody .box .title a.more,#main .dynamic .box .title a.more
{
	color: #000000;
	float: right;
	font-size: 14px;
	margin-right: 18px;
text-decoration: underline;
margin-top: 6px;
height: 20px;
}


/*products*/
#main .sBody .products .text
{
}
#main .sBody .products .grid
{
	padding: 0 2px;
}
#main .sBody .products .grid .item
{
	display: inline;
	float: left;
	margin: 6px 5px 6px 6px;
	overflow: hidden;
	text-align: center;
	width: 171px;
height: 233px;
}
#main .sBody .products .grid .item a.pic
{
	border: 1px solid #FFFFFF;
	display: block;
	overflow: hidden;
	text-align: center;
}
#main .sBody .products .grid .item a.pic:hover
{
	border: 1px solid #208FD7;
}
#main .sBody .products .grid .item a.pic img
{
	width: 169px;
	display: block;
}
#main .sBody .products .grid .item h2
{
	color: #555555;
	font-weight: bold;
	line-height: 20px;
	margin-top: 3px;
	word-wrap:normal;
	word-break:normal;
}
#main .sBody .products .grid .item h2 a
{
	color: #949594;
}
#main .sBody .products .grid .item h2 a:hover
{
	color:#036;
}

/*products list*/
#main .sBody .products .list dl
{
	display: inline;
	float: left;
	height:279px;
	margin-left: 10px;
	margin-top: 10px;
	overflow: hidden;
	width:211px;
	word-break:normal;
	word-wrap:normal;
}
#main .sBody .products .list dl dt
{
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #DCDCDC;
	display: inline;
	float: left;
	padding: 2px;
	text-align: center;
	width:196px;
}
#main .sBody .products .list dl dt a
{
	display: table-cell;
	text-align: center;
	vertical-align: middle;

}
#main .sBody .products .list dl dt img
{
	width: 196px;
	vertical-align: middle;
}
#main .sBody .products .list dl dd
{

}
#main .sBody .products .list dl dd h2
{
	display: inline;
	float: left;
	font-family: "Trebuchet MS",Helvetica,Arial,sans-serif;
	font-size: 13px;
	line-height: 20px;
	text-align:center;
	width: 100%;
}
#main .sBody .products .list dl dd h2 a
{
	font-size: 14px;
	font-weight: bold;
	color: #949594;
}
#main .sBody .products .list dl dd h2 a:hover{
	color:#008BE2;
}
#main .sBody .products .list dl dd .btn
{
	display: inline;
	float: right;
	margin-right: 10px;
	display:none;
}
#main .sBody .products .list dl dd .btn a
{
	background: url("../../../images/inquiry_small.png") no-repeat scroll 0 0 transparent;
	border: medium none;
	cursor: pointer;
	display: block;
	height: 18px;
	width: 104px;
	display:none;
}
#main .sBody .products .list dl dd .summary
{
	color: #666666;
	height: 63px;
	line-height: 17px;
	margin-left: 10px;
	margin-top: 4px;
	width: 525px;
	display:none;
}
#main .sBody .products .list dl dd .summary a.more
{
	color: #4E4E4E;
	padding-left: 10px;
}


/*news*/
#main .sBody div.news
{
    border: 1px solid #ccc;
    margin: 5px 0;
    position: relative;
}
#main .sBody div.news .left,#main .dynamic .left
{
	display: inline;
	float: left;
	width: 49%;
}
#main .sBody div.news .right,#main .dynamic .right
{
	display: inline;
	float: right;
	width: 49%;
}
#main .sBody div.news ul.tab-hd{
    background: transparent url(../images/Factory.jpg) repeat scroll -17px 81%;
    padding-bottom: 0;
    background-size: 110% 100%;
}
#main .sBody div.news ul.tab-hd, #main .dynamic ul
{

}
#main .sBody div.news li,#main .dynamic li
{
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    padding-left: 15px;
    display: inline-block;
}
#main .sBody div.news li{
	margin-top: 3px;
	margin-right: 16px;
	margin-left: 5px;
}
#main .sBody div.news>ul.tab-hd li>a {
    color: #333;
    font-weight: bold;
    font-size: 16px;
}
#main .sBody div.news>ul.tab-hd li>a:hover{
	text-decoration: none;
}
#main .sBody div.news ul.tab-hd li.currr{
	background: transparent url(../images/Factory.jpg) repeat scroll -5px 29%;
}
div.newslist {
    padding: 8px 16px;
}
#main .sBody div.news li.first,#main .dynamic li.first
{
	border-top:none;
}
.tup_newsleft {
    float: left;
}
.tup_newsright {
    margin-left: 15px;
    float: left;
    width: 415px;
}
.tup_newsright h3 {
    font-size: 16px;
    margin-bottom: 9px;
}
.tup_newsright p {
    display: inline-block;
    font-size: 12px;
    line-height: 16px;
    height: 120px;
    overflow: hidden;
}
div.newslist>ul {
    display: inline-block;
    float: left;
    margin-top: 8px;
}
div.newslist>ul>h3 {
    display: inline-block;
    float: left;
    width: 100%;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-bottom: 3px;
    border-bottom: 1px dashed #ddd;
}
div.newslist>ul dl dt a {
    display: inline-block;
    max-width: 580px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#main .sBody div.news>h3.title {
    position: absolute;
    right: 0;
    top: -8px;
    z-index: 99;
}
.newslist{
	display: none;
}
.newslist:nth-of-type(1){
	display: block;
}
#main .sBody div.news span,#main .dynamic span
{
	color: #AAAAAA;
	display: inline;
	float: right;
	margin-right: 15px;
}
#main .sBody div.news li a,#main .dynamic li a
{
}


/*about us summary*/
#main .sBody .about-us
{
}
#main .sBody .about-us .content
{
	line-height: 20px;
	padding: 10px 5px;
}
#main .sBody .about-us .content img
{
	display: inline;
	float: left;
}


/*about us*/
#main .sBody .aboutus
{
	position: relative;
}
#main .sBody .aboutus ul
{
	height: 166px;
	padding: 7px;
}
#main .sBody .aboutus li
{
}
#main .sBody .aboutus .cover
{
	display: inline;
	float: left;
}
#main .sBody .aboutus .cover img
{
	border: 1px solid #CCCCCC;
}
#main .sBody .aboutus .summary
{
	display: inline;
	float: right;
	width: 464px;
}
#main .sBody .aboutus .summary h2
{
	height: 30px;
	line-height: 30px;
	display:none;
}
#main .sBody .aboutus .summary a
{
	color: #6C007C;
	font-weight: bold;
}
#main .sBody .aboutus .summary .text
{
	line-height: 20px;
}
#main .sBody .aboutus .btn
{
	bottom: 12px;
	left: 268px;
	position: absolute;
}
#main .sBody .aboutus .btn a
{
	background: none repeat scroll 0 0 #EFEFFF;
	border: 1px solid #2493DB;
	color: #000;
	display: block;
	float: left;
	margin: 0 3px;
	padding: 5px 11px;
	text-decoration: none;
}
#main .sBody .aboutus .btn a:hover
{
	background: none repeat scroll 0 0 #AAAAAA;
	color: #FFFFFF;
}


/*article text*/
#main .sBody .article .content
{
	line-height: 22px;
	padding: 10px;
	
}


/*friendlink*/
.friendlink{
	line-height:20px;
}
.friendlink  a{
	margin-right:10px;
	text-decoration:underline;
	color:#1383CD;
}
.friendlink  a:hover{
	text-decoration:none;
	color:#CA0007;
}

/*scroll*/
#main .scroll
{
}
#main .scroll .pic
{
	display: inline;
	float: left;
	height: 325px;
	overflow: hidden;
	position: relative;
	width: 452px;
	margin-bottom: 10px;
}
#main .scroll ul.btn
{
	left: 5px;
	position: absolute;
	top: 5px;
}
#main .scroll ul.btn li
{
	background-color: #CCCCCC;
	border: 1px solid #000000;
	display: block;
	float: left;
	font-size: 10px;
	height: 16px;
	margin: 5px;
	text-align: center;
	width: 16px;
}
#main .scroll ul.btn li.active
{
	background-color: #FF6600;
}
#main .scroll .show
{
	border: 1px solid #DCDCDC;
	height: 300px;
	width: 450px;
}
#main .scroll .show img
{
	display: block;
	margin: 0 auto;
}
#main .scroll .show .loading
{
	margin-top: 75px;
}
#main .scroll .title
{
	background: none repeat scroll 0 0 #DCDCDC;
	bottom: 0;
	font-size: 12px;
	font-weight: bold;
	left: 0;
	line-height: 16px;
	overflow: hidden;
	padding: 5px;
	position: absolute;
	text-align: center;
	vertical-align: middle;
	width: 442px;
}
#main .scroll .title a
{
	color: #000000;
	text-decoration: none;
}
#main .scroll dl.list
{
	background: url("../images/title_bg.gif") repeat-x scroll 0 -110px transparent;/
	border: 1px solid #C6D2E0;
	float: right;
	height: 323px;
	width: 280px;
	border:1px solid #ccc;
}
#main .scroll dl.list dt
{
	background: none repeat scroll 0 0 #F2F2F2;
	color: #6C007C;
	font-family: Verdana;
	font-weight: bold;
	height: 32px;
	line-height: 32px;
	margin: 0;
	padding: 0;
	text-indent: 10px;
}
#main .scroll dl.list dd
{
	height: 43px;
	margin-left: 3px;
	margin-top: 13px;
	width: 244px;
}
#main .scroll dl.list dd a.cover
{
	background: none repeat scroll 0 0 #FFFFFF;
	height: 50px;
	overflow: hidden;
	width: 55px;
	display: inline;
	float: left;
}
#main .scroll dl.list dd a.cover img
{
	display:block;
}
#main .scroll dl.list dd h2
{
	display: inline;
	float: left;
	font-weight: normal;
	height: 42px;
	line-height: 14px;
	overflow: hidden;
	padding: 0 5px;
	width: 175px;
}
#main .scroll dl.list dd h2 a
{
	color: #003366;
	font-size:14px;
}


/*page*/
#page
{
	background: none repeat scroll 0 0 #F3F3F3;
	clear: both;
	height: 44px;
	line-height: 44px;
	margin-top: 9px;
	text-align: center;
}
#page a
{
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #D3D3D4;
	color: #000000;
	margin: 0 3px;
	padding: 5px 7px;
}
#page font,#page a:hover
{
	background: none repeat scroll 0 0 #4C4C4C;
	border: 1px solid #000000;
	color: #FFFFFF;
	text-decoration: none;
}
#page font,#page a.item
{
	padding: 5px 8px;
}
#page font
{
	margin: 0 3px;
	padding: 5px 8px;
}
#page span,#page a.btn
{
	border: 1px solid #D3D3D4;
	color: #AAAAAA;
	cursor: pointer;
	margin: 0 3px;
	padding: 5px 12px;
}
#page a.btn
{
	background-position: -88px center;
}


/*position*/
#main .sBody .position
{
	background: none repeat scroll 0 0 #F3F3F3;
	color: #898888;
	font-size: 13px;
	height: 44px;
	line-height: 44px;
	margin-bottom: 5px;
	overflow: hidden;
	padding-left: 15px;
}
#main .sBody .position a
{
	color: #6C007C;
}
#main .sBody .position a:hover
{
	color: #000000;
}


/*inquiry*/
table.inquiry
{
	background: none repeat scroll 0 0 #CCCCCC;
}
table.inquiry th
{
	background: none repeat scroll 0 0 #EEEEEE;
	height: 30px;
	text-align: center;
}
table.inquiry td
{
	background: none repeat scroll 0 0 #FFFFFF;
	height: 40px;
	line-height: 40px;
	padding-left: 5px;
}
table.inquiry td span
{
	color: #CA0007;
	font-weight: bold;
}
table.inquiry td.t
{
	background: none repeat scroll 0 0 #F5F5F5;
	height: 40px;
	line-height: 40px;
	padding-right: 5px;
	text-align: right;
	width: 100px;
}
table.inquiry td img
{
}
table.inquiry td .name
{
}
table.inquiry td a
{
}
table.inquiry td .textbox,table.inquiry td .textbox_m,table.inquiry td .textbox_over,table.inquiry td .textbox_m_over
{
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #A7A7A7;
	height: 20px;
	padding-left: 3px;
	width: 250px;
}
table.inquiry td .textbox_over
{
	border:1px solid #8BB546;
}
table.inquiry td .textarea,table.inquiry td .textarea_over
{
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #A7A7A7;
	height: 100px;
	margin-top: 5px;
	width: 90%;
}
table.inquiry td .textarea_over
{
	border:1px solid #8BB546;
}
table.inquiry td.btn
{
	padding-top: 5px;
	text-align: center;
}
table.inquiry td.btn input
{
	background: url("../../../images/btn.png") no-repeat scroll 0 0 transparent;
	border: medium none;
	cursor: pointer;
	height: 23px;
	line-height: 23px;
	margin: 0 5px;
	text-align: center;
	width: 60px;
	font-family:Arial, Helvetica, sans-serif;
}
table.inquiry td.btn input.btn_over
{
	background-position:0 -23px;
}


/*video*/
ul.video
{
	padding-top: 10px;
}
ul.video li
{
	background-position: center 0;
	background-repeat: no-repeat;
	box-shadow: 1px 1px 10px rgba(200, 200, 200, 0.3);
	float: left;
	height: 260px;
	margin: 0 11.5px 20px;
	overflow: hidden;
	width: 215px;
}
ul.video li .cover
{
	height: 140px;
	width: 215px;
	position: relative;
}
ul.video li .cover span
{
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}
ul.video li .cover a
{
	background: url("../../../images/video_doc.png") no-repeat scroll 80px 40px transparent;
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 99;
}
ul.video li .cover:hover span
{
	background-color: #000000;
	opacity: 0.6;
}
ul.video li .cover:hover a
{
	background-position: -320px 40px;
}
ul.video li strong
{
	border-bottom: 1px dotted #CCCCCC;
	color: #2C3B55;
	display: block;
	font-size: 9pt;
	font-weight: 600;
	height: 43px;
	line-height: 12pt;
	margin-bottom: 5px;
	padding-bottom: 5px;
	text-transform: uppercase;
	text-align: center;
	word-wrap:normal;
	word-break:normal;
}
ul.video li .info
{
	margin-bottom: 10px;
	padding: 16px 10px 30px;
	line-height:15px;
}
ul.video li .info span
{
	color: #6699CC;
	font-weight: 600;
	margin-right: 5px;
}
.VideoShow
{
	text-align: center;
}
.VideoShow h3
{
	color: #2A2A2A;
	font-size: 14px;
	font-weight: bold;
	margin: 10px 0;
}


/*share 24*24*/
.share
{
	/*padding: 5px;*/
}
.share a
{
	background: url("/images/share_32.png") no-repeat scroll 0 0 transparent;
	display: block;
	float: left;
	height: 32px;
	margin: 0 3px;
	width: 32px;
}
.share a.blogger
{
	background-position: 0 0;
}
.share a.delicious
{
	background-position: 0 -32px;
}
.share a.digg
{
	background-position: 0 -64px;
}
.share a.email
{
	background-position: 0 -96px;
}
.share a.facebook
{
	background-position: 0 -160px;
}
.share a.google
{
	background-position: 0 -192px;
}
.share a.plus
{
	background-position: 0 -224px;
}
.share a.in
{
	background-position: 0 -256px;
}
.share a.myspace
{
	background-position: 0 -384px;
}
.share a.orkut
{
	background-position: 0 -416px;
}
.share a.pinterest
{
	background-position: 0 -448px;
}
.share a.stumbleUpon
{
	background-position: 0 -544px;
}
.share a.tumblr
{
	background-position: 0 -576px;
}
.share a.twitter
{
	background-position: 0 -608px;
}
.share a.vk
{
	background-position: 0 -640px;
}
.share a.yahoo
{
	background-position: 0 -672px;
}
.share a.youtobe
{
	background-position: 0 -704px;
}
.products h3 a
{
	color:#036;
}
#main .sBody .news .left .title{
width:90%;
background:transparent url("../images/Company News.jpg") no-repeat scroll 7% 117%;
}
#main .sBody .news .right .title{
width:90%;
background:transparent url("../images/Company News.jpg") no-repeat scroll 7% 117%;
}


/*reviews*/
.sider .reviews
{
}
.sider .reviews ul
{
}
.sider .reviews li
{
	border-bottom: 1px dotted #CCCCCC;
	padding: 3px 0;
}
.sider .reviews img
{
	border: 1px solid #CCCCCC;
	display: inline;
	float: left;
	margin: 0 3px;
}
.sider .reviews .comment
{
	display: inline;
	float: right;
	width: 192px;
}
.sider .reviews strong
{
}
.sider .reviews .text
{
}


/*top button*/
#homeSet,#toTop
{
	background: url("../images/top.png") no-repeat scroll 0 0 transparent;
	display: block;
	height: 54px;
	opacity: 0.3;
	filter:alpha(opacity=30);
	position: fixed;
	right: 25px;
	width: 54px;
}
#homeSet
{
	bottom:104px;
}
#toTop
{
	bottom:45px;
	background-position:0 -54px;
}
#homeSet:hover,#toTop:hover
{
	opacity:1;
	filter:alpha(opacity=100);
}
#footerinfo
{
	width:100%;
	margin:0 auto;
	text-align:center;
}


.tupian {

    position: absolute;
    right: 0px;
    top: 0px;
    margin-top: 31px;

}


#share span {
    display: none;
}
#share .mune {
  width: 235px;
  margin: 0 auto;
} 
.contactus .share {
    display: none;
}


#footer_tags {
  height: 1px;
  margin: 20px auto 0 auto;
  width: 993px;
}
.tags_a {
    float: left;
	margin: 0px 4px 0 0;
}
#footer_tags .a {
    margin-top: 7px;

}
#footer_tags .b img {
    width: 600px;
    height: 217px;
}
#footer_tags .c {
    margin-top: 18px;
}

.news .box .title img{
	float:left;
}
.news .box .title .first,.news .box .title p{
	float:right;
}
#main .sBody .news .box h3.title
{
  width:154px;
  float:left;
  text-align: center;

}
#news1 img,#news0 img
{
float:left;
}
#news1
{
display:none;

}
#news1,#news0
{
clear:both;
padding-top:10px;
height: 389px;
}
#news1 a.first,#news0 a.first
{
font-size:18px;
color:#009AFD;
font-weight:bold;
}
#news1 p,#news0 p
{
font-size: 14px;
line-height: 26px;
color: #8F8F8F;
}
#main .sBody .news .box h3.title:hover {
    background: transparent url("../images/Industry_News.jpg") no-repeat scroll 74px 27px;
}
#main .sBody div.news .title {
    background: transparent none repeat scroll 0% 0%;
}
#title {
    position: absolute;
    top: 18px;
    left: 666px;
}
.at4-share-title{
	display:none;
}
.ali-ta-embed-flag {
    height: 35px;
}



/********************************************************************************************/









.zcj_button{
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    line-height: 40px;
    height: 40px;
    padding: 0 15px;
    border: 0 none;
    border-radius: 0;
    text-align: center;
    background-color: #d13e3a;
    color: #fff;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    outline: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
}
.zcj_button:hover{ background-color: #bd2420; color: #fff; }


.pull-left{ float: left !important; }
.pull-right{ float: right !important; }
.text-left{ text-align: left; }
.text-right{ text-align: right; }
.text-center{ text-align: center; }
.clearfix:before, .clearfix:after,
.row:before, .row:after{ content: ''; display: table; }
.clearfix:after, .row:after{ clear: both; }
.space{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.space2{ overflow: hidden; -webkit-line-clamp: 2; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; word-break: break-word; }



.row{ max-width: 1200px; margin-right: auto; margin-left: auto; }
.col{ width: 100%; float: left; }
.col-auto{ width: auto; }
.col-20{ width: 20%; }
.col-25{ width: 25%; }
.col-33{ width: 33.33333333%; }
.col-50{ width: 50%; }
.col-75{ width: 75%; }
.col-66{ width: 66.66666666%; }


.zcj_container{ position: relative; height: auto; border-top: 1px solid transparent; border-bottom: 1px solid transparent; }
.container-gray{ background-color: #f2f2f2; }
.zcj_content{ display: block; width: 1200px; margin-left: auto; margin-right: auto; }

/* mask */
.mask{ position: fixed; top: 0; left: 0; z-index: 1000; width: 100%; height: 100%; visibility: hidden; background: transparent; opacity: 0; -webkit-transition-duration: 350ms; -moz-transition-duration: 350ms; -o-transition-duration: 350ms; transition-duration: 350ms; }
.mask.active{ visibility: visible;opacity: 1; }

.ts_scale{ display: block; overflow: hidden; }
.ts_scale .ts_scale-item{ -webkit-transition: all 250ms ease-out; -o-transition: all 250ms ease-out; transition: all 250ms ease-out; }
.ts_scale:hover .ts_scale-item{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }


.table-cell{ display: table-cell; vertical-align: middle; word-wrap: break-word; word-break: break-all; }


/* banner */
.banner{ position: relative; display: block; }
.banner>img{ width: 100%; display: block; }


.language-nav a{ position: relative; padding-left: 27px; height: 35px; display: block; float: left; margin-left: 10px; color: #fff; }
.language-nav a:before{ content: ""; font-size: 36px; position: absolute; display: block; left: 0; top: 50%; margin-top: -9px; width: 27px; height: 18px; background-image: url("../images/language_21.png"); -webkit-background-size: 27px auto; background-size: 27px auto; background-repeat: no-repeat; }
.language-nav a.cn:before{ background-position: 0 0; }
.language-nav a.en:before{ background-position: 0 -1em; }
.language-nav a.uk:before{ background-position: 0 -2em; }
.language-nav a.de:before{ background-position: 0 -3em; }
.language-nav a.fr:before{ background-position: 0 -4em; }
.language-nav a.ru:before{ background-position: 0 -5em; }
.language-nav a.es:before{ background-position: 0 -6em; }
.language-nav a.pt:before{ background-position: 0 -7em; }
.language-nav a.jp:before{ background-position: 0 -8em; }
.language-nav a.gr:before{ background-position: 0 -9em; }
.language-nav a.it:before{ background-position: 0 -10em; }
.language-nav a.kr:before{ background-position: 0 -11em; }
.language-nav a.ae:before{ background-position: 0 -12em; }
.language-nav a.tr:before{ background-position: 0 -13em; }
.language-nav a.pl:before{ background-position: 0 -14em; }
.language-nav a.fi:before{ background-position: 0 -15em; }
.language-nav a.in:before{ background-position: 0 -16em; }
.language-nav a.gu:before{ background-position: 0 -16em; }
.language-nav a.kn:before{ background-position: 0 -16em; }
.language-nav a.mr:before{ background-position: 0 -16em; }
.language-nav a.ml:before{ background-position: 0 -16em; }
.language-nav a.te:before{ background-position: 0 -16em; }
.language-nav a.ta:before{ background-position: 0 -16em; }
.language-nav a.vn:before{ background-position: 0 -17em; }
.language-nav a.th:before{ background-position: 0 -18em; }
.language-nav a.nl:before{ background-position: 0 -19em; }
.language-nav a.ie:before{ background-position: 0 -20em; }
.language-nav a.ph:before{ background-position: 0 -21em; }
.language-nav a.cz:before{ background-position: 0 -22em; }
.language-nav a.my:before{ background-position: 0 -23em; }
.language-nav a.fa:before{ background-position: 0 -24em; }
.language-nav a.hu:before{ background-position: 0 -25em; }
.language-nav a.hr:before{ background-position: 0 -26em; }
.language-nav a.sk:before{ background-position: 0 -27em; }
.language-nav a.si:before{ background-position: 0 -28em; }
.language-nav a.no:before{ background-position: 0 -29em; }
.language-nav a.iw:before{ background-position: 0 -30em; }
.language-nav a.da:before{ background-position: 0 -31em; }
.language-nav a.ro:before{ background-position: 0 -32em; }
.language-nav a.se:before{ background-position: 0 -33em; }
.language-nav a.bg:before{ background-position: 0 -34em; }
.language-nav a.al:before{ background-position: 0 -35em; }
.language-nav a.et:before{ background-position: 0 -36em; }
.language-nav a.az:before{ background-position: 0 -37em; }
.language-nav a.ee:before{ background-position: 0 -38em; }
.language-nav a.eu:before{ background-position: 0 -39em; }
.language-nav a.by:before{ background-position: 0 -40em; }
.language-nav a.is:before{ background-position: 0 -41em; }
.language-nav a.ba:before{ background-position: 0 -42em; }
.language-nav a.za:before{ background-position: 0 -43em; }
.language-nav a.xh:before{ background-position: 0 -43em; }
.language-nav a.zu:before{ background-position: 0 -43em; }
.language-nav a.kh:before{ background-position: 0 -44em; }
.language-nav a.kz:before{ background-position: 0 -45em; }
.language-nav a.ht:before{ background-position: 0 -46em; }
.language-nav a.ng:before{ background-position: 0 -47em; }
.language-nav a.gl:before{ background-position: 0 -48em; }
.language-nav a.iq:before{ background-position: 0 -49em; }
.language-nav a.lv:before{ background-position: 0 -50em; }
.language-nav a.la:before{ background-position: 0 -51em; }
.language-nav a.lt:before{ background-position: 0 -52em; }
.language-nav a.mg:before{ background-position: 0 -53em; }
.language-nav a.nz:before{ background-position: 0 -54em; }
.language-nav a.mn:before{ background-position: 0 -55em; }
.language-nav a.bd:before{ background-position: 0 -56em; }
.language-nav a.mm:before{ background-position: 0 -57em; }
.language-nav a.np:before{ background-position: 0 -58em; }
.language-nav a.af:before{ background-position: 0 -59em; }
.language-nav a.mw:before{ background-position: 0 -60em; }
.language-nav a.lk:before{ background-position: 0 -61em; }
.language-nav a.tz:before{ background-position: 0 -62em; }
.language-nav a.tj:before{ background-position: 0 -63em; }
.language-nav a.pk:before{ background-position: 0 -64em; }
.language-nav a.ua:before{ background-position: 0 -65em; }
.language-nav a.uz:before{ background-position: 0 -66em; }
.language-nav a.ge:before{ background-position: 0 -67em; }
.language-nav a.rs:before{ background-position: 0 -68em; }
.language-nav a.id:before{ background-position: 0 -69em; }

.language2-nav{ position: absolute; top: 0; right: 0; margin-top: 10px; }
.language2-nav a{ position: relative; padding-left: 51px; height: 30px; font-size: 14px; line-height: 30px; color: #5297fd; display: block; float: left; margin-left: 15px; }
.language2-nav a:before{ content: ""; font-size: 56px; position: absolute; display: block; left: 0; top: 50%; margin-top: -14.5px; width: 46px; height: 29px; background-image: url("../images/language_22.png"); -webkit-background-size: 100% auto; background-size: 100% auto; background-repeat: no-repeat; }
.language2-nav a.en:before{ background-position: 0 0; }
.language2-nav a.fr:before{ background-position: 0 -1em; }
.language2-nav a.de:before{ background-position: 0 -2em; }
.language2-nav a.it:before{ background-position: 0 -3em; }
.language2-nav a.ru:before{ background-position: 0 -4em; }
.language2-nav a.es:before{ background-position: 0 -5em; }

.index-contact .contact-form .contact-icon,
.index-video .video-pic:after,
.content-block-title .more:after,
.header .header-search form button:before{ background-image: url(../images/icon.png); background-repeat: no-repeat; background-position: 0 0; }


/* header */
.header{ display: block; min-height: 149px;}
.header-top{ display: block; background-color: #333333; line-height: 35px; height: 35px; color: #dadada; font-size: 14px; }
.header-top .welcome{ position: relative; display: block; }
.header .header-ctt{ position: relative; }
.header .header-logo{ display: block; float: left; }
.header .header-logo img{ display: block; height: 68px; margin-top: 31px; margin-bottom: 31px; }
.header .header-text{ height: 134px; display: inline-block; padding-top: 34px; padding-bottom: 34px; display: table-cell; vertical-align: middle; padding-left: 100px; font-size: 16px; text-transform: uppercase; color: #949494; }

.header .header-search{ float: right; padding: 0;margin-top:5px;}
#top_p {

    position: absolute;
    top: 51px;
    right: 0px;

}
#phone {


}

.header .header-search form{ display: block; margin: 0; }
.header .header-search form input{ display: block; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 230px; height: 31px; margin: 0; padding: 0 10px; border: 1px solid #b8b8b8; border-radius: 0; background-color: #fff; font-family: inherit; font-size: 14px; font-weight: 400; color: inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; -webkit-transition: all 250ms ease-out;
-o-transition: all 250ms ease-out;
transition: all 250ms ease-out; }
.header .header-search form button{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 34px; height: 31px; line-height: 31px; font-size: 14px; display: block; margin: 0; text-align: center; border: 0 none; border-radius: 0; background-color: #535353; color: #fff; margin-left: -1px; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; -webkit-transition: background-color 250ms ease-out;
-o-transition: background-color 250ms ease-out;
transition: background-color 250ms ease-out; }
.header .header-search form button:before{ content: ''; display: inline-block; width: 24px; height: 24px; vertical-align: middle; background-position: -320px 0; margin-top: -2px; }
.header .header-search form input:focus{ -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .2);
box-shadow: 0 0 3px rgba(0, 0, 0, .2); }
.header .header-search form button:hover{ background-color: #dd242c; }


/* nav */
.nav-container{ background-color: #313131; }
.nav{  }
.nav>ul{ list-style: none; margin: 0; padding: 0; margin-left: -15px; margin-right: -15px; height: 40px; position: relative; z-index: 10; }


.nav>ul>li{ float: left; position: relative; margin: 0 17px; background-color: #434343; }
.nav>ul>li:after{ content: ''; position: absolute; width: 100%; height: 36px; display: block; top: 2px; left: 0; z-index: -1; -webkit-box-shadow: 0 0 20px rgba(255, 255, 255, .5);
box-shadow: 0 0 20px rgba(255, 255, 255, .5); }
.nav>ul>li>a{ display: block; height: 40px; line-height: 40px; padding: 0 22px; font-size: 22px; color: #fff; text-align: center; white-space: nowrap; -webkit-transition: color 250ms ease-out; -o-transition: color 250ms ease-out; transition: color 250ms ease-out; }
.nav>ul>li:hover>a{ color: #dd242c; }

.nav>ul>li>div,
.nav>ul>li>ul{ position: absolute; min-width: 100%; top: 100%; left: 0; visibility: hidden; opacity: 0; -webkit-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
transition: all .25s ease-out; }

.nav>ul>li:hover>div,
.nav>ul>li:hover>ul{ visibility: visible; opacity: 1; }
.nav>ul>li>div>a,
.nav>ul>li>ul>li>a{ display: block; background-color: #434343; color: #fff; line-height: 35px; font-size: 16px; text-align: center; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; padding: 0 10px; -webkit-transition: background-color .25s ease-out;
-o-transition: background-color .25s ease-out;
transition: background-color .25s ease-out; }
.nav>ul>li>div>a:hover,
.nav>ul>li>ul>li>a:hover{ background-color: #313131; }

.banner-swiper{ width: 100%; }
.banner-swiper .swiper-slide img{ display: block; width: 100%; height: auto; }
/*.banner-swiper>.swiper-pagination-bullets{ bottom: 20px; }*/
.banner-swiper .swiper-pagination-bullet{ opacity: 1; background-color: #fff; margin: 0 3px !important; }
.banner-swiper .swiper-pagination-bullet-active{ background-color: #545356; }

.banner-swiper .swiper-button-prev{ right: auto; left: 50%; margin-left: -600px; }
.banner-swiper .swiper-button-next{ left: auto; right: 50%; margin-right: -600px; }



.content-block-title{ position: relative; display: block; height: 60px; background-color: #5c5c5c; color: #fff; margin-bottom: 60px; }
.content-block-title h1{ font-size: 36px; font-weight: 700; line-height: 60px; text-align: center; text-transform: uppercase; }
.content-block-title .more{ position: absolute; right: 30px; top: 28px; font-size: 25px; line-height: 1; display: inline-block; font-family: 'Myriad Pro'; }
.content-block-title .more:after{ content: ''; width: 13px; height: 14px; display: inline-block; vertical-align: middle; margin-top: -2px; background-position: -305px 0; margin-left: 12px; }

.index-product{ margin-top: 50px; margin-bottom: 48px; }
.index-product .row{ max-width: none; margin-left: -30px; margin-right: -30px; }
.index-product .row>.col{ padding-left: 30px; padding-right: 30px; }
.index-product .product-block-title{ font-size: 24px; font-weight: 700; color: #5c5c5c; text-align: center; line-height: 1.1; text-transform: uppercase; margin-bottom: 65px; }
.index-product .product-block-title:before,
.index-product .product-block-title:after{ content: ''; display: inline-block; height: 1px; width: 280px; vertical-align: middle; border-bottom: 1px dotted #818181; margin-top: -2px; margin-left: 12px; margin-right: 12px; }

.index-product .product-pic{ position: relative; width: 235px; height: 235px; border-radius: 50%; margin: 0 auto; margin-bottom: 20px; border: 2px solid #111c75; }
.index-product .product-pic img{ width: 100%; height: 100%; display: block; }
.index-product .product-title{ position: absolute; bottom: 22px; left: 50%; min-height: 36px; margin-left: -80.5px; width: 161px; background-color: #5c5c5c; font-size: 20px; line-height: 1.2; color: #fff; text-align: center; padding: 5px 0; border-radius: 18px;
    -webkit-transition: background-color 250ms ease-out;
    -o-transition: background-color 250ms ease-out;
    transition: background-color 250ms ease-out;
}
.index-product .product-title:hover{ background-color: #1b278d; }
.index-product .product-text{ color: #5c5c5c; font-size: 17.5px; line-height: 28px; text-align: left; }
.index-product .product-item:nth-child(3) .product-text{ margin-left: -18px; margin-right: -60px; }
.index-product .product-text a{ display: block; white-space: nowrap; -ms-text-overflow: ellipsis;
text-overflow: ellipsis; overflow: hidden; }
.index-product .product-text a:hover{ color: #dd242c; }

.index-new .row{ max-width: none; margin-left: -13px; margin-right: -13px; }
.index-new .row>.col{ padding-left: 13px; padding-right: 13px; }
.index-new .new-item{ background-color: #ebebeb; border: 1px solid #e6e6e6; margin-bottom: 45px; text-align: center; }
.index-new .new-pic{ position: relative; width: 100%; }
.index-new .new-pic img{ display: block; width: 100%; }
.index-new .new-pic span{ 
    position: absolute;
    display: inline-block;
    top: 0;
    right: 0;
    width: 63px;
    height: 58px;
    color: #fff;
    font-size: 20px;
    line-height: 62px;
    background: url("/images/hot.png") no-repeat;
	background-size: auto auto;
    background-position: -22px -10px;
    background-size: 104px;
    text-indent: 146px;
}
.index-new .new-pic .new {
    background: url("/images/news.png") no-repeat;
        background-position-x: 0%;
        background-position-y: 0%;
        background-size: auto auto;
    background-position: -22px -10px;
    background-size: 104px;
    text-indent: 146px;
}
.index-new .new-title{ margin-top: 14px; margin-bottom: 8px; white-space: nowrap; -ms-text-overflow: ellipsis;
text-overflow: ellipsis; overflow: hidden; }
.index-new .new-title a{ font-size: 20px; color: #4c4c4c; }
.index-new .new-title a:hover{ color: #dd242c; }
.index-new .new-text{ font-size: 14px; color: #4c4c4c; padding: 0 10px; margin-bottom: 20px; line-height: 1.5714; height: 42px; overflow: hidden; -webkit-line-clamp: 2; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; word-break: break-word; }





.index-hot .row{ max-width: none; margin-left: -28px; margin-right: -28px; }
.index-hot .row>.col{ padding-left: 28px; padding-right: 28px; }
.index-hot .hot-item{ text-align: center; margin-bottom: 55px; }
.index-hot .hot-pic{ width: 255px; height: 255px; border-radius: 50%; margin: 0 auto; overflow: hidden; border: 6px double #ebebeb; padding: 6.5px; }
.index-hot .hot-pic a{ width: 100%; height: 100%; border-radius: 50%; }
.index-hot .hot-pic img{ display: block; width: 100%; height: 100%; border-radius: 50%; }
.index-hot .hot-title{ margin-top: 20px; margin-bottom: 10px; white-space: nowrap; -ms-text-overflow: ellipsis;
text-overflow: ellipsis; overflow: hidden; }
.index-hot .hot-title a{ font-size: 20px; color: #ab7d50; }
.index-hot .hot-title a:hover{ color: #dd242c; }
.index-hot .hot-text{ font-size: 14px; color: #5c5c5c; }


.index-video{ margin-bottom: 55px; }
.index-video .row{ max-width: none; margin-left: -10px; margin-right: -10px; }
.index-video .row>.col{ padding-left: 10px; padding-right: 10px; }
.index-video .video-item{ position: relative; margin-bottom: 68px; }
.index-video .video-pic{ position: relative; width: 100%; }
.index-video .video-pic img{ width: 100%; display: block; }
.index-video .video-pic:after{ content: ''; position: absolute; display: block; width: 119px; height: 119px; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
.index-video .video-title{ position: absolute; bottom: 10px; left: 50%; margin-left: -162.5px; display: block; width: 325px; height: 50px; line-height: 50px; text-align: center; font-size: 23px; background-color: rgba(92, 92, 92, .7); border-radius: 50px; color: #fff; -webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, .4); text-shadow: 0 1px 2px rgba(0, 0, 0, .4); white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-transition: background-color 250ms ease-out;
-o-transition: background-color 250ms ease-out;
transition: background-color 250ms ease-out; }
.index-video .video-title:hover{ background-color: rgba(221, 36, 44, .7); }



.index-news .news-content{ margin: 0 81px 60px; }
.index-news .news-left{ width: 542px; }
.index-news .news-right{ width: 431px; }
.index-news .news-pic img{ display: block; width: 100%; }
.index-news .news-title{ position: relative; margin-left: 26px; margin-bottom: 28px; margin-top: -13px; }
.index-news .news-title h1{ font-size: 28px; font-weight: 700; color: #0052a3; line-height: 1; display: inline; padding-right: 10px; background-color: #fff; }
.index-news .news-title:before{ content: ''; position: absolute; top: 50%; left: 0; right: 0; height: 1px; background-color: #b2b2b2; z-index: -1; }
.index-news .news-list li{ padding-left: 15px; margin-bottom: 15px; }
.index-news .news-list-media{ vertical-align: top; min-width: 67px; width: 67px; }
.index-news .news-list-date{ display: block; width: 67px; height: 67px; border-radius: 67px; background-color: #0052a3; text-align: center; color: #fff; font-size: 13px; padding: 8px 0; }
.index-news .news-list-date span{ display: block; line-height: 1; font-size: 32px; }
.index-news .news-list-inner{ padding-left: 20px; vertical-align: top; width: 500px; max-width: 475px; }
.index-news .news-list-title{ font-size: 18px; color: #2e2e2e; margin-bottom: 5px; white-space: nowrap; -ms-text-overflow: ellipsis;
text-overflow: ellipsis; overflow: hidden; }
.index-news .news-list-title a:hover{ color: #dd242c; }
.index-news .news-list-text{ font-size: 15px; color: #6e6e6e; line-height: 1.4; }




.index-certificate{ margin-bottom: 70px; }
.index-certificate .content-block-title{ margin-bottom: 30px; }
.index-certificate .certificate-item.col-33{ padding: 0 11px 24px 11px; position: relative; height: 471px; }
.index-certificate .certificate-title{ color: #333333; font-size: 20px; line-height: 1.1; margin-top: 6px; margin-bottom: 15px; }
.index-certificate .certificate-big-pic img{ display: block; width: 100%; }
.index-certificate .certificate-pic img{ display: block; }
.index-certificate .certificate-item.col-33 .certificate-title{ overflow: hidden; -webkit-line-clamp: 2; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; word-break: break-word; }
.index-certificate .certificate-item.col-33 .certificate-pic img{ height: 119px; margin-left: 15px; }
.index-certificate .certificate-item.col-33:before,
.index-certificate .certificate-item.col-33:after{ content: ''; position: absolute; bottom: 0; right: 0; background-color: #d8d8d8; }
.index-certificate .certificate-item.col-33:nth-child(2):before,
.index-certificate .certificate-item.col-33:first-child:before{ top: 80px; width: 1px; }
.index-certificate .certificate-item.col-33:first-child:after{ left: 48px; height: 1px; }

.index-certificate .certificate-item.col-33:nth-child(2):after{ left: 0; height: 1px; }


.index-certificate .certificate-item.col-33:nth-child(3):before{ display: none; }
.index-certificate .certificate-item.col-33:nth-child(3):after{ left: 0; height: 1px; right: 48px; }


.index-certificate .certificate-item.col-50{ padding: 65px 65px 50px; position: relative; height: 445px; }
.index-certificate .certificate-item.col-50 .certificate-inner{ float: left; width: 230px; }
.index-certificate .certificate-item.col-50 .certificate-big-pic{ width: 234px; float: right; }
.index-certificate .certificate-item.col-50 .certificate-pic{ height: 173px; margin-top: 10px; }
.index-certificate .certificate-item.col-50 .certificate-pic img{ max-height: 100%; }

.index-certificate .certificate-item.col-50:before{ content: ''; position: absolute; top: 0; bottom: 30px; right: 0; background-color: #d8d8d8; width: 1px; }
.index-certificate .certificate-item.col-50:last-child:before{ display: none; }


.index-new_products .row{ margin-left: -12px; margin-right: -12px; max-width: none; }
.index-new_products .row>.col{ padding-left: 43px; padding-right: 43px; }
.index-new_products .new_products-item{ margin-bottom: 50px; background-color: #f5f5f5; color: #4c4c4c; text-align: center; }

.index-new_products .new_products-pic img{ display: block; width: 100%; }
.index-new_products .new_products-inner{ padding: 12px 10px; height: 136px;overflow: hidden;}
.index-new_products .new_products-title{ font-size: 18px; margin-bottom: 10px; white-space: nowrap; -ms-text-overflow: ellipsis;
text-overflow: ellipsis; overflow: hidden; }
.index-new_products .new_products-title a:hover{ color: #dd242c; }
.index-new_products .new_products-text{ font-size: 12px; line-height: 1.5; overflow: hidden; -webkit-line-clamp: 2; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; word-break: break-word; }



.index-contact{ position: relative; margin-bottom: 90px; padding: 30px 85px 54px; background-color: #6a6a6a; }
.index-contact:after{ content: ''; position: absolute; display: block; width: 1232px; height: 188px; left: 50%; margin-left: -616px; background: url(../images/contact-shadow.png) no-repeat center center; z-index: -1; bottom: -50px; }
.index-contact .contact-title{ line-height: 1; font-size: 35px; color: #fff; text-align: center; margin-bottom: 50px; }
.index-contact .contact-form{ margin: 0; padding: 0; display: block; text-align: center; font-size: 0; }
.index-contact .contact-form .contact-icon{ display: inline-block; vertical-align: middle; width: 41px; height: 26px; background-position: -260px 0; }
.index-contact .contact-form .contact-input_focus,
.index-contact .contact-form .contact-input{ display: inline-block; vertical-align: middle; width: 800px; height: 55px; 
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
    margin: 0 32px; padding: 0 32px; border: 0 none; border-radius: 0; background-color: #fff; font-family: inherit; font-size: 14px; font-weight: 400; color: #0a0a0a; -webkit-appearance: none; -moz-appearance: none; appearance: none; 
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .15) inset;
    box-shadow: 0 0 5px rgba(0, 0, 0, .15) inset;
    -webkit-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    transition: all 250ms ease-out; }
.index-contact .contact-form .contact-input_focus,
.index-contact .contact-form .contact-input:focus{ -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .35) inset;
box-shadow: 0 0 20px rgba(0, 0, 0, .35) inset; }
.index-contact .contact-form .contact-btn{ display: inline-block; vertical-align: middle; width: 111px; height: 48px; line-height: 48px; text-align: center; margin: 0; padding: 0 10px; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; background-color: #5c5c5c; font-size: 23px; color: #fff; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; border: 0 none; -webkit-transition: background-color 250ms ease-out;
-o-transition: background-color 250ms ease-out;
transition: background-color 250ms ease-out; }
.index-contact .contact-form .contact-btn:hover{ background-color: #383838; }





.index-about{ margin-bottom: 65px; }
.index-about .about-item{ position: relative; padding: 12px 85px 20px 85px; height: 225px; font-size: 14px; color: #777; text-align: center; line-height: 1.5714; }
.index-about .about-item:after{ content: ''; position: absolute; display: block; top: 0; right: -1px; bottom: 0; width: 2px; background-color: #f4f4f4; }
.index-about .about-item:last-child:after{ display: none; }
.index-about .about-item .about-icon{ width: 110px; height: 110px; display: block; margin: 0 auto; margin-bottom: 22px; border-radius: 50%; border: 1px solid #f56719; background-repeat: no-repeat; background-position: center center; text-indent: -9999px; }





.footer{ padding: 70px 0; background-color: #5c5c5c; color: #fff; font-size: 13px; line-height: 20px; text-align: center; }
.footer .footer-links{ margin-bottom: 10px; }
.footer .footer-links a{ margin: 0 1px; }
.footer-nav a{ padding: 0 5px; }
.footer-copyright{ min-height: 44px; background-color: #313131; font-size: 12px; color: #f2f2f2; text-align: center; padding: 12px 0; line-height: 20px; }

.news-list {

    height: 290px;
    overflow: hidden;

}