/*colorful*/
body{color:#333;background-color:#007eba;}
#pageloader::after,#pageloader::before{background:#0f255e;}
#body{background-color:#f5f5f5}
#alertMessage{background-color:#007eba}
::-moz-selection{color:#fff;background:#008fcd}/*body*/
::selection{color:#fff;background:#008fcd}/*body*/
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{color:#333;}/*body*/
.h1,.h2,.h3,h1,h2,h3{color:#333;}/*body*/
p{color:#999}/*body*/
p span{color:#0079ad}/*body*/
.black{color:#000;}.white{color:#fff;}.gray{color:#555;}
.black a:hover,.white a:hover,.gray a:hover,.no-touch a.link:hover{color:#007cb2;}

.select::before{color:#fff;}
.no-touch:not(.safari_9) .select:hover select{color:#fff;background-color:#000;border-color:#000}
.select select{color:#fff;border:2px solid #fff;}
.select select:active{color:#fff;background-color:#000;border-color:#000}
.no-touch:not(.safari_9) .select:hover select{}

#view-modal p span{color:#666}

.fc-banner,.fc-banner h1,.fc-banner h2,.fc-banner h3,.fc-banner h4,.fc-banner h5,.fc-banner h6,.fc-banner span{color:#fff;}/*homebanner字体*/
.bgc-banner{background-color:#007eba;}
.bgc-info{background-color:#0f255e;}/*body*/
.bgc-switch{background-color:#f1f1f1}
.bgc-content{background-color:#fff;}
.bgc-category{background-color:#f5f5f5;}
.bgc-share{background-color:#139cd7;}
.bgc-footer{background-color:#292e30;}
.bgc-category-top{background-color:#fff;}
.bgc-swiper{background-color:#006494;}

#UChomeinfolist{background:#0f255e;}
#UChomeinfolist h3{color:#fff;}
#UChomeinfolist p{color:#c7d1ea}
#UChomephotolist{background:#0f255e;}
/*banner*/
.home #head{background-color:#f5f5f5;}
.home .swiper-slide .cont a span::after{background-color:#fff;}
.home .bottom .line{background:rgba(255,255,255,.4)}
.home .bottom .line::before{background:#fff;}
/*swiper*/
.swiper-container .swiper-pagination-bullet{}
.swiper-container .swiper-pagination-bullet{background:#fff;border:1px solid #fff;}
.swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:transparent;border-color:#fff;}
.swiper-container .pagination-white .swiper-pagination-bullet{border:1px solid transparent}
.swiper-container .pagination-white .swiper-pagination-bullet.swiper-pagination-bullet-active{border-color:#fff}
.swiper-container .arrow span,.swiper-container .arrow span:after,.swiper-container .arrow span:before{background-color:#fff;}

/***********************header*/
#head{background-color:#007eba;}
#nav_overlayer{background-color:#000;}
header{background-color:#fff;}/*header*/
.no-touch .top_logo:hover{opacity:0.75;}/*logo*/
/*nav*/
#nav>li>a{color:#888;}/*nav*/
#nav>li>a::before{color:#888;background-color:#12348e;}/*nav*/
#nav>li.has_sub.open>a,.no-touch #nav>li>a:hover{color:#fff}/*nav*/
#nav>li>.active{color:#fff;}/*nav*/
#nav>li.active>a{background-color:#12348e;color:#fff;}/*nav*/


.subnav {background-color: #183d9f;}/*nav*/
.subnav .back_btn{color:#183d9f;background-color:#fff;}/*nav*/
.subnav li a span{color:#fff;}
.subnav li a:hover span{color:#fff;}/*nav*/
.no-touch .subnav li a:hover{background-color:#0d2d81;color:#fff;}/*nav*/
nav .menu_btn span,nav .menu_btn span:after,nav .menu_btn span:before{background-color:#183d9f;}/*menu_btn*/
.no-touch .lang_btn{background-color:#0189c4;color:#fff}/*nav*/
.no-touch .lang_btn:hover{background-color:#fff;color:#0189c4}/*nav*/


@media (max-width:1199px){.subnav{background-color:#fff;}}
@media (max-width:767px) and (orientation:portrait){.subnav{background-color:#fff;}}

nav .menu_btn span,nav .menu_btn span:after,nav .menu_btn span:before{}
.nav-open nav .menu_btn{background-color:#183d9f}/*nav*/
.nav-open nav .menu_btn span:before{background-color:#fff;}/*menu_btn*/
.nav-open nav .menu_btn span:after{background-color:#fff;}/*menu_btn*/

@media (min-width:768px){
.max_header nav .menu_btn span,.max_header nav .menu_btn span:after,.max_header nav .menu_btn span:before{background-color:#183d9f}
.max_header header{background-color:#fff;}/*header*/
.max_header #nav>li>a{color:#888}/*menu_btn*/
.max_header #nav>li.has_sub.open>a,.no-touch .max_header #nav>li>a:hover{color:#fff}/*nav*/
.max_header #nav>li.active>a{background-color:#12348e;color:#fff;}/*nav*/
.no-touch .max_header #nav>li.active>a:hover{color:#fff}/*nav*/

.max_header .lang_btn:hover{background-color:#fff;color:#0189c4;}/*nav*/
.max_header .lang_btn{color:#fff;background-color:#0189c4;}/*nav*/
.max_header .lang_btn:hover{}
}

@media (max-width:1199px){

#nav{background-color:#fff;}/*nav*/
.nav-open #nav>li{border-top:1px solid #f1f1f1}/*nav*/
#nav>li>a,.max_header #nav>li>a{color:#999}/*nav*/
#nav>li.active>a,#nav>li.active>a{color:#fff;}/*nav*/
#nav>li.active>a:hover,#nav>li.active>a:hover{color:#fff;}/*nav*/

.subnav{background-color:#f5f5f5;}/*nav*/
.subnav li{border-bottom:1px solid #f1f1f1;}/*nav*/
.subnav li a{color:#fff}/*nav*/
.max_header header{background-color:#fff;}/*header*/
header{background-color:#fff;}/*header*/
}

@media (max-width:767px){
.subnav li a span{color:#999;}
.subnav li a:hover span{background-color:#183d9f;color:#fff;}/*nav*/
}
@media (max-width:767px) and (orientation:landscape){
#nav>li{border-bottom:1px solid #f0f0f0}
}

/***********************category*/
.info-side .bgc-content{border-color:#f5f5f5;}
.clearfix li a{color:#666;}
.more_btn{background-color:#f1f1f1;color:#888;}

.sitemap-nav{color:#4e3e3e;}
.sitemap-nav span{color:#49acdb;}
.sitemap-nav a{color:#666;}
.sitemap-nav a:hover{color:#49acdb;}

.category-nav>ul>li>a::before{background-color:#1d409e;}
.no-touch .category-nav>ul>li>a.active{background-color:#59c2f2;color:#fff; }
.no-touch .category-nav li a:hover{color:#fff;background-color:#1d409e;}

.product-nav{border-bottom:1px solid #eee;border-top:1px solid #eee;}
.no-touch .product-nav>ul>li>a:hover::before{background-color:#1d409e;}
.no-touch .product-nav li a{color:#999;}
.no-touch .product-nav li a:hover{color:#fff;background-color:#1d409e;}
.product-nav li a.active{color:#333;background-color:#fff;}

/*******************footer*/
.iconbtn{background-color:#0189c4;}
.iconbtn:before{color:#fff;}
.iconbtn:after{background-color:#fff;}
.iconbtn.active:before,.no-touch .iconbtn:hover:before{color:#0189c4}
.iconbtnborder{background-color:#fff;border:0px solid #fff}
.iconbtnborder.active:before,.no-touch .iconbtnborder:hover:before{color:#fff;}
.iconbtnborder:before{color:#fff;}
.iconbtnborder:after{background-color:#59c2f2;}
.no-touch footer .bottombar a:hover{color:#888}

.pop,.qrcode-pop{background-color:#fff;}
.pop:after,.qrcode-pop:after{border-top-color:#fff;}

footer .bottombar a,footer .bottombar span{color:#eee}
footer .bottombar a{border-left:1px solid #eee}
footer .bottombar .copyright {color:#777;}
.no-touch footer .bottombar a:hover{}

#GotoTop{background-color:#292e30;color:#fff;border-color:#444a4c;}
#GotoTop:hover{background-color:#1d409e;color:#fff;border-color:#1d409e;}
/*********************modal*/
.modal{background-color:#007eba;}
.close-btn.iconbtnborder{background-color:#fff}
#view-modal h6{color:#999;}

.swiperbtn{background-color:#fff}
.swiperbtn:before{color:#008fcd}
.swiperbtn:after{background-color:#008fcd}
.swiperbtn.active:before,.no-touch .swiperbtn:hover:before{color:#fff}

/*************************list*/
/*news*/
.no-touch .thumbs.news li a:hover .title,.no-touch .thumbs li a:hover .title h6{color:#333}
.thumbs.news li a{background-color:#fff;}
.news-cont{background-color:#fff}
.news-cont .wrap+.wrap{border-top:1px solid #f0f0f0}
.view{color:#6b5c5c}

/*product*/
.thumbs.product li a,.thumbs.p-category li a{background-color:#fff;}
.no-touch .thumbs.product li a:hover .title,.no-touch .thumbs li a:hover .title h6{color:#333}
.thumbs.product li a .info{background-color:#fff}
.thumbs.product li a .info span{color:#999}


/*album*/
.album-group{background-color:#fff;}
.album-group .info{border-left:1px solid #f0f0f0;}
.album-group .info .title{color:#999}
.album-group .info .album_btn{background-color:#49acdb;}
@media (max-width:767px) and (orientation:portrait){
.album-group .info{border-top:1px solid #dcdcdc}
.album-group .info .album_btn{background-color:#49acdb;}
.no-touch .album-group .info .album_btn:hover{}
}

/*download*/
.no-touch .thumbs.download li a:hover .title,.no-touch .thumbs li a:hover .title h6{color:#6b5c5c}
.thumbs.download li a{background-color:#fff;}
.thumbs.download li a .info i{color:#1aa4e3} 

/*************************form*/
.searchform .search-input{border:1px solid #fff;color:#4e3e3e;}
.searchform .search-button{border:1px solid #fe86c6;background-color:#fe86c6;color:#fff;}
.message .info input,.message p textarea{border:1px #eee solid;color:#999; }
.message p input{border:1px #fe86c6 solid;color:#fff; background:#fe86c6;}

/*************************page*/
#ctl06_ProductDatePager,#ctl07_ProductDatePager,#ctl06_NewsListPager,#ctl06_DownloadListPager{border-bottom:1px solid #eee;border-top:1px solid #eee;}
#ctl06_ProductDatePager a li,#ctl07_ProductDatePager a li,#ctl06_NewsListPager a li,#ctl06_DownloadListPager a li{color:#999;}
#ctl06_ProductDatePager>a>li::before,#ctl07_ProductDatePager>a>li::before,#ctl06_NewsListPager>a>li::before,#ctl06_DownloadListPager>a>li::before{background-color:#59c2f2;}
#ctl06_ProductDatePager>a>li:hover,#ctl07_ProductDatePager>a>li:hover,#ctl06_NewsListPager>a>li:hover,#ctl06_DownloadListPager>a>li:hover{color:#fff;}

/*************************loader*/
.loader-icon .circular .path{stroke:#fff;}