@charset "utf-8";
/* CSS Document */
* {margin:0; padding:0; }
body{color:#666;font-size:12px;font-family:"微软雅黑"; position:relative; background-color:#ffffff;}
table {border-collapse:collapse; border-spacing:0;}
table th , table td {padding:5px;}
ol,ul {list-style:none;}
ul, li {list-style-type: none; }
a {color:#666; text-decoration:none;}  /*for ie f6n.net*/
a:focus{outline:none;} /*for ff f6n.net*/
a:hover {text-decoration:none;}
h3{font-weight:normal;}
.cle { font-size:0;display:block; clear:both; }
.index{background:#f5f5f5;}



.header{width:100%; height:194px; overflow:hidden; background:url(../images/zhiye_02.jpg) top repeat-x;}
.header .top{width:1200px; height:147px; margin:0 auto;}
.header .top .logo{width:578px; height:99px; float:left;padding-top:20px;}
.header .top .con{width:290px; height:147px; float:right;}
.header .top .con h3{ color:#005bac;margin-top:30px; font-size:17px; font-weight:bold;}
.header .top .search{height:30px; width:290px; font-size:16px; padding:5px 10px; background-color:#eeeeee; float:left;margin-top:5px; }
.header .top .search .form{ width:100%;} 
.header .top .search .key{ width:250px; height:30px; line-height:30px; padding:0; margin:0; float:left;box-sizing:border-box; border:none;background:none}
.header .top .search .submit{width:36px; height:30px; background-color:#000; float:right; color:#FFF; line-height:30px; text-align:center; display:block; overflow:hidden;}
.header .top .phone{ width:220px; height:80px; float:right; text-align:right; margin-top:30px; }
.header .top .phone h3{ font-size:16px; color:#000}
.header .top .phone p{font-size:14px; color:#76838f;}


.header .menu{ width:1200px; margin:0 auto; height:47px;}
.header .menu ul{ width:auto; height:47px; text-align:center;}
.header .menu ul li{padding:0 20px; height:47px;  text-align:center; line-height:47px; display: inline-block}
.header .menu ul li a {font-size:14px; font-weight:normal; color:#fff;}

.header .menu .mainlevel ul {display:none; position:absolute; z-index:9999; margin-top:-1px; margin-left: -55px; background:#eef1f4; width:200px; height:auto}
.header .menu .mainlevel li { height:40px;line-height:40px; /*IE6 only*/; width: 160px; float: left; text-align: center;}
.header .menu .mainlevel li a{color:#4f4f4f; font-weight:normal; font-size:14px;}
.header .menu .mainlevel li a:hover{height:40px;line-height:40px; color:#000}



.banner{width:100%; overflow:hidden;}
.banner img{ width:100%}
.banner .swiper-pagination-bullet-active {opacity:1; background:#005083; width:10px; border-radius:10px; height:10px;}
.banner .swiper-pagination-bullet {display:inline-block; background: #0065a6;}  


#container{ width:100%; height:auto; overflow:hidden;}
.row{width:100%; height:auto; overflow:hidden;}
.md-5{width:1200px;height:195px; margin:0 auto;}
.col_1{background-color:#0ca600;width:33.33%; float:left;height:195px;}
.col_2{background-color:#005bac;width:33.33%; float:left;height:195px;}
.col_3{background-color:#006cce;width:33.33%; float:left;height:195px;}
.counter{text-align:left;position:relative; padding:20px 10px;}
.counter .counter-content{padding:30px 20px 50px;  color:#fff; position:relative;}
.counter .counter-icon{ float:right;}
.counter .counter-value{display:block;font-size:14px; float:left; width:70%;}
.counter .tit{font-size:20px;float:left; width:70%; padding-bottom:10px;}




.about{width:1200px; height:520px; margin:0 auto; padding-top:70px; overflow:hidden;text-align:center; background:url(../images/zhiye_23.jpg) top center no-repeat}
.about .con_img{float:left; width:460px; text-align:center; padding-top:50px;}
.about .con_img img{}
.about .con_txt{width:730px; float:right; padding-right:10px;}
.about .con_txt .til{ height:45px; width:100%; text-align:center}
.about .con_txt .til h3{font-size:34px; color:#000; font-weight:bold;}
.about .con_txt .til p{text-align:center; margin:0;}
.about .con_txt img{ float:left;}
.about .con_txt p{width:740px; float:right; color:#666;text-align:left; font-size:15px;margin:50px 0 20px 0; line-height:3em;}
.about .con_txt span{width:105px; height:30px; display:block; float:right; background:#FFF; border:1px solid #333; line-height:30px; font-size:16px;}




.prbg{ background:url(../images/zhiye_30.jpg) top center no-repeat; margin-top:50px;}
.product{ width:1200px; height:auto; margin:35px auto; overflow:hidden;}
.product .title{ width:100%; height:100px;overflow:hidden;text-align:center; color:#fff; margin:0 auto;float:none; }
.product .title h3{font-size:30px; line-height:45px; height:45px; }
.product .title p{font-size:14px; height:50px;}

.product .pl{width:100%; height:40px; overflow:hidden;margin-top:30px;}
.product .pl li{width:176.5px; height:40px; float:left; margin-left:20px; background-color:#0ca600;}
.product .pl li p{ font-size:16px; text-align:center; line-height:40px; color:#FFF}




.product .pr_list{width:1200px;margin-top:30px; height:auto; overflow:auto; color:#686868; text-align: center}
.product .pr_list li{ width:261px; padding:10px 7px; height:290px; float:left; background-color:#f2f2f2; margin-left:20px; text-align:center;}
.product .pr_list li i{ display:block; width:100%; height:210px; overflow:hidden; position:relative}
.product .pr_list li img{ transition:all 1s ease; border:1px solid #FFF;}
.product .pr_list li h3{ font-size:14px; line-height:30px; padding-left:10px; margin-top:10px}
.product .pr_list li p{ font-size:12px; line-height:1.5em; padding-left:10px;}
.product .pr_list li:hover {color:#333}
.product .pr_list li:hover span{ color:#03C; border:1px solid #03C; margin-top:5px;}
.product .pr_list li:hover img{ transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2); -o-transform:scale(1.2);-webkit-transform:scale(1.2);}




.information{width:1200px; height:auto; overflow:hidden; margin:50px auto 15px auto; }
.information .title{ width:100%; height:auto;overflow:hidden; text-align:center; color:#131618; border-bottom:1px solid #eee; margin-bottom:45px;}
.information .title h3{ font-size:30px;}
.information .title p{ font-size:14px;  color:#666;}
.information .title i{ width:80px; height:2px; background-color:#000; display:block; margin:0 auto; margin-top:5px;}

.information .img_news{width:590px; height:auto; overflow:hidden; float:left; }
.information .img_news ul{ width:590px; height:320px;}
.information .img_news li{width:273px; float:left; margin-right:15px;}
.information .img_news li img{ width:270px; height:195px; border: 1px solid #DADADA;}
.information .img_news li h3{ font-size:15px; font-weight:bold; line-height:30px; width: 273px; height: 30px; overflow: hidden;}
.information .img_news li p{ font-size:14px;line-height:24px; height: 72px; width: 273px; overflow: hidden;}
.information .img_news span{width:105px; height:30px; text-align:center; display:block; background:#FFF; border:1px solid #333; line-height:30px; font-size:16px; margin:0 auto;}


.information .inf_news { width:605px; float:right;}
.information .inf_news  li{width:578px; height:95px; overflow:hidden; text-align:left; border:1px solid #CCC; margin-bottom:15px;padding:5px 10px;}
.information .inf_news  li h3{font-size:15px; line-height:24px; font-weight:bold; color:#000}
.information .inf_news  li p{ font-size:14px; line-height:24px;}
.information .inf_news  li:hover{ border: 1px solid #005bac;}
.information .inf_news  li:hover h3{color:#005bac;}


.midbg{ background:url(../images/bg_11.jpg) top repeat-x; padding-top:48px; margin-top:120px;}
.mid{ width:1200px; height:480px; margin:0 auto;}
.mid_1{ width:537px; height:445px; float:left; text-align:center; position:relative;}
.mid_1 i{ width:537px; height:246px;}
.mid_1_1{ border:3px solid #0ca600; border-top:none; height:179px; overflow:hidden; z-index:1;}
.mid_1_1 h3{ font-size:20px; margin:25px 0 15px 0;}
.mid_1_1 p{ font-size:14px; line-height:30px; padding:0 35px;} 
.mid_1 a{ width:120px; height:40px; display:block; background-color:#0ca600; font-size:20px; line-height:40px; color:#FFF; position:absolute; bottom:0;left:50%;margin-left:-60px;border-radius:5px; z-index:999 !important;}


.mid_2{ width:617px; height:450px; float:right;}
.mid_2_2 h3{ background:url(../images/zhiye_44.jpg) left center no-repeat; width:257px; height:56px; line-height:24px; display:block; padding-left:60px; margin-top:10px; float:left;}
.mid_2_2 p{ font-size:14px; line-height:24px; width:50%; float:left;}
.mid_2_2 i{ width:162px; height:160px; float:right; padding-top:10px;}






#contents{width:1200px; margin:50px auto; overflow:hidden; color:#666; background-color:#FFF;}
#left{width:200px;margin:0 auto;height:auto;overflow:hidden; float:left; }
#left .left_til{width:200px; height:auto; margin:0 auto; overflow:hidden; margin-bottom:15px;}

.left_menu{width:auto; height:auto; overflow:hidden; float:right; padding-bottom:50px;border-bottom: 2px solid #0ba602;} 
.left_menu li{width:200px; height:55px; line-height:55px; float:left;}
.left_menu li a{color:#2c2c2c; font-size:13px; display:block; width:100%; height:100%;text-indent: 25px; background:url(../images/zyc_10.jpg) 5px center no-repeat;}
.left_menu li a:hover{color:#2c2c2c;background:url(../images/zyc_07.jpg) 5px center no-repeat #e0e0e0;text-indent:30px}
#left .left_con{width:200px; height:auto; margin:0 auto; overflow:hidden; font-size:13px; line-height:1.5em;}
#left .left_con h3{ background:url(../images/zhiye_44.jpg) left center no-repeat; width:200px; height:56px; line-height:56px; display:block; padding-left:60px; margin-top:10px; float:left;}
#left .left_con p{ font-size:14px; line-height:24px; padding-top: 5px;}
#left .left_con i{ width:162px; height:160px; float:right; padding-top:10px;}


#right{ width:960px; height:auto; float:right; overflow:hidden; margin:0 auto;min-height:600px; }

.path{height:30px;line-height:30px;font-weight:bolder;color:#6e6e6e; width:100%; float:left; background-color:#f2f2f2; margin-bottom:5px;}
.path p{width:50%; text-align:left; font-size:12px; font-weight:normal;  padding-right:25px; text-indent:20px;}
.path p a{color:#6e6e6e;}

.aboutcon{width:90%; padding:10px 5%;}



.w1200{ width:960px; height:auto; margin:0 auto; overflow:hidden;}

.body3_r2{ padding:20px;line-height:200%; color:#6e5f4f;}
.body3_r3{width:900px; text-align:center; margin:0 auto;font-size:14px; color:#333; font-weight:bold; padding-bottom:25px;}
.body3_r4{ width:900px; height:50px; margin:0 auto; text-align:center;}
.body3_r5{ padding:20px 15px; line-height:25px;}



/*新闻列表*/
.news_list{ width:960px; height:auto; margin:0 auto; overflow:hidden;padding:70px 0px 20px 0px; background-color:#FFF;}
.news_list .list_l{ width:960px; height:auto; overflow:hidden}
.news_list .list_r{ width:300px; height:auto;overflow:hidden;float:right;}
.news_list .list_l dl{width:960px; height:125px; margin-bottom:27px; float:left; border-bottom:1px dotted #CCCCCC; padding-bottom:20px;}
.news_list .list_l dl dt{float:left; width:200px; height:125px; color:#b3b3b3;}
.news_list .list_l dl dd{overflow:hidden; width:720px; float:right; height:125px;}
.news_list .list_l dl dd h4{font-size:18px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:15px; color:#000; font-weight:normal;}
.news_list .list_l dl dd p{font-size:14px; line-height:25px; height:50px; overflow:hidden; color:#676767;margin-bottom:10px;}
.news_list .list_l dl dd em{ display:block; font-size:16px; color:#b3b3b3; font-family:Arial;}
.news_list .list_l dl dd h4 a{ color:#000}
.news_list .list_l dl dd p a{ color:#676767}
.news_list .list_l dl:hover dd h4 a{color:#e53c02}
.news_list .list_r .box_1{width:300px; height:270px;}
.news_list .list_r .box_1 dt{ font-size:20px; color:#000; margin-bottom:25px;}
.news_list .list_r .box_1 dd{ font-size:14px; color:#676767;}
.news_list .list_r .box_2{width:300px; height:150px;}
.news_list .list_r .box_2 dt{ font-size:20px; color:#000; margin-bottom:25px;}
.news_list .list_r .box_2 dd{ font-size:14px; color:#676767;}
.news_list .list_r .box_3{width:300px; height:270px;}
.news_list .list_r .box_3 dt{ font-size:20px; color:#000; margin-bottom:15px;}
.news_list .list_r .box_3 dd{ font-size:14px; color:#676767;}
.news_list .list_r .box_4{width:300px; height:270px;}
.news_list .list_r .box_4 dt{ font-size:20px; color:#000; margin-bottom:25px;}
.news_list .list_r .box_4 dd{ font-size:14px; color:#676767;}
/*------ //搜索框 ---------*/
.news_list .list_r .form { width:250px;float:left;height:32px;background-color:#F3F3F3; border:1px solid #d2d2d2; border-radius:16px;margin:0 10px 0 0;*margin:0 10px 0 0;_margin:5px 10px 0 0; padding-right:15px;}
.news_list .list_r .search-keyword {width:200px;height:30px; margin-left:15px; margin-top:1px;border:0px;color:#444; float:left;}
.news_list .list_r .search-submit {cursor:pointer;width:30px;height:30px;font-size:0px;color:#fafafa;border:0px;background:url(../images/search.png) no-repeat;float:right;}
.news_list .list_r .search-option {margin-right:3px;height:22px; display:none;}





.pro_con{ padding:15px 0;}

/*图片展示页面*/

.product_list{width:960px; height:auto; margin:0 auto; overflow:hidden}
.product_list ul li{width:300px; float:left; height:268px; margin:25px 9px; border:1px solid #eee; position:relative; text-align:center;}
.product_list ul li i{display:block; width:100%; height:225px; overflow:hidden; position:relative}
.product_list ul li img{transition:all 1s ease; width:100%; height:225px;}
.product_list ul li h3{font-size:14px;line-height:40px; padding-left:10px; background-color:#005bac; color: aliceblue}
.product_list ul li:hover {}
.product_list ul li:hover h3{ color:#FFFFFF;}
.product_list ul li:hover img{ transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2); -o-transform:scale(1.2);-webkit-transform:scale(1.2);}
.product_list .sion{width:100%; height:100%; opacity: 0; left: 0;top: 0;position:absolute;display:flex;}
/*.product_list .sion:hover {background-color:#fff;opacity:0.4;transition:opacity .8s;}*/


.video_list{width:1200px; height:auto; margin:0 auto; overflow:hidden}
.video_list ul li{width:350px; float:left; height:auto; text-align:center; margin:0 25px;}
.video_list ul li video{ width:350px; height:200px !important;}
.video_list ul li p{ font-size:20px; color:#666; line-height:50px;}



#page{ text-align:center;height:40px; width:960px; font-size:14px; margin:25px auto;}
#page strong{color:#6e5f4f}
#page input.page1{ width:20px;}
#page a{color:#4f4f4f;}
#page a:hover{ color:#e4c163;}




.pro_show{ width:100%; height:auto; margin:15px auto;position:relative; text-align: center}
.pro_show .swiper-pagination-bullet-active {opacity:1; background:#FFF; width:10px; border-radius:10px; height:10px;}
.pro_show .swiper-pagination-bullet{display:inline-block; background: #215f87;} 
.pro_show .pro-left{ width:85px; height:85px; font-size:40px; line-height:85px;top:45%; position:absolute; left:0px; background-color:#000;z-index:99;text-align:center;opacity:0.5; color:#FFF}
.pro_show .pro-right{ width:85px; height:85px;font-size:40px; line-height:85px; top:45%; position:absolute; right:0px; background-color:#000;z-index:99; text-align:center; opacity:0.5; color:#FFF}
.pro_show .show_con{ width:100%; height:auto;text-align:center; margin-top:50px;}


.pro_show_con{width:100%; height:auto; overflow:hidden; text-align:center; margin-top:50px;}
.pro_show_con .meu{ overflow:hidden; width:100%; text-align:center; }
.pro_show_con .meu li{ width:118px; height:37px; text-align:center; line-height:35px; font-size:14px; float:left; border:1px solid #ccc; border-bottom:none;color:#666}
.pro_show_con .meu li:nth-child(2){ border-left:none; border-right:none;}
.pro_show_con .meu li{ *display:inline}
.pro_show_con .meu .cur {color:#555 !important; background-color:#eee}

.pro_show_con .showbox{overflow:hidden; width:1198px; min-height:500px; position:relative; margin:0 auto; border:1px solid #CCC; }
.pro_show_con .showlist{overflow:hidden; width:1168px; height:auto; padding:15px;}
.pro_show_con .showlist table{ border-color:#CCC}
.pro_show_con .showlist table td{ font-size:12px;}

.pagemenu{ width:100%; height: 50px; overflow: hidden; margin: 25px auto; line-height: 50px; }
.next{width:45%; float: left; text-align: left; padding-left: 5%}
.prev{ width:45%; float: right; text-align: right;padding-right: 5%}





.con_nav{height:45px; line-height:45px; padding:0 30px; margin:50px auto;}
.con_nav a{width:50%; font-size:16px; float:left; display:block;}


.right-title{ font-size:30px; text-align:center; width:100%; margin:50px auto 0 auto; font-weight:500;}


 

.footer{ width:100%; height:auto; background:url(../images/bg_15.jpg) top repeat-x #e9e9e9; margin-top:50px;}
.footer .footercon{ width:1200px; height:125px; margin:0 auto;}
.footer .footercon .frcon{ width:1200px; height:37px; overflow:hidden;float:left;}
.footer .footercon .frcon ul{ width:1200px; height:37px; float:left;}
.footer .footercon .frcon ul li{ width:120px; height:37px; line-height:37px; float:left;} 
.footer .footercon .frcon ul li a{ color:#fff; font-size:14px;} 
.footer .footercon .frcon ul h3{ font-size:16px; font-weight:normal; margin-bottom:15px; color:#FFF; line-height:38px;}

.footer .footercon .flcon{width:450px; height:auto; overflow:hidden; float:left;}
.footer .footercon .flcon h3{line-height:38px;font-weight:normal; font-size:16px; color:#FFF }
.footer .footercon .flcon p{ font-size:13px; color:#686868; line-height:2em; margin-top:15px;}

.footer .footercon .copy{ width:1180px; padding-right:18px; height:50px; border:1px solid #e8e9ea; line-height:50px; float:left;text-align:left; }