@charset "utf-8";
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}
strong{font-weight:bold}
/*common*/
body{font-family:"Microsoft YaHei";font-size:14px;min-width:1200px}
.clearfix{clear:both;width:100%;height:0}
.mr0{margin-right:0 !important}
.mt20{margin-top:20px !important}
.mt30{margin-top:30px !important}
.mt220{margin-top:220px !important}
.w120{width:120px !important}
.mt94{margin-top:94px !important}
.mb50{margin-bottom:50px !important}
.bd0{border:0 !important}
.mt50{margin-top:50px !important}
.mt53{margin-top:53px !important}
.fl{float:left}
.fr{float:right}
.t3{transition:0.3s;-webkit-transition:0.3s;-moz-transition:0.3s;-ms-transition:0.3s;-o-transition:0.3s}
a{color:#000;text-decoration:none}
a:hover{color:#198ede}

.container{width:1200px;margin:0 auto}
.col-left{width:227px;float:left}
.col-right{width:900px;float:left;margin-left:50px}

.header{z-index:1 ; height:148px;}
.header .top{width:100%;height:25px;background:#eee;line-height:25px;color:#5A5A5A;font-size:13px}
.header .top a{color:#5A5A5A;font-size:13px}
.header .top a:hover{color:#2B7ACD}
.header .top .welcome{float:left}
.header .top .collect{float:right}

.header .logo{margin:10px 0}
.header .logo .pic{float:left;height:70px;width:300px}
.header .logo .headtel{float:right;height:70px}
.header .logo .headtel .headtelpic{float:left}
.header .logo .headtel .headteltext{float:left;margin-top:15px}
.header .logo .headtel .headteltext .headtelnumb{color:#0b89dd;font-size:17px;font-weight:bold}
.header .logo .headtel img{height:70px}
.header .logo .headtel span{display:block}
.header .logo .pic1{float:left;height:70px;margin:0 20px 0 443px}
.header .logo .pic1 ul li{float:left;margin-right:10px}
.header .logo .pic1 ul li img{height:70px;width:70px;display:block}

.header .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.header .nav{font-family: serif;height:34px;line-height:34px;background:#0b89dd;position:relative;z-index:1;width:100%;text-align:center}
.header .nav a{ color:#fff;  }
.header .nav .nLi{ float:left;  position:relative; display:inline;  }
.header .nav .nLi h3{ float:left;width:170px}
.header .nav .nLi h3 a{ display:block;font-size:15px; font-weight:bold}
.header .nav .sub{ display:none; width:170px; left:0; top:34px;  position:absolute; background:#005f9e;line-height:26px;padding:10px 0px;text-align:center;line-height:35px}
.header .nav .sub li{ zoom:1; }
.header .nav .sub a{ display:block; padding:0 10px; }
.header .nav .sub a:hover{ background:rgba(11, 137, 221, 0.55); color:#fff;  }
.header .nav .on h3 a{ background:#005f9e; color:#fff;   }

.focusBox{position:relative;width:100%;height:450px;overflow:hidden;z-index:0}
.focusBox .pic{position:relative;z-index:0}
.focusBox .pic img{width:100%;height:450px;display:block}
.focusBox .pic{width:100% !important;}
.focusBox .pic li{width:100% !important;height:550px;overflow:hidden;text-align:center}
.focusBox .pic li a{display:block;height:550px}
.focusBox .hd{width:100%;position:absolute;bottom:10px;text-align:center;font-size:0;z-index:1}
.focusBox .hd li{margin:0 5px;background:url(../images/dot.png) no-repeat 0 -16px;height:16px;overflow:hidden;width:16px;cursor:pointer;display:inline-block;*display:inline;zoom:1;_background:url(../images/dot.png) no-repeat 0 -16px}
.focusBox .hd .on{background-position:0 0}
.focusBox .prev,
.focusBox .next{width:60px;height:90px;margin:-60px 0 0;display:none;background:url(../images/ad_ctr.png) no-repeat 0 0;position:absolute;top:50%;z-index:10;cursor:pointer;text-indent:-9999px;filter:alpha(opacity=20);opacity:0.2}
.focusBox .prev{left:0}
.focusBox .next{background-position:0 -90px;right:0}
.focusBox .prev:hover,
.focusBox .next:hover{filter:alpha(opacity=50) !important;opacity:0.5 !important}

.product-home{}
.col-left{width:248px;border:1px solid #eee;background:#f6f6f6}
.col-left .col-left-head{width:250px;background:#0b89dd;height:60px;margin-left:-1px}
.col-left .col-left-head .letter-big{font-style:italic;margin:-3px 20px 0 20px;height:55px;font-size:53px;font-family:'Times New Roman';color:#ffffff;font-weight:bold;float:left}
.col-left .col-left-head .name{height:55px;color:#ffffff;font-weight:bold;float:left;width:187px;text-align:center;margin-left:20px}
.col-left .col-left-head .name .sinogram{margin-top:15px;font-size:22px}
.col-left .col-left-head .name .letter-small{font-size:21px;font-family:'Times New Roman';letter-spacing:5px}
.col-left ul{padding:10px 0}
.col-left ul li{background:url(../images/iproduct.png) no-repeat;width:190px;height:50px;margin:0 0 4px 29px;line-height:50px;text-align:center;text-indent:-35px}
.col-left ul li a{color:#fff}
.col-left ul li:hover{background:url(../images/iproduct_hover.png) no-repeat}
.col-left-footer{margin-top:50px;width:248px;border:1px solid #eee}
.col-left-footer img{width:248px;display:block}
.col-left-footer .icontant{display:block;padding:10px;line-height:25px}
.col-left-footer span{display:block}
.pic-list li{width:188px;float:left;margin:0 20px 20px 0;border:1px solid #eee;padding:10px}
.pic-list li:hover{border:1px solid #ec805f}
.pic-list li img{width:178px;height:180px;display:block;margin:0 auto}
.pic-list li span{width:178px;display:block;text-align:center;height:38px;margin-top:10px;overflow:hidden}

.introduction-home{height:235px;width:100%;background:url(../images/banner_home.jpg)}
.introduction-home .introduction-home-left{float:left;margin-right:200px;width:620px}
.introduction-home .introduction-home-left span{color:#fff;line-height:25px;margin-top:50px;display:block}
.introduction-home .introduction-home-left a{color:#ff0000}
.introduction-home .introduction-home-left a:hover{opacity:0.8}
.introduction-home .introduction-home-left ul{margin-top:50px}
.introduction-home .introduction-home-left ul li{float:left;background:url(../images/banner_home_li.png) no-repeat;width:100px;height:48px;line-height:48px;font-size:25px;letter-spacing:1px;font-weight:bold;color:#fff;padding-left:55px}
.introduction-home .introduction-home-right{float:right;width:340px;padding:10px;background:#fff;margin-top:12px}
.introduction-home .introduction-home-right img{width:340px;height:190px}

.hotproduct-home{}
.hotproduct-home .ititle{text-align:center;color:#0b89dd;font-size:22px;font-weight:bold;border-bottom:3px solid #eee;width:100px;margin:0 auto;padding-bottom:10px}
.hotproduct-home .line{border-bottom:1px solid #eee;margin:-1px 0 10px 0}

.picMarquee-left{overflow:hidden;position:relative}
.picMarquee-left .bd{padding:10px}
.picMarquee-left .bd ul{overflow:hidden;zoom:1}
.picMarquee-left .bd ul li{width:220px;margin:0 8px;float:left;_display:inline;overflow:hidden;text-align:center}
.picMarquee-left .bd ul li .pic{ text-align:center; }
.picMarquee-left .bd ul li .pic img{width:200px;height:220px;display:block}
.picMarquee-left .bd ul li .pic a:hover img{border-color:#999}
.picMarquee-left .bd ul li .title{line-height:24px;width:200px;height:48px;overflow:hidden;margin-top:10px}

.news-home{}
.news-home .title{color:#5a5a5a;border-bottom:1px solid #eee;padding:10px}
.news-home .title .name{float:left}
.news-home .title .name .cn{color:#5a5a5a;font-size:18px;font-weight:bold}
.news-home .title .name .en{font-size:12px;text-transform:uppercase}
.news-home .title .more{font-family:'Times New Roman';float:right;height:24px;line-height:24px}
.news-home .title .more a{color:#0b89dd}
.news-home ul{padding:10px 10px 10px 20px}
.news-home ul li{border-bottom:1px solid #eee;padding-bottom:20px}
.news-home ul li .date{float:left;width:60px;height:60px;background:#198ede;color:#fff;margin-top:10px}
.news-home ul li .date span{display:block;text-align:center}
.news-home ul li .date span.day{font-size:24px;font-weight:bold;padding:5px 0 2px 0}
.news-home ul li .content{float:right;width:390px;margin-top:10px}
.news-home ul li .content .texttitle{font-size:17px;margin-bottom:3px;height:25px;width:380px;overflow:hidden}
.news-home ul li .content .texttitle a{color:#5A5A5A}
.news-home ul li .content .texttitle a:hover{color:#198ede}
.news-home ul li .content .desc{font-size:12px;height:32px;width:380px;overflow:hidden}
.news-home .itechnology{float:left;width:500px;margin-right:200px}
.news-home .icompany{float:left;width:500px}

.footer{background:#dcdcdc}
.footer .footer-nav ul{width:1325px;margin:0 auto;padding-top:50px}
.footer .footer-nav ul li{float:left;text-align:center;width:220px;border-right:1px solid #fff}
.footer .footer-contact{text-align:center}
.footer .footer-copyright{padding:10px 0;color:#fff;text-align:center;background:#198ede;margin-top:10px}
.footer .footer-copyright a{color:#fff}
.footer .footer-copyright a:hover{opacity:0.8}
.footer .footer-copyright-name{height:25px;width:300px;background:rgba(0,0,0,0.45);color:#fff;text-align:center;line-height:25px;margin:12px auto 0 auto;-webkit-border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px;border-radius:15px}
.footer li dd{font-size:16px}
.footer li dd dl{font-size:14px;line-height:35px}
.footer li.ibcontact dd{font-size:16px}

.singlepage-right{width:900px;float:left;margin-left:50px}
.location-title{border-bottom:1px solid #198ede}
.location-title .title{font-size:16px;border-bottom:4px solid #198ede;margin-bottom:-2px;padding-bottom:5px;width:150px;text-align:center}
.singlepage-right .content{margin-top:20px;color:#5a5a5a}
.singlepage-right .content p{text-indent:2em;margin-bottom:20px;line-height:25px}
.singlepage-right .content .news-list li{border-bottom:1px solid #e8e8e8;padding-bottom:5px;margin-bottom:20px}
.singlepage-right .content .title-news{font-size:15px;font-weight:bold;color:#5A5A5A;margin-bottom:10px}
.singlepage-right .content .date-news{margin-bottom:5px}
.singlepage-right .content .show-title{text-align:center;color:#0b89dd;font-weight:bold;font-size:16px;margin-bottom:20px}
.singlepage-right .content .show-tag{text-align:center;margin-bottom:10px}
.singlepage-right .content .show-tag b{font-size:12px;margin-right:50px;font-weight:normal}
.singlepage-right .content .show-desc{color:#868686;margin-bottom:20px;text-indent:2em;border:1px solid #e5e5e5;background:#f5f5f5;padding:10px 20px;font-size:12px;line-height:22px}
.singlepage-right .content .desc-news{width:900px;height:43px;line-height:20px;overflow:hidden}
.singlepage-right .content .cprevious,
.singlepage-right .content.cnext{display:block;line-height:30px}
.singlepage-right .content p img{max-width:900px;margin-left:-2em}

.pages{height:28px;margin-top:20px}
.pages a,
.pages span{display:block;float:left;height:100%;width:28px;background:#E7E7E7;margin-right:10px;text-align:center;line-height:28px;color:#000;border-radius:2px}
.pages a:hover{color:#FFF;background:#198ede}
.pages .a1{width:58px}
.pages span{color:#FFF;background:#198ede}

.contact .contactinfo{border:1px solid #e8e8e8}
.contact .contactinfo ul{padding:20px}
.contact .contactinfo ul li{float:left;margin:0 50px 50px 0;width:404px;text-align:center}
.contact .contactinfo ul li img{height:77px}
.contact .contactinfo ul li .title{margin-top:10px}
.contact .map{margin-top:50px;border:1px solid #e8e8e8;width:900px;height:516px}
.contact .map iframe{border:0px solid #e8e8e8;width:900px;height:516px}

.ititle{text-align:center}
.ititle .cn{font-size:23px;color:#020000;font-weight:bold}
.ititle .en{font-size:12px;color:#686868;text-transform:uppercase;line-height:35px;background:url(../images/titlebg.png) no-repeat center}

.application{}
.application ul{width:1050px;margin:30px auto 0 auto}
.application ul li{float:left;width:150px;margin-right:30px;text-align:center}
.application ul li .title{font-size:15px;color:#3c3c3c;margin-top:20px}
.application ul li .hover{height:108px;display:none}
.application ul li .img{height:108px}
.application ul li:hover .hover{display:block;margin-top:-108px}
.application ul li:hover .title{color:#198ede}

.frame{padding:25px;background-color:#fff;box-shadow:0 1px 4px rgba(0,0,0,.1);}

.newslist .item{height:150px;border-bottom:2px dashed #eee;padding:20px 0}
.newslist .item .pic{float:left;width:215px;height:150px;margin-right:20px}
.newslist .item .pic .nopic{width:215px;height:150px;display:block;background:#eee;text-align:center;color:#8c8c8c}
.newslist .item .pic .nopic h3{padding-top:50px;font-size:20px;line-height:20px}
.newslist .item .pic .nopic p{padding-top:20px;font-size:14px;line-height:14px}
.newslist .item img{width:215px;height:150px}
.newslist .item .title,.newslist .item .summary,.newslist .item .info{float:left;width:615px}
.newslist .item .title{font-size:20px;line-height:22px;margin-bottom:20px}
.newslist .item .title a:hover{color:#2689FF}
.newslist .item .info{margin-bottom:12px;color:#a2a2a2}
.newslist .item .info .jb{padding:4px 8px 5px 0;float:left}
.newslist .item .info .keywords{float:right}
.newslist .item .info .keywords a{display:inline-block;background:#eee;padding:4px 8px 5px 8px;line-height:14px}
.newslist .item .info .keywords a:hover{background:#2689FF;color:#fff}
.newslist .item .info a{color:#a2a2a2}
.newslist .item .summary{line-height:25px;color:#656565}

.technology{border:1px solid #ddd;padding:50px 20px;width:1160px}
.technology ul li{float:left;width:570px;margin:0 10px 20px 0}
.technology ul li .pic{width:215px;height:215px;float:left;margin-right:20px;overflow:hidden}
.technology ul li .pic img{width:215px;height:215px;transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s}
.technology ul li .pic :hover{transform:scale(1.5);-ms-transform:scale(1.5);-moz-transform:scale(1.5);-webkit-transform:scale(1.5);-o-transform:scale(1.5)}
.technology ul li .info{float:left;width:335px}
.technology ul li .info .title{font-size:17px;width:335px;height:20px;overflow:hidden;margin-bottom:15px}
.technology ul li .info .desc{line-height:20px;font-size:14px;color:#5A5A5A;width:335px;height:120px;overflow:hidden;margin-bottom:15px}
.technology ul li .info .date{background:url(../images/idate.png) no-repeat left;padding-left:30px}

.banner{width:100%;height:350px;background-position:center !important}
.banner img{width:1920px;height:350px}

.cndns-right{position:fixed;right:1px;top:50%;margin-top:-100px;z-index:100}
.cndns-right-meau{position:relative;}
.cndns-right-btn{width:48px;height:48px;border:1px solid #ddd;text-align:center;display:block;margin-bottom:6px;position:relative;background-color:#fff}
.cndns-right-btn span{color:#848484;font-size:26px;line-height:48px;}
.cndns-right-btn sup{display:block;min-width:24px;height:24px;text-align:center;line-height:24px;color:#fff;border-radius: 50%;background-color:#20b2ff;position:absolute;left:-12px;top:-12px;}
.cndns-right-meau:hover .cndns-right-btn span{display:none}
.meau-car .cndns-right-btn {border-color:#20b2ff;margin-bottom:20px;}
.cndns-right .cndns-right-btn:hover{border-color:#198ede;} 
.cndns-right .cndns-right-btn img{width:48px;height:48px}
.meau-top .cndns-right-btn i{display:block;color:#999}
.cndns-right-box{position:absolute;top:-15px;right:48px;padding-right:25px;display:none;}
.cndns-right-box .box-border{border:1px solid #ccc;border-top:4px solid #198ede;padding:20px;background-color:#fff;-webkit-box-shadow: 0 3px 8px rgba(0,0,0,.15);-moz-box-shadow: 0 3px 8px rgba(0,0,0,.15);box-shadow: 0 3px 8px rgba(0,0,0,.15);position:relative}
.cndns-right-box .box-border .arrow-right{display:block;width:13px;height:16px;background:url(../images/arrow.png) no-repeat;position:absolute;right:-13px;top:26px;}
.cndns-right-box .box-border .sev-t span{font-size:42px;float:left;display:block;line-height:56px;margin-right:20px;color:#d3d3d3}
.cndns-right-box .box-border .sev-t p{float:left;color:#198ede;font-size:24px;line-height:28px;}
.cndns-right-box .box-border .sev-t p i{display:block;font-size:14px;color:#aaa;}
.cndns-right-box .box-border .sev-b{padding-top:15px;margin-top:15px;border-top:1px solid #e4e4e4}
.cndns-right-box .box-border .sev-b h4{color:#666;font-size:14px;font-weight:normal;padding-bottom:15px;}
.cndns-right-box .box-border .sev-b li{float:left;width:33.33333%}
.cndns-right-box .box-border .sev-b li a{display:inline-block;color:#999;font-size:13px;padding-left:43px;background:url(../images/qq.gif) no-repeat left 3px;line-height:36px;}
.cndns-right-box .box-border .sev-b li a:hover{color:#20b2ff}
.meau-sev .cndns-right-box .box-border{width:500px;}
.meau-contact .cndns-right-box .box-border{width:230px;}
.cndns-right-meau:hover .cndns-right-box{display:block}
.meau-code .cndns-right-box{top:inherit;bottom:-35px;}
.meau-code .cndns-right-box .box-border{width:180px;text-align:center;border-top:1px solid #ccc;}
.meau-code .cndns-right-box .box-border i{display:block;color:#f66e06;font-size:16px;line-height:16px;}
.meau-code .cndns-right-box .box-border .arrow-right{top:inherit;bottom:50px;}
.meau-zs .cndns-right-btn{background-color:#20b2ff;color:#fff;margin-top:80px;border-color:#20b2ff}
.meau-zs .cndns-right-btn span{color:#fff}
.meau-zs .cndns-right-btn p{color:#fff}



.message{height:487px;background:url("../images/messagebg.png")}
.message .box{padding:50px 0 0 40px}
.message .box li{line-height:44px;margin-bottom:15px}
.message .box li .input-text{height:42px;line-height:42px;border:1px solid #ccc;width:470px;padding:0 10px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
.message .box li .input-text:focus{border-color:#1fac9c}
.message .box li textarea.input-text{height:84px;line-height:24px;padding:10px;resize:none}
.message .box li.btn{margin-left:40px}
.message .box li .button{cursor:pointer;width:122px;border:none;height:40px;background-color:#0b89dd;border-radius:4px;color:#fff;font-size:16px}