@charset "utf-8";
html,body{height:100%; padding:0px; margin:0px;min-width: 1200px;font:15px 微软雅黑;color:#444;}
.fl {float:left;}
.fr {float:right;}
.clear{clear:both;}
.border{border:1px solid #DFDFDF;}
a { text-decoration: none; outline: none; color: #333; transition: 0.2s; }
p{text-align: justify;text-justify:inter-ideograph;margin: 0;}
li { list-style-type: none; vertical-align: top; margin: 0;padding:0;}
ul {margin: 0;padding: 0;}
img{margin: 0;padding: 0;}
img { border: 0; vertical-align: top; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; margin: 0;padding: 0}
.content{width:1200px;margin:0 auto;}
em ,i{font-style: normal;}

/*banner*/
.flexslider{margin:0 auto 0;position:relative;width:100%;height:600px;overflow:hidden;zoom:1}
.flexslider .slides li{width:100%;height:100%}
.flex-direction-nav a{width:70px;height:70px;line-height:99em;overflow:hidden;margin:-35px 0 0;display:block;background:url(../images/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;-webkit-transition:all .3s ease;border-radius:35px}
.flex-direction-nav .flex-next{background-position:0 -70px;right:0}
.flex-direction-nav .flex-prev{left:0}
.flexslider:hover .flex-next{opacity:.8}
.flexslider:hover .flex-prev{opacity:.8}
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{opacity:1}
.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center}
.flex-control-nav li{margin:0 2px;display:inline-block;zoom:1}
.flex-control-paging li a{background:#dfdfdf;display:block;height:10px;overflow:hidden;text-indent:-99em;width:10px;cursor:pointer;-webkit-transition:all 0s ease;border-radius:10px}
.flex-control-paging li a.flex-active,.flex-control-paging li.active a{background:#12923c}
.flexslider .slides a img{width:100%;height:600px;display:block}

/*头部*/
.header{width:100%;height:auto;overflow:hidden}
.wel{height:35px;font-size:15px;background-color:#2186E3;color:#fff;}
.wel span{line-height: 35px;}
.wel .lx a{line-height: 35px;color:#fff;}
.logo{height:120px}
.logoimg img{height: 110px}
.logoct{margin-top:35px}
.tel img{padding-top:6px}
.h24{height:51px;float:right;color:#333;font-size: 15px;padding-left: 10px;}
.num{line-height:35px;display:block;font-size:32px;font-weight:700;font-family:Arial,Helvetica,sans-serif;color:#12923c}

/*导航栏目*/
.nav{width:100%; border-top: 1px solid #d6d6d6;height:58px;position:relative; z-index:99999;}
.nav>ul{width:1200px; height:58px; line-height:58px;margin:0 auto;position:relative;}
.nav li{width:171px; height:58px; display:block; float:left;}
.nav li>a{width:100%; height:58px;display:block;float:left; text-align:center; font-size:16px;color:#555; border-right:#d6d6d6 solid 1px;font-weight: bold;}
.nav li:nth-child(7) > a{border-right: 0px}
.nav li>a:hover{background:url(../images/navah.jpg) repeat-x left;color:#FFF;}
.nav li>a:hover,.nav li>a.on{background:url(../images/navah.jpg) repeat-x left;color:#FFF;}
.topNav{width:100%; height:58px;position:relative; z-index:99999;}
.navMain{width:1200px; height:58px; line-height:58px;margin:0 auto;position:relative;}
.nav1{width:133px; height:auto;background:url(../images/prolbg.png) no-repeat 10px 0px;}
.navSub{width:1920px; height: 187px; display: none; overflow: hidden; position:absolute; top:58px; left:-360px; background-color:rgba(0,40,130,0.35);} 
.navSub ul{ width:1200px; height:auto; overflow:hidden; margin:0 auto; padding-top:10px;}
.navSub a{ width: 133px;height:35px;color: #fff; display: block; text-indent:31px;} 
.navSub a:hover{ text-decoration:underline; font-weight:bold;} 
.navSub dl{width: 133px; float: left;line-height:46px; position: relative;} 
.navSub dt{position: absolute; width: 100%; height: 100%; left: 0; top: 0; text-indent: -5000px; background-position: -1120px 0; display: none;} 
.navSub dd{position: relative;}
.nav2{margin-left:133px; width:133px; height:auto;background:url(../images/prolbg.png) no-repeat 10px 0px;}

/*推荐展示的产品*/
.hotpro{ height:191px; background-color:#2186E3;}
.nr{ position:relative;}
.hotprol{ width:882px; height:136px; float:left; background-color:#f1f1f1; margin-top: 30px;}
.picScroll{width:100%;overflow:hidden;position:relative}
.picScroll .hd{width:100%;height:34px;position:absolute;z-index:0}
.next{width:30px;height:30px;display:block;position:absolute;left:4px;top:48px;background:url(../images/left.png) no-repeat left}
.prev{width:30px;height:30px;display:block;position:absolute;right:4px;top:48px;background:url(../images/right.png) no-repeat left}
.next:hover{background:url(../images/left2.png) no-repeat left}
.prev:hover{background:url(../images/right2.png) no-repeat left}
.picScroll .bd{width:800px;position:relative;overflow:hidden;margin:0 auto;z-index:1;margin-top:16px}
.picList{width:105%;height:auto;position:relative}
.picList li{width:140px;height:105px;float:left;margin-right: 25px;box-shadow: 3px 7px 11px #ccc;}
.picList li:hover img{transform:rotateY(360deg);transition:all .8s;cursor:pointer}
.picList li img{width:140px;height:105px;}

/*右侧框文字*/
.hotpro .contact{width:298px;height:243px;background:url(../images/hezuobg.png) no-repeat left;position:absolute;top:-51px;right:0;z-index:9999}
.contact .tel{width:178px;height:37px;padding-top:25px;padding-left:85px}
.contact .s1{width:100%;height:18px;line-height:18px;display:block;color:#fff;font-size:16px}
.contact .s2{width:100%;height:auto;display:block;color:#fff;font-size:22px;font-weight:700}
.slogen{width:219px;height:150px; background-color: #fff;margin: 20px auto 0;}
.slogen p.p1{font-size:18px;color:#333;line-height: 40px;text-align: center;padding-top: 20px}
.slogen p.p2{font-size:20px;color:#454545;font-weight: bold;line-height: 45px;text-align: center;}

/*统一使用的标题*/
.pubtit{height: 100px;margin:0 auto;text-align: center; }
.pubtit span{display: block;line-height: 30px;font-size: 32px;color: #c7c6c6;text-transform:Uppercase;font-family:"arial";}
.pubtit p{line-height: 40px;text-align: center;color: #666;font-size:30px;font-weight: 600;}

/*产品*/
.pro{padding-top: 50px;}
.pro_body{padding-top: 20px;}
.pro_l{width: 270px;background: #fff}
.pro_l .pl_top{width: 270px;height: 85px;background: #2186E3;color: #fff;font-size: 33px;font-weight: bold;text-align: center;line-height: 85px;letter-spacing: 3px}
.pro_l > ul{padding-top: 5px; padding-bottom: 20px;border: 1px solid #dfdfdf;}
.pro_l > ul > li > a{display: block;width: 210px;height: 30px;line-height: 30px;background: #e3e3e3;color: #fff;padding-right: 15px;padding-left: 15px;font-size: 15px;color: #333;margin: 13.5px auto 0px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;border-radius: 5px;}
.pro_l > ul > li:hover > a{color: #fff;background:url(../images/jthover.png) no-repeat 210px 10px #2186E3;}
.pro_l > ul > li > ul{padding: 5px 0}
.pro_l > ul > li > ul li{height: 25px;line-height: 25px;}
.pro_l > ul > li > ul li a{color: #666;font-size: 14px;display: block;width: 200px;padding-left: 50px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pro_r{width: 930px;}
.pro_r ul li{width: 268px;margin-left: 39px;float: left;margin-bottom: 35px}
.pro_r ul li .zi{width: 268px;height: 50px;background: #fff;border:1px solid #dfdfdf;border-top: 3px solid #2186E3;line-height: 50px;}
.pro_r ul li .zi span{font-size: 15px;padding-left: 20px;display: inline-block;width: 197px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pro_r ul li .zi em{display: inline-block;height: 50px;width: 50px;border-left: 1px solid #dfdfdf;background: url(../images/jt1.png) no-repeat center ;}
.pro_r ul li:hover .zi{background: #dfdfdf;color: #333;border-top: 3px solid #12923C;}
.pro_r ul li:hover em{background: url(../images/jt2.png) no-repeat center #12923C;}
.pro_r ul li .img{width: 270px;height:202px;overflow: hidden;}
.pro_r ul li .img img{ width:270px;height: 202px; display: block;
    -moz-transition:.5s ease-in;
    -webkit-transition:.5s ease-in;
    -o-transition:.5s ease-in;
    -ms-transition:.5s ease-in;
    transition:.5s ease-in;}
.pro_r ul li:hover img{ transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1)}

/*优势*/
.adv{height: 275px;background: url(../images/advbg.png) no-repeat center;}

/*关于我们*/
.company{padding-top:50px}
.company .cotit{width:100%;height:50px;line-height:50px;padding-bottom: 30px;}
.company .cotit span.s1{font-size:32px;font-weight:700;color:#2186E3}
.company .cotit span.s2{line-height:60px;font-size:16px;color:#8a8a8a;padding-left:15px}
.company .intr a.more{display:block;width:51px;height:24px;line-height:24px;background-color:#12923c;color:#fff;text-align:center; margin-top: 16px;}
.company .intr a.more:hover{background-color:#2186E3}
.company .intr p{text-indent: 2em;}
.company .nr{line-height: 25px;}
.company .cfimg {width:600px;height:332px;padding-right:20px}
.company .cfimg img{width:600px;height:332px;}
.company .intr{width: 580px;}
.company .abtit{height:110px;font-size: 30px;color: #222222;}
.company .abtit a{color: #666;}
.company .abtit em{display: block;width:285px;line-height: 36px;text-align: center;font-size: 18px;font-weight: bold;color: #fff;margin-top: 20px;background-color: #2186e3;   }

/*轮播图片*/
.ccscroll{margin-top: 50px;background: url(../images/ccbg.jpg) no-repeat center; }
.f_pr {position: relative;}
.m_xc{height: 200px;padding-top: 20px;}
.m_xc .tit{float: left;width: 240px;height: 122px;padding: 36px 25px 0 0;font-size: 24px;font-weight: bold;margin-right: 100px;}
.m_xc .tit p.p1{font-size: 32px;line-height: 45px;}
.m_xc .tit p.p2{line-height: 30px;font-size: 16px;color: #fff;text-transform: uppercase;font-weight: normal;padding-bottom: 15px;border-bottom: 2px solid #fff;width: 155px;}
.m_xc .tit a{color: #fff;}
.m_xc .tit em{display: block;font-size: 30px;padding-top: 10px;color: #12923c;}
.m_xc .xclst{float: left;width: 835px;}
.m_xc .xclst li{float: left;width: 240px;height: 180px;overflow: hidden; margin-right: 10px;margin-left: 5px;}
.m_xc .xclst li img{width: 240px;height: 180px;display: block;transition: all 0.3s linear 0s;}
.m_xc .xclst li:hover img{transform: scale(1.1);}
.m_xc .u_ljt,.m_xc .u_rjt{position: absolute;width: 48px;height: 48px;}
.m_xc .u_rjt{left:300px;top:95px;background: url(../images/ljt2.png) no-repeat;}
.m_xc .u_ljt{left:1152px;top:95px;background: url(../images/rjt2.png) no-repeat;}
.m_xc .u_rjt:hover,.m_xc .u_ljt:hover{background-position:-48px 0 }

/*新闻中心*/
.news{padding-top:50px;padding-bottom: 50px;}
.new_l{width:786px;height:539px;box-sizing:border-box;border:1px solid #e8e8e8}
.new_l .exm{font-weight:400;padding:18px 26px 0;height:169px;border-bottom:1px solid #e8e8e8;overflow:hidden}
.new_l .exm i{display:block;overflow:hidden}
.new_l .exm i span{display:inline-block;width:49px;height:48px;font-size:24px;background:url(../images/h_hot.png) no-repeat;padding:8px 6px 0 0;line-height:39px;text-align:center;margin-right:6px;float:left}
.new_l .exm i a{display:inline-block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;float:left;color:#111;font-size:18px;padding-top:17px}
.new_l .exm i a:hover{color:#2186E3}
.new_l .exm em{display:block;font-size:14px;color:#999;line-height:26px;padding-top:10px}
.new_l .exm em a:hover{color:#2186E3}

/*两个示范*/
.n_on{height:155px;border-bottom:1px solid #e8e8e8;margin-bottom:20px}
.n_on .n1{overflow:hidden;float:left;padding:28px 0 0 28px;width:342px;margin-right:23px}
.n_on .n1:last-of-type{margin-right:0;border-left:1px solid #e8e8e8;height:128px}
.n_on .n1 .date{float:left;width:52px;height:99px;background:#ccc;text-align:center;box-sizing:border-box;font-family:Arial;font-size:16px;color:#fff;padding-top:30px}
.n_on .n1 .date span{display:block;    font-size: 20px;line-height: 30px;}
.n_on .n1 .nr{float:right;width:278px;float:right}
.n_on .n1 .nr a{ display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-size:16px;color:#333;font-weight:400;margin:10px 0}
.n_on .n1 .nr p{color:#999;font-size:14px;line-height:26px}
.n_on .n1:hover .date{background:#2186E3}
.n_on .n1:hover .nr a{color:#2186E3}


/*左边*/
.new_l ul{padding-left:28px}
.new_l ul li{overflow:hidden}
.new_l ul li{padding-left: 18px; line-height: 35px;overflow: hidden;background:url(../images/n_io.jpg) no-repeat 0 15px}
.new_l ul li a{font-size:14px;color:#333;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.new_l ul li a:hover{color:#2186E3}
.new_l ul li span{display:inline-block;float:right;padding-right:28px;color:#8c8c8c;font-size:14px}
/*右侧百科*/
.new_r{width:381px;height:539px;background:#f1f1f1;box-sizing:border-box;padding:0 15px}
.new_r .nrtit{font-weight:400;line-height:100%;padding:20px 0 19px 0}
.new_r .nrtit a{font-size:20px;color:#333}
.new_r .nrtit span{display:inline-block;float:right;padding-top:7px}
.new_r .nrtit span a{font-size:14px;color:#666}
.new_r .nrtit a:hover{color:#2186E3}
.new_r .n2{height:288px;overflow:hidden;border-bottom:1px dashed #ccc;margin-bottom:20px}
.new_r .n2img{width: 360px;height: 200px;}
.new_r .n2img img{width: 360px;height: 200px;}
.new_r a.n2tit{display: block; color: #454545; font-size: 16px; line-height: 27px;padding: 18px 18px 0;overflow: hidden; text-overflow:-o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.new_r a.n2tit:hover{color:#2186E3}
.new_r ul li{padding-left:24px;line-height: 35px;background:url(../images/n_io.png) no-repeat 8px 15px}
.new_r ul li a{font-size:14px;color:#333;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.new_r ul li a:hover{color:#2186E3}

/*底部*/
.footer{background:#242d34;padding-top:50px;font-family:"Microsoft Yahei"; box-sizing: border-box;}
.footer .flogo{height: 150px; width: 360px;}
.footer .flogo img{width: 220px; height:138px;}
.footer .flogo p{font-size: 20px;font-weight: bold;color: #fff;padding: 25px 0;}
.footer .ftgy{ padding-bottom: 40px;}
.footer .ftgy span{display: block;line-height: 34px;font-size: 20px;color: #fff;margin-bottom: 10px;text-transform:Uppercase;font-family: "arial"}
.footer .ftgy li{line-height: 36px;font-size: 14px;color: #aaacae;}
.footer .ftgy li a{color: #aaacae;}
.footer .ftpro{float: left;width: 192px;}
.footer .ftnav{float: left;width:320px;}
.footer .ftnav li{float: left;width: 100px;}
.footer .ftnav li a{color: #aaacae;}
.footer .addlst li{position: relative;line-height: 36px;padding-left: 38px;color: #aaacae;}
.footer .addlst li a{ color: #aaacae; }
.footer .addlst li em{position: absolute;left:0;top:5px;}
.footer .addlst ul.ul2{padding-left: 100px}

.footer .copyr{border-top: 1px solid #3a4249;font-size: 14px;color: #7f8386;line-height: 40px;}
.footer .copyr span{display: block;color: #7f8386;}
.footer .copyr span a{color: #7f8386;}
.footer .copyr span.tech{display: block;text-align: center;}