@charset "UTF-8";
* { padding: 0; margin: 0; box-sizing: border-box; font-family: "Microsoft YaHei",Arial; }

div, dl, dt, dd, form, h1, h2, h3, h4, h5, h6, img, ol, ul, li, table, th, td, p, span, a { border: 0; }

img { border: none; vertical-align: middle; display: inline-block; max-width: 100%; max-height: 100%; }

body { background: #fff; color: #000; font-size: 14px; line-height: 1.1; margin-left: auto; margin-right: auto;  }

ul, ol { list-style-type: none; }

button { border: none; cursor: pointer; background-color: transparent; }

.clear { clear: both; font-size: 1px; height: 0; visibility: hidden; line-height: 0; }

.clearfix { zoom: 1; }

a { text-decoration: none; color: inherit; }

a:hover { text-decoration: none; color: #0075e4; }

.fl { float: left; }

.fr { float: right; }

hr { display: block; border: none; }

.bk { border: 1px red solid; }

.navigator{ position:absolute; z-index:200; display:none;}
.navigator{ right:0; top:13px; width:30px; color:#fff; cursor:pointer;}
.navigator .button-left{float:left; width:30px;}
.navigator .button-left span{float:left; margin-top:2px; margin-bottom:3px; width:100%; height:3px; border-radius:5px; background-color:#3072f6;}
.navigator .button-left span:last-child{ margin-bottom:0; width:100%}
.navigator .button-left span.mid{width:100%;}
.header .nav.open{right:0; transition: all 0.5s cubic-bezier(.645,.045,.355,1) 0s;}

.container { width: 1200px; margin-left: auto; margin-right: auto; }
.container:before, .container:after { content: ''; float: none; clear: both; display: block; width: 100%; }

.header { position: relative; height: 100px; background-color:#fff; }
.header h1 { float: left; line-height: 100px; font-size: 0; }
.header h1 img.mobile{display:none;}
.header .nav { float: right; line-height: 100px; text-align: center; font-size: 0; }
.header .nav > ul { height: 100px; overflow: hidden; }
.header .nav > ul > li { display: inline-block; padding-top: 20px; }
.header .nav > ul > li > a { display: inline-block; margin-left: 50px; color:#666; font-size: 16px; font-weight: bold; text-transform:uppercase; }
.header .nav > ul > li > a:hover, .header .nav > ul > li > a.current { color:#0075e4; }
.header .nav > ul > li .sub-nav { display: none; position: absolute; z-index: 9999; left: 0; top: 100%; width: 100%; line-height: normal; padding: 20px 0; background-color: rgba(0, 117, 228, 0.75); }
/*.header .nav > ul > li:hover .sub-nav{ display:block;}*/
.header .nav > ul > li .sub-nav > a { display: inline-block; margin: 0 15px; color: #fff; font-size: 14px; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; }
.header .nav > ul > li .sub-nav > a:hover { opacity: .8; }
.header .nav > ul > li .pro-nav { text-align: left; padding: 0; }
.header .nav > ul > li .pro-nav .item { position: relative; float: left; width:20%; height: auto; padding-top: 40px; padding-left: 20px; padding-right: 20px; border-right: 1px rgba(255, 255, 255, 0.2) solid; }
.header .nav > ul > li .pro-nav .item h3 { margin-bottom: 20px; }
.header .nav > ul > li .pro-nav .item h3 a { color: #fff; font-size: 18px; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; }
.header .nav > ul > li .pro-nav .item h3 a:hover { opacity: .8; }
.header .nav > ul > li .pro-nav .item dl { line-height: 20px; margin-bottom: 30px; padding-right: 5px; }
.header .nav > ul > li .pro-nav .item dl dt { font-weight: bold; }
.header .nav > ul > li .pro-nav .item dl dt, .header .nav > ul > li .pro-nav .item dl dd { /*white-space: nowrap; text-overflow: ellipsis; overflow: hidden;*/ margin-bottom:8px;  }
.header .nav > ul > li .pro-nav .item dl dt a, .header .nav > ul > li .pro-nav .item dl dd a { color: #fff; font-size: 14px; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; }
.header .nav > ul > li .pro-nav .item dl dt a:hover, .header .nav > ul > li .pro-nav .item dl dd a:hover { opacity: .8; }
.header .nav > ul > li .pro-nav .item:nth-child(1) { width: 20%; padding-left: 20px; border-left: 1px rgba(255, 255, 255, 0.2) solid;}
.header .nav > ul > li .pro-nav .item:nth-child(1) dl { float: left; width: 50%; }
.header .nav > ul > li.lan{display:none;}
.header .language { position: absolute; top:12px; right: 75px; padding-top: 5px; color: #898989; font-size: 14px; }
.header .language a.active{color:#0075e4;}
.banner { position: relative; overflow: hidden; }
.banner .swiper-pagination { bottom: 30px !important; font-size: 0; }
.banner .swiper-pagination span { opacity: 1; width: 12px; height: 12px; margin: 0 10px !important; border: 1px #fff solid; border-radius: 50%; background: none; }
.banner .swiper-pagination .swiper-pagination-bullet-active {background-color: #fff;}

/*---- 首页 ----*/
.index-main { background-image: url(/images/item-box1-bg.jpg); background-position: center bottom; }
.index-main .box-tit { text-align: center; }
.index-main .box-tit h3 { padding-top: 70px; padding-bottom: 25px; color: #0075e4; font-size:35px; font-weight: normal; /*background-image: url(/images/box-tit-bg.png); background-position: center bottom; background-repeat: no-repeat;*/ }
.index-main .box-tit p { padding-top: 10px; color: #999; font-size: 16px; line-height:23px; }
.index-main .item-box1 .box-con { position: relative; margin-top: 55px; overflow: hidden; }
.index-main .item-box1 .box-con .yw-tit { position: relative; width: 480px; height: 125px; padding-left: 30px; background-color: #0075e4; }
.index-main .item-box1 .box-con .yw-tit:after { content: ''; opacity: .2; position: absolute; top: 0; right: 0; display: block; width: 100%; height: 100%; background-image: url(/images/yw-tit-bg.png); background-position: right bottom; background-repeat: no-repeat; }
.index-main .item-box1 .box-con .yw-tit em { display: block; padding-top: 45px; color: #fff; font-size: 12px; font-style: normal; }
.index-main .item-box1 .box-con .yw-tit em:before { content: ''; float: left; display: block; width: 10px; height: 10px; margin-right: 10px; background-color: #fff; }
.index-main .item-box1 .box-con .yw-tit h4 { padding-top: 15px; color: #fff; font-size: 22px; }
.index-main .item-box1 .box-con .yw-item { position: relative; background-color: #000; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.index-main .item-box1 .box-con .yw-item a { position: relative; display: block; width: 100%; height: 100%; padding: 0 20px; }
.index-main .item-box1 .box-con .yw-item a .info { position: absolute; z-index: 10; bottom: 25px; }
.index-main .item-box1 .box-con .yw-item a .info strong { display: block; color: #fff; font-size: 22px; }
.index-main .item-box1 .box-con .yw-item a .info p { line-height: 1.8; padding-top: 10px; color: #fff; font-size: 14px; }
.index-main .item-box1 .box-con .yw-item a .info em { display: block; margin-top: 25px; color: #fff; font-size: 14px; font-style: normal; text-decoration: underline; }
.index-main .item-box1 .box-con .item1 { width: 480px; height: 345px; margin-top: 20px; }
.index-main .item-box1 .box-con .item2 { position: absolute; right: 0; top: 0; width: 700px; height: 490px; }
.index-main .item-box1 .box-con .item3, .index-main .item-box1 .box-con .item4, .index-main .item-box1 .box-con .item5 { float: left; width: 380px; height: 270px; margin-top: 20px; }
.index-main .item-box1 .box-con .item4 { margin-left: 20px; }
.index-main .item-box1 .box-con .item5 { float: right; }
.index-main .item-box2 .item-pic { text-align: center; margin-top: 50px; padding: 130px 0; background-image: url(/images/item-box2-pic.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; }
.index-main .item-box2 .item-pic h2 { color: #fff; font-size: 30px; }
.index-main .item-box2 .item-pic p { padding-top: 30px; color: #fff; line-height:26px; font-size: 14px; }
.index-main .item-box3 .box-pic { margin-top: 50px; }
.index-main .item-box3 .list { margin-top: 30px; margin-left: -30px; margin-right: -30px; }
.index-main .item-box3 .list .item { float: left; width: 33.33%; padding: 0 30px; }
.index-main .item-box3 .list .item .pic { height: 230px; overflow: hidden; }
.index-main .item-box3 .list .item .pic img {width:100%; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; }
.index-main .item-box3 .list .item .pic:hover img { transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); }
.index-main .item-box3 .list .item .vice-info { position: relative; height: 35px; background-color: #f0f0f0; }
.index-main .item-box3 .list .item .vice-info .date { position: absolute; left: 0; bottom: 0; }
.index-main .item-box3 .list .item .vice-info .date:before { content: ''; position: absolute; left: 0; bottom: 0; display: block; width: 35px; height: 35px; background-color: #24213b; background-image: url(/images/laba-icon.png); background-position: center center; background-repeat: no-repeat; }
.index-main .item-box3 .list .item .vice-info .date strong { display: block; width: 60px; height: 60px; text-align: center; margin-left: 35px; padding-top: 8px; background-color: #0075e4; color: #fff; font-size: 20px; }
.index-main .item-box3 .list .item .vice-info .date strong em { display: block; padding-bottom: 5px; font-size: 14px; font-style: normal; font-weight: normal; }
.index-main .item-box3 .list .item .vice-info .eye { float: right; line-height: 35px; margin-right: 10px; padding-left: 20px; color: #b6b6b6; font-size: 12px; background-image: url(/images/icon_lei.png); background-position: left center; background-repeat: no-repeat; background-size:16px auto; }
.index-main .item-box3 .list .item dl { margin-top: 30px; padding-left: 10px; padding-right: 10px; }
.index-main .item-box3 .list .item dl dt { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 25px; color: #000; font-size: 15px; font-weight: bold; }
.index-main .item-box3 .list .item dl dd { position: relative; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; line-height: 22px; margin-top: 20px; color: #adadad; font-size: 14px; max-height:66px; }
.index-main .item-box3 .list .item dl dd a {float:right; display: inline-block;  color: #0075e4; font-size: 12px; }
.index-main .item-box3 .list .item dl dd a:before {  }
.index-main .item-box4 { text-align: center; margin-top: 70px; padding: 150px 0; background-image: url(/images/item-box4-pic.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; }
.index-main .item-box4 h3 { color: #fff; font-size: 45px; }
.index-main .item-box4 h4 { padding-top: 25px; color: #fff; font-size: 24px; font-weight: normal; }

/*---- 内页 ----*/
.inside-banner img { width: 100%; }

.inside-main { background-color: #f0f0f0; }
.inside-main .container { position: relative; z-index:99; margin-top: -60px; padding-top: 60px; padding-bottom: 100px; background-color: #fff; }
.inside-main .inside-left { float: left; width: 290px; margin-top:30px; }
.inside-main .inside-left .menu-tit { padding-left: 25px; padding-bottom: 18px; border-bottom: 2px #e6e6e6 solid; }
.inside-main .inside-left .menu-tit h4 { color: #0075e4; font-size: 30px; text-transform: uppercase; }
.inside-main .inside-left .menu-tit h3 { padding-top: 10px; color: #000; font-size: 16px; }
.inside-main .inside-left .inside-menu { float: right; width: 265px; margin-top: 40px; border-top: 1px #e6e6e6 solid; border-left: 1px #e6e6e6 solid; border-right: 1px #e6e6e6 solid; font-size: 14px; }
.inside-main .inside-left .inside-menu .one-menu > a { display: block; padding:20px 10px; width: 100%; line-height:25px; text-align: center; color: #878787; font-weight: normal; border-bottom: 1px #e6e6e6 solid; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; }
.inside-main .inside-left .inside-menu .one-menu > a:hover, .inside-main .inside-left .inside-menu .one-menu > a.current { color: #fff; font-weight: bold; background-color: #0075e4; }
.inside-main .inside-left .inside-menu .one-menu > ul { display: none; }
.inside-main .inside-left .inside-menu .two-menu > a { display: block; width: 100%; line-height: 20px; padding-top: 10px; padding-left:35px; padding-bottom: 10px; border-bottom: 1px #e6e6e6 solid; }
.inside-main .inside-left .inside-menu .two-menu > a.on { color: #0075e4; font-weight: bold; }
.inside-main .inside-left .inside-menu .two-menu > ul { display: none; }
.inside-main .inside-left .inside-menu .last-menu { line-height: 30px; padding-top: 5px; padding-left: 75px; padding-bottom: 5px; border-bottom: 1px #e6e6e6 solid; }
.inside-main .inside-left .inside-menu .last-menu li a { color: #999; }
.inside-main .inside-left .inside-menu .last-menu li a.on { color: #0075e4; }
.inside-main .inside-right { float: right; width: 845px; padding-top: 40px; }
.inside-main .inside-right .curmbs { height: 15px; line-height: 15px; padding-left: 5px; color: #999; font-size: 14px; border-left: 2px #0075e4 solid; }
.inside-main .inside-right .inside-con { margin-top: 30px; padding-top: 30px; padding-right: 35px; border-top: 8px #0075e4 solid; }

.paging { text-align: center; font-size: 0; }
.paging a,.paging span{ display: inline-block; margin: 0 15px; font-size: 14px; }
.paging a:hover, .paging .current { color: #0075e4; border-bottom: 2px #0075e4 solid; }
.paging a[disabled]{ display:none;}

/*---- 单页 ----*/
.single-main { line-height: 2; color: #888; }

/*---- 产品列表 ----*/
.product-main ul { margin-left: -10px; margin-right: -10px; overflow: hidden; }
.product-main ul li { float: left; width: 33.33%; padding-left: 10px; padding-right: 10px; margin-bottom: 20px; }
.product-main ul li a { display: block; }
.product-main ul li .pic { height: 165px; line-height: 163px; text-align: center; border: 1px #e6e6e6 solid; font-size: 0; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; }
.product-main ul li .tit { padding-top:15px; padding-bottom:15px; min-height:90px; text-align: center; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; }
.product-main ul li .tit strong { display: block; color: #333; font-size: 15px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; }
.product-main ul li .tit em { display: block; padding-top: 10px; color: #888; font-size: 14px; font-style: normal; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; }
.product-main ul li:hover .pic { border-color: #0075e4; }
.product-main ul li:hover .tit { background-color: #0075e4; }
.product-main ul li:hover .tit strong, .product-main ul li:hover .tit em { color: #fff; }

/*---- 新闻列表 ----*/
.news-main .item { margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px #e6e6e6 solid; overflow: hidden; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; }
.news-main .item .pic { float: left; width: 185px; max-height: 135px; }
.news-main .item .info { float: right; width: 580px; }
.news-main .item .info dl dt { color: #000; font-size:20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.news-main .item .info dl dd { line-height: 22px; margin-top: 15px; color: #888; font-size: 13px; }
.news-main .item .info .more { display: block; margin-top: 20px; padding-bottom: 7px; color: #888; font-size: 12px; background-image: url(/images/more-arrow.png); background-position: left bottom; background-repeat: no-repeat; }
.news-main .item .info .more:hover { color: #0075e4; }
.news-main .item:hover { border-color: #0075e4; }

/*---- 下载中心 ----*/
.download-main ul { padding-bottom: 30px; }
.download-main ul li { line-height: 50px; margin-bottom: 10px; padding-left: 45px; background-color: #f7f7f7; background-image: url(/images/download-list-icon.png); background-position: 20px center; background-repeat: no-repeat; color: #666; font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

/*---- 底部联系 ----*/
.f-contact { padding: 30px 0; background-color: #0075e4; }
.f-contact .contact-info { float: left; width: 370px; }
.f-contact .contact-info h3 { color: #f7f7f7; font-size: 22px; }
.f-contact .contact-info ul { padding-top:10px; }
.f-contact .contact-info ul li { margin-top: 15px; overflow: hidden; }
.f-contact .contact-info ul li i { float: left; display: block; width: 20px; height: 20px; line-height: 20px; text-align: center; background-color: #fff; font-size: 0; }
.f-contact .contact-info ul li p { float: right; width: 340px; line-height: 20px; color: #f7f7f7; font-size: 14px; }
.f-contact .contact-info a:hover{color:#fff; text-decoration:underline;}
.f-contact .message-info { float: right; width: 790px; }
.f-contact .message-info ul li { width: 390px; margin-bottom:8px; }
.f-contact .message-info ul li input, .f-contact .message-info ul li textarea { display: block; width: 100%; height: 40px; padding: 0 10px; border: none; background-color: #fff; }
.f-contact .message-info ul li input::-webkit-input-placeholder, .f-contact .message-info ul li textarea::-webkit-input-placeholder { color: #adadad; font-size: 14px; }
.f-contact .message-info ul li input:-moz-placeholder, .f-contact .message-info ul li textarea:-moz-placeholder { color: #adadad; font-size: 14px; }
.f-contact .message-info ul li input::-moz-placeholder, .f-contact .message-info ul li textarea::-moz-placeholder { color: #adadad; font-size: 14px; }
.f-contact .message-info ul li input:-ms-input-placeholder, .f-contact .message-info ul li textarea:-ms-input-placeholder { color: #adadad; font-size: 14px; }
.f-contact .message-info ul li.textarea { width: 100%; }
.f-contact .message-info ul li.textarea textarea { height: 80px; padding: 10px; }
.f-contact .message-info .submit { display: block; width: 100%; height: 37px; line-height: 37px; text-align: center; margin-top:15px; color: #f7f7f7; font-size: 14px; background-color: #60c8ff; border: none; cursor: pointer; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; }
.f-contact .message-info .submit:hover { opacity: .8; }

/*---- 底部 ----*/
.footer { line-height: 75px; background-color: #0056a7; }
.footer .copyright { float: left; color: #f0f0f0; font-size: 14px; }
.footer .share { float: right; text-align: right; font-size:14px; color:#fff; }
.footer .share span{ margin:0 5px;}
.footer .share a { display: inline-block; margin-left: 0; transition: all 0.1s; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -o-transition: all 0.1s; }
.footer .share a:hover { text-decoration:underline; color:#fff;}

.inside-main .inside-right .inside-con p{ margin:12px 0; line-height:26px; color:#333;}
.inside-main .inside-right .inside-con h1{ margin:16px 0;}
.inside-main .inside-right .inside-con h2{ margin:15px 0;}
.inside-main .inside-right .inside-con h3{ margin:14px 0;}
.inside-main .inside-right .inside-con h4{ margin:13px 0;}
.inside-main .inside-right .inside-con img{ max-width:100%;}

article{float:left; width:100%;}
article h1.title{float:left; padding:0; width:100%; line-height:30px; text-align:center; font-size:20px; color:#000; box-sizing:border-box;}
article .article-content{float:left; margin-top:0; padding:15px 30px; width:100%; background-color:#fff; box-sizing:border-box;}
article .article-content .info{float:left; width:100%; line-height:30px; text-align:center; font-size:13px; border-bottom:solid 1px #eee; color:#666;}
article .article-content .info.left{ text-align:left;}
article .article-content .info span{color:#a6a6a6; margin-left:20px; display:inline-block;}
article .article-content .info i{ font-style:normal; min-width:30px; text-align:left; display:inline-block;}
article .article-content .content{float:left; margin-top:15px; width:100%; font-size:15px; line-height:29px;}
article .article-content .content img{max-width:100%;}
article .article-content .content p,.mod-cases-details article .content p{display:block;}
article .article-content .content h1,article .article-content .content h2,article .article-content .content h3{ margin-bottom:12px; display:block;}
article .article-content .bdsharebuttonbox{float:right; margin-top:23px; height:32px;}
article .article-content .bdsharebuttonbox span{float:left; font-size:14px; line-height:32px; margin-right:0;}
article .article-content .bdsharebuttonbox a{float:left; margin:0 0 0 10px; width:32px; height:32px; background-position:0 0; background-repeat:no-repeat; transition:all 0.3s ease 0s;}
article .article-content .bdsharebuttonbox a.bds_weixin{ background-image:url(../image/icon_weixin.png);}
article .article-content .bdsharebuttonbox a.bds_sqq{ background-image:url(../image/icon_qq.png);}
article .article-content .bdsharebuttonbox a.bds_tsina{ background-image:url(../image/icon_weibo.png);}
article .article-content .bdsharebuttonbox a:hover{ background-position:0 bottom; opacity:1; transition:all 0.3s ease 0s; }
article .article-content .prev_next{float:left; border-top:solid 1px #ebebeb; padding-top:10px; margin-top:15px; width:100%;  line-height:30px; font-size:14px;}

@media(max-width:750px)
{
body{min-width:100%;}
.container{width:96%; margin:0 auto;}
.header .language{display:none;}
.header .container{ position:relative;}
.header{ height:50px;}
.header h1{line-height:50px;}
.header h1 img{height:39px; display:none;}
.header h1 img.mobile{display:inline-block;}
.header .nav > ul > li .sub-nav{}
.header .navigator{ display:block;}
.header .nav{float:none; position:fixed; right:-100%; top:0; padding-top:20px; margin:0; width:100%; height:100%; background-color:#0075e4; background-color:rgba(0,117,228,0.9);  z-index:999; overflow-y:auto; transition: all 0.5s cubic-bezier(.645,.045,.355,1) 0s;}
.header .nav.open{box-shadow:0 9px 30px -6px rgba(0,0,0,.2),0 18px 20px -10px rgba(0,0,0,.04),0 18px 20px -10px rgba(0,0,0,.04),0 10px 20px -10px rgba(0,0,0,.04);}
.header .nav ul,.header .nav ul li{float:left; width:100%; padding-top:0;}
.header .nav > ul{height:auto;}
.header .nav > ul > li.lan{display:block;}
.header .nav > ul > li > a{float:left; padding:12px 0; margin-left:0; text-align:center; color:#fff; opacity:0.8; font-size:16px; letter-spacing:1.5px; font-weight:normal;}
.header .nav > ul > li > a.current,.header .nav > ul > li > a:hover{ opacity:1; color:#fff;}
.header .nav > ul > li .sub-nav{float:left; padding:0; position:relative;left:auto;top:auto; display:none !important; background-color:#0075e4;}
.header .nav > ul > li .sub-nav.active{display:block !important;}
.header .nav > ul > li .sub-nav > a{padding:8px 0; margin:0;}
.header .nav a{float:left; width:100%; padding:17px 0; margin:0; color:#fff; line-height:30px;  text-align: center; text-shadow: 1px 1px 2px #000; border-bottom: solid 1px rgba(255,255,255,0.2); transition: all 0.3s ease 0s; list-style-type:none; position:relative;}
.header .nav a.close{ position:absolute; right:20px; top:8px; width:22px; height:22px; border:none; cursor:pointer; transition:all 0.6s ease 0s; background:url(/images/icon_close.png) no-repeat center center; background-size:100% auto;}
.header .nav a.close:hover{opacity:0.8; transition:all 0.6s ease 0s;}
.header .nav > ul > li .pro-nav .item,.header .nav > ul > li .pro-nav .item:nth-child(1){width:100%;padding:0; border:none;}
.header .nav > ul > li .pro-nav .item,.header .nav > ul > li .pro-nav .item h3{float:left; margin-bottom:0; width:100%; font-weight:normal;}
.header .nav > ul > li .pro-nav .item,.header .nav > ul > li .pro-nav .item h3 a{ padding-left:8px; font-size:16px; text-align:left;}
.header .nav > ul > li .pro-nav .item,.header .nav > ul > li .pro-nav .item a{ padding:8px 0;}
.header .nav > ul > li .pro-nav .item dl{ margin-bottom:0;}
.header .nav > ul > li .pro-nav .item dl,.header .nav > ul > li .pro-nav .item:nth-child(1) dl{float:left; width:100%;}
.banner .swiper-pagination{bottom:12px !important;}
.banner .swiper-pagination span{margin:0 5px !important;}
.index-main .item-box1 .box-con .yw-tit em:before{display:none;}
.index-main .item-box1 .box-con .yw-tit em{font-size:18px;}
.index-main .item-box1 .box-con .yw-tit{text-align:center; padding-left:0;}
.index-main{ background:none;}
.index-main .box-tit h3{ padding-top:20px; padding-bottom:10px; font-size:20px; }
.index-main .box-tit p{font-size:14px; padding-top:0px; text-align:left; }
.index-main .box-tit p br{display:none;}
.index-main .item-box1 .box-con .yw-tit em{ padding-top:28px;}
.index-main .item-box1 .box-con{margin-top:20px;}
.index-main .item-box1 .box-con .yw-tit{float:left; width:100%; height:100px;}
.index-main .item-box1 .box-con .yw-item{float:left; margin-top:15px; width:100%; height:200px;}
.index-main .item-box1 .box-con .item2{float:left; margin-top:15px; position:relative; left:auto; top:auto;}
.index-main .item-box1 .box-con .yw-item a .info em{ margin-top:20px;}
.index-main .item-box1 .box-con .item4{ margin-left:0;}
.index-main .item-box1 .box-con .yw-item a .info{ bottom:45px; text-shadow:1px 1px 1px #000;}
.index-main .item-box1 .box-con .yw-item:nth-child(3n) a .info{ right:20px; text-align:right;}
.index-main .item-box2 .item-pic{ margin-top:20px; padding:50px 0; text-shadow:1px 1px 1px #000;}
.index-main .item-box2 .item-pic h2{font-size:20px;}
.index-main .item-box2 .item-pic p{ padding-top:10px; line-height:22px;}
.index-main .item-box3 .box-pic{margin-top:20px;}
.index-main .item-box3 .list{ margin:30px 0 0;}
.index-main .item-box3 .list .item{ width:100%; padding:0; margin-bottom:20px;}
.index-main .item-box3 .list .item dl{ margin-top:15px; padding:0;}
.index-main .item-box3 .list .item dl dd{ margin-top:8px;}
.index-main .item-box4{ margin-top:20px; padding:50px 0;}
.index-main .item-box4 h3{font-size:25px;}
.f-contact{padding:25px 0;}
.f-contact .contact-info ul li p{width:calc(100% - 28px);}
.f-contact .contact-info{width:100%;}
.f-contact .message-info{ margin-top:20px; float:left; width:100%;}
.f-contact .message-info ul li{float:left; width:100%;}
.footer .share{display:none;}
.footer{padding:20px 0; line-height:26px; text-align:center;}
.inside-main .inside-left{margin-top:0;}
.inside-main .inside-left .menu-tit{display:none;}
.inside-main .container{width:100%; padding-top:0; margin-top:0; padding-bottom:0;}
.inside-main .inside-left{ width:100%;}
.inside-main .inside-right .curmbs{float:left; width:100%; height:auto; line-height:18px;}
.inside-main .inside-right .inside-con{float:left; width:100%;}
.inside-main .inside-left .inside-menu{border-bottom:solid 1px #ddd;}
.inside-main .inside-left .inside-menu,.inside-main .inside-left .inside-menu > .one-menu{float:left; width:100%; margin-top:0;}
.inside-main .inside-left .inside-menu > .one-menu{white-space:nowrap; overflow-x:auto; border-bottom:solid 1px #eee;}
.inside-main .inside-left .inside-menu > .one-menu a{width:auto; padding:0 20px; line-height:50px; display:inline-block; border-bottom:none; border-left:solid 1px #ddd;}
.inside-main .inside-left .inside-menu > .one-menu[data-role] a{width:100%;}
.inside-main .inside-left .inside-menu > .one-menu a:nth-child(1){border-left:none;}
.inside-main .inside-left .inside-menu > .one-menu .one-menu{float:left; width:100%; border-bottom:solid 1px #ddd;}
.inside-main .inside-left .inside-menu > .one-menu .one-menu:last-child{border-bottom:none;}
.inside-main .inside-left .inside-menu .one-menu > a:hover{ background-color:#3393ee;}
.inside-main .inside-left .inside-menu > .one-menu ul{float:left; width:100%;}
.inside-main .inside-left .inside-menu > .one-menu ul li{float:left; width:auto;}
.inside-main .inside-left .inside-menu > .one-menu .two-menu a{float:left; width:auto !important; padding:0 20px;}
.inside-main .inside-right{float:left; width:100%; padding-top:20px;}
.inside-main .inside-right .inside-con{padding:0 2%; margin-top:20px;}
.news-main .item{float:left; margin-bottom:15px; padding-bottom:15px; width:100%; margin-top:15px;}
.news-main .item .pic{width:100%; max-height:none;}
.news-main .item .info{float:left; width:100%; margin-top:12px;}
article .article-content{padding-left:0; padding-right:0;}
.inside-main .inside-right .inside-con h1{margin-bottom:5px;}
.product-main ul{display:flex; display:-webkit-flex; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap;}
.product-main ul li .pic{border:none;}
.product-main ul li{width:50%; padding-top:15px; border-bottom:solid 1px #ddd; margin-bottom:0; padding-bottom:15px; border-right:solid 1px #ddd;}
.product-main ul li:nth-child(2n){border-right:none;}
.product-main ul li .tit strong{font-size:14px; font-weight:normal;}
.product-main ul li .tit{padding:10px 0;}
.product-main ul li:hover .pic { border-color:none; }
.product-main ul li:hover .tit { background:none;}
.product-main ul li:hover .tit strong, .product-main ul li:hover .tit em { color: #0075e4; }
.inside-main .inside-right .inside-con p img{max-width:100% !important; height:auto !important;}
.paging{padding:15px 0;}
.paging a, .paging span{margin:0 8px;}
}