@charset "utf-8";
/* css document */
body, html {width: 100%;min-width: 1200px;}
body,html {margin:0;padding:0}
body{position:relative;font-family: 微软雅黑,宋体,'sterling ssm a','sterling ssm b',serif;font-size:14px;}
ul{list-style: outside none none;padding:0;margin: 0;}
ul,dd,dt,dl,li,p,h2,h3,h4,h1,h5,h6,textarea,a{ list-style:none; text-decoration:none;margin:0px; padding:0px;}
p{margin:0;}
table {border-collapse: collapse;border-spacing: 0;}
*, *:after, *:before {box-sizing: border-box;}
a{cursor: pointer;text-decoration: none;color: #333;}
a:hover {text-decoration:none;color: #333;}
hr{border: none;margin: 0;}
img{border:none; transition:all ease-in-out 0.5s !important;-moz-transition:all ease-in-out 0.5s;-webkit-transition:all ease-in-out 0.5s;display: block;}
input,button,textarea{border:none;font-family:"微软雅黑";}
.icon-list{ background: no-repeat;}
.inline{ display:inline-block; *display:inline;zoom:1;}
.st{ font-family:"宋体"; font-size:12px;}
.s18{ font-size:18px;}
.s28{ font-size:28px;}
.s36{ font-size:36px;}
.c1{ color:#008c41;}
.c2{ color:#d3000e}
.c3{color: #5b5b5b;}
.c4{color: #555555;}
.fl{float: left;}
.fr{float: right;}
a{ color:#555555}
a:hover{ color:#6e030b}
.ln70{line-height: 70px;}
.s45{ font-size:45px}
.s36{ font-size:36px;}
.s28{ font-size:28px;}
.s24{ font-size:24px}
.cf{ color:#fff;}
.c40{color: #404040;}
.pt50{ padding-top:50px;}
.pt20{ padding-top:20px;}
.pt10{ padding-top:10px;}
.pt40{ padding-top:40px;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt25{margin-top: 25px;}
.mt30{margin-top: 10px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mt55{margin-top: 55px;}
.mt60{margin-top: 60px;}
.mt70{margin-top: 70px;}
.mr50{margin-right: 35px;}
.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.content{ width:1200px; margin:0 auto; overflow:hidden;}
.clear{clear: both;}
.text-center{text-align: center;}
/* top */
.topdh{ background-color:#e8e8e9; height:38px; line-height:38px;color:#363636;}
.topdh a{ color:#333;}
.topdh a:hover{ color:#131313;}
.top{height: 130px;padding-top: 14px;background-color: #fff;}
.top .fl>a{float: left;}
.top .fl>img{position: relative;top: 18px;float: left;}
.top i{font-style: normal;}
.top i img{float: left;}
.top .fs36 {font-family: 'impact';font-size: 30px;}
.top .fs34{font-family: 'impact';font-size: 30px;}
.top .fs22{font-size: 22px;}
.top i .c1{position: relative;top: -20px;margin-left: 7px;}
/* nav */
.nav{width: 100%;height: 58px;line-height: 58px;background: repeat-x;}
.nav>ul{height: 100%;width: 1200px;margin: 0 auto;}
.nav>ul>li{text-align: center;width: 12.5%;height: 100%;float:left;cursor: pointer;font-size: 16px;position: relative;background: no-repeat right center;}
.nav>ul>li:last-child{background: none;}
.nav li>a{display: block;color: #3d3d3d;line-height: 60px;height: 100%;}
.nav>ul>li:hover>a{color: #006fd6;}
.nav>ul>li.active>a{color: #006fd6;}
.nav>ul>li:hover .sub_nav{display: block;}
.nav .sub_nav{width: 100%;position: absolute;top: 58px;z-index: 1;display: none;padding: 10px 0;background-color:#f3f3f3;filter:progid:dximagetransform.microsoft.gradient(startcolorstr=#e5083060,endcolorstr=#e5083060);}
.nav .sub_nav li{width: 100%;height: 41px;}
.nav .sub_nav li>a{color: #000;line-height: 41px;width: 100%;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;font-size: 16px;font-weight: normal;}
.nav .sub_nav li>a:hover{background-color: #fff;color: #006fd6;}
/* banner */
.banner{width: 100%;height: 590px;position: relative;}
.banner ul a{display: none;width: 100%;}
.banner ul a:hover{text-decoration: none;}
.banner li{width: 100%;height: 590px;position: absolute;}
.carousel_bg{height: 30px;position: absolute;bottom:10px;text-align: center;width: 100%;}
.carousel {width: auto;height: 30px;display: inline-block;}
.carousel > a {width: 13px;height: 13px;cursor: pointer;margin-right: 4px;display: inline-block;border-radius: 50%;background-color: #fff;}
.carousel > a:last-child {margin-right: 0;}
.carousel a.active {background-color: #fffb00;}
/* about */
.title{text-align: center;}
.title div{font-size: 22px;position: relative;top: -2px;}
.title img{margin: 0 auto;}
.title hr{width: 49px;height: 4px;margin: 3px auto 0;}
.title p{line-height: 26px;margin-top: 15px;}
.title .white{color: #222;}
.title .gray{color: #696969;}
.title .black{color: #222;}
.title .red_bg{background-color: #ff0000;}
.title .yellow_bg{background-color: #fffc00;}
.about{height: 460px;}
.about_info .fl{width: 660px;}
.about_info .fl p{line-height: 29px;color: #3a3a3a;height: 204px;overflow: hidden;margin:30px auto 15px;}
.about_info .fl a{display: block;color: #909090;border: 1px solid #adadad;width: 109px;height: 36px;line-height: 36px;text-align: center;}
.about_info .fl a:hover{color: #333;border: 1px solid #666;}
.about_info .fr{width: 516px;height: 320px;}
/* products */
.products{background-color: #fff;position: relative;}
.products>img{margin: 0 auto;position: relative;top: 57px;}
.products .title div{color: #222;}
.products_info{margin: 10px -10px 0;}
.products_info:after{content: '';clear: both;display: table;}
.products_info a{float: left;width: 33%;padding: 0px 10px ;position: relative;display: block;}
.products_info a img{width: 385px;height: 378px; padding-top:10px;}
.products_info div{width: 385px;height: 40px;line-height: 40px;color: #fff;font-size: 15px; text-align: center;background-color: rgba(0,140,65,0.6);filter:progid:dximagetransform.microsoft.gradient(startcolorstr=#c8ffffff,endcolorstr=#c8ffffff);position: absolute; bottom: 0px;overflow: hidden;white-space: nowrap;
transition:all .4s ease-in-out 0s;
-moz-transition:all .4s ease-in-out 0s;
-webkit-transition:all .4s ease-in-out 0s;
-o-transition:all .4s ease-in-out 0s;
}
.products_info a:hover div{left: 10px;bottom: 89px;height: 107px;line-height: 107px;width: 385px;background-color: rgba(0,0,0,0.5);filter:progid:dximagetransform.microsoft.gradient(startcolorstr=#7f000000,endcolorstr=#7f000000);color: #fff;}
.products_info2{margin: 0px -10px 0;height: 556px;}
.products_info2:after{content: '';clear: both;display: table;}
.products_info2 a{float: left;width: 33.3%;padding: 0px 10px ;position: relative;display: block;}
.products_info2 a img{width: 285px;height: 278px; padding-top:10px; }
.products_info2 div{width: 285px;height: 40px;line-height: 40px;color: #fff;font-size: 15px; text-align: center;background-color: rgba(0,140,65,0.6);filter:progid:dximagetransform.microsoft.gradient(startcolorstr=#c8ffffff,endcolorstr=#c8ffffff);position: absolute; bottom: 0px;overflow: hidden;white-space: nowrap;
transition:all .4s ease-in-out 0s;
-moz-transition:all .4s ease-in-out 0s;
-webkit-transition:all .4s ease-in-out 0s;
-o-transition:all .4s ease-in-out 0s;
}
.products_info2 a:hover div{left: 10px;bottom: 89px;height: 107px;line-height: 107px;width: 285px;background-color: rgba(0,0,0,0.5);filter:progid:dximagetransform.microsoft.gradient(startcolorstr=#7f000000,endcolorstr=#7f000000);color: #fff;}
.products_info4{margin: 0px -10px 0;height: 556px;}
.products_info4:after{content: '';clear: both;display: table;}
.products_info4 a{float: left;width:25%;padding: 0px 10px ;position: relative;display: block;}
.products_info4 a img{width: 170px;padding-top:10px; }
/* news */
.news{}
.news_info{margin-top: 30px;}
.news_info:after{content: '';clear: both;display: table;}
.news_info li{float: left;width: 400px;padding:10px 20px;}
.news_info li:hover{background-color: #008c41;}
.news_info li:hover div{color: #fff;}
.news_info li:hover p{color: #fff;}
.news_info li a{display: block;}
.news_info li a>span{display: block;position: relative;}
.news_info li a label{width: 62px;height: 57px;background-color: #ff0000;color: #fff;text-align: center;position: absolute;bottom: 0;right: 6px;}
.news_info li a img{width: 347px;height: 144px;margin: 0 auto;}
.news_info li a h1{font-size: 28px;font-weight: normal;}
.news_info li a i{font-style: normal;font-size: 12px;}
.news_info li a>div{text-align: center;font-size: 16px;color: #101010;margin: 25px auto 18px;}
.news_info li a>hr{width: 13px;height: 1px;background-color: #edc901;}
.news_info li a>p{line-height: 26px;color: #bdbdbd;font-size: 13px;height: 50px;overflow: hidden;width: 320px;margin: 15px auto 0;}
/* safe */
.safe{height: 585px;background: no-repeat center;background-size: cover;}
.safe .content{overflow: visible;}
.safe_info_box{height: 446px;padding-top: 95px;position: relative;}
.safe_info_box li{position: absolute;width: 1170px;left: 15px;display: none;}
.safe_info_box li>span{width: 635px;height: 351px;float: left;position: relative;z-index: 2}
.safe_info_box li img{position: absolute;bottom: 0;right: 0;width: 655px;height: 405px;}
.safe_info_box li>div{width: 745px;height: 351px;background-color: #fff;position: absolute;right: 0;padding: 35px 40px 0 210px;}
.safe_info_box li h1{font-size: 38px;color: #01114f;overflow: hidden;}
.safe_info_box li p{font-size: 16px;color: #060001;line-height: 26px;margin-top: 15px;height: 182px;overflow: hidden;}
.safe_info_box li a{width: 176px;height: 45px;line-height: 45px;background: no-repeat center;background-size: cover;text-align: center;color: #060001;padding-left: 45px;float: right;font-size: 16px;margin-top: 10px;}
.safe hr{height: 1px;background-color: #58544b;margin-top: 55px;}
.safe_nav{text-align: center;position: relative;top: -11px;}
.safe_nav li{display: inline-block;padding-top: 30px;background: no-repeat center top;font-size: 16px;width: 100px;color: #fff;cursor: pointer;}
.safe_nav li.active{background: no-repeat center top;}
/* case */
.case{height: 502px;}
.case_info{position: relative;}
.case_title{margin-top: 20px;}
.case_title:after{content: '';clear: both;display: table;}
.case_title li{width: 33%;background-color: #008c41;color: #fff;height: 53px;line-height: 53px;text-align: center;font-size: 20px;float: left;cursor: pointer;}
.case_title li.active{background-color: #f4a224;color: #fff;}
.case_list{margin: 23px -10px 0;}
.case_list:after{content: '';clear: both;display: table;}
.case_list li{position: absolute;display: none;width: 100%;}
.case_list li a{width: 25%;padding: 0 10px;float: left;}
.case_list li a div{background-color: #f0f0f0;overflow: hidden;}
.case_list li a img{width: 276px;height: 183px;margin: 3px auto 0;}
.case_list li a span{text-align: center;line-height: 60px;display: block;}
.case_list li a:hover div{background-color: #008c41;}
.case_list li a:hover span{color: #fff;}
/* support */
.support>img{float: left;}
.support_info{margin: 0 -4px 60px;float: right;width: 1030px;height: 130px;}
.support_info li{padding: 0 3px;width: 171px;float: left;margin-bottom: 7px;}
.support_info li img{width: 165px;height: 61px;}
.footer_dec{height: 27px;background-color: #008c41}
.footer_dec img{margin: 0 auto;}
/* footernav */
.footnav {background-color: #003371;height: 70px;line-height: 70px;text-align: center;}
.footnav .content{overflow: visible;}
.footnav .content:after{content: '';display: table;clear: both;}
.footnav a{color: #fff;font-size: 16px;width: 10%;display: block;float: left;background: no-repeat center left;}
.footnav a.footnavlisthome {color: #003371;background: none;position: relative;}
.footnav a.footnavlisthome div{position: relative;z-index: 2}
.footnav a.footnavlisthome:before{content: '';display: table;position: absolute;background: no-repeat center;bottom: 0;width: 117px;height: 89px;left: 0;z-index: 1;}
.footnav a.footnavlisthome:after{content: '';display: table;position: absolute;background: no-repeat center;top: -19px;right: -15px;width: 18px;height: 19px;z-index: 0;}
.footnav a:hover{color: #ffde00;}
.footnav a.footnavlisthome:hover{color: #003371;}
/* footer */
/*.footer{height: 362px;background: no-repeat center;background-size: cover;}
.footer .ftop{position: relative;height: 362px;margin-bottom: 0px;}
.footer .ftop:after{clear: both;content: '';display: table;}
.footer .ftop>img{float: left;margin-top: 120px;margin-left: 20px;margin-right: 120px;}
.footer .contacts {width: 490px;height: 260px;float: left;color: #fff;}
.footer .contacts p{margin-bottom: 8px;font-size: 16px;}
.footer .code{float: right;padding-top: 85px;margin-right: 35px;}
.footer .code div{background-color: #fff;width: 190px;height: 190px;}
.footer .code img{width: 190px;height: 190px;}
*/
.fixed-contact{height: 80px;background-color: #f37800;position: fixed;bottom: 0;width: 100%;z-index: 999;}
.fixed-contact .content{overflow: visible;}
.fixed-contact img.qq {margin-top: -42px;float: left;}
.liuyan {float: left;text-align: center;margin-left: 35px;margin-right: 20px;margin-top: 18px;}
.liuyan .in1 {float: left;margin: 7px 5px;}
.liuyan .in1 input {height: 42px;line-height: 42px;padding-left: 3px;background: #fff;color: #333;width: 198px;font-size: 16px;font-family: 微软雅黑;}
.liuyan .sure {font-size: 25px;background: #950202;height: 38px;padding: 0px 5px 0px 5px;color: #fff;border: none;width: 128px;height: 47px;position: relative;top: -2px;font-family: 微软雅黑;cursor: pointer;}
.bottel {width: 425px;padding-top: 1px;font-size: 16px;font-weight: bold;color: #fff;}
.bottel img {padding-right: 15px;padding-top: 3px;}
.bottel font{font-size: 12px;font-weight: normal;font-family: arial, helvetica, sans-serif;position: relative;top: 1px;}
.bottel .tel {font-size: 32px;font-family: "impact", times, serif;padding-left: 5px;line-height: 36px;margin-top: 6px;}
/* page_main */
.page_main{width: 1200px;margin: 40px auto 75px;overflow: hidden;}
.leftside{width: 317px;float: left;}
.leftside:after{clear: both;content: '';display: table;}
.leftside .left_title{color: #c6e0ff;text-align: center;width: 100%;height: 70px;background: no-repeat center;background-size: cover;padding-top: 20px;}
.leftside .left_title h1{font-size: 22px;color: #fff;}
.leftside .left_title hr{width: 133px;height: 2px;background: no-repeat center;margin: 6px auto 3px;}
.leftside .left_title div{font-size: 16px;}
.leftside .left_title img{margin: 0 auto;margin-top: 10px;}
.leftside ul{width: 100%;padding: 0 5px;background-color: #f3f3f3;border: 1px solid #bebebe;border-top: none;}
.leftside li{height: 66px;background: no-repeat center bottom;padding-top: 8px;}
.leftside li:last-child{background: none;}
.leftside li a{display: block;color: #454141;width: 255px;height: 49px;line-height: 49px;margin: 0 auto;font-size: 16px;text-align: center;}
.leftside li a:hover{color: #083060;}
.leftside li.active a{background-size: cover;color:#006fd6;font-size: 16px;}
.left_contact{margin-top: 10px;}
.left_contact_title{height: 73px;padding-left: 70px;background: #008d41 no-repeat 14px center;color: #fff;}
.left_contact_title div{float: left;line-height: 73px;font-size: 22px;}
.left_contact_title span{float: left;line-height: 73px;position: relative;top: 2px;margin-left: 8px;font-size: 17px;}
.left_contact_info img{width: 100%;}
.left_contact_info div{padding: 25px 35px;background-color: #f4f4f4;border: 1px solid #bebebe;border-top: none;}
.left_contact_info div h1{font-size: 16px;color: #666666;margin-bottom: 5px;}
.left_contact_info div p{color: #292929;font-size: 14px;line-height: 30px;}
.left_contact_info div em{font-style: normal;color: #ff000c;font-size: 14px;}
.rightside{width: 860px;float: right;}
.right_title{border-bottom: 2px solid #008d41;height: 64px;background-color: #f7f7f7;margin-bottom: 5px;}
.right_title h1{font-size: 22px;height: 62px;line-height: 62px;padding: 0 25px 0 72px;background: #008d41 no-repeat 20px center;float: left;color: #fff;}
.right_title div{float: right;line-height: 62px;margin-right: 10px;color: #202020}
.right_title div a{color: #202020;}
.right_title div a:hover{color: #083060;text-decoration: underline;}
.page_imgs_box{margin: 0 -5px;}
.page_imgs_box:after{clear: both;content: '';display: table;}
.page_imgs_box li{padding: 0 5px;float: left;}
.page_imgs_box li a{width: 280px;height: 253px;border: 1px solid #b1b1b1;display: block;}
.page_imgs_box li img{width: 266px;height: 241px;margin: 5px auto 0;}
.page_imgs_box li a:hover{border: 1px solid #083060;}
.page_imgs_box li div{color: #858585;height: 52px;line-height: 52px;text-align: center;}
.page_news_box li{height: 204px;margin-bottom: 24px;}
.page_news_box li a{display: block;background-color: #f6f6f6;height: 100%;padding: 18px 22px;position: relative;}
.page_news_box li a img{width: 269px;height: 166px;float: left;border: none;}
.page_news_box li a:hover{background: no-repeat center;background-size: cover;}
.page_news_box li a:hover i{display: block;}
.page_news_data{float: left;margin-left: 38px;margin-top: 52px;}
.page_news_data div{font-size: 28px;color: #3d3d3d;}
.page_news_data span{color: #969696;}
.page_news_info{margin-left: 50px;float: left;margin-top: 40px;}
.page_news_info div{color: #525252;font-size: 18px;margin-bottom: 15px;width: 360px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.page_news_info p{color: #b0b0b0;font-size: 13px;line-height: 24px;width: 318px;height: 50px;overflow: hidden;}
#content_dy p{width:830px;line-height: 24px;}
/*公告样式*/
.b_pic{overflow:hidden;}
.b_pic img{ -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s; }
.b_pic:hover img{-webkit-transform:scale(1.06); -moz-transform:scale(1.06); transform:scale(1.06);}
.cut{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.clear{margin:0px auto; clear:both; height:0px; font-size:0px; overflow:hidden;}
.clear_both{zoom:1;}
.clear_both:after{content:""; display:block; clear:both;}
.dis{ display:inline-block; *display:inline; zoom:1;}
.fz10{ font-size:10px; color:#333;}
.fz12{ font-size:12px; color:#333;}
.fz14{ font-size:14px; color:#333;}
.fz16{ font-size:16px; color:#333;}
.fz18{ font-size:18px; color:#333;}
.fz20{ font-size:20px; color:#333;}
.fz22{ font-size:22px; color:#333;}
.fz24{ font-size:24px; color:#333;}
.fz26{ font-size:26px; color:#333;}
.fz28{ font-size:28px; color:#333;}
.fz30{ font-size:30px; color:#333;}
.fz32{ font-size:32px; color:#333;}
.fz34{ font-size:34px; color:#333;}
.fz36{ font-size:36px; color:#333;}
.fz38{ font-size:38px; color:#333;}
.fz40{ font-size:40px; color:#333;}
/*新站*/
#warp{width:100%; max-width:1920px; min-width:1200px; margin:0 auto;}
.main{ width:1200px; margin:0 auto;}
select{ -moz-appearance: none; -webkit-appearance:none; appearance:none; background: no-repeat 97% center;}
/*首页样式*/
.index{ width:100%;}
.index .title{ width:100%; text-align:center;}
.index .title .fz30{ color:#555;}
.index .title .xian{ width:20px; height:2px; background:#555; margin:10px 0 15px;}
.index .title .fz12{ color:#888; font-family:"arial";}
.index .title .fz12.lang2{ display:none;}
.index .one{ padding:50px 0;}
.index .one .last{ width:100%; margin-top:40px;}
.index .one .last .hb{ width:100%;}
.index .one .last .hb .list{ width:540px; background:#f3f3f3; border-radius:6px; padding:0 20px;}
.index .one .last .hb .list .top{ width:100%; border-bottom:1px solid #e7e7e7; padding:20px 0;}
.index .one .last .hb .list .top .img{ width:110px; height:110px; overflow:hidden;}
.index .one .last .hb .list .top .img img{ width:100%;}
.index .one .last .hb .list .top .nr{ width:410px;}
.index .one .last .hb .list .top .nr .fz20{ color:#555; margin:5px 0;}
.index .one .last .hb .list .top .nr .fz12{ height:70px; overflow:hidden; color:#888;}
.index .one .last .hb .list .bot{ color:#888; position:relative; padding:20px 0 25px;}
.index .one .last .hb .list .bot img{ width:15px; height:8px; display:none; position:absolute; left:50%; bottom:-8px; z-index:2; margin-left:-7.5px;}
.index .one .last .hb .list.on{ background:#0293d2;}
.index .one .last .hb .list.on .top{ border-bottom:1px solid #1c9ed7;}
.index .one .last .hb .list.on .top .nr .fz20{ color:#fff;}
.index .one .last .hb .list.on .top .nr .fz12{ color:#fff;}
.index .one .last .hb .list.on .bot{ color:#fff;}
.index .one .last .hb .list.on .bot img{ display:inline-block;}
.index .one .last .db{ width:100%; position:relative; margin-top:30px;}
.index .one .last .db .it{ width:100%; height:275px; overflow:hidden;}
.index .one .last .db .it ul{ width:100%;}
.index .one .last .db .it ul li{ width:222px; height:271px; text-align:center; overflow:hidden; border:1px solid #ddd; border-radius:5px; margin-right:20px;}
.index .one .last .db .it ul li .img{ width:200px; height:200px; overflow:hidden; margin:10px 0;}
.index .one .last .db .it ul li .img img{ width:100%;}
.index .one .last .db .it ul li .name{ width:100%; height:48px; line-height:48px; border-top:1px solid #ddd;}
.index .one .last .db .prev{ width:60px; height:60px; overflow:hidden; background: no-repeat center; position:absolute; left:-100px; top:100px; z-index:2;}
.index .one .last .db .next{ width:60px; height:60px; overflow:hidden; background: no-repeat center; position:absolute; right:-100px; top:100px; z-index:2;}
.index .two{ width:100%; background: no-repeat top; padding:50px 0 130px;}
.index .two .main{ position:relative;}
.index .two .title .fz30{ color:#fff;}
.index .two .title .xian{ background:#fff;}
.index .two .title .fz12{ color:#fff;}
.index .two .jd{ width:100%; line-height:25px; text-align:center; font-size:14px; color:#fff; margin-top:15px;}
.index .two .last{ width:100%; margin-top:40px;}
.index .two .last .list{ width:160px; text-align:center; vertical-align:top; margin:0 35px;}
.index .two .last .list .img{ width:100%; height:160px; background:#fff; border-radius:50%;}
.index .two .last .list .img a{ width:160px; height:160px; display:table-cell; overflow:hidden; vertical-align:middle;}
.index .two .last .list .fz14{ color:#fff; margin-top:15px;}
.index .two .apply{ width:100%; background:#fff; position:absolute; left:0; bottom:-210px; z-index:2; padding:40px 0;}
.index .two .apply .left{ margin-left:45px;}
.index .two .apply .left.lang2{ width:185px; margin-left:30px;}
.index .two .apply .left .fz30{ color:#555;}
.index .two .apply .left .xian{ width:20px; height:2px; background:#555; margin:10px 0 15px;}
.index .two .apply .left .fz12{ color:#888; font-family:"arial";}
.index .two .apply .left .fz12.lang2{ display:none;}
.index .two .apply .right{ border-left:1px solid #f0f0f0; padding-left:40px; margin-left:40px;}
.index .two .apply .right.lang2{ padding-left:20px; margin-left:20;}
.index .two .apply .right .fz14{ width:100%; color:#888;}
.index .two .apply .right .form{ width:100%; margin-top:15px;}
.index .two .apply .right .form .input{ height:44px; line-height:44px; text-indent:15px; cursor:text; border:1px solid #ddd; border-radius:6px; font-size:14px; color:#888; margin-right:15px;}
.index .two .apply .right .form .input.n1{ width:158px;}
.index .two .apply .right .form .input.n2{ width:218px;}
.index .two .apply .right .form .input.n3{ width:352px;}
.index .two .apply .right .form .sub{ width:120px; height:44px; line-height:44px; text-align:center; cursor:pointer; background:#0293d2; border-radius:6px; color:#fff; font-size:14px;}
.index .thr{ width:100%; background:#f0f0f0; padding:130px 0 80px;}
.index .thr .last{ width:1180px; background:#fff; padding:10px; margin-top:40px;}
.index .thr .last .left{ width:670px; margin-left:30px;}
.index .thr .last .left .nr{ line-height:25px; margin-top:25px;}
.index .thr .last .left .more{ width:120px; height:36px; line-height:36px; text-align:center; background:#0293d2; color:#fff; font-size:12px; font-family:"arial"; border-radius:6px; margin-top:40px;}
.index .thr .last .right{ width:430px; height:310px; overflow:hidden;}
.index .thr .last .right img{ width:100%;}
.index .thr .course{ width:100%; position:relative; margin-top:80px;}
.index .thr .course .xian{ width:100%; height:1px; background:#e4e4e4; position:absolute; left:0; top:23px; z-index:1;}
.index .thr .course .main{ position:relative; z-index:2;}
.index .thr .course .main .list{ text-align:center; position:relative; margin-right:70px;}
.index .thr .course .main .list .fz12{ height:18px; line-height:18px; cursor:pointer; color:#aaa; font-family:"arial";}
.index .thr .course .main .list .dian{ width:7px; height:7px; cursor:pointer; background:#aaa; border-radius:50%; margin-top:2px;}
.index .thr .course .main .list .fz14{ width:300px; display:none; text-align:left; border-radius:6px; color:#fff; background:#aaa; position:absolute; left:0; top:50px; z-index:2; padding:15px;}
.index .thr .course .main .list .fz14 .img{ width:10px; height:9px; background: no-repeat center; position:absolute; left:12px; top:-9px; z-index:2;}
.index .thr .course .main .list.in .fz12{ font-size:16px; font-weight:bold; color:#0293d2; margin-top:-5px;}
.index .thr .course .main .list.in .dian{ width:11px; height:11px; background:#0293d2; margin-top:5px;}
.index .thr .course .main .list.in .fz14{ background:#0293d2;}
.index .thr .course .main .list.in .fz14 .img{ background: no-repeat center;}
.index .thr .course .main .list:hover .fz14{ display:inline-block;}
.index .thr .course .main .list.on .fz14{ left:-275px;}
.index .thr .course .main .list.on .fz14 .img{ left:288px;}
.index .four{ width:100%; /*background: no-repeat top;*/ background:#f0f0f0; padding:50px 0;}
.index .four .last{ width:560px;}
.index .four .last .top{ width:100%;}
.index .four .last .top .fz30{ color:#555;}
.index .four .last .top .xian{ width:20px; height:2px; background:#555; margin:10px 0 15px;}
.index .four .last .top .fz12{ color:#888;}
.index .four .last .top .fz12.lang2{ display:none;}
.index .four .last .cont{ width:100%; margin:40px 0;}
.index .four .last .cont .time{ width:100px; height:100px; text-align:center; background:#f8f8f8;}
.index .four .last .cont .time .fz40{ color:#888; font-family:"arial"; margin-top:15px;}
.index .four .last .cont .time .fz12{ color:#888; font-family:"arial";}
.index .four .last .cont .nr{ width:445px;}
.index .four .last .cont .nr .fz16{ width:100%; color:#0293d2;}
.index .four .last .cont .nr .xian{ width:18px; height:1px; background:#0293d2; margin:15px 0;}
.index .four .last .cont .nr .fz12{ height:40px; line-height:20px; overflow:hidden; color:#888;}
.index .four .last .bot{ width:100%; border-top:1px dashed #b5cad4; padding-top:30px;}
.index .four .last .bot .list{ width:100%; text-indent:15px; background: no-repeat left center; margin-bottom:15px;}
.index .four .last .bot .list .fz12{ color:#888;}
.index .four .last .more{ width:120px; height:36px; line-height:36px; text-align:center; border-radius:6px; color:#fff; font-family:"arial"; background:#0293d2; margin-top:15px;}
.index .five{ width:100%; height:470px; text-align:center; background: no-repeat center top; padding-top:50px;}
.index .five .cont{ width:553px; height:425px; background: no-repeat center top; padding-top:45px;}
.index .five .cont .nr{ width:80%; line-height:30px; font-size:14px; margin-top:40px;}
.index .six{ width:100%; background:#fff; padding:30px 0;}
.index .six .last{ position:relative; margin:0px auto;}
.index .six .last .ul{ width:100%;}
.index .six .last .ul li{ width:220px; height:80px; text-align:center; overflow:hidden; border:1px solid #f0f0f0; margin-right:30px;}
.index .six .last .ul li a{ width:220px; height:80px; display:table-cell; vertical-align:middle;}
.index .six .last .ul li a img{ width:100%;}
/*内页样式*/
.inside{ padding-bottom:90px;}
.inside .left{ width:220px; position:relative; z-index:3; margin-top:-20px;}
.inside .left .title{ width:100%; height:100px; text-align:center; background:#0293d2; border-radius:5px;}
.inside .left .title .fz24{ width:100%; color:#fff; margin-top:25px;}
.inside .left .title .fz12{ width:100%; color:#c3cfd4; margin-top:5px;}
.inside .left .title .fz12.lang2{ display:none;}
.inside .left .last{ width:100%; text-align:center;}
.inside .left .last .list{ width:100%; height:50px; line-height:50px; border-radius:5px; background:#eee; color:#999; margin-top:1px;}
.inside .left .last .list.on{ background:#0293d2; color:#fff; font-weight:bold;}
.inside .left .last .list:hover{ background:#0293d2; color:#fff; font-weight:bold;}
.inside .left .last .ul{ width:100%; text-align:left; background:#e8f0f4; padding:10px 0;}
.inside .left .last .ul .imt{ width:100%; height:35px; line-height:35px; text-indent:20px; color:#555; background: no-repeat 90% center;}
.inside .left .last .ul .imt.on{ text-decoration:underline; color:#0293d2; background: no-repeat 90% center;}
.inside .left .last .ul .imt:hover{ text-decoration:underline; color:#0293d2; background: no-repeat 90% center;}
.inside .left .itme.on .list{ background:#0293d2; color:#fff; font-weight:bold;}
.inside .left .others{ width:100%; border-radius:5px; overflow:hidden; margin-top:20px;}
.inside .left .others .tit{ width:100%; height:40px; line-height:40px; text-indent:25px; color:#fff; font-weight:bold; background:#0293d2;}
.inside .left .others .item{ border:1px solid #0293d2; border-top:none; border-radius:0 0 5px 5px; padding:0 8px;}
.inside .left .others .item .list{ width:100%; height:40px; line-height:40px; text-indent:12px; color:#333; background: no-repeat left center; border-bottom:1px dashed #b2b1b1;}
.inside .left .others .item .list:hover{ color:#0293d2; background: no-repeat left center;}
.inside .left .proxj{ width:100%; border-radius:5px; overflow:hidden; margin-top:20px;}
.inside .left .proxj .tit{ width:100%; height:60px; line-height:60px; text-indent:25px; color:#fff; font-weight:bold; background:#0293d2;}
.inside .left .cont{ width:100%; border-radius:5px; overflow:hidden; margin-top:20px;}
.inside .left .cont .tit{ width:100%; height:40px; line-height:40px; text-indent:25px; color:#fff; font-weight:bold; background:#0293d2;}
.inside .left .cont .imt{ border:1px solid #0293d2; border-top:none; border-radius:0 0 5px 5px; padding:20px 8px;}
.inside .left .cont .imt .img{ width:100%;}
.inside .left .cont .imt .img img{ width:100%;}
.inside .left .cont .imt .phone{ background: no-repeat left center; padding:10px 0 10px 40px;}
.inside .left .cont .imt .phone .zi1{ font-size:12px; color:#363636; font-weight:bold;}
.inside .left .cont .imt .phone .zi2{ font-size:20px; color:#0662c3; font-weight:bold; margin:-3px 0;}
.inside .left .cont .imt .nr{ width:100%; line-height:30px; color:#666;}
.inside .right{ width:930px;}
.inside .wz{ width:100%; height:50px; line-height:50px; border-bottom:1px solid #e5e5e5;}
.inside .wz .search{ font-size:16px; color:#555;}
.inside .wz .search a{ font-size:16px; color:#555;}
.inside .wz .news{ font-size:12px; color:#888;}
.inside .wz .news span{ font-size:12px; color:#888;}
.inside .wz .news a{ font-size:12px; color:#888;}
.inside .title{ width:100%; text-align:center;}
.inside .title .fz30{ width:100%; color:#0293d2;}
.inside .title .xian{ width:20px; height:2px; background:#0293d2; margin:15px 0 20px;}
.inside .title .fz14{ color:#555;}
.inside .det{ width:100%; text-align:center; font-size:24px; color:#333; margin-top:30px;}
.inside .nt{ width:100%; text-align:center; border-bottom:1px dashed #ccc; padding:10px 0; margin:20px 0;}
.inside .nt .fz14{ color:#666; margin:0 30px;}
.inside .nt .fz14 span{ color:#333;}
.inside .page{ width:100%; margin:20px 0;}
.inside .page .fz14{ color:#333;}
.inside .page .fz14 a{ color:#0293d2;}
.inside .page .fz14 a:hover{ text-decoration:underline;}
/*底部样式*/
.footer{ width:100%; font-family:"微软雅黑";}
.footer .top{ width:100%; height:50px; line-height:50px; background:#e8e8e8;}
.footer .top span{ color:#333333;}
.footer .top a{ height:16px; line-height:16px; color:#333333; border-right:1px solid #888; padding:0 20px;}
.footer .bot{ width:100%; background-image:;}
.footer .bot .one{ width:100%; padding:40px 0 15px;}
.footer .bot .one .list{ width:105px; height:240px; overflow:hidden; border-right:0px solid #3e3e3e; margin-left:55px;}
.footer .bot .one .list.in{ width:150px; border:none; margin:0;}
.footer .bot .one .list .fz16{ width:100%; color:#3e3e3e;}
.footer .bot .one .list .ul{ margin-top:15px;}
.footer .bot .one .list .ul .fz12{ width:100%; display:inline-block; color:#3e3e3e; margin-bottom:10px;}
.footer .bot .one .list .link{ width:100%; margin-top:20px;}
.footer .bot .one .list .link a{ width:30px; height:30px; border-radius:50%; margin-right:10px;}
.footer .bot .one .list .link a.n1{ background:#3e3e3e no-repeat center;}
.footer .bot .one .list .link a.n2{ background:#3e3e3e no-repeat center;}
.footer .bot .one .list .link a.n3{ background:#3e3e3e no-repeat center;}
.footer .bot .one .list .link a.n1:hover{ background:#3e3e3e no-repeat center;}
.footer .bot .one .list .link a.n2:hover{ background:#3e3e3e no-repeat center;}
.footer .bot .one .list .link a.n3:hover{ background:#3e3e3e no-repeat center;}
.footer .bot .one .list .ewn{ width:100%; background:#3e3e3e; padding:8px 0; margin-top:20px;}
.footer .bot .one .list .ewn img{ width:65px; height:65px; float:left; margin-left:8px;}
.footer .bot .one .list .ewn span{ line-height:65px; float:left; color:#3e3e3e; margin-left:8px;}
.footer .bot .two{ height:72px; line-height:72px; text-align:center; border-top:1px solid #bdbdbd; color:#3e3e3e;}
.footer .bot .two a{ color:#3e3e3e;}
.warp{width:1000px; margin:0 auto;}
.fl{float: left;}
.fr{float: right;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.text-center{text-align: center;}
.text-over{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.over{overflow: hidden;}
.relative{position: relative;z-index: 1;}
.absolute{position: absolute;z-index: 1;}
.fixed{position: fixed;z-index: 1;}
.inline{display: inline;}
.block{display: block;}
.inline-block{display: inline-block;}
.hide{display: none;}
.max-w100{max-width: 100%;}
.max-h100{max-height: 100%;}
.middle{vertical-align: middle;}
.trans{-webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}
.fen{ width:275px; border:3px solid #005198; overflow:hidden; margin:20px 0; background:#f9f9f9;}
.fen h2{ height:78px; padding-top:20px; text-align:center; background:#005198; overflow:hidden; font:26px "microsoft yahei"; font-weight:bold;}
.fen h2 a{ color:#fff;}
.fen h2 em{ display:block; font:26px arial; text-transform:uppercase;}
.fen h3{ width:215px; height:40px; margin:10px auto 7px; font:16px "microsoft yahei"; font-weight:normal; line-height:40px;}
.fen h3 a{ display:block; color:#fff; background: no-repeat center top; font-weight:bold; padding-left:48px;}
.fen h3 a:hover{ color:#fff; background: no-repeat center top;}
.fen li{ font:14px "microsoft yahei"; line-height:28px; height:28px; overflow:hidden; background: no-repeat 64px center; padding-left:80px;}
.fen li a{ color:#666; display:block;}
.pro{ width:900px; overflow:hidden; margin-top:10px;}
.pro1{ height:470px; background:#e9e9e9; overflow:hidden; position:relative;}
.pro dl{ height:376px; margin-top:30px; overflow:hidden; padding:0 35px;}
.pro dt{ width:474px; height:376px; float:left; overflow:hidden;}
.pro dt img{ display:block;width:474px; height:376px;}
.pro dd{ width:300px; float:right; overflow:hidden;}
.pro dd h3 a{ display:block; height:85px; background: no-repeat left bottom; font:30px "microsoft yahei"; font-weight:bold; line-height:85px; color:#333; overflow:hidden;}
.pro dd .pp{ font:16px "microsoft yahei"; line-height:28px; color:#666; height:168px; overflow:hidden; margin:30px 0 20px 0;}
.pro dd span a{ display:block; width:120px; height:35px; background: no-repeat center top; font:14px "microsoft yahei"; text-align:center; line-height:35px; color:#fff; overflow:hidden;}
.arr1 a{ display:block; font:60px "宋体"; color:#3272a9; font-weight:bold; position:absolute; top:190px; left:15px;cursor:pointer;}
.arr2 a{ display:block; font:60px "宋体"; color:#3272a9; font-weight:bold; position:absolute; top:190px; right:15px;cursor:pointer;}
.pro ul{ height:280px; margin-top:18px;}
.pro li{ width:290px;float:left; margin-right:15px;}
.pro li a{ display:block;}
.pro li img{ display:block; width:288px; height:228px;border:1px solid #e6e6e6;}
.pro li em{ display:block; height:50px; font:14px "microsoft yahei"; text-align:center; line-height:50px; color:#333; overflow:hidden; background:#e6e6e6;}
.pro li a:hover em{ background:#0093dd; color:#fff;}
.pro li a:hover img{ border:1px solid #0093dd;}
.pro .nones{ margin-right:0;}
.vam { vertical-align:middle;}
.clear{ clear:both; height:0; line-height:0; font-size:0;}
.clearfix:after{ content:""; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1}
p{ word-spacing:-1.5px;}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
/* -- 购物车外部框架 -- */
.cart_header , .cart_content , .cart_footer { width:760px; margin:0 auto;}
/* -- 页面整体布局 -- */
.content3 { width:1200px; margin:0 auto; }
.h_nav li a:-webkit-any-link{ display:block;}
.pro_detail {
padding-top: 25px;
padding-left: 5px;
}
.pro_detail h2 {
font-size: 15px;
background-image: ;
background-repeat: no-repeat;
color: #ffffff;
line-height: 30px;
padding-left: 30px;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #0e67be;
margin-bottom: 8px;
}
/*留言*/
/*feedback*/
.content_box {
margin-top: 5px;
}
.content_box .messages_box {
width: auto;
padding: 10px 1% 60px 1%;
}
.content_box .messages_box ul {
width: 100%;
}
.content_box .messages_box ul li {
padding: 5px 28px 5px 5px;
}
.content_box .messages_box .text-input, .content_box .messages_box .summary-input, .content_box .messages_box .qq-input {
width: 100%;
height: 33px;
padding: 0px 10px;
line-height: 33px;
background: none repeat scroll 0% 0% rgb(253, 253, 253);
border-width: 1px;
border-style: solid;
border-color: rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201);
box-shadow: 1px 2px 3px rgb(183, 183, 183) inset !important;
font-size: 14px;
}
.content_box .messages_box .cont-input {
width: 100%;
height: 130px;
padding: 10px;
line-height: 20px;
background: none repeat scroll 0% 0% rgb(253, 253, 253);
border-width: 1px;
border-style: solid;
border-color: rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201);
box-shadow: 1px 2px 3px rgb(183, 183, 183) inset !important;
font-size: 14px;
}
.content_box .messages_box .code-input {
width: 125px;
vertical-align: middle;
height: 33px;
padding: 0px 10px;
line-height: normal;
background: none repeat scroll 0% 0% rgb(253, 253, 253);
border-width: 1px;
border-style: solid;
border-color: rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201);
box-shadow: 1px 2px 3px rgb(183, 183, 183) inset !important;
}
.content_box .messages_box .verify-pic {
height: 35px;
vertical-align: middle;
}
.content_box .messages_box .submitbtn {
text-align: center;
padding-top: 10px;
}
.content_box .messages_box .messages-button {
width: 125px;
height: 34px;
line-height: 34px;
font-size: 16px;
color: #fff;
text-align: center;
background: none repeat scroll 0% 0% #e24a45;
border: none;
transition-duration: .3s;
}
.content_box .messages_box .messages-button:hover {
background: none repeat scroll 0% 0% #74b956;
transition-duration: .3s;
cursor: pointer
}
/********************产品滚动样式**************************************/
#colee_left{
overflow:hidden;
line-height:30px;
margin-top:0px;
margin-top:20px;
font-size:12px;
padding-top: 20px;
padding-bottom:50px;
border-top: 1px solid #e8e8e8;
}
#colee_left img{
border:1px solid #ebebeb;
width:240px;
}
#colee_left img:hover{}
#colee_left a:hover{color:#0372e5;}
/*留言*/
/*feedback*/
.content_box {
margin-top: 5px;
}
.content_box .messages_box {
width: auto;
padding: 10px 1% 60px 1%;
}
.content_box .messages_box ul {
width: 100%;
}
.content_box .messages_box ul li {
padding: 5px 28px 5px 5px;
float:left;
width: 100%;
}
.content_box .messages_box .text-input, .content_box .messages_box .summary-input, .content_box .messages_box .qq-input {
float:left;
width: 60%;
height: 33px;
padding: 0px 10px;
line-height: 33px;
background: none repeat scroll 0% 0% rgb(253, 253, 253);
border-width: 1px;
border-style: solid;
border-color: rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201);
box-shadow: 1px 2px 3px rgb(183, 183, 183) inset !important;
font-size: 14px;
}
.content_box .messages_box .cont-input {
float:left;
width: 60%;
height: 200px;
padding: 10px;
line-height: 20px;
background: none repeat scroll 0% 0% rgb(253, 253, 253);
border-width: 1px;
border-style: solid;
border-color: rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201);
box-shadow: 1px 2px 3px rgb(183, 183, 183) inset !important;
font-size: 14px;
}
.content_box .messages_box .code-input {
width: 125px;
vertical-align: middle;
height: 33px;
padding: 0px 10px;
line-height: normal;
background: none repeat scroll 0% 0% rgb(253, 253, 253);
border-width: 1px;
border-style: solid;
border-color: rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201);
box-shadow: 1px 2px 3px rgb(183, 183, 183) inset !important;
}
.content_box .messages_box .verify-pic {
height: 35px;
vertical-align: middle;
}
.content_box .messages_box .submitbtn {
text-align: center;
padding-top: 10px;
}
.content_box .messages_box .messages-button {
width: 125px;
height: 34px;
line-height: 34px;
font-size: 16px;
color: #fff;
text-align: center;
background: none repeat scroll 0% 0% #e24a45;
border: none;
transition-duration: .3s;
}
.content_box .messages_box .messages-button:hover {
background: none repeat scroll 0% 0% #74b956;
transition-duration: .3s;
cursor: pointer
}