/*????????????*/
body {font: 75%/1.8 Arial;color:#333;border-top:2px solid #006AB8;-webkit-text-size-adjust:none;-ms-text-size-adjust: 100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th,td{margin:0;padding:0; word-wrap:break-word;}
ol,ul,dl,li{list-style:none}
table input,select,textarea,option {background:transparent; font: 100%/1.8 Arial;color:#666;}
button,input,textarea,select{ box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;font-family:Arial;}
img,input,label,button{vertical-align:middle;}
input:focus,button:focus,select:focus,textarea:focus,a:active{outline:0;}
.clear {height:0px; line-height: 0;content:"."; overflow:hidden;clear: both; font-size: 0px;}
img {border: 0px;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
a {text-decoration: none;color:#333; cursor:pointer;}
a:hover {color:#084E9F; text-decoration: underline;}
a:active{background-color:transparent;}
/*??????????????????*/
#top,#menu,#main1,#main,#footer center,#curpos,.center{max-width:990px;margin:0 auto;width:100%;}
#left{width:22.7%;float:left;}
#right{width:74.7%;float:right;}

@font-face { font-family: 'icomoon'; src: url("img/icomoon.eot"); src: url("img/icomoon.eot?#iefix") format("embedded-opentype"), url("img/icomoon.woff") format("woff"), url("img/icomoon.woff2") format("woff2"), url("img/icomoon.ttf") format("truetype"), url("../font/icomoon.svg#icomoon") format("svg"); -webkit-font-smoothing: antialiased; font-smooth: always; -moz-osx-font-smoothing: grayscale; font-weight: normal; font-style: normal; }

/*????????????*/
#header{}
#top {overflow: hidden;}
#top .logo{margin:2% 0px 0px;float:left;display:inline-block;width:212px;height:64px;}
#top .logo a{display:block;height:100%;width:100%;overflow:hidden;font-size:0px;text-indent:-5000px;background:url(img/list1-bg.png) no-repeat 0 0;}
#top .top-right{float:right;margin-top:2.5%;}
#top .top-right li{display:inline-block;}
#top .top-right .langlink{background:url(img/list1-bg.png) no-repeat -245px 0;padding-left:50px;}
#top .top-right .langlink #lang{border:1px solid #A8A8A8;max-height:20px;line-height:11px;}
#top .top-right .search {position:relative;margin-left:1em;}
#top .top-right .search input[type="text"]{width:100%;min-width:233px;height:23px;padding:0px 23px 0 2%;border:1px solid #ECECEC;}
#top .top-right .search input[type="submit"]{width:23px;height:23px;border:0px;position:absolute;top:0px;right:0px;background:url(img/list1-bg.png) no-repeat -273px -29px; cursor:pointer;}
#top .menu{width:40px;height:28px;float:left;cursor:pointer;display:none;position:absolute;top:1.5%;right:0px;background:url(img/menu-btn.png) no-repeat 0 0;}
/*????????????*/
#menu {text-align:right;}
#menu>ul>li {display:inline-block;*display:inline;font-size:12px; vertical-align:top;height:11px;border-left:1px solid #CFCFCF;}
#menu>ul>li dl{display:none;position:absolute;z-index:10000;box-shadow:1px 1px 1px 0px #CFCFCF;}
#menu>ul>li>a{text-align:center;text-transform:uppercase;padding:0px 25px;margin-top:-6px;display:block;white-space:nowrap; overflow:hidden;color:#484848;}
#menu>ul>li>a.now,#menu>ul>li>a:hover{text-decoration: none;color:#0066cc;} 
#menu>ul>li:first-child{border-left:0px;}
#menu>ul>li:last-child a{padding-right:0px;}
#menu>ul>li:hover dl{display:block;padding:1% 0;background-color:#F6F6FF;min-width:150px;}
#menu>ul>li:hover dl dt a{display:block;padding:5px 5px 5px 15px;background:url(img/list1-bg.png) no-repeat -390px -94px; text-align:left;}
#menu>ul>li:nth-child(4):hover dl {min-width:190px;}
/*baner????????????*/
.banner{ text-align:center;background-color:#006DBA;max-height:144px; overflow:hidden;}
#banner img,.banner img{max-width:990px;width:100%;}

/*baner????????????*/
#banner{overflow:hidden;text-align:center;background:#3872A6}
#banner .focus{overflow:hidden;background:#3872A6;position:relative;margin:0px auto;}
#banner .focusWarp{overflow:hidden;position:relative;}
#banner .imgList{position:absolute;}
#banner .imgList li{float:left;text-align:center;}
#banner .imgList_two{position:absolute;z-index:10;top:100px;}
#banner .imgList_two li{float:left;max-width:300px;padding:0px 35px;}
#banner .imgList_two li p{}
#banner .imgList_two li a{display:block;width:115px;height:25px;color:Red; margin-top:20px; line-height:25px;padding-bottom:12px;}
#banner .imgList_two li a b{padding:5.5px 20px 5.5px 10px;}
#banner .imgBtn{position:absolute;bottom:10px;z-index:10;}
#banner .btnWarp{overflow:hidden;}
/* ?????????????????? */
#banner .imgBtn li{width:18px;height:18px;float:left;font-size:14px;margin-right:10px;background:url(img/list1-bg.png) no-repeat -28px -27px;text-align:center;line-height:18px;cursor:pointer;}
#banner .imgBtn li.hover{background:url(img/list1-bg.png) no-repeat -0px -27px;}
/* ?????????????????? */
#banner .sizeBox{width:300px; position:absolute;z-index:10;top:0;left:0;}
#banner .prev,#banner .next{display:block;height:77px;width:36px;position:absolute;top:35%;z-index:100;outline:none;}
#banner .prev{left:5%;background:#1C5E93 url(img/btn-prev.png) no-repeat center center;}
#banner .next{right:5%;background:#1C5E93 url(img/btn-next.png) no-repeat center center;}
#banner .thumPrev,#banner .thumNext{width:20px;height:20px;display:block;background:#1C5E93;margin-top:10px;margin-right:10px; outline:none;}
#banner .thumNext{}


/*???????????????*/
/*?????? ??????*/
.hcontent {word-wrap: break-word; clear:both;color:#8C8C8C;padding-top:1.5%;}
.titl{font-size:125%; text-transform:uppercase;}
.titl>a{color:#fff;text-transform:uppercase;font-size:12px;padding:0px 20px 0px 5px;margin-left:20px; vertical-align:middle;}
/*????????????*/
#main1{text-align:justify; text-justify:inter-ideograph;padding:1.5% 0px;}
#main1>span{display:inline-block; vertical-align:top;width:21.1%;}
#main1:after{content:'.';height:0px;width:100%;display:inline-block;}
#main1>span.line{content:'.';display:inline-block;width:48%;height:0px; overflow:hidden;}
#main1>span.prolist{overflow:hidden;position:relative;min-height:260px;max-width:208px;}
#main1>span.prolist ul{position:absolute;left:0px; overflow:hidden;}
#main1>span.prolist ul li{float:left;max-width:208px;}
#main1>span.prolist ol{position:absolute;top:5px;right:10px;height:13px;z-index:99;}
#main1>span.prolist ol li{float:left;margin:0 4px;display:inline;width:13px;height:13px;line-height:999em;background:url(img/list1-bg.png) no-repeat -19px -75px;overflow:hidden;cursor:pointer;}
#main1>span.prolist ol li.active{background-position:0 -75px;}



#main1>span .titl{color:#000;}
#main1>span .probox{padding:0px;border:0px;}
#main1>span .probox .proimg{width:100%;max-width:100%; text-align:center;background-color:#0066CC;}
#main1>span .probox .proimg img{max-width:100%;width:100%;max-height:133px;}
#main1>span .probox .protext{ text-align:left;}
#main1>span .probox .protext h2 a{display:block;color:#444;padding:3% 0px 2%;line-height:1.2;}
#main1>span .probox .protext p{color:#BBBBBB;line-height:1.3;max-height:47px;overflow:hidden;}
#main1>span .probox .protext>a,#main1>span.newsbox ul li.news-more a{color:#0066cc;background:transparent url(img/list1-bg.png) no-repeat -395px -77px;padding-left:10px;}
#main1>span.newsbox{background-color:#F5F7FF;padding:0px 1% 1%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-border-box:border-box;}
#main1>span.newsbox ul{border-top:1px solid #C8CDE0;}
#main1>span.newsbox ul li{padding:3% 0px;}
#main1>span.newsbox ul li a{display:block;line-height:1.2; text-align:left;}
#main1>span.newsbox ul li a:hover{color:#0066cc;}
#main1>span.newsbox ul li:last-child{border-top:1px solid #c8cde0;}
#main1>span.newsbox ul li span{color:#9C9DA1;}


/*??????????????????*/

/*??????????????????*/

/*?????????????????? text-align:justify ??????*/ 
.prolist{width:100%;text-align:justify; text-justify:inter-ideograph;}
.prolist span.probox{padding:2% 0px;width:210px;display:inline-block; vertical-align:top;}
.prolist span.line{content:'.';display:inline-block;width:210px;height:0px; overflow:hidden;}
.prolist span.probox .proimg{max-width:100%;text-align:center; overflow:hidden;border:1px solid #DADADA;}
.prolist span.probox .proimg img{max-width:100%;max-height:136px;}
.prolist span.probox .protext{ text-align:center;}
.prolist span.probox .protext h2 a{display:block;overflow:hidden;color:#A9A9A9;}
.prolist span.probox .protext>span{color:#949494;}
.prolist span.probox .protext p{line-height:1.5;height:72px;overflow:hidden;margin:2% 0px;}
.prolist span.probox .protext>a{color:#0d2f52;font-size:13px;}
.prolist span.probox .protext>a:hover{text-decoration:none;}
/*?????????????????? ?????????*/

/*??????????????????*/
#curpos{ text-align:right;margin:0.5% auto;color:#919191; text-transform:uppercase;}
#curpos a{color:#919191;}
#left .titl{background-color:#0066CC;padding:4% 3%;color:#fff;}
#left .nav{background-color:#F6F6F6;padding-bottom:15%;}
#left .nav dl dt a{display:block;padding:4% 3%;border-top:1px solid #E9E9E9;border-bottom:1px solid #fff; text-transform:uppercase;}
#left .nav dl dt:first-child a{border-top:0px;}
#left .nav dl dt:last-child a{border-bottom:0px;}
#left .nav dl dt a.now,#left .nav dl dt a:hover{color:#0066cc; text-decoration:none;}
#left .nav dl dd li a{display:block;padding:2% 0px 2% 5%;}
#left .contactbox{}
#left .contactbox .titl{border-top:3px solid #727272;background-color:Transparent;color:#727272;padding:1% 5%;}
#left .contactbox>p{padding:0px 5%;color:#727272;}
#left .contactbox>p a{display:block;max-width:120px;color:#fff; text-transform:uppercase;background:#0066CC url(img/list1-bg.png) no-repeat 115px -102px;padding-left:5px;}
#left .contactbox ul{padding:2% 5% 5%;border-top:1px solid #C1C1C1;margin:10% 0px;}
#left .contactbox ul li{padding:2% 0px;}
#left .contactbox ul li input[type="text"]{border:1px solid #D2D2D2;color:#C1C1C1;height:23px;width:98%;padding-left:5px;}
#left .contactbox ul li input[type="text"]:focus{color:#333;}
#left .contactbox ul li textarea{border:1px solid #D2D2D2;color:#C1C1C1;width:98%;padding-left:5px;}
#left .contactbox ul li textarea:focus{color:#333;}
#left .contactbox ul li input[type="submit"],#left .contactbox ul li input[type="reset"]{background:#0066CC;padding:2px 5px;width:40%;color:#fff;border:0px;cursor:pointer;border-radius:3px;}
#left .solution .titl{border-top:3px solid #727272;background-color:Transparent;color:#727272;padding:1% 5%;}
#left .solution .titl a{float:right;color:#727272;padding-right:0px;}
#left .solution ul li{margin:2% 0px;min-height:48px; text-align:center;}
#left .solution ul li img{max-width:225px;width:100%;max-height:126px; display:inline-block;}
#left .solution ul li a{line-height:1.4;display:block;padding:3% 0px;text-align:center;}
#left .youtube{ text-align:center;}

#right{}
#right .titl{font-size:250%;color:#0066cc;border-bottom:3px solid #0066CC;line-height:1.5;}
#right .protitl{border-bottom:0px;}
#right .prolist .procon .procon-titl{max-width:100%;background-color:#5593DE;padding:0px 2%;color:#fff; font-weight:bold;display:inline-block;width:96%;}                               
#right .prolist .procon .procon-titl a{float:right;color:#fff;}
#right .prolist .procate{font-size:0px;width:100%;text-align:justify; text-justify:inter-ideograph;margin:3% 0;}
#right .prolist .procate:after{content:".";height:0px;width:100%;display:inline-block;overflow:hidden;}
#right .prolist .procate span{width:24%;cursor:pointer;font-size:12px;padding:1% 2%;display:inline-block; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;
                              vertical-align:top;height:66px; text-align:center;background-color:#EBEBEB;}
#right .prolist .procate span:hover,#right .prolist .procate span.now
{
    border-top:4px solid #0066CC;border-bottom:0px;height:76px;margin-top:-10px;
    background-color:#fff;}                              
#right .prolist .procon span.probox{max-width:48%;width:auto; display:inline-block; vertical-align:top;}
#right .prolist .procon span.probox .proimg{max-width:50%;float:left;}
#right .prolist .procon span.probox .protext{max-width:48%;float:right; text-align:left;}
#right .prolist .procon span.probox .protext h2 {line-height:1;}
#right .prolist .procon span.probox .protext h2 a{color:#5c5c5c;font-size:105%;}
#right .prolist .procon span.probox .protext p{color:#909090;}
#right .prolist .procon span.probox .protext>a{color:#0066CC;background:url(img/list1-bg.png) no-repeat -42px -105px;padding-right:20px;}

/*????????????*/
.newslist li{padding:1% 0px;border-bottom:1px dotted #A5A5A5;}
.newslist li a{display:block;}
.newslist li span{color:#ADADAD;}
.newstitle{font-size:130%;color:#727272;}
.updatetime{color:#919191;padding-bottom:2%;display:block;}

.solution > img{float:left;border-right:10px solid #fff;}
.solutiontitle{font-size:130%;color:#0066cc;margin-bottom:1%;}
.servicetitle{font-size:130%;color:#333;margin-bottom:1%;}

.technical-list li a{display:block;padding:1% 0px;border-bottom:1px dotted #B7B7B7;}
.technical-list li a:hover{color:#0066cc;}


.history ul li{background:url(img/his.jpg) no-repeat 0 0;text-indent:25px;line-height:1.9;}
.history ul li:first-line{color:#fff;}
.history ul li div{text-indent:0px;padding-left:90px;}

.page { padding:10px 0; line-height: 25px; text-align:left;border-top:1px solid #F2F2F2;}
.page span,.page a{display:inline-block;text-align:center;padding:0 15px;}
.page a.cur,.page a:hover{color:red;}
.page select{margin-left:5px;border:1px solid #ABADB3;}


/*project????????????????????????*/
.qualitylist ul li{margin:5px;padding:6px 0px 6px 10px;border:1px dotted #B7BABC;}
/*????????????*/



/*????????????????????????*/
.detailbox {width: 100%;}
#proleft{float:left; width:290px;height:192px;}
#proleft #proimg {width: 100%; height: 100%; vertical-align:middle;text-align:center;border:1px solid #afafaf;}
#proleft #proimg img{max-width:100%;max-height:100%; vertical-align:middle;}
#imglist{height:50px;overflow:hidden;background:#F5F5F5;padding:8px 0px;float:left;margin-top:10px;width:100%;border:1px solid #E4E4E4;}
#spec-left,#spec-right{ background:url(images/left.gif) no-repeat 0px center; width:10px; height:50px; float:left; cursor:pointer; display:none;}
#spec-right{background:url(images/right.gif) no-repeat scroll 0px center; }
#spec-list{ width:300px; float:left; overflow:hidden;display:inline;position:relative;margin:0px 9px;}
#spec-list div{ margin-top:0;margin-left:0; *margin-left:0;}
#spec-list ul li{ float:left; margin-right:0px; display:inline-block;width:75px; cursor:pointer;}
#spec-list ul li img{width:65px; height:40px;padding:2px;border:1px solid #CCCCCC;}
#spec-contact{color:#767676;line-height:25px;float:right;width:320px;height:50px;}
#spec-contact li{margin-left:7px;float:left;display:inline-block;height:25px;white-space:nowrap;color:#398E00;}
#spec-contact li b{color:#767676;font-weight:normal;}
/*jqzoom*/
.jqzoom{position:relative;padding:0;margin:0px;}
.zoomdiv{height:400px; width:400px;z-index:100;position:absolute;top:1px;left:0px;width:300px;height:300px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #fff;background:#afafaf 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:pointer;}
#proright {width: 430px;float: right;}
#proright>p{max-height:86px;overflow:hidden;}
#prodetail {overflow: hidden; margin-bottom: 7px;}
.pdbox {clear: both;}
.pdbox h2{color:#398E00;font-size:15px;font-weight:bold;}
.pdtext{padding-bottom:2%;}
.pdcon{border-top:1px dotted #8F8F8F;line-height:17px;margin-top:5px;padding-top:2px;}
.pdcon b{color:#398E00;display:block;}
.pdcon a{display:inline-block;margin-top:5px;width:109px;height:23px;line-height:23px; text-align:center;color:#fff;
         background-color:#398E00;border-radius:3px;
         }
#proDes {width: 100%; height: 100%; clear: both; margin:10px 0px;}
#tags{width:100%;}
#tags li{height:30px;margin-right:5px;display:inline-block;*display:inline;}
#tags li a{color:#5f5f5f;padding:0px 20px; font:normal normal bold 14px/30px Calibri;display:block;background:#EBEBEB;}
#tags li a:hover,#tags li.selectTag{position:relative;}
#tags li a:hover,#tags li.selectTag a{color:#398E00;border-top:3px solid #398E00;text-decoration:none;background:#fff;}
#tagContent{padding:1px;border:1px solid #e4e7e8;}
#tagContent .tagContent{color:#474747;padding:25px;}
#tagContent .tagContent table {max-width:100%; word-break:break-all;}

.info_table th {width: 25%; text-align: left; font-weight: normal;}
#related_search {margin: 10px 0px; overflow: hidden; clear: both;}
#images_list {width: 198px; height: 198px; text-align: center; margin-bottom: 10px; display: table;}
#images_list img {left: -50%; zoom: 1;}
#images_list p {background: rgb(255, 255, 255); left: 50%; vertical-align: middle; display: table-cell;}
.prenext{background:#F4F3F4;padding:2px 5px;margin:1% 0;}
.prenext b{color:#398E00;}




/* ??? F12 ?????????????????????????????????????????????????????????????????????????????????*/

/*??????????????????*/
#hot {background: #F4F3F4; color:#464646;position:relative;overflow:hidden;}
#htitlebg {margin:1.5% 0;}
.htit1,.htit2 {padding: 0px 1% 0px 2%;cursor: pointer;}
.htit1{display:none;}
.hotbox {text-align: left;}
.rBar,.lBar {width: 29px; height: 53px; margin-top:3%; z-index: 4;}
.lBar {float: left;}
.rBar {float: right;}
.lBar a,.rBar a{width: 29px; height: 53px; display: block; cursor: pointer; }
.lBar a{ background:url(img/bg.png) no-repeat scroll -181px -1px;}
.rBar a {background:url(img/bg.png) no-repeat scroll -221px -1px;}
.moverbox {margin: 0px 75px;width: 528px;height:146px;float:left;overflow: hidden;position: relative;}
.moverbox ul {position: absolute; zoom: 1;}
.moverbox ul::after{height: 0px; clear: both; display: block; visibility: hidden; content: ".";}
.moverbox li {padding: 0px 10px; width: 156px;height:146px; text-align: left; overflow: hidden; float: left;}
.moverbox .proimg {background: #fff; width: 154px;padding:0px;border:1px solid #D5D4D5;}
.moverbox .proimg img{max-width:100%;max-height:96px;}
.moverbox .protext {margin:0px; padding:0px;padding:1% 0;}
/*???????????? ??????*/
#quotation{margin:1% 0;padding:1% 0; border:1px solid #E6E6E6;}
#quotation .formtitle{padding-left:2%;font:normal normal bold 14px/30px Calibri;}
#quotation .text{color:#666;font:normal normal normal 12px/18px Calibri;padding:0px 2%;}
#quotation textarea{width:90%;height:90px;color:#000;border:1px solid #d2d2d2;}
#quotation table{margin:1% auto;}
#quotation input{border:1px solid #D2D2D2;width:90%;}
#quotation input font{display:inline-block;width:5%;}
#quotation input.btn{background-color:#398E00;color: #fff; font-weight: bold;width:109px;height:23px;line-height:23px;border:0px; cursor:pointer;border-radius:3px;}
#quotation input.btn:hover{background-color:#0066CC;}
#quotation input[type="submit"]{ margin-right: 15px;}
#quotation input[type="reset"]{}
#quotation strong{margin-right:10px;}
#quotation td{padding:0.5% 0px;}


/*????????????*/
#footer{padding:1% 0px 3%;color:#999999;border-top:20px solid #F1F1F1;}
#footer a{color:#999;}
#footer center{ text-align:justify; text-justify:inter-ideograph;}
#footer center>span{display:inline-block;width:22%; vertical-align:top; text-align:left;}
#footer center:after{width:100%;content:'.';height:0px;overflow:hidden;display:inline-block;}
#footer center>span .titl{font-size:105%;color:#5b5b5b;font-weight:500;}
#footer center>span.contactbox li:first-child a{display:inline-block;width:40px;height:40px;background:url(img/list1-bg.png) no-repeat -361px -30px;}
#footer center>span.contactbox li:first-child a:first-child{background-position:-309px -30px;margin-right:5%;}
#footer center>span.contactbox li a{color:#999;}
#footer center>span.prolist ul li a{background:url(img/list1-bg.png) no-repeat -394px -99px;padding-left:10px;display:block;}
#footer center>span.prolist ul li.search{position:relative;height:20px;}
#footer center>span.prolist ul li.search input[type="text"]{width:100%;height:20px;border-radius:5px;border:0px;padding:0px 35px 0px 5px;font-family:Arial;color:#B9B9B9;background-color:#EDEDED;box-shadow:inset 2px 1px 2px 0px #B9B9B9;}
#footer center>span.prolist ul li.search input[type="submit"]{position:absolute;top:1px;right:0px;width:30px;height:20px;background:url(img/list1-bg.png) no-repeat -233px -29px;border:0px;}
#footer center>span.newslist ul li{border-bottom:0px;padding:2.5% 0px;}
#footer center>span.newslist ul li input[type="text"]{width:100%;height:25px; color:#B9B9B9;background-color:#EDEDED;border:0px;padding-left:3%;}
#footer center>span.newslist ul li input[type="text"]:focus{color:#000;}
#footer center>span.newslist ul li input[type="submit"]{min-width:75px;color:#fff;background-color:#005CC3;height:25px;border:0px;border-radius:3px;cursor:pointer;
                                                        background:-moz-linear-gradient(top,#2176D6,#004895);
                                                        background:-ms-linear-gradient(top,#2176D6,#004895);
                                                        background:-o-linear-gradient(top,#2176D6,#004895);
                                                        background:-webkit-linear-gradient(top,#2176D6,#004895);
                                                        filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#2176D6',endColorstr='#004895');
                                                        }



#footer center>span.copyright:first-line{font-size:105%;color:#5b5b5b; text-transform:uppercase;}

/*????????????*/
#spanpage span{display:inline-block; width:20px; height:20px; float:left; border:1px solid #afafaf; text-align:center; cursor:pointer;}
.displaynone{display:none;}

@media(max-width:990px)
{
    #top,#menu,#main1,#main,#curpos{width:100%;margin:0 auto;max-width:100%;}
    #curpos{margin:1% 0px;}
    #right .titl{font-size:230%;}
    #footer center{padding:0px 2%;width:96%;margin:0 auto;max-width:96%;}
    #main1{padding:0px 2%;width:96%;margin:0 auto;max-width:96%;}
    #top .logo{margin-bottom:2%;}
    #top .top-right li{width:100%;}
    #top .top-right .search{margin-left:0px;}
    #top .menu{display:block;}
    #menu{display:none;position:absolute;width:100%;z-index:10000;}
    #menu > ul > li{height:auto;display:block;}
    #menu > ul > li > a{margin-top:0px;padding:0px;background-color:#B7B7B7;}
    #menu > ul > li > a.now,#menu > ul > li > a:hover{background-color:#0850A4;color:#fff;}
    #top .top-right{margin-bottom:1%;width:40%;}
    #top .top-right .langlink a{display:none;}
    #top .top-right .langlink,#top .top-right .sharelink{text-align:left;}
    #top .top-right .langlink #lang{display:inline-block}
    #main .aboutbox{max-width:100%;margin-bottom:2%;}
    #main .newsbox{max-width:50%; float:left;margin:0px;}
    #main .navbox{max-width:50%;float:right;}
    #root .copyright{width:auto;}
    #root .center{padding:1% 0px 4%;}
    #right{}
    #proright{float:right;width:50%;}
    #imglist{display:none;}
    #hot{display:none;}
    }
@media(max-width:800px)
{
    #main1 > span{width:32%;margin-bottom:5%;}
    #footer center > span{width:32%;margin-bottom:5%;}
    #left{width:33%;}
    #right{width:65%;}
    #right .prolist .procate span{width:49%;margin-bottom:2%;}
    #right .prolist .procon span.probox{max-width:90%;margin:2% 5%;}
    #proright{float:left;width:100%;}
    #right .titl{font-size:200%;}
    
    #top .logo a{font-size:18px;}
    #curpos .titl{font-size:20px;}
    .prolist div.probox .proimg{width:33%;}
    .prolist div.probox .protext{width:65%;}
    #tags li{width:100%;margin-right:0px;display:block;}
    }
@media(max-width:700px)
{
    #main1 > span,#footer center > span{width:40%;}
    #left,#right,#curpos{width:90%;float:none;margin:1% 5%;}
    #left .nav dl dt a{padding:2% 3%;}
    #left .nav{padding-bottom:5%;}
    #right .titl{font-size:220%;}
    #banner{display:none;}
    #left .solution{display:none;}
    #top .logo a{font-size:15px;}
    #top .logo{}
    #top .menu{top:0.5%;}
    }
@media (max-width:540px)
{
    #main1 > span .titl{font-size:100%;}
    #main1 > span,#footer center > span{width:46%;}
    #right .titl{font-size:200%;}
    
    
    
    
    #top .logo{width:200px;}
    #top .top-right{width:60%;}
    #main .newsbox{max-width:100%;}
    #main .navbox{max-width:100%;float:left;width:100%;;}
    #menu ul li a{}
    }
@media (max-width:440px)
{
    #main1 > span,#footer center > span{width:48%;}
    #right .titl{font-size:180%;}
    #top .logo{}
    #top .top-right{margin-top:0px;float:left;width:100%;margin-bottom:2%; text-align:justify;}
    #top .top-right .langlink,#top .top-right .sharelink{display:inline-block; vertical-align:top;margin-bottom:2%;}
    #top .top-right .search{display:inline-block;width:100%;}
    #top .menu{margin-left:35%;}
    #top ul{float:left;width:100%;}
    .prolist div.probox{padding:6% 0;}
    .prolist div.probox .proimg{width:100%;float:none;max-width:100%;}
    .prolist div.probox .protext{width:100%;float:none;}
    #right .titl .curpos{width:100%; text-align:left;}
    }
@media (max-width:350px)
{
    #main1 > span,#footer center > span{width:90%;margin:0px 5% 5%;}
    #footer center > span{padding-bottom:5%;border-bottom:1px solid #A7A7A7;}
    #left,#right,#curpos{width:96%;float:none;margin:1% 2%;}
    #right .prolist .procate span{width:100%;}
    #right .prolist .procon span.probox .proimg,#right .prolist .procon span.probox .protext{max-width:100%;float:none;}
    #right .prolist .procon span.probox .protext h2{line-height:1.8;}
    #left .titl{font-size:110%;}
    
    
    #bottom .titl {font-size:15px;}
    #bottom .titl a{font-size:15px;}
    .prolist span.probox{width:100%;}
    .prolist span.probox .proimg img{max-height:200px;}
    #curpos .curpos{float:left;width:100%;}
    #right .nav dl dd>a{background-position:-107px -115px;}
    #top .logo{}
    #top .menu{}
    #main .newsbox .titl{font-size:1.2em;}
    #menu ul li a{}
    .prolist div.probox{padding:10% 0;}
    .prolist span.probox{width:100%;}
    #proleft{width:100%;height:auto;}
    #quotation input[type="reset"]{margin-top:5%;}
    #quotation strong{font-size:10px;margin-right:3px;}
    #quotation table tr td[align="right"]{width:30px;}
    }


.langPage{ -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; padding:5px 1.5%; font-family:Arial, Helvetica, San-serif, Microsoft YaHei, SimSun; font-size:13px;}
.langTitle { padding-top: 10px; margin-top: 2%; }
.langTitle span { font-size: 38px; line-height: 1.2; }
.langTitle p { line-height: 1.5; }
.langList { padding-top: 20px; margin-top: 1%; padding-bottom: 10px; margin-bottom: 2%; }


.langList li { width: 225px; line-height: 21px; margin-bottom: 8px; }
.langList li a { color: #016fbc; }
.langList li a:hover { color: #00418d; }
@media screen and (max-width: 600px) { .langTitle span { font-size: 32px; } }


.justify { text-align:justify; text-justify:inter-ideograph; letter-spacing:0px;  }
.justify:after { content:'.'; height:0px; width:100%; display:inline-block; overflow:hidden; }
.justify .line { content:'.'; display:inline-block; height:0px; overflow:hidden; }
.justify .box { display:inline-block; vertical-align:top;  text-align:left; }

body.fofGray { background: #adb4bf; }
button{cursor:pointer;}
.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; }

.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.justify .box, .displayList li dl.fofCenter .box { font-size: 12px; }

.fofHeader { text-align: center; }
.fofHeader #logo { padding: 16px 0; margin: 0 auto; position: static; background: none; text-align: center; }
.fofHeader #logo:before, .fofHeader #logo:after { display: none; }

.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.justify > div, .displayList li dl.fofCenter > div { 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: 65px; 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:#fa8c2b url(img/bg-search.png) no-repeat center; line-height: 30px; color: #fff; border-width: 1px; border-type: solid; border-color: #fdc797 #985519 #5e340f #f2a35f; width: 55px; text-align: center; position: absolute; top: 0; right: 0; font-size: 20px; text-transform: capitalize; }

.fofCenter .fofLeft img { display: block; margin-left: auto; margin-right: auto; max-width:100%;}
.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 .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 .bdsharebuttonbox { display: inline-block; vertical-align: middle; min-width: 160px; }
@media screen and (max-width: 945px) {
  .fofCenter .fofRight > dl dd a { padding: 10px 0; } }
@media screen and (max-width: 650px) { .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: 400px) { .fofCenter .fofRight > dl dd { width: 100%; }
  .fofCenter .fofRight > p { line-height: 18px; overflow: hidden; height: 72px; max-height: none; } }

.lang-abs{ -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; padding:0 10px; font-family:Arial, Helvetica, San-serif, Microsoft YaHei, SimSun; font-size:13px; position: absolute; top:98px; width:730px; left:0; right:0; margin-left:auto; margin-right: auto; max-width:90%; background:#fff; z-index: 911; box-shadow: 0px 1px 4px rgba(0,0,0,0.5); border:1px solid #ccc; display: none; }
.lang-abs-title{ padding:15px 5px 0 3%; }
.lang-abs-title span{ font-size:26px; line-height:1.2;}
.lang-abs-title p{ line-height:1.5; margin-top: 5px;}
.lang-abs ul{ padding: 20px 2% 5px 3%;}
.lang-abs ul li { font-size:13px; min-width:154px; width:30%; line-height: 21px; margin-bottom: 8px;}
.lang-abs ul li.line{ margin:0;}
.lang-abs ul li a { color: #016fbc; }
.lang-abs ul li a:hover { color: #00418d; }

.lang-abs .lang-abs-close{ position: absolute; width: 32px; height: 32px; text-align: center; line-height: 32px; background: #666; color:#fff; cursor: pointer; font-size: 30px; border-radius: 5px; right:4px; top:4px; box-shadow: 0px 1px 4px rgba(0,0,0,0.5);}

@media screen and (max-width: 600px){
	.lang-abs , .lang-abs ul li { font-size:12px; }
	.lang-abs-title span{ font-size: 22px; }
	.lang-abs ul li { min-width: 139px;}
} 


.bottom-link{ line-height:1.5; padding-bottom:15px; font-size: 108.33333%; }
.bottom-link a{ display:inline-block; text-transform: capitalize;}
.bottom-link strong{ font-weight:bold; }
.bottom-link .center{ border-top:1px solid #e5e5e5; padding-top:15px;}
.bottom-link i{ color:#bbb; }
.bottom-link a , .bottom-link{ color:#888; }
@media (max-width: 990px){
.bottom-link{ padding-left:10px; padding-right:10px;}
}
@media (max-width: 640px){
#footer{padding-bottom:80px;}
.bottom-link{ margin-top:-55px; padding-bottom: 85px; }
}

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;}


@font-face { font-family: 'BebasRegular'; src: url("img/bebas.eot"); src: url("img/bebas.eot") format("embedded-opentype"), url("img/bebas.woff") format("woff"), url("img/bebas.ttf") format("truetype"), url("../img/footerbox/bebas.svg#BebasRegular") format("svg"); font-weight: normal; font-style: normal; }
#chatToolBox { position: fixed; width: 110px; bottom: 90px; right: -5px; text-transform: capitalize; font-family: Arial, Helvetica,'Microsoft YaHei', SimSun,Sans-serif; color: #fff; z-index: 990;  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; }
#chatToolBox a { text-decoration: none; color: #fff; text-align: center; display: block; padding-left: 5px; padding-right: 5px; }
#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: 1.1; 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; line-height: 1.25; background: #444444; margin-top: 5px; text-transform: capitalize; }
#chatToolBox .chatToolContact a { padding-top: 8px; padding-bottom: 8px; }
#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: #016FBC; }

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

.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp{margin:0;padding:0;outline:0;border:0;vertical-align:top;}
.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020;}
.fancybox-skin{position:relative;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background:#f9f9f9;color:#444;text-shadow:none;}
.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{margin:0;padding:15px;color:#444;white-space:nowrap;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;}
.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_sprite.png");}
#fancybox-loading{position:fixed;top:50%;left:50%;z-index:8060;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:.8;cursor:pointer;}
#fancybox-loading div{width:44px;height:44px;background:url("img/fancybox_loading.gif") center center no-repeat;}
.fancybox-close{position:absolute;top:-18px;right:-18px;z-index:8040;width:36px;height:36px;cursor:pointer;}
.fancybox-nav{position:absolute;top:0;z-index:8040;width:40%;height:100%;background:transparent url("img/blank.gif");text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;}
.fancybox-prev{left:0;}
.fancybox-next{right:0;}
.fancybox-nav span{position:absolute;top:50%;z-index:8040;visibility:hidden;margin-top:-33px;width:2.5rem;height:4.125rem;background:url(img/bg-black64.png) repeat;background:rgba(0,0,0,0.64);text-align:center;line-height:4.125rem;cursor:pointer;}
.fancybox-nav span:before{color:#fff;font-size:36px;font-family:icomoon;}
.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;overflow:visible!important;max-width:99999px;max-height:99999px;}
.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;z-index:8010;display:none;overflow:hidden;background:url("img/fancybox_overlay.png");}
.fancybox-overlay-fixed{position:fixed;right:0;bottom:0;}
.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll;}
.fancybox-title{position:relative;z-index:8050;visibility:hidden;text-shadow:none;font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;}
.fancybox-opened .fancybox-title{visibility:visible;}
.fancybox-title-float-wrap{position:absolute;right:50%;bottom:0;z-index:8050;margin-bottom:-35px;text-align:center;}
.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;background:transparent;background:rgba(0,0,0,0.8);color:#FFF;text-shadow:0 1px 2px #222;white-space:nowrap;font-weight:bold;line-height:24px;}
.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;padding:10px;background:#000;background:rgba(0,0,0,0.8);color:#fff;}