@charset "utf-8";
/* CSS Document */
* {margin:0; padding:0; }
body{color:#666;font-size:12px;font-family:"微软雅黑"; position:relative; background-color:#f5f5f5;}
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:156px; overflow:hidden; background:url(../images/index_02.jpg) top repeat-x #FFF;}
.header .top{width:1200px; height:118px; margin:0 auto;}
.header .top .logo{width:254px; height:72px; float:left;padding-top:20px;}
.header .top .con{width:560px; height:118px; float:right;}
.header .top  .search{height:36px; width:220px; font-size:16px; padding:5px 10px; background-color:#eeeeee; float:left; margin-top:30px;}
.header .top  .search .form{ width:100%;} 
.header .top  .search .key{ width:175px; height:36px; line-height:36px; padding:0; margin:0; float:left;box-sizing:border-box; border:none;background:none}
.header .top  .search .submit{width:36px; height:36px; background-color:#000; float:right; color:#FFF; line-height:36px; 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:38px;}
.header .menu ul{ width:770px; float:right; height:38px;}
.header .menu ul li{padding:0 15px; height:38px; float:left; text-align:center; line-height:38px;}
.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:-2px;background:#eef1f4; width:auto !important;}
.header .menu .mainlevel li { height:38px;line-height:38px; /*IE6 only*/}
.header .menu .mainlevel li a{color:#4f4f4f; font-weight:normal; font-size:14px;}
.header .menu .mainlevel li a:hover{height:38px;line-height:38px; color:#000}



.banner{width:100%;overflow:hidden;}
.banner .swiper-slide{}
.banner .swiper-slide 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:20%; float:left;}
.col_1{background-color:#004f7e}
.col_2{background-color:#0d5885}
.col_3{background-color:#19608b}
.col_4{background-color:#266991}
.col_5{background-color:#337298}
.counter{text-align: center;position: relative;}
.counter .counter-content{ padding:30px 20px 50px;  color:#fff; position: relative;}
.counter .counter-icon{ display: inline-block;  font-size: 40px;  margin-bottom: 15px;}
.counter .counter-value{display: block;font-size: 50px; margin-bottom: 15px;}
.counter .title{font-size: 20px;text-transform: uppercase;text-shadow: 3px 3px 2px rgba(0, 0, 0, 0.71);}



.abbg{ background:url(../images/aoutbg.jpg) center no-repeat; }
.about{width:1260px; height:414px; margin:0 auto; padding-top:30px; overflow:hidden;text-align:center; }
.about .con_txt{ width:720px; float:left;}
.about .con_txt img{ float:left;}
.about .con_txt p{width:550px; float:right; color:#FFF;text-align:right; font-size:16px; padding-left:150px; margin:20px 0;}
.about .con_txt span{width:105px; height:35px; display:block; float:right; background:#FFF; border:1px solid #333; line-height:35px; font-size:16px;}
.about .con_img{float:right}
.about .con_img img{ border:5px solid #000}

.product{ width:1200px; height:auto; margin:50px auto; overflow:hidden;}
.product .title{ width:100%; height:100px;overflow:hidden; text-align:center; color:#131618; margin:0 auto;float:none;}
.product .title h3{ font-size:22px; line-height:45px; height:45px; font-weight:bold;}
.product .title p{ font-size:37px; height:50px;}

.product .pl{width:100%; height:190px; overflow:hidden;margin-top:50px;}
.product .pl li{width:160px; height:190px; float:left; margin-right:99px;}
.product .pl li p{ font-size:16px; text-align:center; line-height:30px;}
.product .pl li:last-child{ margin-right:0px !important;}
.product .pl li figure{width:160px; height:160px; text-align:center;}
.product .pl li figure img{ margin-top:15px;}
.product .pl li figure a{display:block; width:160px; height:160px; border-radius:100%;    background: -webkit-radial-gradient(#f0f1f1, #e9eaea); /* Safari 5.1 - 6.0 */
    background: -o-radial-gradient(#f0f1f1, #e9eaea);
    background: -moz-radial-gradient(#f0f1f1, #e9eaea); 
    background: radial-gradient(#f0f1f1, #e9eaea); border:1px solid #999}
.product .pl li figure:hover a.NOnone{display:none;}
.product .pl li figure a.hoverdas{display:none;}
.product .pl li figure:hover a.hoverdas{display:block;     background: -webkit-radial-gradient(#019de4, #1671a2); /* Safari 5.1 - 6.0 */
    background: -o-radial-gradient(#019de4, #1671a2); /* Opera 11.6 - 12.0 */
    background: -moz-radial-gradient(#019de4, #1671a2); /* Firefox 3.6 - 15 */
    background: radial-gradient(#019de4, #1671a2); border:1px solid #f5f5f5}



.product .pr_con{width:1200px;margin-top:30px; height:auto; overflow:auto;}
.product .pr_con .area{display:flex; justify-content:space-between;}
.product .pr_con .area img{width:100%; height:100%; object-fit:cover;}
.product .pr_con  a:nth-of-type(1){width:476px; height:772px;}
.product .pr_con  a:nth-of-type(2){width:374px; height:383px;}
.product .pr_con  a:nth-of-type(3){width:350px; height:383px;}
.product .pr_con  a:nth-of-type(4){width:374px; height:387px; margin-top:2px;}
.product .pr_con  a:nth-of-type(5){width:350px; height:387px; margin-top:2px;}

.product .pr_con .area1{width:476px; height:772px; float:left;}
.product .pr_con .area2{width:374px; height:383px;float:left;}
.product .pr_con .area3{width:350px; height:383px;float:left;}
.product .pr_con .area4{width:374px; height:387px; margin-top:2px;float:left;}
.product .pr_con .area5{width:350px; height:387px; margin-top:2px;float:left;}

.product .pr_con .area1,.area2,.area3,.area4,.area5 {position:relative; display: block; float:left}


.classion {width:100%; height:100%; opacity: 0; left: 0;top: 0;position:absolute;display: flex;}
.classion-inner {margin: auto;text-align: center;position: relative;width: 95%;height: 93.7%;border: 2px solid #fff;}
.classion-inner p:nth-child(1) { font-size:24px; color: #fff; padding-top: 35%;}
.classion-inner p:nth-child(2) { font-size:18px; color: #fff;font-family: Arial; line-height: 30px;}
.icon-ICONbiaozhun_fuzhi-7 {font-size:30px !important;color:#fff; margin-top:8%;}
.classion img {display:inline-block; position: absolute; bottom: 0;left: 42%;}
.classion:hover {background-color:#131618;opacity:0.7;transition:opacity .8s;}
.classion-inner img{width: auto; height: auto; object-fit: contain;}

.product .pr_list{width:1200px;margin-top:30px; height:auto; overflow:auto; color:#686868}
.product .pr_list li{ width:381px; height:420px; float:left}
.product .pr_list li:nth-child(2){ width:431px; margin:0 3.5px;}
.product .pr_list li i{ display:block; width:100%; height:260px; overflow:hidden; position:relative}
.product .pr_list li img{ transition:all 1s ease}
.product .pr_list li h3{ font-size:18px; line-height:40px; padding-left:10px;}
.product .pr_list li p{ font-size:14px; line-height:1.5em; padding-left:10px;}
.product .pr_list li span{ display:block; width:100px; height:28px; text-align:center; line-height:28px; border:1px solid #999; margin-left:10px; margin-top: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);}


.mid{width:100%;background-repeat:no-repeat; background-image:url(../images/background1.jpg); background-attachment:fixed; background-position:top left;}
.midcon{width:1200px; height:590px; margin:0 auto; position:relative; overflow:hidden;}
.midtxt{background:#004f7e; text-align:right; padding:30px 50px; opacity:.8; font-size:18px; color:#FeFeFe; line-height:2em; width:400px; height:140px; float: right; margin-top:150px;}


.coop{ width:1200px; height:auto; overflow:hidden; margin:50px auto;}
.coop .title{ width:100%; height:auto;overflow:hidden; text-align:center; color:#131618; border-bottom:1px solid #eee}
.coop .title h3{ font-size:22px; font-weight:normal; line-height:45px; letter-spacing:3px;}
.coop .title i{ width:80px; height:2px; background-color:#000; display:block; margin:0 auto; margin-top:25px;}
.coop .coop_con{ width:100%; height:85px;text-align:center; margin-top:50px;}
.coop .coop_con .allow-left{ width:35px; height:85px; float:left; font-size:30px; line-height:85px; }
.coop .coop_con .allow-right{ width:35px; height:85px; float:right;font-size:30px;line-height:85px;}
.coop .coop_con .swiper-container-coop{ width:1100px; margin-left:15px; margin-right:10px; float:left;}
.coop .coop_con .swiper-container-coop li{ width:24%; float:left; margin:0 .5%;}
.coop .coop_con .swiper-container-coop li img{object-fit:cover; max-height:85px;}



.information{width:1200px; height:auto; overflow:hidden; margin:0 auto; }
.information .title{ width:100%; height:auto;overflow:hidden; text-align:center; color:#131618; border-bottom:1px solid #eee; margin-bottom:25px;}
.information .title h3{ font-size:22px; font-weight:normal; line-height:45px; letter-spacing:3px;}
.information .title i{ width:80px; height:2px; background-color:#000; display:block; margin:0 auto; margin-top:25px;}

.information .news{width:670px; height:510px; float:left;}
.information .news .tle{ width:100%; height:41px;text-align:left;}
.information .news .tle a{ color:#131618; line-height:41px;font-size:16px;} 
.information .news .inf_news { height:300px;}
.information .news .inf_news  li{width:650px; height:auto; overflow:hidden; text-align:left; border-bottom:1px solid #CCC; margin-top:10px;}
.information .news .inf_news  li h3{ width:80%; display:block;font-size:16px; line-height:45px; float:left}
.information .news .inf_news  li span{ float:right; display:block; width:20%; line-height:45px; text-align:center;}

.information .news .inf_icon  li{width:132px; height:95px; float:left; background-color:#186e9c; border-radius:15px; margin-right:30px; text-align:center;}
.information .news .inf_icon  li i{ width:65px; height:60px;}
.information .news .inf_icon  li p{ color:#FFF; font-size:14px;}

.information .video{ width:448px; height:443px;float:right; background:url(../images/videobg_03.jpg) no-repeat; padding:15px 20px; }
.information .video .tle{ width:100%; height:30px;text-align:right;}
.information .video .tle a{ color:#fff; line-height:30px; font-size:18px;} 

.information .video .swiper-container-video{width:448px; height:380px; overflow:hidden;  float:left; margin-top:15px; position:relative;}
.information .video .video_pic{ width:448px; height:346px;}
.information .video .swiper-pagination_video{ text-align:right} 
.information .video .swiper-pagination-bullet {display:inline-block; background:#fff;width:18px; border-radius:18px; height:18px ; opacity:1!important; text-align:center; line-height:18px; font-size:14px; color:#666}  
.information .video .swiper-pagination-bullet-active {background:#f90!important;  color:#FFF}

#contents{width:100%; margin:0 auto; overflow:hidden; color:#666; background-color:#FFF;}


#left{width:100%; margin:0 auto;height:80px; padding-top:20px; overflow:hidden; background-color:#f5f5f5;}
#left .left_con{ width:1200px; height:auto; margin:0 auto; overflow:hidden;}
.path{height:30px;line-height:30px;font-weight:bolder;color:#6e6e6e; width:50%; float:left;}
.path p{width:50%; text-align:left; font-size:12px; font-weight:normal;  padding-right:25px; text-indent:20px;}
.path p a{color:#6e6e6e;}

.left_menu{width:auto; height:30px; overflow:hidden; float:right;}
.left_menu li{width:90px; height:30px; line-height:30px; text-align:center; float:left;}
.left_menu li a{color:#6e6e6e; font-size:12px; display:block; width:100%; height:100%;}
.left_menu li a:hover{ color:#FFF; background-color:#000;}



#right{ width:1200px; height:auto; overflow:hidden; margin:0 auto;margin-top:15px;min-height:600px;}



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



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

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



/*新闻列表*/
.news_list{ width:1200px; height:auto; margin:0 auto; overflow:hidden;padding:70px 0px 20px 0px; background-color:#FFF;}
.news_list .list_l{ width:780px; height:auto; float:left; overflow:hidden}
.news_list .list_r{ width:300px; height:auto;overflow:hidden;float:right;}
.news_list .list_l dl{width:785px; 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:570px; 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:1200px; height:auto; margin:0 auto; overflow:hidden}
.product_list ul li{width:598px; float:left; height:440px; border:1px solid #eee; position:relative; text-align:center;}
.product_list ul li i{display:block; width:100%; height:400px; overflow:hidden; position:relative}
.product_list ul li img{transition:all 1s ease; width:100%; height:400px;}
.product_list ul li h3{font-size:14px;line-height:40px; padding-left:10px;}
.product_list ul li:hover {}
.product_list ul li:hover h3{ color:#666;}
.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:15px 25px;}
.video_list ul li video{ width:350px; height:200px !important;}
.video_list ul li p{ font-size:16px; color:#666; line-height:50px; overflow:hidden; width:100%; height:50px; display:block;}


#page{ text-align:center;height:40px; width:1000px; 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:600px; margin:0 auto; background-color:#CCC; position:relative;}
.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:600px;text-align:center; margin-top:50px;}
.pro_show .swiper-pagination-show{ position:absolute; top:570px; text-align:center; z-index:1; width:100%; text-align:center;}

.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;}



.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:left; width:100%; margin:50px auto 0 auto; font-weight:500;}





.footer{ width:100%; height:auto; background:url(../images/ftbg.jpg) top repeat-x #f5f5f5; padding-bottom:80px; margin-top:50px;}
.footer .footercon{ width:1200px; height:250px; margin:0 auto;}
.footer .footercon .frcon{ width:480px; height:auto; overflow:hidden;float:right;}
.footer .footercon .frcon ul{ width:120px; height:auto; float:left;}
.footer .footercon .frcon ul li{ width:120px; height:28px; line-height:28px;} 
.footer .footercon .frcon ul li a{ color:#686868; 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:right; }