
@media (min-width:200px) and (max-width:1199px){
	
body{box-sizing:border-box;padding:0 20px;}

/*nav_bg*/
.nav_bg{width: 100%;top:0;left:0;z-index:12;background-color: white;position: fixed;top:0;left:0;padding:0 20px;box-sizing:Border-box;}
.nav_box{width:100% !important;margin: 0 auto;display: flex; align-items: center;justify-content: center;}
.nav{display: flex; align-items: center;}
.nav_box>li:nth-child(1){width:200px; margin-right: 50px}


.nav_box>li:nth-child(2){width:50%}
.nav_box>li:nth-child(3){display: flex;border: lightgrey;border-width: thin;border-style: solid;padding: 5px;  }
.nav>dd{transition: 0.4s;margin-right: 30px;height: 100px;position: relative;display: flex;align-items: center;justify-content: center;}
.nav>dd>a{color:#9d9d9d;font-size: 1.4rem;padding-top: 22px;padding-bottom: 22px;white-space: nowrap;}
.nav>dd>a:hover{border-bottom: solid;border-width: 2px;border-color: #0065cc;padding-bottom: 20px;}
.nav_box>li:nth-child(3) a img{display:none;}

.nav_box_fixed{box-shadow: 0 0 3px #666;z-index:100;}
.nav_box_fixed dd{transition: 0.4s;height:66px;}

.banner_container{position:relative;width:100%;margin:0 auto;margin-top:100px;}
.home_top_banner{width:100%;margin:0 auto;}
.home_top_banner img{width:100%;}
.home_top_banner_pagination>span{border-style: solid;border-width: 1px;border-color: white;}

.products, .news, .case_centre{width: 100%;margin-top: 60px;}
.header{width: 100% !important;margin:0 auto;display: flex;align-items: center;justify-content:space-between;}
.header dd{display:flex;align-items:center;}
.header dd>p:nth-child(1){font-size: 2.4rem;font-weight: bold;color:#166ece;}
.header dd>p:nth-child(2){font-size: 1.6rem;font-family: arial;margin-left: 10px;color: #aaa}
.product_header{display:flex;align-items:center;justify-content:space-between;}
.product_header>a{display: flex;}
.news_header{display:flex;align-items:center;justify-content:space-between;}
.news_header>a{display: flex;}
.case_header>a{display: flex;}
.header>a>p{font-size: 1.6rem;color:#7e7e7e;}
.header>a>img{height: 14px;width:14px;margin-top:4px;}
.header>a>img:nth-child(3){display: none;}
.header>a:hover>p{color:#166ece;}
.header>a:hover>img:nth-child(2){display: none;}
.header>a:hover>img:nth-child(3){display: block;}

.products>hr,.case_centre>hr{width: 100% !important;border:0;border-top: 1px solid #bfbfbf;}

.product_types{width: 100% !important;margin:0 auto;display: flex;align-items: center;margin-top:25px;}
.product_types>button{margin-right: 15px;padding: 15px;background-color: white;border: 1px solid #bfbfbf;cursor: pointer;font-size: 1.6rem;font-weight: bold;}

.selected{background-color: #0065cc !important;color:white;border: 1px solid #0065cc !important;}

.product_images{width:100% !important;margin:0 auto;display:flex;align-items:center;flex-wrap: wrap;margin-top:40px;}
.product_images a{width:23.5%;margin-right:2%;margin-bottom:20px;}
.product_images a:nth-child(4n+4){margin-right:0;}
.product_images a div{overflow:hidden;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;}
.product_images a div img{width:100%;transition: 2s;}
.product_images a p{color:#000000;font-size:1.6rem;text-align:center;line-height:60px;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
.product_images a:hover>div{transition:0.3s; box-shadow: 0px 0px 8px -3px;}
.product_images a:hover>div>img{transition: 2s;transform: scale(1.2);}
.product_images a:hover>p{color:#0065cc;}

.news>div:nth-child(2) {width: 100%;height:330px;margin-top: 20px;position: relative;background-image: url(http://cdn.xuansiwei.com/xieya1599/image/photo/home_news_bg.jpg);background-size: cover;background-position: center center;background-repeat: no-repeat;}
.news_items{width:100% !important;margin:0 auto;display:flex;align-items: center;flex-wrap: wrap;padding-top:50px;}
.news_items a{width:48%;margin-right:4%;margin-bottom:50px;z-index: 10;}
.news_items a:nth-child(2n+2){margin-right: 0;}
.news_items a::before{font-family: AppleGothic, "Lucida Sans", Impact, Verdana, sans-serif;content:'■';float: left;width: 6px;font-size: 60%;margin: 2px -15px;color: #505050;}
.news_items ul{font-size: 1.6rem;font-weight: bold;margin-bottom: 15px;color:#000}
.news_items a>p:nth-child(2){font-size: 1.4rem;margin-bottom: 10px;}
.news_items a>p:nth-child(3){font-size: 1.2rem;}
.news_items a:hover>ul{color:#166ece;}

.case_centre{margin-top:60px;}

.case_banner_position{position:relative;width:100% !important;margin:0 auto;padding:40px 80px 0 80px;box-sizing:Border-box;}
.case_slide p{text-align: center;font-weight: normal;font-size: 1.6rem;margin-top: 20px;color:#000;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
.case_slide div{overflow:Hidden;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;}
.case_slide div img{width:100%;transition: 2s;}
.case_banner_next, .case_banner_prev {
	position: absolute;
	top: 50%;
	width: 17px;
	height: 32px;
	margin-top: -32px;
	z-index: 10;
	cursor: pointer;
	background-size: 17px 32px;
	background-position: center;
	background-repeat: no-repeat;
}
.case_banner_prev {
	background-image:url('http://cdn.xuansiwei.com/xieya1599/image/icon/home_slide_left.png');
	left: 0; 
	right: auto
}
.case_banner_next {
	background-image:url('http://cdn.xuansiwei.com/xieya1599/image/icon/home_slide_right.png');
	right: 0;
	left: auto
}
.swiper-wrapper a:hover>div>img{transition: 2s;transform: scale(1.2);}
.swiper-wrapper a:hover>p{color:#0065cc;}

.footer{bottom: 30px; height:370px;width: 100%;background-color: #0065cc;display: flex;justify-content: center;align-items: center;
margin-top:70px;
}
.footer>div{display:flex;margin-top: 30px;}
.footer div div p{color:white;font-size: 1.6rem;margin-bottom: 30px;}
.foot_title{font-weight: bold;margin-bottom: 40px;}
.textbox{width:25%;margin-right:10%;}
.footer div div:nth-child(3){width:30%;margin-left:0;text-align: center;}
.footer div div:nth-child(3) img{width:100%;}
.footer div div:nth-child(3) p{margin-top: 15px;}

.copyright{bottom: 0px; height: 30px;width:100%;background-color:#00458c;display: flex;justify-content: center;align-items: center;}
.copyright div {width:100% !important;font-size: 1.4rem;color:white;text-align:center;}

.sticky_qq{position: fixed;top: 50%; margin-top:-109.5px;right:20px;z-index: 100;}
.sticky_qq a{margin-bottom: 1px;border: 1px solid #d2d2d2;text-align: center;width:70px;height: 70px;background-color: #d2d2d2;cursor: pointer;}
.sticky_qq p{font-size:1.2rem;background-color: white;}
.sticky_qq img{margin-left: 20px;margin-top: 16px;}



/*PageCode*/
.tcdPageCode{padding:30px 20px 0 20px;text-align: center;color: #ccc;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.tcdPageCode a{display: inline-block;color: #0065cc;display: inline-block;height: 25px;	line-height: 25px;	padding: 0 10px;border: 1px solid #ddd;	margin: 0 2px;border-radius: 4px;vertical-align: middle;}
.tcdPageCode a:hover{text-decoration: none;border: 1px solid #0065cc;}
.tcdPageCode span.current{display: inline-block;height: 25px;line-height: 25px;padding: 0 10px;margin: 0 2px;color: #fff;background-color: #0065cc;	border: 1px solid #0065cc;border-radius: 4px;vertical-align: middle;}
.tcdPageCode span.disabled{	display: inline-block;height: 25px;line-height: 25px;padding: 0 10px;margin: 0 2px;	color: #bfbfbf;background: #f2f2f2;border: 1px solid #bfbfbf;border-radius: 4px;vertical-align: middle;}


/*banner_in*/
.banner_in{width:100%;margin-bottom:60px;margin-top:100px;}

/*content_box*/
.content_box{width:100% !important;margin:0 auto;display:flex;align-items:flex-start;justify-content:space-between;}

/*sidebar*/
.sidebar{width:220px;border:solid 1px #bfbfbf;box-sizing:Border-box;}
.sidebar h1{background:#0065cc;line-height:60px;height:60px;font-weight:normal;color:#fff;font-size:2rem;padding:0 30px;box-sizing:border-box;}
.sidebar li{margin:0 30px;box-sizing:border-box;border-bottom:dashed 1px #dfdfdf;
background-image:url('http://cdn.xuansiwei.com/xieya1599/image/icon/side_normal.png');background-repeat:no-repeat;background-size:7px 7px;background-position:left 18px;}
.sidebar li:last-child{border-bottom:none;}

.sidebar_li_active{background-image:url('http://cdn.xuansiwei.com/xieya1599/image/icon/side_active.png') !important;background-repeat:no-repeat;background-size:7px 7px;background-position:left 18px;}
.sidebar_li_active>a,.sidebar_li_active>p{color:#0065cc !important;}

.sidebar li>a,.sidebar li>p{line-height:40px;font-size:1.6rem;box-sizing:border-box;padding:0 20px;cursor:pointer;}
.sidebar li>a:hover,.sidebar li>p:hover,.sidebar dl a:hover{text-decoration:underline;}

.sidebar dl{padding-bottom:10px;display:none;}
.sidebar dl a{line-height:30px;font-size:1.2rem;color:#666666;margin:0 20px;padding:0 10px;box-sizing:Border-box;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;
background-image:url('http://cdn.xuansiwei.com/xieya1599/image/icon/side_second_normal.png');background-repeat:no-repeat;background-size:3px 6px;background-position:left 12px;}
.sidebar_dl_active{background-image:url('http://cdn.xuansiwei.com/xieya1599/image/icon/side_second_acvive.png') !important;background-repeat:no-repeat;background-size:3px 6px;background-position:left 12px;color:#0065cc !important;}

/*main*/
.main{width:75%;}
.main_full{width:100% !important;}

/*breadcrumb*/
.breadcrumb{display:flex;align-items:center;justify-content:space-between;border-bottom:solid 1px #bfbfbf;padding-bottom:10px;}
.breadcrumb>h1{font-size:2.4rem;color:#0065cc;}
.breadcrumb ul{display:flex;align-items:center;}
.breadcrumb ul h1,.breadcrumb ul a{font-size:1.4rem;color:#7e7e7e;font-weight:normal;max-width:120px;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
.breadcrumb ul a{margin-left:5px;position:relative;padding:0 20px 0 0;}
.breadcrumb ul a:nth-child(2){margin-left:10px;}
.breadcrumb ul a:after{content: " ";width:16px;height:16px;position:absolute;right:0;top:50%;margin-top:-8px;
background-image:url('http://cdn.xuansiwei.com/xieya1599/image/icon/breadcrumb_arrow.png');background-position:center center;background-size:16px 16px;background-repeat:no-repeat;}
.breadcrumb ul a:last-child:after{content:none;}
.breadcrumb ul a:hover{color:#0065cc;}

/*about_news*/
.about_news{margin-top:30px;}
.about_news a{display:flex;align-items:center;justify-content:space-between;box-sizing:Border-box;padding:0 20px;line-height:60px;border:solid 1px #e4e4e4;margin-bottom:10px;transition:0.3s;}
.about_news a:last-child{margin-bottom:0;}
.about_news a h1{width:85%;font-size:1.6rem;color:#666666;font-weight:normal;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
.about_news a p{width:10%;font-size:1.4rem;text-align:right;}

.about_news a:hover{background:#0065cc;}
.about_news a:hover h1,.about_news a:hover p{color:#fff;}

/*news_detail_title*/
.news_detail_title{padding:20px 0;}
.news_detail_title h1{text-align:center;font-size:1.6rem;color:#000000;margin-bottom:5px;line-height:25px;}
.news_detail_title li{display:flex;align-items:center;justify-content:center;}
.news_detail_title li p,.news_detail_title li p1{font-size:1.2rem;color:#666666;}

/*news_detail*/
.news_detail{font-size:1.6rem;line-height:25px;color:#323232;text-align:justify;}

/*about_detail*/
.about_detail{font-size:1.6rem;line-height:25px;color:#323232;margin-top:30px;text-align:justify;}

/* products */
.product_grid{margin-top:20px;display:flex;align-items:center;flex-wrap: wrap;}

.product_grid a{width:32%;margin-right:2%;margin-bottom:20px;}
.product_grid a:nth-child(3n+3){margin-right:0;}
.product_grid a div{overflow:hidden;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;}
.product_grid a div img{width:100%;transition: 2s;}
.product_grid a p{color:#000000;font-size:1.6rem;text-align:center;line-height:60px;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
.product_grid a:hover>div{transition:0.3s; box-shadow: 0px 0px 8px -3px;}
.product_grid a:hover>div>img{transition: 2s;transform: scale(1.2);}
.product_grid a:hover>p{color:#0065cc;}

.product_section1{width:100%;margin-top:20px;display:flex;text-align: justify;}
.product_preview{width:280px;}
.preview_screen{overflow:hidden;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:280px;height:211.5px;border:1px solid #d9d9d9;}
.preview_options{width:280px;display: flex;margin-top:5px;}
.preview_options>div{width:23.5%;margin-right: 2%;border:1px solid white;}
.preview_options>div:nth-child(4){margin-right:0;}
.selected_preview{border:1px solid #0065cc!important;}

.product_introduction{margin-left:25px;margin-top:25px;line-height: 2rem;}
.product_introduction>p:nth-child(1){font-size: 1.6rem;font-weight: bold;margin-bottom:10px;color:black;}
.product_introduction>p:nth-child(2){font-size: 1.4rem;}

.product_detail{font-size:1.4rem;color:#666666;line-height:25px;margin-top:30px;}

.recruit_intro_content{margin-top:20px;text-align: justify;}
.recruit_intro_content>p{margin-bottom:30px;font-size: 1.6rem;}
.recruit_intro_content>p>b{color:black;}

.position_all{width:930;margin-top:20px;}
.position_all>div{width:100%;margin-bottom:20px;}
.pos_description{display:flex;align-items: center;padding:20px 20px 20px 0;background-color: #f0f0f0;cursor: pointer;justify-content: space-between;}
.pos_description>div>img{width:5px;height: 8px;margin-left: 20px;margin-right:5px;transform: rotate(0deg);transition: 0.5s;}
.pos_description>div>p{font-size: 1.6rem;color:black;margin-left:8px;font-weight: bold;line-height:25px;}
.pos_description>p:nth-child(3){font-size: 1.2rem;}
.pos_description>div{display: flex;align-items: center;width:80%;text-align: justify;word-wrap: break-word;}

.collapsible{border:1px solid #e6e6e6;padding:10px 20px;box-sizing:border-box;overflow: hidden;word-wrap: break-word;margin-top:10px;line-height:25px;}
.collapsible_slider{overflow: hidden;display: none;}

/* support cases */
.support_case{transition:0.2s;height:100px;border:1px solid #e4e4e4;display: flex;justify-content: space-between;align-items: center;padding:10px;margin-top:20px;box-sizing:border-box;}
.support_case div:nth-child(1){display: flex;align-items: center;}
.support_case div:nth-child(1) img{height:80px;}
.support_case_text{margin-top:15px;margin-left:15px;}
.support_case_text p:nth-child(1){transition:0.2s;font-size:1.6rem;font-weight: bold;color:black;margin-bottom:10px;width: 700px;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
.support_case_text p:nth-child(2){font-size:1.4rem;width: 80%;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}

.support_case>div:nth-child(2){padding:12px 30px;border: 1px solid #a9d2fc;transition: 0.2s;}
.support_case div:nth-child(2) img:nth-child(2){display:none;}

.support_case:hover{transition:0.2s;border-color:#0065cc;cursor: pointer;}
.support_case:hover div:nth-child(2) img:nth-child(1){display:none;}
.support_case:hover div:nth-child(2) img:nth-child(2){display:block;}
.support_case:hover>div:nth-child(2){transition: 0.2s;background-color: #0065cc;border-color: #0065cc;}
.support_case:hover>div>div>p:nth-child(1){transition:0.2s;color: #0065cc;}

.support_case:nth-of-type(8n+8){margin-bottom:30px;}

.support_detail_text{overflow-wrap: break-word;text-align: justify;margin-top:20px;}
.support_detail_text p{font-size: 1.4rem;margin-bottom: 20px;}
.support_detail_text>p:nth-child(1){font-size: 1.6rem;font-weight:bold;color:black;}


/*case_box*/
.case_box{display:flex;align-items:center;flex-wrap:wrap;margin-top:30px;}
.case_box a{width:23.5%;margin-right:2%;margin-bottom:30px;}
.case_box a:nth-child(4n+4){margin-right:0;}
.case_box_photo{overflow:hidden;display:flex;align-items:center;justify-content:center;width:100%;}
.case_box_photo img{width:100%;transition:1s;}
.case_box a p{font-size:1.6rem;color:#000;font-weight:bold;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;text-align:center;margin-top:20px;transition:0.3s;}

.case_box a:hover img{transform:scale(1.1,1.1);}
.case_box a:hover p{color:#0065cc;}

/*contact_map*/
.contact_map{margin-top:30px;}
#dituContent{width:100%;height:300px;border:none;margin-bottom:30px;}
#dituContent img{ max-width: none;}

/*breadcrumb_full*/
.breadcrumb_full{width:100% !important;margin:0 auto;}

/*download_list*/
.download_list{width:100% !important;margin:0 auto;margin-top:30px;}
.download_list a{border:solid 1px #e4e4e4;line-height:25px;font-size:1.6rem;color:#666666;padding:15px 150px 15px 25px;box-sizing:border-box;margin-bottom:10px;transition:0.3s;
background-image:url('http://cdn.xuansiwei.com/xieya1599/image/icon/download.png');background-repeat:no-repeat;background-size:28px 28px;background-position:98% center;
}
.download_list a:hover{background:#0065cc;color:#fff;background-image:url('http://cdn.xuansiwei.com/xieya1599/image/icon/download_hover.png');background-repeat:no-repeat;background-size:28px 28px;background-position:98% center;}




}