@charset "utf-8";

/* CSS Document */

/*--reset--*/

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

input:focus { outline: none; }

fieldset, img { border: 0; }

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

address, caption, cite, code, dfn, em, th, var,i{ font-weight: normal; font-style: normal; }

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

td { word-break: break-all; word-wrap: break-word; }

img { max-width: 100%; height: auto; width: auto\9; }

p{ font-family: Calibri,Arial, Helvetica,San-serif, SimSun, Microsoft YaHei;font-size: 15px;}

input[type="submit"],input[type="reset"],input[type="checkbox"],input[type="button"],input[type="radio"],input[type="image"]{cursor: pointer;border:0px;border-radius:4px;}

input , textarea { font-family:Calibri,Arial, Helvetica,San-serif, Microsoft YaHei, SimSun; color:#8E8E8E; font-size:15px;}


/**************************在线留言(start)**************************/
#lib_feedback_form{width:100%; clear:both; overflow:hidden; padding-bottom:20px;}
#lib_feedback_form .rows{padding:10px 0; clear:both;}
#lib_feedback_form .rows label{width:20%; overflow:hidden; float:left; height:28px; line-height:28px; text-align:right; color:#555;}
#lib_feedback_form .rows span{width:75%; overflow:hidden; float:left; display:block; padding-left:5px;}
#lib_feedback_form .rows span .input{width:280px; height:25px; line-height:25px; border:1px solid #ddd; padding-left:5px;}
#lib_feedback_form .rows span .contents{width:75%; height:120px; min-height:120px; line-height:160%; padding:5px;}
#lib_feedback_form .rows span .vcode{text-transform:uppercase; width:50px;}
#lib_feedback_form .rows span img{margin-top:2px;}
/**************************在线留言(end)**************************/





/*--全局--*/

body {font-size:13px; color:#333;line-height:1.75; font-family:Calibri, Arial, Helvetica, Microsoft YaHei, SimSun,San-serif; }

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

a:hover{ color:#99cc33;}

a , input , div {-webkit-tap-highlight-color:rgba(0,0,0,0);}

/*--共用--*/

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

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

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

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



.clearfix:before, .clearfix:after { content: ""; display: table; }

.clearfix:after { clear: both; }

.clearfix {  *zoom:1;}

.inner{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}


/*--share--*/

@font-face {

    font-family: 'Calibri';

    src: url('../font/calibri.eot');

    src: url('../font/calibri.eot?#iefix') format('embedded-opentype'),

         url('../font/calibri.woff') format('woff'),

         url('../font/calibri.ttf') format('truetype'),

         url('../font/calibri.svg#Calibri') 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#impact') format('svg');

    font-weight: normal;

    font-style: normal;

}
@font-face {

    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#icomoon') format('svg');

    font-weight: normal;

    font-style: normal;

}

#site{overflow:hidden;width:100%;}

/*--header--*/

#header .top,.menu,.flexbanner,.center,.share,#main{width:990px;max-width:97%;margin:0px auto;}

#header,#banner{background-color: #F7F7F7 ;}

#header .top{position: relative;z-index:10;}

#header .top:before{width:200%;height:100%;position: absolute;content:"";left:-50%;right:50%;top:0px;background-color: #99cc33;z-index:-1;}

#header .top:after{background:url(../img/top-bg.png) no-repeat center top;background-size:contain;margin-bottom:-16px;height:33px;}

#header .top>div{vertical-align:middle;margin:4% 0px;}

#header .top .link{text-align: right;}

#header .top .link p:first-child a{font-family: icomoon;font-size:20px;margin-left:10px;color:#fff;}

.lang a{background-color: #fff;border-radius:4px;padding:2px 20px;margin-left:5px;color:#99cc33;font-size: 15px;}

.facebook:before{content:"\e62c";}

.twitter:before{content: "\e62b";}

.linkedin:before{content: "\e630";}

.google:before{content: "\e62d";}

.youtube:before{content:url(../img/youtube.png);}

.menu{padding:4.5% 0px 2.5%;}

.menu .menubtn{display: none;}

.menu ul{font-size: 0px;}

.menu ul li{display: inline-block;position: relative;}

.menu ul li:before{content:"|";font-size:12px;position: absolute;left:-50px;top:3px;}

.menu ul li:first-child:before{font-size: 0px;}

.menu ul li a{font-size: 16.5px;display: block;}




/*头部搜索*/

.search_block_nav{width:350px; margin-top:10px;}
.search_block_nav #search_query{margin-right:-6px; background:#fff; height:17px; line-height:17px;}
.search_block_nav .keyword{ border: 1px #999 solid; background: #f3f4f5; }
.search_block_nav .button{ background-color: #fff;border-radius:4px;padding:2px 10px;margin-left:5px;color:#99cc33;font-size: 15px;}



/*banner*/

.flexbanner{overflow: hidden;}



.m-list{padding:4% 0px;}

.m-list .m-col{width:30%;}

.m-list .m-col span{font-size: 21px;color:#99cc33;padding-top:10px;display:block;}

.m-list .m-col p{font-size: 14px;line-height:1.5;max-height:58px;overflow:hidden;position:relative;}

.m-list .m-col>a{position:relative;border:1px solid #DEDEDE;padding:0px 15px 0px 35px;line-height:22px;overflow:hidden;display: inline-block;margin-top:20px;border-radius:12px;}

.m-list .m-col>a:before{content:'\e628';color:#fff;font-family:icomoon;font-size:10px;font-weight:bold;width:22px;text-align:center;position: absolute;left:0px;height:100%;background-color:#333333}

.exhibit{padding:2% 0px;}

.exhibit span{font-size: 21px;color:#99cc33;}

.e-list{padding:3% 0px 2%;}

.e-list .e-col{max-width:32%;}





.probg{background-color: #F8F8F8;padding:2.5% 0px;}

.probg .hotpro{width:100%;}

.probg .hotpro .hottit span{font-size: 21px;color:#99cc33;vertical-align: middle;}

.probg .hotpro .hottit a{font-size: 14px;vertical-align: middle;}

.probg .hotpro .hottit a:after{content:"\e628\e628";font-family: icomoon;letter-spacing:-2px;font-size:10px;font-weight: bold;margin-left:5px;}

.hot-list .probox,.hot-list .line{width:24%;}

.hot-list .probox{margin-top:20px;}

.hot-list .probox .protitle{padding:12px 0px 10px;line-height:1.3;display:block;}



.probg .side{width:30%;}
.probg .side .video{max-width:100%;}

.video span{font-size: 21px;color:#99cc33;}

.video a{display: block;margin-top:20px;}

.contact{margin-top:10px;}

.contact span{font-size: 21px;color:#99cc33;}



.contact em{font-size: 18px;color:#222;display: block;}

.contact .info{border:1px dotted #959595;margin-top:10px;font-size:16px;text-align:right;line-height:1.3;border-radius:5px;padding:15px 10px 25px 86px;background:url(../img/tel.png) no-repeat 10px center;}

.contact .info strong{color:#99cc33;font-size:18px;font-family: impact;font-weight: normal;line-height:2;}
.contact .info strong a{color:#99cc33;}





.share{margin:5% auto;border:5px solid #99cc33;padding:3% 2% 2%;border-radius:5px;position: relative;}

.share:before{content:"OUR COMMUNITY";text-transform: uppercase;color:#99cc33;position: absolute;margin:auto;left:0px;right:0px;top:-25px;display:inline-block;width:320px;text-align:center;font-size:25px;background-color:#fff;}

.share a.box{border:1px solid #E7E7E7;font-size: 20px;line-height:36px;height:38px;border-radius:5px;padding:0px 10px;position: relative;text-align:center;

	background:-moz-linear-gradient(top,#FFFFFF,#E7E7E7);

    background:-ms-linear-gradient(top,#FFFFFF,#E7E7E7);

    background:-o-linear-gradient(top,#FFFFFF,#E7E7E7);

    background:-webkit-linear-gradient(top,#FFFFFF,#E7E7E7);

    background:linear-gradient(top,#FFFFFF,#E7E7E7);

    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF',endColorstr='#E7E7E7');

}

.share a:before{font-family: icomoon;width:40px;text-align: center;font-size:24px;vertical-align:middle;display:inline-block;}

.share a.s1:before{content:"\e62c";color:#3B5999;}

.share a.s2:before{content:"\e62b";color:#00C5F9;}

.share a.s3:before{content:"\e630";color:#0080B2;}

.share a.s4:before{content:url(../img/skype.png);color:#0080B2;margin-top:-4px;}

.share a.s5:before{content:url(../img/tel-g.png);color:#0080B2;margin-top:-4px;}

.share a.s6:before{content:url(../img/weixin.png);color:#0080B2;margin-top:-4px;}













/*--footer--*/

#footer{background-color: #99cc33;}

#footer .center{position: relative;padding:5% 0px 4%;}

#footer .center:before{content:'.';display: block;width:100%;height:43px;position: absolute;top:-20px;background:url(../img/root-bg.png) no-repeat center top;background-size:contain;}

#footer .center .gotop{position:absolute;cursor:pointer;border-radius:6px;text-align:center;right:0px;padding:4px 0px;line-height:1.3;text-transform:uppercase;font-size:10px;border:1px solid #79c402;color:#fff;width:47px;height:47px;background-color: #6aab00;box-shadow: inset 2px 2px 2px 1px #65a401;}

#footer .center .gotop:before{content:url(../img/top.png);display:block;}

#footer .footer-menu{background: url(../img/r-logo.png) left center no-repeat;padding:0px 50px 0px 65px;color:#fff;text-transform: uppercase;}

#footer .footer-menu p:first-child a{padding:0px 25px;color:#fff;position: relative;white-space: nowrap;}

#footer .footer-menu p:first-child a:first-child{padding-left:0px;}

#footer .footer-menu p:first-child a:before{content:"|";position: absolute;left:-3px;top:0px;font-size:10px;}

#footer .footer-menu p:first-child a:first-child:before{font-size:0px;}

#footer .footer-menu p.copyright a{font-family: icomoon;color:#fff;font-size:20px;margin-left:10px;}





/*--内页--*/

#main {padding-top:3%;}

#main .left{width:30%;margin-bottom:30px;}

#main .left .titl{padding:16px 0px 16px 22px ;font-size: 21px;line-height:1.3;color: #fff;background-color: #99cc33;text-transform: uppercase;display:block;}

#main .left dl{border:1px solid #DCDCDC;border-top:0px;padding:10px 0px;margin-bottom: 15px;text-align:left;}

#main .left dl dd{position: relative;}

#main .left dl dd>a{display:block;padding:8px 15px 8px 22px;font-size:15px;line-height:1.2;}

#main .left dl dd:hover{background-color:#99cc33;}

#main .left dl dd:hover > a{color:#fff;}

#main .left .video{max-width:100%;}



#main .left dl dd ul{padding:10px 0 15px;position: absolute;top:0px;left:100%;background-color:#99cc33;display: none;}

#main .left dl dd ul li{padding:0 20px;}

#main .left dl dd ul li a{white-space: nowrap;font-size: 12px;color:#80BCE8;display: block;}

#main .left dl dd ul li a:hover{color:#fff;}

#main .left dl dd ul li h4 a{font-size: 15px;color:#88c0e9;}

#main .left dl dd:hover ul{display: block;z-index: 100;}

#main .right{width:65.3%;overflow: hidden;}

#main .right .location{text-align: right;font-size: 15px;}

#main .right .titl{font-size:21px;color:#99cc33;box-shadow:0px 3px 3px 1px #DDDDDD;line-height:1.2;padding:10px 0;}

#main .right .content{padding-top:15px;font-size:14px;}



/*Video*/

.v-list{}

.v-list .videobox{width:46%;margin-top:25px;}

.v-list .videobox .videotitle{text-align: center;display:block;font-size:15px;color: #3a3a3a;line-height:1.1;padding-top:10px;}



/*--products--*/

.protop{padding:2% 0 5%;}

.protop .proleft{width:51%;}

.protop .proright{width:45%;}

.protop h1{font-size:28px;color: #99cc33;line-height: 1;width:100%;padding:0 0 2%;}

.protop .proright p{font-size: 13px;margin:0 0px 15px;overflow:hidden;height:68px;}

.protop .proright .pdcon{border-top:1px dotted #D1D1D1;padding-top:10px;margin-top:10px;font-size: 16px;color: #99cc33;line-height:1.3;}

.protop .proright .pdcon a{display: block;border:2px solid #6aad00;border-radius:4px;color:#99cc33;padding:0px 12px;width:85px;margin-top:12px;text-transform: uppercase;}

.protop .proright .pdcon a:hover{color: #fff;background-color:#99cc33; }

.prodesc{position: relative;padding-top:40px;}

.prodesc .tag{position: absolute;top:0px;cursor:pointer;line-height: 40px;font-size:17px;width:33.5%;text-align: center;background-color: #CCCCCC;border-left:1px solid #fff;}

.prodesc .tag:hover,.prodesc .tag.selected{background-color: #99cc33;color: #fff;}

.prodesc .tag:first-child{border-left:0;}
.prodesc .tag.t2{left:33.3%;}
.prodesc .tag.t3{left:66.6%;}


.prodesc .info{border:1px solid #CCCCCC;padding:15px 20px;}



#quotation{padding:7% 0px;}

#quotation .formtitle{line-height: 40px;

	background:-moz-linear-gradient(top,#F7F7F7,#E8E8E8);

    background:-ms-linear-gradient(top,#F7F7F7,#E8E8E8);

    background:-o-linear-gradient(top,#F7F7F7,#E8E8E8);

    background:-webkit-linear-gradient(top,#F7F7F7,#E8E8E8);

    background:linear-gradient(top,#F7F7F7,#E8E8E8);

    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#F7F7F7',endColorstr='#E8E8E8');}

#quotation .formtitle span{font-size: 18px;color: #fff;padding:0px 20px;background-color: #99cc33;display: inline-block;}

#quotation form{padding:15px 0px;}

#quotation form input[type="text"],#quotation form textarea{border:0px;background-color:#EDEDED;font-size: 15px;color:#717171;width:100%;margin-top:12px;padding:4px 8px;}
#quotation form input[type="text"]{max-width:70%;}
#quotation form textarea{min-height: 100px;}

#quotation form p{vertical-align: middle;}
#quotation form p.code{margin-top:12px;}

#quotation form p input[name="code"]{width:100px;vertical-align: middle;margin-top:0;}

#quotation form p img{vertical-align: middle;}

#quotation form p input[type="submit"],#quotation form p input[type="reset"]{border:2px solid #8C8C8C;color:#8c8c8c;padding:2px 30px;margin-top:20px;margin-right:15px;text-transform: uppercase;}

#quotation form p input[type="submit"]:hover,#quotation form p input[type="reset"]:hover{border:2px solid #0270BC;color:#0270BC;}



#relatedpro{}

#relatedpro span{line-height: 33px;background-color: #EDEDED;color:#fff;position: relative;padding-left:35px;z-index: 1;font-size: 17px;display:inline-block;}

#relatedpro span:before{position: absolute;left:0px;height:100%;width:178px;content:"";top:0px;display: block;background-color: #99cc33;z-index: -1;}

#relatedpro .rel-list{padding:30px 0px;}

#relatedpro .rel-list li{padding:0px 17px;}

#relatedpro .rel-list li a.protitle{font-size: 15px;text-align: center;display: block;}



/*--news--*/

.newslist{}

.newslist li{display: table;border-collapse: collapse;margin-bottom:3%; border-bottom:1px #CCC solid; width:100%; }

.newslist li>a{display: table-cell;vertical-align: middle;text-align:center;}

.newslist li>a img{max-height:129px;max-width:none;}

.newslist li .newstext{vertical-align: top;padding-left:25px;}

.newslist li .newstext a:first-child{font-size: 21px;color:#000000;line-height: 1;}


.newslist li .newstext p{margin:20px 0px 10px;max-height:50px;overflow:hidden;line-height:1.2;}

.newslist li .newstext .more{display:inline-block;padding:0px 15px 0px 35px;position:relative;font-size: 13px;border:1px solid #DEDEDE;box-shadow:1px 1px 0px 1px #F0F0F0;border-radius:12px;overflow: hidden; margin-bottom:5px; float:right;}

.newslist li .newstext>a:before{content:"\e628";height:100%;width:22px;color:#fff;text-align: center;background-color:#333333;font-family:icomoon;position: absolute;left:0px;}

.newstitle{ font-size:27px; color:#99cc33;padding:6px 0px;line-height:1.1;font-weight:normal;}

.newstime{ color:#000000;padding:3% 0px;display: block;}

.newsinfo{border-top:1px dashed #000;padding-top:3%;}





/*--page number--*/

#pageNum{ margin-bottom:10px; margin-top:1%px;}

#pageNum a , #pageNum span{  padding:2px 6px; display:inline-block; margin-right:6px; margin-bottom:5px; font-size:12px; line-height:16px; border:1px solid #e3e3e3;  }

#pageNum a:hover , #pageNum .cur { padding:1px 6px; display:inline-block; color:#fff; background:#ef3e00; border:1px solid #ef3e00;}



.list li h3{ max-width:95%;}

.list li { position:relative; padding-right: 73px;}

.list .updatetime { position:absolute; right:0px; top:0px; bottom:0px; margin:auto; height:22px; line-height:22px; color:#a4a4a4;}




#footerToolbox , #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;}


#footerToolbox, #footerToolBtn, #footerToolbox ul, #footerToolbox li, #footerToolbox li a { margin: 0px; padding: 0px; -webkit-tap-highlight-color: transparent; }

#footerToolbox li { list-style: none; }

#footerToolBtn { position: absolute; width: 13px; height: 58px; left: -12px; top: 0px; bottom: 0px; margin: auto; border-radius: 22px 0px 0px 22px/8px 0px 0px 8px; cursor: pointer; background: url(../img/footerbox/footerTool-icon.png) no-repeat 1px -168px; }

#footerToolbox { position: fixed; width: 42px; bottom: 50%; margin-bottom: -103px; right: 0px; z-index: 999; text-align: center; font-size: 12px; line-height: 1; font-family: Arial, Helvetica,San-serif, Microsoft YaHei, SimSun; visibility: hidden; }
#footerToolbox ul li { width: 40px; height: 40px; border-width: 1px 1px 0px 1px; border-color: rgba(255, 255, 255, 0.6); border-style: solid; }
#footerToolbox ul li:last-child { border-bottom-width: 1px; }
#footerToolbox ul li a { display: block; line-height: 40px; text-indent: 299px; background-image: url(../img/footerbox/footerTool-icon.png); background-repeat: no-repeat; overflow: hidden; white-space: nowrap; }

#toolTel a { background-position: center 8px; }

#toolEmail a { background-position: center -28px; }

#toolMap a { background-position: center -62px; }

#toolShare a { background-position: center -98px; }

#toolMessage a { background-position: center -133px; }

#footerToolbox.close { right: -42px; }
#footerToolbox.close #footerToolbox.close #footerToolBtn { background-position: -13px 168px; }

#footerToolBtn { background-color: #6bae00; }
#footerToolBtn:hover { background-color: #4080ae; }

#footerToolbox ul li a { background-color: #6bae00; }
#footerToolbox ul li a:hover { background-color: #4080ae; }

@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; }
#chatToolBox{ position: fixed; width: 140px; bottom: 110px; right: 0px; font-family: Arial, Helvetica,San-serif, Microsoft YaHei, SimSun; color: #fff; z-index: 999; }
#chatToolBox a { text-decoration: none; color: #fff; text-align: center; display: block;background:url("../img/contact.png"); width:140px; height:73px;}
#chatToolBox, #chatToolBox h3, #chatToolBox ul, #chatToolBox li { margin: 0px; padding: 0px; -webkit-tap-highlight-color: transparent; }
#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; text-transform: uppercase; font-family: BebasRegular , Arial; }
#chatToolBox .chatToolContact { font-size: 16px; background: #444444; margin-top: 5px; text-transform: capitalize; padding: 6px 0px; }
#chatToolBox:hover { right: 0px; }
#chatToolBox #chatToolMail i { position: absolute; top: 0px; width: 100%; height: 28px; line-height: 28px; text-align: center; background: transparent; cursor: pointer; }
#chatToolBox #chatToolMail i:before { content: '\e640'; 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: 0px; background: inherit; top: 20px; }
#chatToolBox.hiddenRight #chatToolMail i:before { content: '\e625'; }

#chatToolMail { background: #6bae00; }

@media screen and (max-width:640px){
	#footerToolbox{ visibility:visible;}
	#chatToolBox{display: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 { background-image: url("../img/fancybox/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("../img/fancybox/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("../img/fancybox/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: 2.5rem; height: 4.125rem; line-height: 4.125rem; text-align: center; margin-top: -33px; cursor: pointer; z-index: 8040; visibility: hidden; background: url(../img/fancybox/bg-black64.png) repeat; background: rgba(0, 0, 0, 0.64); }
.fancybox-nav span:before { font-family: icomoon; font-size: 36px; color: #fff; }

.fancybox-prev span { left: 3px; }
.fancybox-prev span:before { content: '\e63b'; }

.fancybox-next span { right: 3px; }
.fancybox-next span:before { content: '\e63c'; }

.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("../img/fancybox/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); }



/*=====*MEDIA*=====*/



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

	#header .top{max-width:100%;padding:0px 2%;}

	#header .top:after{padding:0px 2.2%;margin-left:-2.2%;}

	#footer .center:before{padding:0px 2.2%;margin-left:-2.2%;}
        .hot-list .probox, .hot-list .line{width:32%;}
	.menu ul li:before{font-size: 0;}
        .contact .info{padding-left:0;background-image:none;text-align:left;border:0;margin-top:0;padding-top:5px;}
	.probg .hotpro{}
.newstitle{font-size:25px;}
	.probg .side{width:32%;}
        .newslist li .newstext a:first-child{font-size:18px;}
	#main .right .titl {font-size:29px;}

	#footer{margin-top:8%;}

}



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

	.share a{margin:15px 0px;width:77px;height:35px;line-height:35px;}
        .share.justify a{width:30%;}
.contact em{font-size:16px;}
.newstitle{font-size:23px;}
.contact .info strong{font-size:16px;}
#main .left .titl{font-size:30px;padding:13px 0px 13px 22px;}
#main .right .titl {font-size:25px;}
}



@media screen and (max-width:800px){
        #main .right .location{text-align:left;}
	.lang {border:1px solid #fff;position: absolute;width:100px;top:0px;right:0px;border-radius:5px;cursor: pointer;height:26px;z-index:200;}

	.lang:before{content: "Languages";color:#fff;display: block;text-align: center;}

	.lang a{display: none;padding:0px;margin-left:0px;text-align: center;width:100%;background-color:#056AB4;border-radius:0px;color:#fff;}
        #main .right .location{font-size:13px;}
#main .left .titl{font-size:25px;padding:11px 0px 11px 22px;}
#main .right .titl{font-size:20px;}
	.lang:hover a{display: block;}
.newstitle{font-size:22px;}

}
@media screen and (max-width:750px){
       .probg .hotpro,.probg .side{width:100%;}
       .probg .side.justify{text-align:justify;}
       .contact{margin-top:0;}
       .contact em{font-size:18px;margin-top:10px;}
}


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

	#header{margin-bottom:6%;}
        #main .left .titl{padding:10px 0 10px 22px;font-size:25px;}
        #main .left dl dd h3 a{}
	#header .top .logo,#header .top .link{width:100%;text-align: center;}
.newstitle{font-size:20px;}
	#header .top .link{margin-top:0px;}

	#header .top:after{height:30px;}

	#header .top{padding-top:40px;}

	.menu{position: absolute;top:0px;padding:0px;max-width:100%;height:40px;background-color:#0567B2;z-index:11;}

	.menu .menubtn{display: block;height:40px;text-align: center;line-height: 40px;cursor: pointer;}

	.menu .menubtn:before{content: "Menu ≡";font-family: icomoon,Calibri, Arial;color:#fff;font-size:20px;}

	.menu .menubtn.active:before{content:"\e60e";font-size:15px;font-family:"icomoon"}

	.menu ul{display: none;}

	.menu ul li{display: block;border-top:1px solid rgba(0,0,0,0.2);background-color:#0567B2;line-height:40px;}

	.menu ul li:first-child{border-top:0px;}

	.menu ul li:hover{background-color:#253039;}

	.menu ul li a{padding-left:50px;color:#fff;}

	.lang{display: none;}

	.hot-list .probox, .hot-list .line{width:32%;}

        #footer .footer-menu{padding:10px 50px 10px 65px;}
	#footer .footer-menu p:first-child{display:none;}

	#main .left,#main .right{width:100%;margin-bottom:6%;}
        #main .left{text-align:justify;}
        #main .left dl dd ul{position:relative;left:0px;padding:0px;}
        #main .left dl dd ul li>a{display:none;}
}



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

	#footer .center:before{height:28px;}

	#header .top:after{}
        .probg .side .video,.probg .side .contact{max-width:45%;}
        .contact em{margin-top:10px;font-size:14px;}
        .contact .info strong{font-size:14px;}
        .share.justify a{width:45%;}
        .newslist li .newstext a:first-child{font-size:16px;}
        .newslist li .newstext p{margin-top:10px;line-height:1.3;max-height:40px;}
}



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

	.m-list{text-align: center;}
        
	.m-list .m-col{margin-bottom:4%;width:100%;display:table;}
        .m-list .m-col img{display:table-cell;max-width:40%;float:left;margin-right:15px;}
        .m-list .m-col span{padding-top:0;line-height:1;font-size:19px;}
        .m-list .m-col p{font-size:13px;margin-top:5px;}
        .m-list .m-col a{margin-top:5px;float:left;}
	.e-list .e-col{width:98%;text-align: center;}
        .contact em{line-height:1.2;}
	#footer .center:before{height:auto;top:0px;}

	.hot-list .probox, .hot-list .line{width:45%;}

	.protop .proleft,.protop .proright{width:100%;margin-bottom:6%}

	

	#header .top:after{height:auto;}
	
       



}



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

	.share:before{width:230px;top:-20px;font-size:18px;}
        .share a.box{padding:0;font-size:17px;}
	.m-list .m-col span{font-size:16px;}

	#footer .footer-menu{padding-top:30px;padding-left:0px;background-image: none;}
        .probg .side .video,.probg .side .contact{max-width:100%;}
.probg .side .contact{margin-top:2%;}
#footer .footer-menu p.copyright a{margin-left:0;margin-right:10px;}

}

@media screen and (max-width:350px){
        .prodesc{padding-top:81px;}
        .prodesc .tag.t1{width:100%;border-bottom:1px solid #fff;}
        .prodesc .tag.t2{top:41px;left:0px;width:50%;border-left:0px;}
        .prodesc .tag.t3{top:41px;left:50%;width:50%;}
	.hot-list .probox, .hot-list .line{width:97%;}
        .m-list .m-col p{display:none;}
	.v-list .videobox{width:100%;}

	.m-list .m-col span{font-size:19px;}
        .m-list .m-col a{border-radius:0;margin-top:25px;}
	.content .v-list .videobox{text-align: center;}

}

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

	.asideLink>a{ padding-left:44%;}
      
	a.asideDown{ background-position: 10% center;}

	a.asideCon{ background-position: 18% center;}
        .share a.box{font-size:15px;}
         .share a:before{float:left;width:30px;}
        .share a.s4:before,.share a.s5:before,.share a.s6:before{margin-top:5px;}
        
}



.justify.box3>div{ width:30%; text-align:center; margin-bottom:8px;}

	.justify.box3 .line{ width:30%;}

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

		.justify.box3>div{ width:47%;}

	}

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

		.justify.box3>div{ width:100%;}

	}


@media screen and (max-width: 750px){
#uthservice{display:none;}
}
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;}