.widget-title-fen {
    display: block;
    padding: 15px 0;
    margin-bottom: 20px;
    position: relative;
    width: auto;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 0px;
    padding-left: 25px;
    padding-bottom: 0;
    margin-bottom: 12px;
    text-transform: capitalize;
    color: #fff;
	}
/*share*/

body{font-size:16px;font-family:'Montserrat', Helvetica, sans-serif;color:#333;background:#fff;}

.bold{font-weight:bold;}

.fontRed{color:red;}

.clearfix:before, .clearfix:after{content:" ";display:table;}

.clearfix:after{clear:both;}

b, strong{font-family:'Montserrat';font-weight: 600;}

#powerby{color: #808080;font-size: 13px;}

#powerby a:hover{color: #fff;}



@media only screen and (max-width: 768px) {

	.row{margin:0;}

}

*:link,*:visited,*:hover,*:active,*:focus{

 transition:color .30s linear, background-color .30s linear, border-color .30s linear,opacity .30s linear,background-image .30s linear;

 -webkit-transition:color .30s linear, background-color .30s linear, border-color .30s linear,opacity .30s linear,background-image .30s linear;}

/*left*/			
 
 			

.page-left{width:24%;float:left;margin-top:0;}			

.page-left .fot_title{display:block;position:relative;margin-bottom: 10px;}  
.page-left .fot_title em{display:block;position:relative;z-index:1;color:#333;font-size:24px;line-height:100%;text-transform:uppercase;font-weight: 800;}

.page-left .fot_title em:after{content:'';margin-left:0;display:inline-block;width:100px;height:100%;transition:all .5s; vertical-align:middle;background:url(icon_star.png) repeat-x right center;position: absolute;right: 0;top: 0;opacity: 0.5}

.page-left .left_title .column_icon_toggle {display: none;}			



.left-cat .fot_title{    border-radius: 10px 10px 0 0;padding:10px 8px;background:#fff;background:#3772ff;margin-bottom: 0;}
.left-cat .fot_title-di{    border-radius: 0 0 10px 10px;padding:10px 8px;background:#fff;background:#3772ff;margin-bottom: 0;}
.left-cat .fot_title1{    border-radius: 0 0 30px 30px ;padding:10px 8px;background:#fff;background:#fff;    margin-bottom: 45px;}

.left-cat .fot_title em:before{display:inline-block;width:36px;height:36px;transition:all .5s; vertical-align:middle;margin-right:10px;background:url(icon.png) no-repeat;position: relative;right: auto;top: auto;background-position: -39px -93px;content: '';border-radius: 0;}

.left-cat .fot_title em:after{display: none;}

.left-cat .fot_title em{color: #fff;}



ul.mtree{opacity: 0;margin-left: 0;border-bottom:none;border-radius:0 0 0 0;border: 0px solid #efeeed;padding:10px 15px;}			

ul.mtree>li {list-style: none; position:relative;padding-left: 0;padding-right: 0; border-bottom:1px solid #fff;background:#eaf1ff ;}

ul.mtree>li:last-child{border-bottom-color: #fff;}

ul.mtree>li >a{font-size:16px;padding:13px 0 13px 0;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;padding-right:30px;display: flex;align-items: center;text-transform: capitalize;font-weight:600;}			

ul.mtree>li:last-child >a{border-bottom:none;}			

ul.mtree>li .top a p{margin: 0;padding-left:5px;}			

ul.mtree>li .top a span{max-width:36px;min-width:36px;}			

ul.mtree a {display: block;font-size:14px; color:#555555;-moz-transition: all 0s;-o-transition: all 0s;-webkit-transition: all 0s;transition: all 0s;padding:10px 0;line-height:22px; padding-right:30px;}			

ul.mtree li ul a{ padding:6px 10px; padding-right:30px;}			

			

ul.mtree.transit > li.mtree-open>b:before,			

ul.mtree .mtree-level-1 li.mtree-open>b:before{			

	content:"\f107";font-family:FontAwesome;font-size:18px; color:#3772ff; font-style:normal;  position:absolute;  right:0; top:0; width:30px; height:50px; text-align:center;z-index:99;display: flex;align-items: center;justify-content: center;		

}			

ul.mtree .mtree-level-1 li.mtree-open>b:before{color:#3772ff7;height: 40px;}			

			

ul.mtree.transit li.mtree-closed>b:before,			

ul.mtree .mtree-level-1 li.mtree-closed>b:before {			

	content:"\f106";font-family:FontAwesome; font-size:18px; color:#333; font-style:normal;  position:absolute;  right:0; top:0; width:30px; height:100%;text-align:center;z-index:99;display: flex;align-items: center;justify-content: center;		

}			

ul.mtree.transit > li:hover.mtree-closed>b:before{color:#3772ff;}			

			

ul.mtree li ul a li a{ padding-left:20px;}			

ul.mtree>li:hover > a{ color:#3772ff;}			

ul.mtree>li.mtree-node a ul a{ font-size:14px;}			

ul.mtree>li.mtree-open{padding-bottom:0;}

ul.mtree>li.mtree-open > a{color:#555;font-weight:600;}			

ul.mtree>li.mtree-node:hover > a{color:#3772ff;}			

ul.mtree>li.mtree-open:hover > a{color:#555;font-weight:600;}			

ul.mtree .mtree-level-1 li.mtree-closed>span{color:#3772ff;text-decoration:none;}			

			

ul.mtree ul {border:none;margin-bottom:10px;}			

ul.mtree ul li{list-style:none; position:relative;padding-bottom:0;}			

ul.mtree ul li a{display:block;color:#333;font-size:16px;}			

ul.mtree>li>ul>li>a{ font-size:15px !important;font-weight:normal;position:relative;transition:all .5s;padding-top:10px;padding-bottom:10px;padding-left:10px;padding-right:0;background:#f7f7f7;}			

ul.mtree>li>ul>li:nth-child(2n+2)>a{background: #fafafa;}					

ul.mtree>li>ul>li>a:hover{color:#3772ff;text-decoration:none;padding-left:15px;} 			

ul.mtree>li>ul>li>a:before{content:'';width:3px;background:#0168B7;height:100%;position:absolute;left:-10px;top:0;transform: scaleX(0);transform-origin: 0 0 0;transition: all 0.4s ease 0s;}			

ul.mtree>li>ul>li>a:hover:before{opacity:1;visibility:visible;transform:scaleX(1);}			

			

ul.mtree>li>ul>li>a i{ color:#ccc; font-size:14px; margin-right:10px; margin-left:6px;}			

ul.mtree>li>ul>li>a:before{content:"";}			

ul.mtree ul li:hover a{color:#0168B7;}			

ul.mtree li ul li.mtree-open a{color:#0168B7;text-decoration:none;font-family: 'Montserrat';}			

ul.mtree .mtree-level-2{ margin-top:0px; border:none; padding:0px; margin-bottom:0; border-bottom:1px solid #eee;padding:5px;border-left: 1px solid #eee;border-right: 1px solid #eee;}

ul.mtree .mtree-level-2 li:last-child a{border-bottom:none;}	

ul.mtree li ul.mtree-level-2 li a{color:#333;font-weight:normal;font-size:14px; padding-left:10px;font-family:'Montserrat'}			

ul.mtree li ul.mtree-level-2 li a:before{			

	content:'';		

	width: 4px;		

    height: 4px;			

    background-color: #d9d9d9;			

    display:inline-block;			

	vertical-align: middle;		

    margin-right:5px;			

	margin-top: -2px;

}			

ul.mtree .mtree-level-2 li a:hover{text-decoration:underline;color:#0168B7;font-weight:normal;}			

ul.mtree .mtree-level-2 li a:hover:before{background:#0168B7;}			

ul.mtree.jet ul {margin-left: 0;}			

ul.mtree.jet li {margin-bottom: 1px;}			

ul.mtree.jet li:last-child {margin-bottom: 0px;}			

ul.mtree.jet li:first-child {margin-top: 1px;}			

ul.mtree.jet li.mtree-active a {background: #e5e5e5;}			

ul.mtree.jet li.mtree-active li:last-child > a {border-radius: 0px 0px 3px 3px;}			

ul.mtree.jet li.mtree-active > a {background: #0168B7;color: #FFF; border-radius: 3px 3px 0px 0px;}			

ul.mtree.jet li > a:hover { background: #0168B7;color: #FFF;}			

ul.mtree.jet a { padding: 5px 0px 5px 1em;}			

ul.mtree.jet li li > a { padding-left: 2em;}			

ul.mtree.jet li li li > a {padding-left: 3em;}			

ul.mtree.jet li li li li > a {padding-left: 4em;}			

ul.mtree.jet li li li li li > a {padding-left: 5em;}			

ul.mtree a:hover{text-decoration:none;}			

.mtree-skin-selector{ display:none!important;}			

ul.mtree li ul.mtree-level-2 li.mtree_all a{font-family:'Montserrat';text-transform:uppercase;color:#4d4d4d;}			

ul.mtree li ul.mtree-level-2 li.mtree_all a:hover{color:#0168B7;}			



.left-adv{margin-top:60px;width:100%;background:#333 url("cat01.jpg") no-repeat 70% center;background-size:cover;text-align: center;border-radius:0;position:relative;}

.left-adv .ovrly{position: absolute;left: 0;top:0;width: 100%;height: 100%;display: block;background:#000;opacity: 0.6;filter: alpha(opacity=0.6);transition:all .5s;border-radius:0;}

.left-adv .ovrly:before{content:'';position: absolute;right: 0;top: 0;width: 100%;height: 100%;background: url(cat_single.png) no-repeat;z-index: 3;display: block;background-size: cover;opacity: 0.5;}

.left-adv .main{position:relative;left:0;top:0;padding:30px 30px 40px 30px; z-index:2;text-align: left;}

.left-adv .icon{width: 36px;height:36px;margin:0;display: inline-flex;justify-content: center;align-items: center;border-radius:50%;position:relative;z-index: 3;}

.left-adv .icon i{width:36px;height:36px;background:url(icon.png) no-repeat;background-position: -423px 0px;display: inline-block;}

.left-adv .main .title{font-size:25px;line-height:28px;color:#fff;text-transform: uppercase;margin-top:10px;margin-bottom:10px;display:block;font-weight: 800;}

.left-adv .main .title:hover{text-decoration:none;}

.left-adv .main .text{font-size:14px;color:#fff;line-height:24px;}

.left-adv .main_more{height: 44px;line-height: 44px;padding-left: 25px;padding-right: 25px;background:#0168B7;border-color: #0168B7;color: #fff;}

.left-adv .main_more:after{width: 24px;height: 24px;background:url(icon.png) no-repeat;background-position: -327px -98px; vertical-align: middle;margin-top: -2px;content:'';display: inline-block;margin-left: 10px;opacity: 1;position: relative;right: auto;top: auto;}

.left-adv .main_more:hover:after{animation:none;}

.left-adv .main_more:before{position: absolute;content: '';opacity: 0;top: 0;left: 0;z-index: 1;background: linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.03) 1%,rgba(255,255,255,.6) 30%,rgba(255,255,255,.85) 50%,rgba(255,255,255,.85) 70%,rgba(255,255,255,.85) 71%,rgba(255,255,255,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#00ffffff',GradientType=1);width: 30%;height: 100%;transform: skew(-10deg,0deg);animation: move 2s;animation-iteration-count: infinite;animation-delay: 1s;border-radius: 0;border: none;}

/*hot_pro*/			

.left-pro{margin-top: 40px;}	

.left-pro ul{padding-top:10px;}			

.left-pro ul li{background:#fff;list-style:none;margin-bottom:20px;transition:all .5s;padding:8px;margin-bottom:15px;border:1px solid #e5e5e5;position:relative;border-radius:0;padding-right: 5px;position: relative;border-radius: 0;}			

.left-pro ul li:hover{background:#fff;border-color:#e5e5e5;border-radius: 0;}			

.left-pro ul li:before{ position: absolute; left: -1px;  top:-1px; height: 0; content: ''; width:calc(100% + 2px); border-left:1px solid #0168B7; border-right: 1px solid #0168B7; transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;}

.left-pro ul li:hover:before{height:calc(100% + 2px);}

.left-pro ul li:after{ position: absolute; left: -1px;  top: -1px; height: calc(100% + 2px); content: ''; width: 0; border-top: 1px solid #0168B7; border-bottom: 1px solid #0168B7; transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;}

.left-pro ul li:hover:after{width: calc(100% + 2px);}



.left-pro ul li .main{width:60%;float:left;padding-left:10px;z-index:10;padding-top:5px;}			

.left-pro ul li .title{font-size:14px;line-height:24px;max-height:72px;display:block;overflow:hidden;margin:0;margin-bottom:0;position: relative;z-index: 4;padding-right: 10px;}			

.left-pro ul li .title:hover{color:#0168B7;}			

.left-pro ul li .image{ float:left; width:36%;transition-duration: 0.6s;transition-timing-function: ease-out; overflow:hidden;position:relative;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;position:relative;z-index:10;border-radius: 0;}



.left-pro ul li .image a{position:absolute;left:0;top:0;width:100%;height:100%;display:block;z-index:5;}			

.left-pro ul li .image img{			

	max-width:100%;height:auto;display:block;position:relative;-webkit-transition:all var(--transition-time,800ms);		

	-o-transition:all var(--transition-time,800ms);		

	transition:all var(--transition-time,800ms);		

}			

.left-pro ul li:hover .image img{-webkit-transform:scale(var(--scale-multiplier,1.05));			

	-ms-transform:scale(var(--scale-multiplier,1.05));		

	transform:scale(var(--scale-multiplier,1.05));}		

.left-pro ul li .more{width:46px; height: 46px; border-radius: 50%; border: 1px solid #eee; display: inline-block; padding: 7px; position: absolute; right: -24px; top: 50%; margin-top: -23px; background: #fff;transition:all .5s;}

.left-pro ul li:hover .more{border: 1px solid #0168B7;border-radius: 0;}

.left-pro ul li .more i{width: 30px;height: 30px;border-radius: 50%;background:#f7f7f7;display: inline-block;transition: 0.8s all;font-size: 14px;line-height: 30px;text-align: center;color: #808080;transition:all .5s;}

.left-pro ul li:hover .more i{background-color: #0168B7;color: #fff;border-radius: 0;}



.left-pro-main ul li .more{right: 0;top: auto;bottom:0;border-radius: 5px 0 0 0;margin: 0;border:none;width: auto;height: auto;padding: 0;}

.left-pro-main ul li .more i{border-radius: 5px 0 0 0;width: 40px;height: 40px;line-height: 40px;}



.page-right{width:76%;padding-left:50px;padding-right:0;float:right;}



@media only screen and (min-width: 992px){

	.page-left .toggle_content{overflow: inherit !important;}

}

@media only screen and (max-width: 1260px){

	.page-left{width:26%;}

	.page-right{width: 74%;}

}



@media only screen and (max-width: 992px){

	.page-title em{font-size:24px;}

	.page-left{width:100%;float:none;top:0;margin-top:20px;}	

	.left-pro,.left-con,.left-video,.left-solu,.left-news{margin-top:0;padding:0;border:none;}

	.page-left .fot_title{margin-bottom:10px;margin-bottom:0;padding:8px 15px 8px 15px;border-radius:0;border:none;background:#0168B7;}

	.page-left .fot_title:before{display: none;}

	.page-left .fot_title>em , .page-left .left-cat .fot_title em{margin:0;font-size:16px;color:#fff;padding:0;line-height:24px;text-transform:uppercase;border:none;background:none;font-weight:700;}

	.page-left .fot_title em:before{display:none;}

	.page-left .fot_title .icon-minus-sign:before,.page-left .fot_title .icon-minus-sign:after,.page-left .fot_title .icon-plus-sign:before,.page-left .fot_title .icon-plus-sign:after{background:#fff;}

	.page-left .fot_title>span{display:none;}

	.page-left .fot_title .column_icon_toggle{display: inline-block;position: absolute;right:15px;top:17px;font-style:normal;cursor:pointer;font-size:14px;font-weight:normal;}

	.page-left .left_title>span{display:none;}

	.page-left .block_content{padding:0;}

	.left-con .left_title{display:block;}

	.left_title .column_icon_toggle{display: inline-block;position: absolute;right:10px;top:16px;font-style:normal;cursor:pointer;font-size:14px;font-weight:normal;}

	.page-right{width:100%;padding:0;float:none;}

	.left-cat{margin-bottom:20px;padding: 0;}

	.left-pro{margin-bottom:20px;}

	.left-nav{margin-bottom:20px;}

	.left-adv{display: none;}

	ul.mtree>li>a{font-size:14px;}

	.page-left .fot_title em:after{display: none;}

	.left-pro ul li .title{font-size:13px;font-family: 'Montserrat'}

	.page-left .fot_title::after {display: none;}

	.left-pro ul li .more{right: 0;top: auto;bottom:0;border-radius: 5px 0 0 0;margin: 0;border:none;width: auto;height: auto;padding: 0;}

	.left-pro ul li .more i{border-radius: 5px 0 0 0;width: 40px;height: 40px;line-height: 40px;}

	ul.mtree>li>ul>li>a{font-size: 14px;}

	.left-pro ul li .main{padding-top: 0;}

}