@charset "utf-8";
html { overflow-x: hidden; overflow-y: auto; }
body{overflow-x: hidden;overflow-y:hidden;}
*{ padding:0; margin:0}
body,td,th,ul,li,p {margin: 0px; padding:0; font-family:"Microsoft Yahei",Arial,Helvetica,sans-serif,"宋体" ; font-size:12px; color:#333; line-height:22px;}
img{border:0; padding:0; margin:0;vertical-align: top;}
ul,li{padding:0; margin:0;}
LI{list-style:none;}
a{font-family:"Microsoft Yahei",Arial,Helvetica,sans-serif,"宋体";font-size:12px;color:#333;text-decoration:none;}
a:hover{color:#C00;}
.clean{ clear:both; display:block; te }
em{ font-style: normal;}
.clearfix{clear:both; display:block;}
.clearfix:after {content: ".";display:block;height: 0;clear: both;visibility: hidden;font-size:0;}
input,button,select,textarea{outline:none; border:none;}
i{ font-style:normal}
.fl { float:left;}
.fr { float:right;}
.lineheight40{height:40px; overflow:hidden; clear:both;}
/* -- 页面整体布局 -- */
.block1200,.content {width:1200px;margin:0 auto;}

/*头部开始*/
.h_top{position: relative;z-index: 9999999;}
.h_ht{ height:32px; font-size:12px; line-height:32px;color:#969696; background:#dcdcdc}
.h_ht span{ float:right;}
.h_ht span a{color:#969696; margin:0 10px}
.h_txt{ height:148px; overflow:hidden;}
.h_txt h2{margin:25px 20px 0 0;}
.h_txt h2 img{height:94px; }
.h_txt h3{ margin-top:30px;}
.h_txt h3 span{color:#1d1d1d; line-height:14px;display:inline-block; height:14px; }
.h_txt h3 .h_x{ font-size:30px; font-weight:800}
.h_txt h3 strong{display:block;font-size:18px; font-weight:normal; color:#4d4d4d; line-height:38px; text-align:center;letter-spacing:2px;}
.h_txt h3 strong em{ color:#0089e1;}
.h_top p{ width:208px; margin-top:40px;}
.h_top p span{ display:block; height:30px; padding-left:35px; font-size:22px; color:#0089e1; line-height:30px; background:url(../images/h_pho.jpg) no-repeat left center; margin-bottom:14px;}
.h_top p em{ width:208px; height:30px; font-size:17px; font-weight:bold; color:#333; line-height:28px; text-align:center; display:block;}
/*头部结束*/

/**/
.headerNav{height:55px;background:#0089e1;}
.headerNav .block1200{position:relative}
.headerNav .nav{}
.headerNav .nav li{float:left;position:relative;z-index:11;}
.headerNav .nav li a{display:inline-block;float:left;height:55px;line-height:55px;font-size:16px;overflow:hidden;text-align:center;color:#fff;width:131px;border-right:1px solid #4fb5f6}
.headerNav .nav li a:hover,.headerNav .nav li a.active{background:#2c2c2c;color:#fff;}
.headerNav .nav li .sub{position:absolute;top:55px;left:0;background:#0089e1;width:135px;overflow:hidden;display:none;}
.headerNav .nav li .sub li{height:30px;float:none;background:none;}
.headerNav .nav .m .sub a{display:block;height:35px;line-height:35px;font-size:12px;padding:0;float:none;overflow:hidden;text-align:center;border-bottom:1px solid #2279db;}
.headerNav .nav li .sub li a:hover{background:#2c2c2c;color:#fff;}


/*产品*/
.cp{ margin-top:30px;}
.cp .cp_l{ width:220px;}
.cp .cp_l h2{ background:url(../images/cp_lbg.gif) repeat-x; height:63px; overflow:hidden; text-align:center;}
.cp .cp_l h2 a{font-family:"Microsoft YaHei"; font-size:18px; font-weight:normal; line-height:63px; color:#fff;}
.cp .cp_l h2 span{ color:#CCC; font-size:14px; text-transform:uppercase;}
.cp .cp_l .cp_ul{ background:#e9e9e9; overflow:hidden;}
.cp .cp_l .cp_ul li{ height:49px; border-bottom:#fff 1px solid; line-height:49px;}
.cp .cp_l .cp_ul li a{font-family:"Microsoft YaHei"; font-size:15px; color:#5d5d5d; padding-left:30px; display:block}
.cp .cp_l .cp_ul .cur a,.cp .cp_l .cp_ul li a:hover{ background:#ccc; display:block; color:#1465c1;}


.cp .cp_l .cp_ul .nabv a{background:#ccc;font-size:16px; color:#06C}


.cp .cp_r,.cp .cp_rny{ width:959px;overflow:hidden; }
.cp .cp_r h3,.cp .cp_rny h3{ border-bottom:1px solid #e7e7e7;}
.cp .cp_r h3 a,.cp .cp_rny h3 a{ border-bottom:2px solid #1465c1;font-size:16px; color:#1465c1; line-height:36px;height:36px; padding:4px 0 6px 0px;}
.cp .cp_r span a{ background:none;border-bottom:none; font-size:12px; line-height:35px; padding:0; color:#333;}
.cp .cp_r .more01{padding:0;}
.cp .cp_r span{ background:none;border-bottom:none; font-size:12px; line-height:35px; font-weight:normal;}

.cp .cp_r1 .cp_r_tit{ height:35px; border-bottom:1px solid #e7e7e7;}
.cp .cp_r1 .cp_r_tit a{ background:url(../images/cp_ico1.gif) no-repeat 0 0;border-bottom:2px solid #025dbc;font-family:"Microsoft YaHei"; font-size:16px; color:#025dbc; line-height:36px;height:36px; padding:4px 0 6px 30px;}
.cp .cp_r1 span a{ background:none;border-bottom:none; font-size:12px; line-height:35px; padding:0; color:#333;}
.cp .cp_r1 span{ background:none;border-bottom:none; font-size:12px; line-height:35px; font-weight:normal;}
.cp .cp_r1{ width:750px;overflow:hidden; }

.cp .cp_r .cp_rul{ padding-left:0px; margin-top:15px;}
.cp .cp_r li{ float:left; padding:0px 11px 0 5px;}
.cp .cp_r li a.cpimg{width:222px; height:175px;overflow:hidden; display:block}
.cp .cp_r li a img{ width:220px; height:175px; border:#e9e9e9 1px solid;}
.cp .cp_r li span{ width:220px; text-align:center; display:block; overflow:hidden; margin:0;}
.cp .cp_r li span a{ font-size:13px; padding-top:10px;}

.cp .cp_r li a img{transform:scale(1,1);transition:all 0.6s;}
.cp .cp_r li a img:hover{transition:all 0.6s;transform: scale(1.05,1.05);}
/*end*/

/*  关于 */
.homeTitle{font-size:26px;color:#424141;font-weight:normal;text-align:center;text-transform:uppercase;line-height:30px;margin-bottom:25px;}
.homeTitle span{display:block;color:#c9c8c8;font-family:Arial;font-size:20px;}
.about{background:#efefef;padding:40px 0;overflow:hidden; margin-top:40px;}
.aboutLeft{float:left;width:948px;overflow:hidden;font-size:13px;height:260px;}
.aboutLeft img{ width:336px; height:260px;}
.aboutFont{float:right; width:585px; overflow:hidden;color:#232323;}
.aboutFont h3{font-size:20px;height:33px;}
.aboutFont .font{ height:172px;overflow:hidden;margin-bottom:10px; }
.aboutFont .font td{line-height:24px;}
.aboutFont .btn a{ display:inline-block; width:95px;height:26px; line-height:26px; text-align:center; color:#fff; border-radius:15px;background:#232323;margin-right:10px;}
.aboutFont .btn a:hover{ background:#0187dd;}

/*  荣誉资质 */
.honor{float:right;width:220px;height:291px;overflow:hidden;margin-top:-31px;}
.honor .pageBtn{text-align:right;height:31px;overflow:hidden;font-size:0;line-height:0;}
.honor .pageBtn span{ background:url(../images/honorBtn.jpg) no-repeat 0 0; width:31px;height:31px;;cursor:pointer;overflow:hidden; text-indent:-9999px;display:inline-block;margin-left:1px;zoom:1; }
.honor .pageBtn .next{background-position:-31px 0;}
.honor .pageBtn span:hover{background-position:-62px 0;}
.honor .pageBtn .next:hover{background-position:-93px 0;}
.honor .ohbox{overflow:hidden; position:relative;width:220px;height:260px;}
.honor .piclist{ overflow:hidden; zoom:1; height:260px;}
.honor .piclist li{float:left;width:220px;text-align:center; height:260px; }
.honor .piclist li img{ width:220px; height:260px;}


#demoa {overflow:hidden;width:1200px;margin-right: auto;margin-left: auto;height:240px; padding-top:35px;} 
#demoa img {padding:0px;height:205px;width:270px; border:1px solid #ccc}
#demoa a:hover img {opacity:0.8;filter:alpha(opacity=80);}
#indemoa {float: left;width: 1200%;margin: 0px;padding: 0px;} 
#demo1a {float: left;margin: 0px;padding: 0px;} 
#demo1a ul {list-style-type: none;padding-top: 0px;padding-bottom: 8px;margin: 0px;padding-right: 0px;padding-left: 0px;}
#demo1a li {text-align: center;float: left;padding-right: 6px;padding-left: 6px;color: #ccc;
margin: 0px;padding-top: 0px;padding-bottom: 0px;height: 125px;font-size: 14px;line-height:28px;}
#demo2a {float: left;margin: 0px;padding: 0px;} 
#demo2a ul {list-style-type: none;padding-top: 0px;padding-left: 0px;padding-right: 0px;
padding-bottom: 8px;margin: 0px;}
#demo2a li {text-align: center;float: left;padding-right: 6px;padding-left: 6px;color: #ccc;
height: 125px;line-height:28px;}
#demo2a li a{font-size: 14px;}


.column-head{text-align: center;margin-top:30px;}
.column-head .zh{display: block; font-family: microsoft yahei; font-size: 22px; color: #333; padding-bottom:15px; position: relative;}
.column-head .zh:before{content:''; display: block; width: 50px; height: 2px; background: #0089e1; position: absolute; top:39px; left: 50%; margin-left: -25px;}
.column-head .notes{display: block; font-family: microsoft yahei; font-size: 14px; color: #979797;margin-bottom:6px; text-transform:uppercase}
/*  合作伙伴 */
.partner{padding-bottom:40px; margin-top:40px;}
.partnerSlide{ position:relative;zoom:1; height:97px;margin-top:20px; }
.partnerSlide .ohbox{overflow:hidden; position:relative;width:1200px;height:97px;left:0;}
.partnerSlide .piclist{ overflow:hidden; zoom:1; height:97px; width:1240px;}
.partnerSlide li{float:left;width:176px; height:95px; border:1px solid #d3d3d3;position:relative; margin-right:15px;margin-bottom:16px;}
.partnerSlide li img{ width:176px; height:93px;position: absolute; z-index: 2;transform:rotateY(0deg);transition: all 0.5s ease 0s; backface-visibility: hidden;}
.partnerSlide li span{ position: absolute; width:160px; height:95px; background:rgba(0,0,0,0.7); line-height:95px; text-align: center;transform:rotateY(-180deg);transition: all 0.5s ease 0s; backface-visibility: hidden; color: #fff; font-size: 14px;padding:0 5px;}
.partnerSlide li:hover{ border:1px solid #d4342a;}
.partnerSlide li:hover img{transform: rotateY(180deg); }
.partnerSlide li:hover span{transform: rotateY(0deg);}
.partnerSlide .pageBtn span,.index_case .pageBtn span{ background:url(../images/partnerBtn.png) no-repeat 0 0px; display:block;width:22px;height:43px;position:absolute;top:31%;cursor:pointer;overflow:hidden; text-indent:-9999px; left:-45px;opacity:0.6;filter:alpha(opacity=60);}
.partnerSlide .pageBtn .next,.index_case .pageBtn .next{left:1156px;background-position:-22px 0;}
.partnerSlide .pageBtn span:hover,.index_case .pageBtn span:hover{opacity:1;filter:alpha(opacity=100);}

/*news*/
.floornine{background: #ededed; min-height: 386px;}
.baike{float: left; width:690px;}
.newstit{margin-top: 10px; height: 64px; line-height: 64px;}
.newstit a{color: #333; font-size: 21px;}
.newstit a:hover{color: #333; -webkit-transition: All .2s ease; -moz-transition: All .2s ease; transition: All .2s ease;}
.baikebox{height: auto; overflow: hidden;}
.baikerecommend{float: left; width: 243px;}
.baikerecommend a img{width: 243px; height: 184px; display: block;}
.baikerecommend a h3{padding: 16px 0 6px 23px; font-size: 14px; font-weight: bold; color: #666; background: url(../images/iconred.jpg) no-repeat 0 16px; display:block;overflow: hidden;text-overflow:ellipsis;white-space:nowrap}
.baikerecommend a p{line-height: 20px; color: #888;}
.baikerecommend a:hover img{filter: alpha(opacity=70); opacity: 0.7;}
.baikerecommend a:hover h3{color: #d4342a; -webkit-transition: All .2s ease; -moz-transition: All .2s ease; transition: All .2s ease;}
.baikelist{margin: -10px 0 0 265px;}
.baikelist li{height: 32px; line-height: 32px; background: url(../images/dian.jpg) no-repeat left center; border-bottom:1px dashed #CCCCCC}
.baikelist li a{padding-left: 20px; color: #666;}
.baikelist li a:hover{color: #0187dd; text-decoration: underline; -webkit-transition: All .2s ease; -moz-transition: All .2s ease; transition: All .2s ease;}
.news{float: right; width:456px;}
.newslist{height: auto; overflow: hidden;}
.newslist li{margin-bottom: 24px; height: auto; overflow: hidden;}
.newslist li a{display: block; height: 72px; font-size: 14px; line-height: 20px;}
.newslist li a p{font-family: "宋体"; font-size: 12px; color: #666;}
.datetime{float: left; margin-right: 17px; width: 69px; height: 70px; color: #333; text-align: center; border: 1px solid #dad6d7; background: #dadbdb;}
.datetime h3{font-size: 26px; padding: 14px 0 6px;}
.datetime span{display: block;}
.biaoti{color: #333; margin: -2px 0 7px;}
.biaoti b{font-weight: normal; color: #e60012;}
.newslist li:hover .biaoti{color: #0187dd; -webkit-transition: All .2s ease; -moz-transition: All .2s ease; transition: All .2s ease;}
.newslist li:hover b{padding-left: 5px;}
.newslist li:hover .datetime,
.newslist li.on .datetime{color: #feffff; border: 1px solid #057bc6; background: #0187dd;}


/*底部开始*/
.fbg {overflow:hidden;background:#ddd;margin-top:16px;}
.fbg1{height:50px; background:#0187dd;}
.f_nav { height:50px; text-align:center; color:#fff;}
.f_nav a { padding:0 21px; height:50px; font:14px/50px "微软雅黑"; color:#fff; display:inline-block;) no-repeat right center;}
.f_nav a.nobot { background:none;}

.f_con { height:170px; overflow:hidden; padding:16px 0 0 0;}
.f_con .f_conimg { margin:5px 0 0 85px;}
.f_con .f_conimg img{ width:120px;margin-right:15px; margin-top:30px; opacity:0.8}
.f_con .f_contit { color:#3f3f3f; font:12px/26px "微软雅黑"; text-align:left; padding:0 0 0 16px; overflow:hidden; border-left:1px solid #ddd; width:410px; margin-top:12px;}
.f_con .f_contit a { color:#3f3f3f;}
.f_con .f_contit img { vertical-align:middle; padding:0 0 0 10px;}

.code { width:143px; overflow:hidden; padding:0 0 0 24px;}
.code img { width:122px; height:122px; padding:5px;}
.code span { text-align:center; display:block; color:#3f3f3f; font:12px "微软雅黑";}
/*底部结束*/

/*-------------------------------------------内页样式开始----------------------------------*/
/*bann*/
.bann{ height:280px;}
.nymain{ padding-top:28px;}
.aboutimg{ font-size:14px; line-height:28px;}


/*公共推荐产品*/
.recomd_pro{ position:relative; width:228px; height:auto; margin-top:12px; overflow:hidden;}
.recomd_top{ background:url(../images/cp_lbg.gif) no-repeat; height:40px; line-height:40px; text-align:center;}
.recomd_line{ position:absolute; top:0; right:0; width:3px; height:336px;}
.recomd_top h3{ color:#fff; font-size:18px; font-weight:normal;}
.recomd_top h3 span{ font-size:14px; color:#ccc; font-weight:normal;text-transform:uppercase;}


/*图片带按钮上下滚动*/
a.abtn{ display:block; width:196px; height:18px; overflow:hidden;}
a.aleft{ background:url(../images/recom_tac.jpg) no-repeat center top; margin-bottom:10px;}
a.aleft:hover{ background:url(../images/recom_tho.jpg) no-repeat center top;}
a.aright{ background:url(../images/recom_dac.jpg) no-repeat center top;}
a.aright:hover{ background:url(../images/recom_dho.jpg) no-repeat center top;}
.scrolllist{ width:190px; padding:8px 15px; background-color:#ebebeb;}
.scrolllist .imglist_w{ width:190px; height:372px; overflow:hidden; float:left; position:relative;/*必要元素*/}
.scrolllist .imglist_w ul{position:absolute;left:0px;top:0px;}
.scrolllist .imglist_w li{width:190px; height:186px;}
.scrolllist .imglist_w li img{ padding:4px; border:1px solid #c8c8c8;}
.scrolllist .imglist_w li a{ display:block;}
.pro_imgname{ width:190px; height:32px;overflow:hidden; text-align:center}
.pro_imgname a{ color:#323232; padding-left:2px;}


/*contact*/
.con_con{ float:left; width:40%;}
.con_con1 iframe{ float:right; width:58%;}

/*feedback*/
.feedback{ font-size:22px; margin-top:30px;}
.kk_message{ width:100%;}
.kk_message .kk_msg_input{ width:30%; height:40px; border:1px solid #e0e0e0; float:left; padding:0px 10px; margin:30px 1% 0px 0;}
.kk_message .kk_msg_tex{ width:97%; height:180px; border:1px solid #e0e0e0; padding:10px; margin-top:30px;}
.kk_message .kk_msg_but{ width:200px; height:60px; text-align:center; line-height:60px; background:#d2d2d2; margin:20px 0 50px 350px; font-size:20px; color:#fff; border-radius:5px; cursor:pointer;}
.kk_message .kk_msg_but:hover{ background:#1465c1;}
.kk_message .lstone{ margin-right:0;}

.cp_img{ margin-top:30px; text-align:center}
.cp_img h2{ font-size:18px; height:40px;}
.cp_title{ margin-top:30px;}
.cp_title1{ height:34px; line-height:34px; background:#eee; font-size:16px; text-indent:16px; color:#1465c1;}
.cp_title2{ padding-top:12px; line-height:26px; font-size:14px}
.p_next{ width:100%; margin:20px auto 0 auto; overflow:hidden; background:#f2f2f2; padding:10px 0;}
.p_next p{ display:block; padding:0 2%;}
.p_next a{ font-size:14px; color:#666; line-height:30px;}

/*partner*/
.partner1{}
.partner1 li{ float:left;  margin:0 10px 10px 10px}
.partner1 li img{ width:217px;border:1px solid #CCC;}
.partner1 li span{ display:block; line-height:35px; text-align:center}

/*tour*/
.fancybox_img{width:100%;}
.fancybox_img ul{width:100%;}
.fancybox_img ul li{width:23%;float:left;margin-right:1%;margin-left:1%; margin-bottom:10px;}
.fancybox_img ul li:nth-child(3n){margin-right:0;}
.fancybox_img ul li span{ display:block;text-align:center;line-height:24px; font-size:14px; padding-top:5px;}
.fancybox_img ul li img{ display:block; width:100%;padding:2px; border:1px solid #ddd}
.fancybox_img ul li img:hover{padding:2px;background:#0093dd;}

/*news*/
/*资讯中心页面 结束*/
.news-list { background:#f5f5f5; border:2px solid #eee; height:150px; padding:20px; overflow:hidden; *zoom:1; margin: 0 5px 20px 5px;}
.news-list:hover, .news-list.cur { box-shadow: 0 0 10px #027fcb;}
.news-list .image { float:left; width:223px; height:150px; padding-right:20px; }
.news-list .image img{ width:223px; height:150px; }
.news-list .text h2 { font-weight:100; line-height:22px; height:40px; overflow:hidden;  }
.news-list .text h2 a { color:#027fcb; text-decoration:none;font-size:16px;}
.news-list .text p { line-height:24px; color:#333; font-size:12px; text-align:justify; height:72px; margin-bottom:10px; overflow:hidden; }
.news-list .text .btn { background-color:#EEEEEE;}
.news-list .text .btn a { padding:0 20px 0 20px;float: right; color:#027fcb; border: 1px solid #027fcb; line-height:30px;}

/*详情*/
.projectshow1 .title{ text-align:center; padding-bottom:15px; margin-bottom:15px; border-bottom:1px #cccccc solid;}
.projectshow1 .title h1{font-size:24px; color:#333; padding-bottom:10px;}
.projectshow1 .title .time{ font-size:14px; color:#8b8b8c;}
.projectshow1 .title .time span{ padding:0 10px;}
.projectshow1 .contentbox{ font-size:14px; margin-bottom:20px; line-height:2;}
.projectshow1 .contentbox p{font-size:14px;}
.p_next{ width:100%; margin:20px auto 0 auto; overflow:hidden; background:#f2f2f2; padding:10px 0;}
.p_next p{ display:block; padding:0 2%;}
.p_next a{ font-size:14px; color:#666; line-height:30px;}

/*__________________neiy产品展示____________________*/
#img_p1{ height:100%;margin:0px auto; padding-top:0px; }
#img_p1 ul li{ width:219px;}
.info_img1 a img{ width:212px; height:172px;}
#img_p1 li{ float:left; padding:5px 8px 0px 8px; text-align:center; margin-right:3px;line-height:0}
#img_p1 span.info_img1 a{ display:block; padding:2px; border:1px solid #CCC;}
#img_p1 span.info_img1 a:hover{ display:block; border:1px solid #CCC; padding:2px;opacity:0.8;filter:alpha(opacity=80); }
#img_p1 span.info_title{ display:block; height:32px; line-height:28px; overflow:hidden;}


.proimg{ width:620px; margin:0 auto}
.proimg img{ width:100%;}
.protit{ text-align:center; height:36px; line-height:36px; font-size:16px}

.xsmain_top{ height:35px;line-height:35px;background:url(../images/page_line.jpg) no-repeat 10px 12px #edecec;font-size:16px; font-weight:800; margin:30px auto 0px auto;}
.xsmain_top h2{ line-height:35px; font-size:16px; padding-left: 20px; }

.video li{ float:left; margin-left:35px; width:420px;}
.video li p{ line-height:50px; font-size:18px; text-align:center}