@import "pintuer.css";
@charset "utf-8";
/*公共样式*/
*{ margin:0px; padding:0px;}
div,form,img,ul,ol,li,dl,dt,dd,map {padding:0;margin:0;border:0;}
h1,h2,h3,h4,h5,h6,p{margin:0;padding:0; }
select,input,em,textarea{ font-size:14px; font-style:normal; color:#666;}
body{margin:0px auto; padding:0px;width: 100%; /* min-width:1280px; */ background:#ececec;font-size:14px; line-height:24px; color:#666; font-family:Arial,"\5FAE\8F6F\96C5\9ED1"; zoom:1; }
img{ border:none;}
ul,li{list-style:none;}
a{ text-decoration:none; color:#666;}
a:focus {outline:none;-moz-outline:none;}
a:link{color:#666;}
a:visited{color:#666;}
a:hover{color:#367ac3; text-decoration:none;}
a:active{color:#367ac3; }
*{box-sizing: border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}
hr{ line-height:0px; font-size:0px; border:none; height:1px; width:100%; margin:5px 0px;}
div{margin:0px auto;}
.f_l{float: left;}
.f_r{float: right;}
.clear{ clear:both;}
.clearfix:after{content: "";display: block;clear:both;height: 0;}
.clearfix{zoom:1;float:left;width:100%;}
.blank30{width: 100%;height: 30px;clear:both;}
.noinfo{width:100%;float:left;padding:10px 0; text-align:center;}
.main img{max-width: 100%;}


/*header*/
#head{width:100%;background:#fff}
.head_box{position:relative;margin:0 auto; height:120px;}
.top_r{padding-top: 24px;}
#logo{}
.top_menu{font-size: 12px;color: #999;}
.top_menu a{padding:0 12px;font-size: 12px;color: #999;}
.top_menu a:hover{color: #367ac3;}
.top_search{position:relative;width: 160px;height:26px;margin-left:12px;border:1px solid #367ac3;}
.top_search input{padding:0 4px;border:none;outline: none;}
.top_search .search_icon{position:absolute;top:6px;right:6px;width: 14px;height: 14px;background: url(../images/search.png) no-repeat center center;border:none;vertical-align: middle;}
.search_btn{display:none;float:right;width:25px;height:20px;line-height:20px;font-size: 20px;color: #367ac3;text-align: center;margin-top:27px;}
#m_search{display:none;position:absolute;top:100%;left:0;width:100%;background:#367ac3;z-index:2;text-align:center;}
#m_search form{position:relative;width:85%;display:inline-block;margin:10px auto;}
#m_search .inputkey{display:block;width:100%;height:30px;line-height:30px;text-indent:10px;border:0;}
#m_search .search_icon{position:absolute;top:0;right:0;width:30px;height:30px;background: url(../images/search2.png) no-repeat center center;border:0;}

.top_nav{margin-top: 6px;}
.navigate>li{display:inline-block;position: relative;padding:0 165px 10px 45px;}
.navigate>li:last-child{padding-right: 0; }
.navigate>li>a{position:relative;font-size: 16px;color: #313131;}
.navigate>li.current>a:after,.navigate>li:hover>a:after{content:"";position: absolute;left: 0;top: 28px;width: 100%;height: 4px;background-color: #367ac3;}
.navigate>li>ul.drop-menu{display: none;position: absolute;top:32px;left: 0;width:100%;min-width:160px;background-color:#367ac3;text-align: left;z-index: 3;}
.navigate ul.drop-menu li{margin:0 10px;}
.navigate ul li a{color: #fff;line-height: 30px;}
.navigate ul li a:hover{text-decoration: underline;}
.navigate ul.drop-menu li ul{display: none;}
.navigate>li.handbook{float:right;padding-right:0;}
.navigate>li.handbook a{font-weight:bold;}

#m_nav{display:none;float:left;width:100%;}
#m_nav ul{float:left;width:100%;}
#m_nav ul li{float:left;width:20%;text-align:center;}
#m_nav ul li a{display:block;width:100%;height:44px;line-height:44px;font-size:14px;color:#fff;background:#367ac3 url(../images/nav_li.jpg) repeat-y right center;}
#m_nav ul li:last-child a{background:#367ac3;}

/*footer*/
#foot{padding:24px 0;background-color: #fff;font-size:14px;color:#999;text-align: center;}
#foot a{font-size: 14px;color: #999;}
#foot a:hover{text-decoration: underline;}
#foot .foot_nav a{padding:0 12px;line-height: 28px;color: #999;}


/*flash*/
#flash{position:relative;margin-left:170px;}
#flash ul li{display:none;width: 100%;/* height: 640px; */overflow: hidden;}
#flash ul li .flash_img{display:block;width:100%;padding-bottom:88.88%;background-size:cover !important;}
#flash ul li img{ display:block;max-width: 100%;width: 100%;}
/*#flash .prev{position:absolute;left:0;top:364px;z-index:999; cursor:pointer}
#flash .next{position:absolute;right:0;top:364px;z-index:999; cursor:pointer}*/
#flash_tab{float:left;/* margin-right:20px; */}
#flash_tab ul{}
#flash_tab ul li:not(:last-child){margin-bottom:15px;}
#flash_tab ul li a{position:relative;display:block;width:150px; /* height:116px;*/ padding-bottom:77.3%; background:#fff url(../images/bimg01.jpg) no-repeat center;line-height:116px; text-align:center; font-size:14px; cursor:pointer;}
#flash_tab ul li:nth-child(2) a{background:#fff url(../images/bimg02.jpg) no-repeat center;}
#flash_tab ul li:nth-child(3) a{background:#fff url(../images/bimg03.jpg) no-repeat center;}
#flash_tab ul li:nth-child(4) a{background:#fff url(../images/bimg04.jpg) no-repeat center;}
#flash_tab ul li:last-child a{background:#fff url(../images/bimg05.jpg) no-repeat center;}
#flash_tab ul li:first-child a.on{background:#367ac3 url(../images/simg01.jpg) no-repeat center;}
#flash_tab ul li:nth-child(2) a.on{background:#367ac3 url(../images/simg02.jpg) no-repeat center;}
#flash_tab ul li:nth-child(3) a.on{background:#367ac3 url(../images/simg03.jpg) no-repeat center;}
#flash_tab ul li:nth-child(4) a.on{background:#367ac3 url(../images/simg04.jpg) no-repeat center;}
#flash_tab ul li:last-child a.on{background:#367ac3 url(../images/simg05.jpg) no-repeat center;}
#flash_tab ul li a.on:after{content:"";position: absolute;top:50%;right:-13px;margin-top:-14px;width:23px;height: 28px;background: url(../images/right-arrow.png) no-repeat center; }
/*flash*/


/*index*/
.index_left{float:left; width:890px;}
.index_right{float:right; width:390px;padding-left:20px;}
.index_right .item{float:right;position:relative;width:48.65%;height: 200px;margin-bottom:10px;padding:18px;background: #fff;overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.index_right .news_box{width: 100%;}
.index_right .contact_box{}
.index_right .download_box{float:left;}
.index_right #marquee_box{height: 150px;overflow: hidden;}
.index_right .about_box{background: url(../images/about_w.png) no-repeat;}
.index_right .item h2 a{display:block;padding-bottom:6px;font-size: 16px;color: #313131;line-height: 28px;}
.index_right .item .icon{position: absolute;bottom:4px;right:4px;display: block;width:10px;height: 10px;background: url(../images/icon.png);}
.index_right .item:hover{background: #367ac3;}
.index_right .about_box:hover{background: url(../images/about_b.png) no-repeat;}
.index_right .item:hover{color: #fff;}
.index_right .item:hover h2 a{color: #fff;}
.index_right .item:hover li a{color: #fff;}
.index_right .item:hover li a:hover{text-decoration: underline;}
.index_right .news_box ul li i{display: inline-block;width: 4px;height: 4px;margin-right:8px;background: url(../images/dot.png) no-repeat;vertical-align: middle;}
.index_right .download_box ul li i{display: inline-block;width: 6px;height: 6px;margin-right:6px;background: url(../images/down.png) no-repeat;vertical-align: middle;}
.index_right .news_box:hover ul li i{background: url(../images/dot_w.png) no-repeat;}
.index_right .download_box:hover ul li i{background: url(../images/down_w.png) no-repeat;}
.index_right .item_box{width: 100%;height: 105px;background: #367ac3;color: #fff;overflow: hidden;}
.index_right .item_box a{display: block;}
.index_right .item_box h2{padding-bottom:6px;font-size: 16px;color: #fff;line-height: 28px;}
.index_right .item_box .list_con p{padding-right:30px;line-height: 20px;color: #fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.index_right .item_box:last-child{margin-bottom: 0;}
.index_right .item i.icon2{position: absolute;top:50%;right:20px;display: block;width:28px;height: 30px;margin-top:-15px;background: url(../images/icon2.png) no-repeat;z-index: 2;}

#product .pro_head{position:relative;margin-bottom: 15px;}
#product .pro_head .left_h{padding-left: 24px;}
#product .pro_head h2{font-size: 20px;color: #313131;}
#product .pro_head span{font-size: 14px;color: #999;}
#product .pro_head .more_btn{margin-top: 12px;padding-right: 16px;color: #999;}
#product .pro_head .more_btn:hover{text-decoration: underline;}
#product .pro_list{float:left;width:100%;}
#product .pro_list .pro_img{display:block;/* width: 120px;height: 110px; */overflow: hidden;max-width:100%;padding:0 10px;}
#product .pro_list .pro_img img{max-width: 100%;
	-webkit-transform: scale(1.0);
	-moz-transform: scale(1.0);
	-ms-transform: scale(1.0);
	-o-transform: scale(1.0);
	transform: scale(1.0);
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
}
#product .pro_list .pro_img:hover img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
}
#product .pro_head .icon3{display:block;position: absolute;top:0;left: 0;width: 12px;height: 40px;background: url(../images/pro_title.png) no-repeat;}
#product .pro_head .icon4{display:block;position: absolute;top:19px;right: 0;width: 10px;height: 10px;background: url(../images/pro_more.png) no-repeat;}


/*inner*/
/*leftBar*/
.leftBar{float: left;width: 300px;/*min-height: 700px;*/}
.right_con {/* float: right; width: 960px;position: relative;right: -3px; */margin-left:323px; min-height: 700px;background: #fff;border: 1px solid #E7E7E7;padding: 30px;position: relative;
	-webkit-box-shadow:0 2px 2px #ccc;
	-moz-box-shadow:0 2px 2px #ccc;
	-ms-box-shadow: 0 2px 2px #ccc;
	-o-box-shadow: 0 2px 2px #ccc;
	box-shadow: 0 2px 2px #ccc;
}
.right_con .content{ }
.pro_class_con{padding:0;background-color: transparent;border:none;box-shadow: none;}
.inner_menu{padding: 30px;background: #fff;border: 1px solid #E7E7E7;
	-webkit-box-shadow:0 2px 2px #ccc;
	-moz-box-shadow:0 2px 2px #ccc;
	-ms-box-shadow: 0 2px 2px #ccc;
	-o-box-shadow: 0 2px 2px #ccc;
	box-shadow: 0 2px 2px #ccc;
}
.inner_menu h2{padding-bottom:10px;border-bottom: 1px solid #d1d1d1;font-size: 16px;color: #313131;font-weight: normal;}
.inner_menu .subnav li{width: 100%;line-height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.inner_menu .subnav li a{display:block;padding-left: 10px;border-bottom: 1px solid #dedede;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.inner_menu .subnav li a{color: #666;}
.inner_menu .subnav li.active>a,.inner_menu .subnav li:hover>a{color: #367ac3;}
.inner_menu .subnav li ul li{line-height: 36px;}
.inner_menu .subnav li ul li a{padding-left: 20px;}
.inner_menu .subnav li ul{display: none;}
.sidebar{margin-top: 20px;}
.sidebar .item_box{position:relative;margin-bottom:20px;padding:10px;background: #367ac3;color: #fff;overflow: hidden;
	-webkit-box-shadow: 3px 3px 5px #999;
	-moz-box-shadow: 3px 3px 5px #999;
	-ms-box-shadow: 3px 3px 5px #999;
	-o-box-shadow: 3px 3px 5px #999;
	box-shadow: 3px 3px 5px #999;
}
.sidebar .item_box a{display: block;}
.sidebar .item_box h2{padding-bottom:6px;font-size: 14px;color: #fff;line-height: 28px;}
.sidebar .item_box .list_con p{line-height: 20px;color: #fff;font-size: 12px;}
.sidebar .item_box i.icon2{position: absolute;top:50%;right:10px;display: block;width:28px;height: 30px;margin-top:-15px;background: url(../images/icon2.png) no-repeat;z-index: 2;}


/*right_con*/
.breadcrumb{margin-bottom: 20px;padding-bottom:10px;border-bottom: 1px solid #d1d1d1;height:36px;}
.breadcrumb h2{font-size: 16px;color: #313131;font-weight: normal;}
.breadcrumb ul li .home_icon{display: inline-block;width:14px;height: 14px;margin-right:8px;background: url(../images/home_icon.png) no-repeat;vertical-align: -3px; }
.breadcrumb ul li{display: inline-block;padding:0 8px;}
.breadcrumb ul li:last-child{padding-right: 0px;}
.breadcrumb ul li a{font-size: 12px;}
.breadcrumb ul li:last-child a{color: #367ac3;}

/*channel*/
.news_info{border-bottom: 1px dotted #ccc;}
.news_info h3,.pro_info h3{width: 100%;margin: 0;font-size: 18px;text-align: center;}
.news_info .time{width: 100%;margin: 0;padding: 10px 0 6px;font-size: 12px;color: #999;}
.news_info .time span{margin:0 10px;}
.news_detail,.pro_detail{padding:10px 0;}
.pro_info h3{font-size: 14px;}
.pro_b_img{text-align: center;}
.pro_b_img a{display: block;width:300px;margin: 0 auto;overflow: hidden;}
.pro_b_img img{max-width: 100%;}
.pro_detail h4.detail_title{margin-bottom:10px;color:#367ac3;border-bottom:1px solid #d1d1d1;}
.channel_nav li{display: inline-block;padding-right: 20px;}
.channel_nav li a{color:#367ac3;}
.channel_nav li:first-child{display: none;}

/*feedback*/
.f_list{width:100%;float:left;margin:5px auto;clear:both;}
.f_list .fl_l{float:left;width:20%;text-align:right;/*background-color: #ececec;*/}
.f_list .fl_r{float:right;width:78%;}
.f_list .input_text{width: 80%;padding:0 4px;line-height: 30px;border:1px solid #ddd;}
.f_list .input_text.w80{width: 80px;}
.f_list textarea{vertical-align: top;}
.f_list .btn{padding:6px 20px;background-color: #367ac3;color: #fff;border:none;outline: none;cursor: pointer;}
.f_list .btn:hover{background-color: #316aa7;}

/*news*/
.news_list{margin-bottom:40px;}
.news_list ul{ float:left; width:100%}
.news_list ul li{position:relative;width:100%; border-bottom: 1px dashed #ddd;line-height:32px;}
.news_list ul li a{display:block;padding-left:16px; background:url(../images/dot.png) 6px center no-repeat; overflow:hidden;white-space: nowrap;text-overflow: ellipsis;line-height:32px;}
.news_list ul li a:hover{color:#367ac3;}
.news_list ul li .time{ position:absolute; right:3px; top:0;font-size: 12px;color: #999;}
.news_info{text-align: center;}

/*download*/
.download_list ul li a{background:url(../images/down.png) 6px center no-repeat;}
.download_class_list{display: none;}
.download_class_list li:last-child{border-bottom: none !important;}
.download_class_list li a{padding-left: 32px !important;background: transparent !important;}


/*product*/
.product_list{ width:100%;margin-bottom: 30px;}
.product_list_row{margin-left:-8px;margin-right:-8px;}
.product_list li{width:25%;padding:0 8px;margin:0 0 10px 0;float:left}
.product_list li:nth-child(4n+1){clear:both;}
.product_list li a{display: block;}
.product_list li a:hover{color:#367ac3;}
.product_list li .pro_img{display:block;width:100%;height:auto;border:1px solid #e8e8e8;overflow: hidden;}
.product_list li img{ display:block;width: 100%;
	-webkit-transform: scale(1.0);
	-moz-transform: scale(1.0);
	-ms-transform: scale(1.0);
	-o-transform: scale(1.0);
	transform: scale(1.0);
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;}
.product_list li .pro_img:hover img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
}
.product_list ul li h2{display:block;width:100%;line-height: 40px; font-size:14px; text-align:center;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.pro_class_list{width: 100%;}
.pro_class_list li{width: 50%;float: left;}
.pro_class_list li .item{margin:0 10px 20px 10px;padding:0 0 40px;background-color:#fff;border: 1px solid #E7E7E7;text-align: center;
	-webkit-box-shadow:0 2px 2px #ccc;
	-moz-box-shadow:0 2px 2px #ccc;
	-ms-box-shadow: 0 2px 2px #ccc;
	-o-box-shadow: 0 2px 2px #ccc;
	box-shadow: 0 2px 2px #ccc;}
.pro_class_list .brand_logo{display: block;height: 130px;border-bottom: 1px solid #ececec;background-repeat: no-repeat;background-position: center center;}
.pro_class_list .sub_class_list{padding:30px 0 10px;}
.pro_class_list .sub_class_list a{padding:0 10px;line-height: 30px;border-right: 2px solid #ccc;}
.pro_class_list .sub_class_list a:last-child{border-right: none;}


/*pager*/
.pagination{text-align: center;}
.pagination li{display: inline-block;margin:0 4px;background: #fff;}
.pagination li a{padding:2px 8px;border:1px solid #ccc;font-size: 12px;color: #999;}
.pagination li.active a,.pagination li:hover a{background-color: #367ac3;border:1px solid #367ac3;color:#fff;}
.pager{margin-top: 20px;}

/*在线客服*/
.SonlineBox{ width:139px; font-size:12px;overflow:hidden; z-index:6;}
.SonlineBox .openTrigger{ width:31px; height:130px; position:absolute; top:0px;  z-index:1; cursor:pointer;  background:#367ac3 url(../images/qq/greenOpen.jpg) no-repeat;} 
.SonlineBox .titleBox{ width:135px; height:35px;line-height:33px; background:#367ac3; border-bottom:2px solid #367ac3;}
.SonlineBox .titleBox span{ margin-left:10px;color:#fff; font-size:14px;}
.SonlineBox .contentBoxC{ width:135px; /*height:335px;*/ border:2px solid #367ac3; background:#ffffff/* url(images/qq/greenBg.jpg) no-repeat*/; position:absolute; z-index:2;}
.SonlineBox .contentBoxC .closeTrigger{ width:25px; height:25px; display:block; cursor:pointer;  position:absolute; top:5px;right:5px;-webkit-transition:all 0.8s ease-out;}
.SonlineBox .contentBoxC .closeTrigger:hover{-webkit-transform:scale(1) rotate(360deg);}
.SonlineBox .contentBoxC .listBox{overflow:hidden; margin-bottom:10px;}
.SonlineBox .contentBoxC .listBox .Tlist{ display:block; width:86%; height:22px; margin:10px auto 0px auto;text-align:center;}
.SonlineBox .contentBoxC .listBox .Tlist span{float:left; line-height:22px;}
.SonlineBox .contentBoxC .listBox .Tlist a{/*float:left;*/}
.SonlineBox .contentBoxC .listBox .WWList{ line-height:18px;height:18px;}
.SonlineBox .contentBoxC .listBox .SkypeList{line-height:23px;height:23px;}
.SonlineBox .contentBoxC .otherBox{clear:both;height:115px;text-align:center;}
.SonlineBox .contentBoxC .otherBox img{width:105px;height:105px;}
.SonlineBox .contentBoxC .telBox{display:block;padding:36px 10px 10px ;color:#367ac3;font-size:14px;line-height:26px;font-family:'微软雅黑';background:url(../images/qq/telBg.jpg) 0 0 no-repeat;text-align:center;font-weight:bold;word-wrap : break-word;}
/*在线客服 end*/

/* ======置顶 ======*/
.backToTop{display: none;width:35px;height:35px;position: fixed;_position: absolute;right: 5px;bottom: 60px;_bottom: "auto";cursor:pointer;z-index:9;background:#5699d9
 url(../images/icon-gotop-fixed.png) no-repeat center center;}
.backToTop:hover{background-color:#5699d9;}

/*toolbar*/
#toolbar2{display:none;}

.feedback_box{float:left;width:100%;}

@media screen and (min-width: 1300px){
	.container{margin:0 auto; width:1280px;padding:0;}
}
@media screen and (max-width: 1300px){
	.index_left{width:69.53%;}
	.index_right{width:30.46%;}
	.navigate>li{width:20%;padding:0 0 10px 0;text-align:center;}
	.navigate>li.handbook{text-align:right;}
}
@media screen and (max-width: 1200px){
	.index_left{width:100%;}
	.index_right{width:100%;padding:0;margin-top:20px;}
}
@media screen and (max-width: 992px){
	#flash_tab ul li a{width:120px;background-size:contain !important;}
	#flash{margin-left:135px;}
	#logo img{height:62px;margin:5px 0 15px 0;}
	.pro_class_list li{width:100%;}
	.leftBar{width:100%;}
	.right_con{margin-left:0;float:left;width:100%;}
	.sidebar{display:none;}
	.inner_menu{margin-bottom:20px;}	
	
}
@media screen and (max-width: 760px){
	.top_menu,.top_search{display:none;}
	#flash_tab ul li{margin-bottom:6px !important;}
	#flash_tab ul li a{width:90px;padding-bottom:60%;}
	#flash_tab ul li a.on:after{background-size:60%; }
	#flash{margin-left:100px;}
	#flash ul li .flash_img{padding-bottom:100%;}
	.head_box{height:auto;}
	.top_nav{display:none;}
	#m_nav{display:block;}
	#logo img{height:60px;margin:5px 0;}
	.blank30{height:20px;}
	.search_btn{display:block;}
	.foot_nav{display:none;}
	#foot{padding:10px 0;}
	.breadcrumb ul{display:none;}
	.product_list li{width:50%;}
	.f_list .fl_l{width:22%;}
	.f_list .fl_r{width:76%;}
	.news_list ul li{padding-right:60px;}
	.download_class ul li{padding-right:0;}
	.download_class ul li ul li{padding-right:60px;}
	
	/*手机底部导航*/
	.SonlineBox{display:none;}
	.blank55{height:55px; line-height:1px; clear:both;}
	#toolbar2{color:#fff;width:100%;height:54px;position:fixed;bottom:0;left:0;z-index:8;background:#367ac3; display:block;}
	#toolbar2 li{float:left;width:25%;text-align:center;}
	#toolbar2 a{width:100%;color:#fff;display:block;padding:5px 0 0 0;line-height:23px;font-size:14px;}
	#toolbar2 a span{ font-size:22px; display:block;}

}