﻿lhost/ybd


@charset "utf-8";

/* base 公共部分 */
body { font: 14px Arial, "思源黑体"; color:#444444; margin: 0px; }
*{ padding:0; margin:0;}
a { color:#666; text-decoration:none;}
a:hover{ color:#062776; text-decoration:none;}
ul,li{ list-style:none;}
img { border:none; }
.clearboth { clear:both; }
.page{ text-align:center; margin:20px 0; width:100%; float:left;}
.page a{ background:#fff; color:#555; margin:0 2px; padding:5px 8px;border:1px #dcdcdc solid;}
.page a.dq,.page a:hover{ background:#062776;color:#fff;}
.wrapper{width:1100px; margin:0 auto; text-align:left;}
/*头部*/
.logo_nav img{height:100px;float: left;}
.header{width:100%;}
.header .top{}
.header .h_top{height: 31px;line-height: 31px;color: #555;text-align:left;background:#f7f7f7;border-bottom:1px solid #eeeeee}
.header .top .welcome{line-height:40px;float:left;color:#fff;}
.header .top .hotline{float:right;color:#00a3f8;}
.header .top .hotline li{margin-right:20px;float:left;line-height:40px;text-indent:40px;}
.header .top .hotline .phone{background:url(../images/phone.png) left center no-repeat;}
.header .top .hotline .email{background:url(../images/email.png) left center no-repeat;}
.logo_nav{height:100px;position:fixed;z-index:9999;top:0;background:#fff;width:100%;}
.logo_nav .logo{float:left}
.logo_nav .name{float:left}
.logo_nav .kouhao{float:left;margin-top:10px;margin-left:15px;}
 .hotline{float:right;width:260px;margin-top:5px;}
 .hotline .tit{height:57px; font-size:14px; color:#676767;padding-top: 10px;margin-bottom: 0px;text-align:left;width:60px;}
 .hotline p{color:#fff;width:80px;text-align:left;height:20px;line-height:20px;margin-top: 10px;}
 .hotline span{font-size: 30px;line-height: 30px;color: #fff; float:left;text-align:left;}
 .header .on .hotline p{color:#333}
 .header .on .hotline span{color:#333}
 


/*焦点图*/
.bannerlc{ width:100%; margin:0 auto; padding:0px;}
.newsbanner{ width:100%; height:550px; margin:0 auto; background:url(../images/banner.jpg) no-repeat center top; }
.newsbanner .wrapper{position:relative;}
#divSmallBox{overflow:hidden;*display:inline;*zoom:1;width:10px;height:10px;margin:0 5px;border-radius:10px;background:#ffffff; z-index:1;}
#playBox{ width:100%; height:550px; margin:0 auto;  position:relative; overflow:hidden; padding-bottom:0px;z-index:1;}
#playBox .focus{width:1920px;height:550px;float:left;overflow:hidden;position:relative;margin-left:-960px;left:50%;z-index:1;}
#playBox .oUlplay { width:99999px; position:absolute; left:0; top:0;height:520px;z-index:1;}
#playBox .oUlplay li{ float:left;height:550px;width:1920px;z-index:1;}
#playBox .pre{ cursor:pointer; width:45px; height:45px; background:url(../images/l.png) no-repeat; position:absolute; top:210px; left:10px; z-index:10;}
#playBox .next{ cursor:pointer; width:45px; height:45px; background:url(../images/r.png) no-repeat; position:absolute; top:210px; right:10px; z-index:10;}
#playBox .smalltitle {width:1920px; height:10px; position:absolute; bottom:35px; z-index:999;margin-left:-960px;left:50%;}
#playBox .smalltitle ul{ width:260px; margin:0 auto;z-index:999;}
#playBox .smalltitle ul li{ width:50px; height:3px; margin:0 5px; border-radius:10px;z-index:999; background:#ffffff; float:left; overflow:hidden;*display:inline;*zoom:1;}
#playBox .smalltitle .thistitle{ background:#c38845;z-index:999;}





.fl{float:left}



/*产品*/
.product2_box{ width:1100px;  float:left;  margin:0px 0px 29px 0px;}
.index_pros_list{ width:100%; padding-top:0px; margin-top:30px; }
.index_pros_list .wrapper{ text-align:center; background:#f0f0f0; padding:20px 10px;}
.product_title{}
.product_title img{ display:block; text-align:center; width:121px; height:29px; margin:0 auto;}
.product_title h1{ font-size:16px; color:#333333; text-align:center; margin-top:6px; margin-bottom:30px;}
.product2_left{ background:#062776; width:263px; float:left; border-bottom:2px solid #062776; margin-bottom:0px;}
.product111{ background:#fff; width:259px; float:left; margin:0 2px;}
.product111 .cptitle{ width:259px; float:left; height:125px;} 
.product111 .cptitle img{ width:259px; float:left; height:123px;} 


.product2_col{ width:259px; float:left; background:#fff; margin-bottom:20px;}
.types{width:239px; float:left; margin-top:20px; padding:0 10px;}
.types li{ float:left; width:235px; height:38px;background:#fff; border:2px solid #f2f2f2; margin-bottom:16px; transition:all 0.6s;}
.types li h1{ font-size:18px; width:235px; height:38px;float:left; text-align:center;}
.types li h1 span{ width:20px; height:38px; font-size:14px; line-height:36px; color:#ccc; float:left; text-align:center; font-weight:normal; transition:all 0.6s;}
.types li h1 a{ color:#333; font-size:14px; line-height:38px; font-weight:normal; float:left; width:215px; text-align:left; transition:all 0.6s;}

.types li:hover{background:#e54048; border:2px solid #e54048; margin-bottom:16px; }
.types li:hover h1 span{ color:#fff;}
.types li:hover h1 a{ color:#fff; }


.index_pros_list #zone{ overflow:hidden; position:relative; width:799px; float:right; margin-top:0px;}
.index_pros_list #zone .ptitle{ overflow:hidden; width:799px; float:left; height:60px; margin-top:0px; background:url(../images/index3.jpg) no-repeat left top;}
.index_pros_list #zone .ptitle h1{ overflow:hidden; width:749px; float:left; height:60px; margin-left:30px; font-size:16px; text-align:left; color:#333; line-height:30px;}

.index_pros_list .pros{margin:0px; overflow:hidden; float:left; width:799px; height:510px;}
.index_pros_list .pros li{width:237px;float:left;padding:10px; overflow:hidden; position:relative; background:#fff; margin:0 12px 30px 0;}
.index_pros_list .pros li h1{ width:237px; text-align:center; font-size:16px; color:#333333; line-height:30px;}
.index_pros_list .pros li.last{margin-right:0px;}
.index_pros_list .pros li a{display:inline-block; float:left;}
.index_pros_list .pros li img{ width:237px; height:178px; float:left; }
.index_pros_list .pros li h3{ width:237px; height:50px; float:left; font-size:14px; line-height:50px; text-align:center; font-weight:normal;}


/*news*/
.box{float:left;width:100%;padding:0}
.tit{text-align:center;font-size:30px;float:left;width:100%;margin-bottom:40px;}
.tit .xian_center{width:40px;height:2px;background:#bbb;display: inline-block;margin-top:24px;}
.box .newsmain{width:100%;}
.box .newsmain ul{margin-left:-50px;}
.box .newsmain ul li{width:360px;margin-left:50px;float:left}
.box .newsmain ul li img{width:360px;height:185px;}
.box .newsmain ul li .newstit{font-size:16px;line-height:45px;width:360px;overflow:hidden;color:#333;border-bottom:1px solid #eaeaea;display: block;margin-bottom:10px;}
.box .newsmain ul li p{width:360px;line-height:24px;color:#666;}


/*about*/
.syabout{ width:100%; height:480px; background:url(../images/index5.jpg)#062776 no-repeat center top; margin:0 auto; padding:40px 0 0 0;}
.syabout .syabout1{ width:1060px; float:left; height:300px; margin:60px 0; background:#fff; padding:30px 20px;}
.syabout .syabout1 .left{ width:660px; float:left; height:280px;}
.syabout .syabout1 .left h1{ width:660px; float:left; height:50px; font-size:22px; color:#333; text-align:left; line-height:40px;}
.syabout .syabout1 .left h1 span{height:50px; font-size:12px; color:#ddd; text-align:left; line-height:44px; padding-left:5px; font-weight:normal;}
.syabout .syabout1 .left .bottom img{ width:284px; float:left; height:215px;}
.syabout .syabout1 .left .bottom .wenz{ width:355px; float:right; height:215px;}
.syabout .syabout1 .left .bottom .wenz h2{ width:355px; float:left; height:30px; font-size:20px; color:#062776; margin-bottom:10px;}
.syabout .syabout1 .left .bottom .wenz .nr{ width:355px; float:left; height:175px; font-size:14px; color:#333;}
.syabout .syabout1 .left .bottom .wenz .nr span{color:#ff8d28;}

.syabout .syabout1 .right{ width:365px; float:right; height:280px;}
.syabout .syabout1 .right h1{ width:365px; float:left; height:50px; font-size:22px; color:#333; text-align:left; line-height:40px;}
.syabout .syabout1 .right h1 span{height:50px; font-size:12px; color:#ddd; text-align:left; line-height:44px; padding-left:5px; font-weight:normal;}


/*多块好省*/
.dkhs{ width:100%; margin:0 auto;}


.about2{ width:100%; float:left;}
.about2 ul li{ width:160px; float:left; height:160px; }
 .about2 ul li .nrb{ width:78px; float:left; height:78px; position:relative; margin: 0px 41px;}
.about2 ul li .nrb img{ width:78px; float:left; height:78px; border-radius:100%;}
.about2 ul li .nrb h1{ width:78px; height:78px; position:absolute; left:0px; border-radius:100%; top:0px; background:rgba(0,0,0,0.6); font-size:50px; line-height:176px; text-align:center; color:#fff; opacity:0; transition:all 0.6s;}
.about2 ul li:hover .nrb h1{ opacity:1;}
.about2 .baog{ width:160px; float:left; height:50px; line-height:50px; color:#fff; text-align:center; font-size:48px;}
 .about2 .baog .f1{ width:160px; float:left; height:50px; line-height:50px; color:#fff; text-align:center; font-size:36px;}
.about2 .baog span{ width:20px; float:left; height:20px; line-height:20px; color:#fff; text-align:center; font-size:36px;}

.about2 .baog .f2{ width:160px; float:left; height:50px; line-height:50px; color:#fff; text-align:center; font-size:36px;}
.about2 .baog .f3{ width:160px; float:left; height:50px; line-height:50px; color:#fff; text-align:center; font-size:36px;}
.about2 .baog .f4{ width:160px; float:left; height:50px; line-height:50px; color:#fff; text-align:center; font-size:36px;}
.about2 .baog1 span{ width:60px; float:left; height:50px; line-height:50px; color:#fff; text-align:left; font-size:36px;}
.about2 h3{width:160px; float:left; height:30px; line-height:30px; color:#fff; text-align:center; font-size:22px;}
.about2 h5{width:30px; float:left; height:30px; line-height:30px; color:#fff; text-align:center; font-size:36px; font-weight:normal; margin:55px 134px 0; border:1px solid #bebab5; border-radius:10px;}



/*case*/
.casemain{float:left;width:100%;}
.casemain ul li{float:left;width:386px;height:280px;margin-left:11px;position:relative;margin-bottom:11px}
.casemain ul li img{width:386px;height:280px;}
.casemain ul li .imgtit{position:absolute;left:20px;bottom:20px;font-size:22px;color:#FFF}emain ul{margin-left:-11px;margin-bottom:50px;float:left}


/*huob*/
.huob{float:left;text-align:center;width:100%;}
.huob ul{margin-left:-9px;margin-bottom:50px;float:left}
.huob ul li{float:left;width:228px;height:135px;margin-left:9px;margin-bottom:10px}
.huob ul li img{width:228px;height:135px;}


/*contact*/
.contact{float:left;width:100%}
.contact .con_left{float:left;width:50%;padding-left:55px;box-sizing: border-box;}
.contact .con_left h2{font-size:26px;color:#0091ba;font-weight:bold;margin-bottom:10px}
.contact .con_left p{font-size:14px;color:#666;margin-bottom:30px;}
.contact .con_left ul{width:500px;}
.contact .con_left ul li{float:left;width:500px;line-height:36px;font-size:16px;}
.contact .con_left ul li img{float:left;margin-right:10px;}
.contact .con_left ul li p{float:left;font-size:16px;}
.contact .con_right{float:right;width:50%;padding-left:30px;box-sizing: border-box;text-align:center}
.contact .con_right h1{font-size:26px;color:#666;margin-bottom:10px;font-weight:400;margin-bottom:25px;}
.contact .con_right ul{margin-left:-16px;float:left}
.contact .con_right ul li{float:left;width:270px;height:42px;line-height:42px;font-size:15px;margin-left:16px;margin-bottom:16px;}
.contact .con_right ul li input{width:270px;height:40px;border-radius:5px;border:1px solid #bbb}
.contact .con_right ul .b_text{width:566px;height:70px;}
.contact .con_right ul .b_text textarea{border:1px solid #666;width:566px;height:70px;box-sizing: border-box;padding-left: 5px;padding-top: 5px;font-size: 15px;border-radius:5px;border:1px solid #bbb}
.contact .con_right .send input{width:166px;height:46px;lin-height:46px;color:#fff;font-size:16px;background:#0091ba;border:0;border-radius:5px;padding:0; cursor:pointer}


/*foot*/
.footer{ width:100%; height:387px; background:#3e3e3e;}
.footer .top1{ width:100%; height:67px; background:#062776; text-align:center; float:left;}
.footer .top1 ul{ margin:0 auto; height:67px; width:630px;}
.footer .top1 ul li{ float:left; height:67px;}
.footer .top1 ul li a{ float:left; height:20px; padding:0 15px; font-size:14px; color:#fff; border-right:1px solid #fff; margin-top:20px;}
.footer .top1 ul li.last a{border-right:0px solid #fff;}

.footer .top2{ width:100%; height:80px; float:left;}

.footer .top2 img{ float:left; height:26px; width:26px; margin-top:27px;}
.footer .top2 a{ height:26px; margin:27px 0 0 15px; float:left; font-size:14px; color:
#fff; text-align:left; line-height:26px;}

.footer .bottom{ width:100%; height:230px; float:left;}
.footer .bottom .left{ width:260px; height:230px; float:left; margin-left:16px;}
.footer .bottom .center{ width:660px; height:230px; float:left; margin-left:0px;}
.footer .bottom .center li{ width:660px; height:36px; float:left; line-height:36px; color:#fff; text-align:left; font-size:14px;}
.footer .bottom .center li a{ height:36px; float:left; line-height:36px; color:#fff; text-align:left; font-size:14px;}
.footer .bottom .right{ width:150px; height:150px; float:right; }
.footer .bottom .right img{ width:150px; height:150px; float:left; }
.footer .bottom .right h2{ width:150px; height:40px; float:left; line-height:40px; font-size:18px; text-align:center; color:#fff; font-weight:normal;}

.part{padding: 50px 0 50px;line-height: 36px; color: #fff;font-size: 16px}
.part h2 {height: 55px;font-size: 22px;background: url(../images/line1.gif) no-repeat 272px 15px;font-size: 22px;line-height: 34px;}
.part h2 span {float: right;font-weight: normal;font-size: 12px;}
.part h2 p {background: url(../images/ico01.gif) no-repeat 2px 4px;padding: 0 0 0 47px;}
.part h2 p a {display: block;color: #000;text-align:left}
.part h2 span a { display: block; color: #333;}
.part_c { border-left: solid 1px #dfdfdf;border-top: solid 1px #dfdfdf; height: 272px;}
.part_c ul {width: 1220px;}
.part_c li { width: 240px;float: left; height: 136px; position: relative; text-align: center;}
.part_c li img {width: 240px;box-sizing: border-box; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box; border-right: solid 1px #dfdfdf; border-bottom: solid 1px #dfdfdf; height: 136px;}
.part_c li span {width: 240px;height: 0;position: absolute;left: 0;top: 0;background: url(../images/bg01.png) repeat;-webkit-transition: height .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);-webkit-transition: height .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.part_c li.cur span, .part_c li:hover span { height: 136px;}
.part_c li span a {display: none;color: #fff;margin: 42px 0 0; padding: 0 19px; border-bottom: solid 1px #fff;}
.part_c li.cur span a, .part_c li:hover span a {display: inline-block;}



.til01 {text-align: center;color: #0088ce;font-size: 34px;line-height: 42px;font-family: "Microsoft Yahei"; font-weight: normal;clear: both;display: block;height: 97px;white-space: nowrap;background: url(../images/tilbg1.png) no-repeat center 17px;}
.til01 a { color: #0088ce;}
.til01 span {display: block;font-size: 22px;color: #555;line-height: 26px;}
.pro_nav {height: 88px;line-height: 53px;}
.pro_nl {height: 53px;overflow: hidden;background: #fff;margin-bottom: 1px;font-size: 16px;}
.pro_nl h4 {font-size: 18px;line-height: 53px; background: #0088ce;padding: 0 0 0 32px;float: left;width: 143px;}
.pro_nl h4 a {display: block;color: #fff;}
.pro_nl ul {float: left;display: block;padding: 0 0 0 36px;width: 988px;}
.pro_nl li {float: left;}
.pro_nl li a {display: block;color: #333;padding: 0 45px 0 16px;background: url(../images/ico08.gif) no-repeat 0 24px;}

.pro_list {height: 460px;position: relative;}
.pa { position: absolute;}
.prev2 .next2 { width: 22px;height: 39px;display: block;right: -42px;top: 96px; z-index: 2;}
.prev2 {left: -42px;}
.prev2, .next2 {width: 22px; height: 39px; display: block; right: -42px; top: 96px; z-index: 2;}
.pro_c {width: 1200px;height: 450px;overflow: hidden; text-align: center;}
.pro_lc {border-left: solid 1px #d6d6d6;}
.pro_lc dl {width: 291px; height: 370px;background: #fff; padding: 5px 4px 0;border: solid 1px #d6d6d6;float: left;border-left: 0;margin-bottom: 20px;}
.pro_lc dl:nth-child(1) {border-left: solid 1px #d6d6d6;}
.pro_lc dt, .pro_lc dt img { width: 291px; height: 218px;display: block; overflow: hidden;}
.pro_lc dd {display: block; padding: 13px 30px 0;line-height: 20px;color: #666; position: relative;height: 138px;margin:0}
.pro_lc dd h4 { color: #0088ce;font-size: 18px;line-height: 46px;height: 46px;background: url(../images/line3.gif) no-repeat center bottom; margin-bottom: 9px;overflow:hidden}
.pro_lc dd h4 a { color: #0088ce;}
.pro_lc dd .pro_lw {height: 60px;overflow: hidden;}
.more01 { width: 128px; height: 35px; line-height: 35px; background: url(../images/icobg1.gif) no-repeat center 0; text-align: center; color: #666; display: block; font-size: 14px; position: absolute; bottom: -17px;left: 82px;}



.edge { background: url(../images/youshi1.png) no-repeat center bottom;font-family: "Microsoft Yahei";font-size: 16px; color: #555; position: relative;line-height: 23px; z-index: 1;}
.edge_bg {background: url(../images/edgebg1.jpg) no-repeat center 0;}
.edge h2 {height: 203px;text-align: center;padding: 84px 0 0 160px;}
.edge1 { height: 692px;}
.edge_w { width: 603px;}
.edge_wc {background: url(../images/edge_tbg.gif) no-repeat 0 0; padding: 61px 0 0; height: 231px;}
.edge_wc h3 {height: 82px; line-height: 82px;font-size: 36px; color: #111; margin-bottom: 45px;text-align:left}
.edge_wc h3 span {width: 99px;float: left;color: #fff;font-weight: normal;font-family: Impact; font-size: 44px;text-align: center; padding: 0 30px 0 0;}
.edge_wc li {background: url(../images/ico03.gif) no-repeat 23px 6px; padding: 0 0 13px 47px;text-align:left}
.edge_wc li em {font-style: normal;font-weight: bold;color: #0088ce;}
.edge2 {height: 672px;padding: 86px 0 0;}
.fr{float:right}


.tec_p {background: url(../images/tecbg.jpg) no-repeat center 0;font-family: "Microsoft Yahei";color: #fff;position: relative;line-height: 23px; padding: 73px 0 0; height: 455px; text-align: center;}
.tec_p .til01 {background: url(../images/tilbg2.png) no-repeat center 17px;color: #fff;}
.tec_p .til01 span, .tec_p .til01 a {color: #fff;}
.tec_pc dl.tec_l2 dt {background: url(../images/teclbg3.png) no-repeat center 0;}
.tec_pc dl {width: 186px;float: left;height: 235px;padding: 0 44px 0 0; background: url(../images/ico04.png) no-repeat right 48px; margin: 0 22px 0 0;}
.tec_pc dl.tec_l1 dt {background: url(../images/teclbg4.png) no-repeat center 0;}
.tec_pc dt em, .tec_pc dt b {display: block;}
.tec_pc dt {width: 130px;height: 98px;display: block;padding: 32px 0 0;background: url(../images/teclbg2.png) no-repeat center 0;font-size: 20px;line-height: 28px;margin: 0 auto 18px;}
dd {display: block;margin-inline-start: 40px;}
.tec_pc dl.born {background: none; margin: 0;padding: 0;}
.tec_pho { display: block;height: 42px;line-height: 42px;clear: both;}
.tec_pho span {display: inline-block; padding: 0 0 0 57px;background: url(../images/c_pho.png) no-repeat 0 0;}
.tec_pho span b {font-family: Impact;font-size: 30px;color: #00bd09;font-weight: normal;}

.newbox {line-height: 21px; height: 745px;font-family: "Microsoft Yahei"; overflow: hidden;padding: 70px 0 0;background: #f7f7f7;}
.til01 a {color: #0088ce;}
.til01 em {display: block;font-size: 14px;color: #c1c1c1;line-height: 16px; letter-spacing: 3px; text-transform: uppercase; font-style: normal;}
.new1, .new2 {width: 504px;overflow: hidden;height: 582px;background: #fff;border: solid 1px #dbdbdb;}
.newtil {height: 55px;line-height: 55px;font-size: 18px;color: #333; border-bottom: solid 1px #dbdbdb; margin-bottom: 20px;padding: 0 30px;}
.more03 a {font-weight: normal;display: inline-block;color: #888; font-size: 12px;}
.newtil a {color: #333;display: block;text-align:left}
.new_l {padding: 0 30px; height: 468px;overflow: hidden;}
.new_l dl {height: 100px;margin-bottom: 26px;border-bottom: dashed 1px #d7d9db;}
.new_l dt { height: 31px;display: block;overflow: hidden;line-height: 30px;padding: 0 0 0 46px; font-size: 16px; background: url(../images/faq_w.gif) no-repeat 0 0;}
.new_l dt a {display: block;color: #222;}
.new_l dd { background: url(../images/faq_d.gif) no-repeat 0 0;padding: 6px 0 0 46px;margin:0}
.new2 {width: 693px; border-right: 0;}
.new_c dl {display: block; height: 387px;background: url(../images/line4.gif) no-repeat 100px bottom;overflow: hidden;margin-bottom: 22px;}
.new_c dt {display: block;height: 273px;}
.new_c dt span {float: left;width: 81px;height: 81px;background: #0088ce;color: #fff; font-size: 14px;line-height: 18px;margin: 0 19px 0 0;text-align: center;}
.new_c dt span em {display: block;font-style: normal;font-family: Impact;font-size: 30px;line-height: 30px;padding: 16px 0 0;}
.new_c dt p, .new_c dt p img { width: 546px; height: 273px;display: block;float: left;overflow: hidden;}
.new_c dd {display: block;padding: 0 100px;margin:0}
.new_c dd h3 {display: block; font-weight: normal;height: 45px;line-height: 45px;font-size: 16px;}
.new_c dd h3 a {display: block;color: #222;}
.new_c ul {padding: 0 46px 0 100px;display: block; clear: both;}
.new_c li {line-height: 22px;height: 22px;padding: 0 0 0 19px; background: url(../images/ico08.gif) no-repeat 0 8px;}
.new_c li span {float: right;}


.pr { position: relative;}
.honner {width: 224px;height: 224px;left: 24px;top: 280px;}
.honner h2 { height: 42px;line-height: 26px;font-weight: normal;font-size: 18px;color: #fff; background: url(../images/line2.png) no-repeat right 12px;}
.aboutil a, .honner h2 a, .honner_c li span a {color: #fff;display: block;}
.honner_c li img {width: 224px; height: 168px;display: block;}
.honner_c li span {display: block;text-align: center;line-height: 36px;}
.aboutil a, .honner h2 a, .honner_c li span a {color: #fff;display: block;}
.about { line-height: 24px;height: 563px; background: url(../images/aboutbg.gif) no-repeat 0 0; margin: 77px 0 80px;}
.aboutil { width: 240px;padding: 74px 0 0 30px;font-size: 24px;line-height: 68px;color: #fff;}
.aboutil span {display: block;  line-height: 30px; text-transform: uppercase;}
.about_c {width: 926px;}
.about_p, .about_p img {width: 926px;height: 440px; display: block;overflow: hidden;}
.about_w {display: block;position: relative;border: solid 1px #dbdbdb;border-top: 0;padding: 24px 35px 0;height: 98px;}
.about_w span {width: 58px;line-height: 22px; position: absolute; bottom: 0;right: 0;}
.about_w p {height: 52px; overflow: hidden;color: #787878;}


.f_bj {color: #fff;clear: both; line-height: 28px;background:url(../images/foot.png)no-repeat;width:100%;height:362px;}
.f_logo {padding: 63px 0 0;}
.f_logo, .f_logo img {width: 123px;height: 104px;display: block;}
.pr {position: relative;}
.f_code { width: 126px;padding: 63px 0 0;}
.f_code p {width: 105px;float: left; padding: 0 0 0 18px; text-align: center;}
.f_code p img {width: 99px; height: 99px; background: #fff; padding: 2px; display: block;border: solid 1px #f1f1f1;}
.f_bj a {color: #96989a;}
.f_logo, .f_logo img { width: 123px;height: 104px;display: block;}
.f_nav {width: 255px;padding: 52px 0 0 15px;}
.f_nav a {padding: 0 0 0 22px;display: inline-block;}
.f_text { display: block;width: 560px;height: 208px;padding: 52px 30px 0 30px; border-right: solid 1px #3d4449; border-left: solid 1px #3d4449;}

.link { height: 59px; line-height: 59px;background: #181c20;color: #929394;}
.link span {width: 82px;float: left;display: block;}
.link p { width: 1118px;float: left; white-space: nowrap;overflow: hidden;}
.link a {padding: 0 29px 0 0;display: inline-block;color: #929394;}





/*===============================关于烨科====================================*/

/*内页左边菜单*/
.sidebar{width:230px;float:left;margin:30px 0px;padding-bottom:24px;color:#ffffff;}
.side_menu{margin-right:20px;border:1px solid #d2d2d2;}
.side_menu .title{height:50px;background:#062776;text-align:center;}
.side_menu .title{line-height:50px;} 
.side_menu .title .name{color:#fff;font-weight:bold;font-size:20px;}
.side_menu .title img{float:left;height:50px;}
.side_menu .title .more{background:#dcdcdc;float:right;}

.side_menu .intro{}
.side_menu .intro ul li{font-size:16px; position:relative;text-align:center;border-top:1px solid #d2d2d2;text-align:center;display:inline-block;margin-left:14px;}
.side_menu .intro ul li a{display:inline-block;width:180px;line-height:41px;text-align:left; font-weight:bold; font-size:16px;color:#424550;overflow:hidden;}
.side_menu .intro ul li.son a{text-align:left; font-weight:normal; font-size:14px;color:#424550;overflow:hidden;}
.side_menu .intro ul li a:hover,.side_menu .intro ul li.on a,.side_menu .intro ul li:hover{color:#062776;}
.side_menu .intro .first{border-top:none;}
.side_menu .service{margin-top:20px;padding-bottom:10px;}
.side_menu .service ul{margin:10px 0px;}
.side_menu .service ul li{display:inline-block;float:left;}
.side_menu .service ul li a{color:#ffffff;padding-left:20px;display:inline-block;width:80px; background:url(../images/point.jpg)  no-repeat left; background-position:10px 8px;}
.side_menu .contact{margin-top:10px;}
#menu2 ul ul{display:none;position:absolute;top:0;left:200px;width:200px;border-left:solid 1px #fff;z-index:10;}

.sidebar .hotline{height:82px;text-align:left;padding-left:70px;width:140px;background-color:#062776;background-image:url(../images/phone_p.png);background-repeat:no-repeat;background-position:13px center;float:left}
.sidebar .hotline .tit{font-size:14px;color:#ffffff;height:26px;line-height:26px;padding-top:12px;margin-bottom: 0px;width: 140px;}
.sidebar .hotline .phone{ font-size:24px;color:#ffffff; font-family:'Impact';}




/*======内页右边内容=====*/
/*内页右边标题*/
.side_right{width:850px;float:right;min-height:400px;margin:30px 0px;}
.side_right .title{padding-bottom:9px;border-bottom:1px solid #eaeaea;margin-bottom:15px;line-height:19px;}
.side_right .title a{display:inline-block;}
.side_right .title .dangq{ font-size:16px;padding-left:6px; float:left;display:none;}
.side_right .title .weizhi{ float:right;}
.side_right .title .weizhi a{padding:0 8px;}
.side_right .title .weizhi .dot{ background:url(../images/dot.png) no-repeat center;display:inline-block;width:10px;height:10px;padding:0;}
.side_right .title a:hover{ text-decoration:underline;}
.wrapper .side_right .title{border-bottom:1px #dddddd solid;padding-bottom:10px;margin-bottom:15px;text-align:left;}
.wrapper .side_right .title span{color:#4fb4e0;font-size:30px;}

/*内页右边单页及表格、表单样式*/
.side_right .intro{line-height:26px;padding:2px;clear:both;text-align:left;}
.side_right .intro p{}
.side_right .intro table{  margin-bottom:20px;}
.side_right .intro table tr td{ padding:4px;}
.side_right .intro table tr td a:hover{color:#c30;}
.side_right .intro table input, .side_right .intro table textarea{ border:solid 1px #ccc; padding:4px; font-family:"思源黑体"; border-radius:3px;}
.side_right .intro table input.button{background:#062776; color:#fff; cursor:pointer; padding:8px 15px; border:none;}
.side_right .intro table.joinus{border-collapse:collapse}
.side_right .intro table.joinus tr td{border:1px solid #cccccc;}
/*===============================产品展示====================================*/
/*新闻列表*/
.news_list{clear:both;}
.news_list ul li{padding:10px 0px;border-bottom:1px solid #eaeaea;}
.news_list ul li img{}
.news_list li .date{display:inline-block;width:100px;height:100px;float:left;}
.news_list li .date span{display:block; text-align:center;}
.news_list li .date span.day{height:60px;line-height:60px; font-size:36px;}
.news_list li .date span.month{font-size:18px; font-weight:100;}

.news_list li .img{display:inline-block;float:left; position:relative;}
.news_list li .img img{width:130px;}
.news_list li .img span{display:block; text-align:center; background:#d8d8d8;color:#999999;}
.news_list li .img:hover span{background:#062776;color:#ffffff;}
.news_list ul li .con{width:740px;float:right;}
.news_list ul li .con .name{margin-bottom:5px;}
.news_list ul li .con .name a{display:block;height:24px; overflow:hidden;font-size:18px;color:#565656;margin:10px 0;}
.news_list ul li .con p{color:#666666; line-height:24px;}

/*新闻详细页*/
.news_show{clear:both;}
.news_show .name{ font-size:20px; text-align:center; line-height:40px; border-bottom:1px dashed #cdcdcd;}
.news_show .date{ text-align:center;border-bottom:dashed 1px #dadada;height:25px;line-height:25px;}
.news_show .date a{margin-right:10px;color:#e22119;}
.news_show .nr{ padding:8px 18px;}
.news_show .nr p{ margin-bottom:10px; line-height:26px;}
.news_show .back{ text-align:center;}
.news_show .back a:hover{ color:#ec6100;}

/*资质认证*/
.honor_list{}
.honor_list ul li{float:left;text-align:center;width:286px;overflow:hidden;position:relative;margin-right:20px;margin-bottom:20px;}
.honor_list ul li.last{margin-right:0px;}
.honor_list ul li a{display:block;}
.honor_list ul li img{width:286px;height:200px;}
.honor_list ul li span{display:block;font-size:14px;text-align:center;line-height:30px;width:286px;height:30px;overflow:hidden;}

/*产品列表*/
.product_list{}
.product_list ul li{ float:left;text-align:center; overflow:hidden;width:260px;position:relative;margin-right:34px;margin-bottom:34px;}
.product_list ul li.last{margin-right:0px;}
.product_list ul li a{display:block;}
.product_list ul li img{width:258px;height:200px;border:1px #e1e1e1 solid;transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;}
.product_list ul li img:hover{ opacity:0.5;}
.product_list ul li span{font-size:14px;text-align:center;line-height:30px;width:258px;height:30px;overflow:hidden;display:block;}

.video_list ul li{ float:left;text-align:center; overflow:hidden;width:289px;position:relative;margin-right:16px;margin-bottom:17px;}
.video_list ul li.last{margin-right:0px;}
/*产品详细*/
.product_show{ padding:20px 0;}
.product_show .name{margin-bottom:20px;text-align:center;}
.product_show h1{font-size:24px;font-weight:normal;}
.product_show .pic{text-align:center;}
.product_show .pic img{max-width:800px;}
.product_show .xq{height:18px;line-height:18px;margin:14px 0;padding-bottom:5px;border-bottom:1px #dcdcdc solid;}
.product_show .neirong{ }

.tags_list{border-top:1px dashed #CCC;border-bottom:1px dashed #CCC;padding:10px 10px;margin-top:20px;}
.tags_list span{color:#062776;margin-right:5px;}
.tags_list span.tit{color:#666666;margin-right:0px;    font-size: 14px;text-align: left;margin-bottom: 0;float: none;}
.prev_next{padding:10px 10px;}
.prev_next a{color:#062776;margin:5px 0;display:inline-block;}
.prev_next a span{color:#666666;}
.prev_next a.none{color:#666666;}

h3.related_title{padding:0 10px;height:30px;line-height:30px;border-bottom:2px solid #78a8d5;margin-bottom:10px;font-weight:bold;}
.related_pros ul{padding:0 2px; text-align:left;}
.related_pros ul li{display:inline-block;width:140px;margin-right:1px;}
.related_pros ul li.last{margin-right:0px;}
.related_pros ul li img{width:138px;outline:1px solid #CCC;padding:1px;height:100px}
.related_pros ul li span{display:block;height:24px;line-height:24px; text-align:center;color:#666666;}
.related_pros ul li span:hover{color:#062776;}
.related_news ul{padding:0 30px; text-align:left;}
.related_news ul li a{color:#666;display:inline-block;height:20px;line-height:20px;}
.related_news ul li a:hover{color:#062776;}


/*footer*/
.foot{ background:#062776;padding-top:30px;color:#ffffff;}
.foot .wrapper{}
.foot .left{display:inline-block;float:left;}
.foot .left p{font-size:14px;line-height:24px;}
.foot .left1{margin-left:232px;}
.foot .left2{margin-left:50px;}
.foot .left3{margin-left:50px;}
.foot .copyright{line-height:50px;}
.foot .copyright a{color:#ffffff;}

.foot2{ background:#000; text-align:left;}
.foot2 .links li{float:left;color:#fff;}
.foot2 .links .first{width:90px;}
.foot2 .links a{display:inline;margin-right:5px; font-size:12px;color:#ffffff;line-height:21px;}
/*sitemap*/
#sitemap{ border:2px dashed #cccccc;margin:20px auto;padding:10px 0;}
#sitemap ul{display:inline-block;}
#sitemap li{margin:5px 10px;}
#sitemap a.level1{font-size:14px;font-weight:bold;color:#009de0; display:block; text-decoration:underline;}
#sitemap a.level2{font-size:12px;font-weight:bold;color:#009de0;display:block;}
#sitemap a.level3{font-size:12px;height:20px;line-height:20px; overflow:hidden;display:inline-block;color:#666666;}
#sitemap li.level2{display:inline-block;float:left;}
#sitemap li.level2 ul{border:1px dashed #cccccc;display:block;}
#sitemap li.level3{display:block;}



.shuiyin {width: 388px;height: 265px;position: absolute;left: 0;top: 0;z-index: 99999;}
.nybanner{width: 100%;height: 350px;background: url(../images/nybanner.jpg) no-repeat center center;margin: 0 auto;    float: left;}

.ystitle{background: url(../images/xian.png) no-repeat;margin: 0 auto;text-align: center;}
.ystitle h1{font-size:32px;font-weight:bold; float:left; width:100%; text-align:center;}
.ystitle h2{font-size:20px;font-weight:normal;margin-top:5px; float:left; text-align:center; width:100%;}








.cp2{ width:118px; float:left; height:58px; background:#f3f3f3; font-size:16px; display:block; line-height:58px; text-align:center;}





/*合作伙伴*/
.hban{ width:100%; margin:0 auto; margin-top:0px; height:495px; }
.hban .rollphotos{ width:1004px; float:left; margin-top:0px; height:310px;  padding-top:0px;}
.hban .ysttitle{ width:1004px; float:left; height:80px; margin-top:40px;}
.hban .top1 span{ width:30px; float:left; height:2px; background:#e6212a; margin:20px 0 0 0;}
.hban .top2{ height:40px; line-height:40px; margin:0px auto; text-align:center; width:300px;}
.hban .top2 h1{ height:40px; line-height:40px; float:left; margin:0 15px; width:210px; font-weight:normal; text-align:center; text-transform:uppercase; font-size:24px; color:#6e6e6e; font-size:32px;  padding:0px;}

.rollphotos1{ width:256px; float:left; overflow:hidden; position:relative; padding:0 50px 0 45px;}
.blk_29 {ZOOM: 1; POSITION: relative;overflow:hidden;}
.blk_29 .Cont1 {	MARGIN: 0px auto; OVERFLOW: hidden; WIDTH: 500px;}
.blk_29 .box {FLOAT: left; width:256px; position:relative; text-align:center; margin:0; height:177px; transition:all 0.6s;}
.blk_29 .box  img{ width:256px; z-index:1; float:left; height:177px; border:3px solid #e3e1e3; margin-bottom:20px;box-sizing: border-box;}
.LeftArr1 .left1 {
  position:absolute;
  left:0px;
  top:70px;
  background: url(../images/left.png) center no-repeat;
  width: 31px;
  height: 32px;
}
.RightArr1 .right1 {
  position:absolute;
  left:316px;
  top:70px;
  background: url(../images/right.png) center no-repeat;
  width: 31px;
  height: 32px;
}

.hban .rollphotos1 {WIDTH: 1004px;margin:0px auto;position:relative;padding:0px;}
.hban .rollphotos1 .title{WIDTH: 1004px; float:left; text-align:center; height:100px; margin:20px 0;}
.hban .rollphotos1 .title h1{width:1004px; float:left; margin-top:10px; text-align:center; font-size:36px; height:48px; line-height:48px; font-weight:bold; color:#fff;}
.hban .rollphotos1 .title h2{width:1004px; float:left; text-align:center; font-size:18px; height:30px; line-height:30px; font-weight:nromal; color:#fff;}
.hban .rollphotos1 .case_bg{WIDTH: 1004px; float:left; padding:0px;}
.hban .bottonbg{background:url(../images/bg11.png) center no-repeat;width:170px;height:55px;display:block;margin:0 auto;}



/*企业风采*/
.qiye{}
.qiye .title{ width:1100px; float:left; height:170px;}
.qiye .title h1{ width:1100px; float:left; height:40px; background:url(../images/index6.jpg) no-repeat center center; line-height:40px; text-align:center; color:#062776; font-size:30px; margin-top:60px;}
.qiye .title h2{ width:1100px; float:left; height:30px; line-height:30px; text-align:center; color:#666; font-size:14px;}


.rollphotos2{ width:1200px; float:left; overflow:hidden;}
.blk_291 {ZOOM: 1; POSITION: relative;overflow:hidden; height:360px;}
.blk_291 .Cont1 {	MARGIN: 0px auto; OVERFLOW: hidden; WIDTH: 500px;}
.blk_291 .box {FLOAT: left; position:relative; width:247px;  position:relative; text-align:center; margin:0 16px 10pxpx 0; padding:10px 7px 0px; background:#fcfcfc; box-shadow:0px 0px 3px 3px #e3e3e3; height:306px; transition:all 0.6s; overflow:hidden;}
.blk_291 .box  img{ width:247px; z-index:1; float:left; height:256px; margin-bottom:0px;box-sizing: border-box;}
.blk_291 .box  h3{ width:247px; z-index:1; float:left; height:50px; margin-bottom:0px;box-sizing: border-box; line-height:50px; background:#e9e9e9; font-size:14px; color:#333;}

/*合作伙伴*/
.ztc{ width:100%; height:450px; margin:0 auto; background:url(../images/ztc.jpg) no-repeat center top;}
.ztc .left{ width:330px; height:450px; float:left;}
.ztc .left .search{ width:300px; float:left; height:50px; background:none; margin-top:220px;}
.ztc .left .search form{ width:300px; background:#e5e5e5; float:left; margin:25px 0 0 0;  border:1px solid #c9c9c9; border-radius:30px; height:50px;}
.ztc .left .search .key{ width:225px; background:none; float:left; padding:0 5px 0 25px; height:50px; line-height:50px;  border:0px; font-size:16px; color:#000;font-family:"思源黑体";}
.ztc .left .search .submit{ width:40px; float:left; height:40px; padding:0; margin:5px 0 0 0; background:url(../images/fdj.png) no-repeat left center; border:0px;}

.ztc .right{ width:845px; height:450px; float:right;}
.ztc .right li.level1{ width:169px; height:450px; float:left; background:url(../images/ztcsx.jpg) no-repeat left top; margin-top:70px;}
.ztc .right li.first{background:none; margin-top:70px;}
.ztc .right li.level1 .parent{ width:169px; height:45px; float:left; margin-bottom:28px;}
.ztc .right li.level1 .parent a{ width:129px; height:45px; overflow:hidden; float:left; display:block; font-size:20px; text-align:left; padding:0 10px 0 30px; line-height:45px; color:#333;}
.ztc .right li.level1 ul{ width:129px; height:310px; float:left; margin:0 10px 0 30px;}
.ztc .right li.level1 ul li{ width:129px; height:28px; float:left;}
.ztc .right li.level1 ul li a{ width:129px; height:28px; float:left; line-height:28px; text-align:left; font-size:15px; color:#666;}


.probox .more{text-align:center;color:#fff;}
.probox .more a{background:url(../images/more.png) no-repeat right 10px;width:125px;height:26px;line-height:26px;color:#fff;}




/*新闻中心*/
.news{padding:50px 0 0;}
.news .newstitle{ width:695px; height:52px;border-top:4px solid #062776;}
.news .newstitle .left{  height:50px;  float:left;}
.news .newstitle a h1{ height:20px; float:left; background:url(../images/news1.png) no-repeat 10px 15px; padding:0 10px; margin-top:20px;  font-size:18px; line-height:20px; text-align:left; color:#000;font-weight:normal; border-left:1px solid #666;}
.news .newstitle a.first h1{ color:#062776; border-left:0px solid #666;}
.news .newstitle a{height:50px;  font-size:16px; float:left; line-height:50px; text-align:right; color:#062776;}
.news .newstitle a h1:hover{color:#005ead}
.news .newstitle .right{ width:389px; height:30px; float:right;}
.news .newstitle .right a{float:right;width:80px; font-size:14px; color:#666; text-align:right;}
.news .newstitle .right a:hover{color:#666}

.news_tit{margin-top:0px;}
.news_tit .jies p{width: 304px;float:left;color: #666;height:20px;line-height:20px;margin-bottom:0px; font-size:14px;}

.news_foot{margin:0;float:right;margin-left:0px; width:360px;}
.news_foot li{width:345px;height:48px;border-bottom:1px dashed #bfbfbf;background:url(../images/left_t.png) no-repeat left 22px;padding-left:15px;box-sizing:border-box;float:left;line-height:48px;margin-left: 0px;}
.news_foot span{float:right}

.news .box{width:695px;float:left; margin-right:20px;  overflow:hidden;}
.news .cjwt{width:370px;float:right; margin-right:0px; height:380px;}
.news .box .first_ul{ width:305px; height:268px; float:left; padding:0; margin-top:20px;}
.news .box .first_ul li{ width:304px; float:right;}
.news .box .first_ul li.first{border:none;margin-bottom:0px; float:left; width:302px; height:207px;}
.news .box .first_ul li.first img{width:304px;height:207px;margin-top:0px;}
.news .box .first_ul li a{display:inline-block;width:304px;height:36px;line-height:36px;font-size:14px; color:#666; font-weight:bold;}

.news .box .index_title{height:38px; background:#0a3f73; line-height:38px;}
.news .box .index_title span{font-size:18px;color:#ffffff;float:left; padding-left:10px;}
.news .box .index_title a{float:right;line-height:38px; color:#ffffff; padding-right:10px;}


/*常见问答*/
.projects{margin-top:0px;}
.projects .overbox .right{float:left; margin-bottom:20px;width:370px; height:52px; line-height:50px; border-top:4px solid #062776;}
.projects .overbox .right h1{ height:50px; float:left; font-size:18px; line-height:50px; text-align:left; color:#000;font-weight:normal}
.projects .overbox .right h1:hover{color:#005ead}
.projects .overbox .right .gengd{width:50px; height:32px;  font-size:14px; float:right; line-height:32px; text-align:right; color:#000; padding:0; margin:0;}
.projects .overbox .right .gengd:hover{color:#005ead}
.projects #demo{height:260px; padding:0px; overflow:hidden; float:left;}
.projects table{width:95%;margin:0px auto;}
.projects table.con tr{ }
.projects table.con tr td{height:80px; text-align:left;overflow:hidden;}
.projects span{height:30px;display:inline-block;margin-right:10px;line-height:30px;}
.projects .wen {background:url(../images/wen.png) no-repeat; font-size:16px; color:#002b66;}
.projects .da {background:url(../images/da.png) no-repeat; padding-bottom:10px; border-bottom:1px dashed #ccc; margin-bottom:20px; color:#666; font-size:16px;margin-top:10px;}
.projects a{padding-left:40px;width:320px;line-height:24px; float:left; font-size:16px;}
.projects .last{border:none;margin-bottom:0px;height:60px; text-align:center;}
.projects a{width:330px; text-align:left; display:block; margin:0px 0 0 0;}
.projectst img{width:148px; height:20px; margin:0 auto;}


/*优势*/
.ys{padding:50px 0;height:1355px;box-sizing: border-box;width:100%; padding-top:185px; background:url(../images/index2.jpg) no-repeat center top; margin-top:55px;}
.ys li{width:100%; float:left;}
.ys .left .wenz{width:568px; float:left; margin-top:100px;}
.ys .left .wenz .top{width:568px; float:left; height:84px; border-bottom:2px dotted #8a8a8a;}
.ys .left .wenz .top .hei{width:60px; float:left; height:58px; background:url(../images/index4.jpg) no-repeat center center; color:#1e3988; font-size:22px; line-height:58px; text-align:center;}
.ys .left .wenz .top h1{width:508px; float:left; height:58px; font-size:26px; color:#333; line-height:58px; text-align:left;}
.ys .left .wenz .top h1 .hong{color:#da251c;}
.ys .left .wenz p{width:568px; float:left; font-size:14px; color:#555; line-height:28px; text-align:left; margin-top:10px;}
.ys .left img{width:480px; float:right; margin-top:20px;}

.ys .right .wenz{width:568px; float:right; margin-top:100px;}
.ys .right .wenz .top{width:568px; float:left; height:84px; border-bottom:2px dotted #8a8a8a;}
.ys .right .wenz .top .hei{width:60px; float:left; height:58px; background:url(../images/index4.jpg) no-repeat center center; color:#1e3988; font-size:22px; line-height:58px; text-align:center;}
.ys .right .wenz .top h1{width:508px; float:left; height:58px; font-size:26px; color:#333; line-height:58px; text-align:left;}
.ys .right .wenz .top h1 .hong{color:#da251c;}
.ys .right .wenz p{width:568px; float:left; font-size:14px; color:#555; line-height:28px; text-align:left; margin-top:10px;}
.ys .right img{width:480px; float:left; margin-top:20px;}