@charset "UTF-8";
/* CSS Document */
body {width:100%;height:100%; background-color: #f2f7f9;font-size: 14px; color:#777;font-family: "微软雅黑";min-width: 1200px;}
.txt_table { display: table; height: 100%; width: 100%; text-align: center; }
.txt_tablecell { display: table-cell; vertical-align: middle; }
.left { float: left; }
.clear{width:100%;clear: both;}
.right { float: right; }
.center{width:1100px; overflow: hidden;margin:0 auto;}
a{display: block;color:#777;outline: none;}
a:hover{color:#0499db;}
img{max-width: 100%;}

/**************************首页**************************/

/*---头部---*/
#header {width: 100%;}
#header .topbox {padding:10px 0;}
#header .topbox a{display: inline-block;float: right;margin-left:20px;}
#header .topbox a.top_China{background: url(../images/icon_china.jpg) no-repeat center left;padding-left:30px;}
#header .topbox a.top_America{background: url(../images/icon_America.jpg) no-repeat center left;padding-left:30px;}
/*---导航---*/
#header .navbar { border: none; margin: 0; min-height: 26px; }
#header .navbox_fix { position: fixed; width: 100%; top: 0; left: 0; z-index: 999;background-color:#fff; }

#header .navbox { width: 100%; border-radius: 0; background-color: rgba(255, 255, 255, .95); z-index: 999; height: 85px; box-sizing: content-box; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); }
#header .navbox .logo { float: left; height: 53px; margin:16px 0;}
#header .navbox .menu{float: right;}
#header .navbox .menu li{float: left;}
#header .navbox .menu li a{line-height: 85px;font-size: 16px;padding:0 30px;border-right:1px solid #e2e2e2;color:#000;}
#header .navbox .menu li a:hover{color:#FFF;background-color: #0499DB;}
#header .navbox .menu li a.current{color:#FFF;background-color: #0499DB;}

/*---banner---*/
#banner{width:100%;position: relative;/*z-index: -1;*/}
/*#banner .slide-wp{width:100%;height:630px;overflow:hidden;background-color: #f2f7f9;}
#banner .nav-wp{text-align: center;position: absolute;bottom:30px;width:100%;z-index: 2;}
#banner .nav li{display:inline-block;width:10px;height:10px;border-radius:10px;text-indent:1em;overflow:hidden;margin:0 3px;background-color: rgba(255,255,255,.8);cursor:pointer;}
#banner .nav li.cur{background-color: #0499DB;}*/

/*---颜料产品---*/
.in_title{font-size: 30px;color:#333;margin:30px 0;}
a.more_btn{display: block;width:120px; text-align: center;padding:5px 0;border-radius:40px;border:1px solid #e2e2e2;margin-top:10px;transition: 0.3s all ease-in;-webkit-transition: 0.3s all ease-in;}
a.more_btn:hover{background-color: #0499DB;color:#fff; border: 1px solid #0499DB;}

#in_product{overflow: hidden;padding:20px 0;}
#in_product .ipro_box{width:540px;background-color: #fff;position: relative;}
#in_product .ipro_box .ipro_pic{width:100%;height:273px;border:1px solid #e2e2e2;overflow: hidden;transition:0.8s;-webkit-transform:0.8s;}
#in_product .ipro_box .ipro_pic img{width:100%;-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1); -webkit-transition: all 2s ease;-moz-transition: all 2s ease; -o-transition: all 2s ease;transition: all 2s ease;}
#in_product .ipro_box .ipro_pic:hover img{transform: scale(1.3);-webkit-transform: scale(1.3);transition:2s;-webkit-transform:2s;}
#in_product .ipro_box .ipro_txt{padding:30px 50px;}
#in_product .ipro_box .ipro_txt .ipro_tt{width:100%;height:32px;background: url(../images/index_23.png) no-repeat center left;margin:10px 0;}
#in_product .ipro_box .ipro_txt .ipro_tt2{width:100%;height:32px;background: url(../images/index_26.png) no-repeat center left;margin:10px 0;}
#in_product .ipro_box .ipro_txt p{height: 60px;}
.shadow{position: absolute;bottom: -25px;z-index: -1;width:408px;left:50%; margin-left:-204px;}

/*---关于我们---*/
#in_about{overflow: hidden;padding:20px 0;}
#in_about .iab_box{background-color: #fff;width:100%;height:381px;padding:20px; position: relative;box-sizing: border-box;}
#in_about .iab_img{width:385px; float: left;overflow: hidden;}
#in_about .iab_txt{position: relative;overflow: hidden;padding:0 20px 0 40px;}
#in_about .iab_txt h2{font-size: 28px;color:#333;font-weight: normal;margin:0px 0 15px;}
#in_about .iab_txt p{line-height: 2em;max-height:250px ;overflow: hidden;}

/*---footer---*/
#footer{background-color: #0499DB;padding:20px 0;overflow: hidden;margin-top:50px;}
#footer li:nth-child(1){ width: 30% }
#footer li{width:35%;box-sizing: border-box;color:#fff;float:left;font-size: 12px;line-height: 2em;}
#footer li+li{border-left:1px solid rgba(255,255,255,.5);}
#footer .ft_logo{display: block;margin:5px auto 0;}
#footer li p{margin:0 auto;height: 98px; padding:0 15px; }


/**************************内页**************************/
#bannerbox{width:100%; overflow: hidden;}
#bannerbox .banimg{width:100%; height:351px;}
#bannerbox .bantt{background-color: #0499db;padding:10px 0;}
#bannerbox .bantt h3{float:left;font-size: 20px;line-height: 28px;color:#fff;font-weight: normal;}
#bannerbox .bantt h3 span{width:5px;height:28px;float: left;margin-right:10px;display: block;background-color: #fff;}
#bannerbox .bantt .ban_menu{float: right;}
#bannerbox .bantt .ban_menu a{display: inline-block;margin-left:10px;color: #fff;font-size: 14px;height:28px;line-height: 28px;padding:0 20px;}
#bannerbox .bantt .ban_menu a.cur{background-color: #fff;color:#0499DB;border-radius: 28px;}
#bannerbox .bantt .ban_menu a:hover{background-color: #fff;color:#0499DB;border-radius: 28px;}

#contentbox{width:1100px;background-color: #fff;padding:20px 20px 30px;background-color: #fff;margin:0 auto;box-sizing: border-box;}
#contentbox .cont-title{width:450px;height:40px;margin:30px auto; background: url(../images/line_bg.jpg) repeat-x;background-position:50% 20px;}
#contentbox .cont-title h3{background-color: #fff; text-align: center;color:#000;font-size: 24px;width:140px;padding:20 0;margin:0 auto; font-weight: normal;}
#contentbox .cont-title1 h3{width:280px;}
/*---------------关于我们-------------*/
#abouts p{margin:20px 0;line-height: 2em; }
#abouts img{margin:30px auto;display: block;}

.copys{ width: 100%; text-align: center; color: #ffffff; font-size: 14px; margin-top: 20px; float: left; clear:both; border-top: 1px solid #63b1d3; padding-top: 15px;}

/*---------------产品中心-------------*/
#product{width:100%;overflow: hidden;/*padding-bottom: 20px;*/}
#product .cont-title{width:100%;}
#product .cont-title h3{font-size: 22px!important;}


#product .pro_box {width:100%;border:1px solid #f4f4f4;overflow: hidden;margin:50px 0;box-sizing: border-box;}
#product .pro_box dd{width:33.33%; float: left; padding:15px;box-sizing: border-box;height:182px; overflow: hidden;}
#product .pro_box dd img{border:1px solid #f0f0f0;}
#product .pro_box .metal_list{padding-left:20px;box-sizing: border-box;}
#product .pro_box .metal_list a{font-size: 14px;line-height: 2.8em;width:50%; float: left;}

.tab {position: relative;width: 100%;overflow: hidden;/*margin: 0 auto 20px auto;*/}
.navlist {width:210px; float: right;overflow: hidden;}
.navlist .tab-nav{background-color: #f4f4f4;padding:20px 30px;box-sizing: border-box;overflow: hidden;}
.tab-nav a {display: block;background-color:#fff;font-size:14px;height: 40px;line-height: 40px;padding:5px;margin:20px 0;text-decoration: none;color: #999;}
.tab-nav a.current {box-shadow: 0 0 8px rgba(0,0,0,.3);}
.tab-nav a:hover {box-shadow: 0 0 8px rgba(0,0,0,.3);}
.tab-nav a span{width:50%;display: inline-block;height:40px; text-align: center;}
.tab-nav a span.color1{/*width:68px;display: block;height:40px;*/float: right;background-color: #ffb64d;}
.tab-nav a span.color2{/*width:68px;display: block;height:40px;*/float: right;background-color: #ff4530;}
.tab-nav a span.color3{/*width:68px;display: block;height:40px;*/float: right;background-color: #c5002d;}
.tab-nav a span.color4{/*width:68px;display: block;height:40px;*/float: right;background-color: #292361;}
.tab-nav a span.color5{/*width:68px;display: block;height:40px;*/float: right;background-color: #0078b5;}
.tab-nav a span.color6{/*width:68px;display: block;height:40px;*/float: right;background-color: #00be92;}

.tab-con {position: relative;width: 800px;height:auto;overflow: hidden;}
/*.tab-con-item {display: block;width: 800px;height: 1520px;color: #000;}*/
.tab_list{width:100%;overflow: hidden;}
.tab_list ul{margin-left: -1.33%;}
.tab_list li{width:32%; margin:0 0 20px 1.33%; float: left;background-color: #f4f4f4;padding:10px;box-sizing: border-box; overflow: hidden;}
.tab_list li .list_pic{width:85px; height:71px;float: left;overflow: hidden;}
.tab_list li .list_txt{position: relative;padding-left:10px;overflow: hidden;font-size: 12px;line-height: 1.8em;}

/*---------------有机颜料详情-------------*/
.pro_lfbar{width:800px; float: left;overflow: hidden;}
.pro_lfbar .pro_detail{overflow: hidden;}
.pro_lfbar .pro_detail .pro_pic{width:85px;height:69px; float: left;overflow: hidden;}
.pro_lfbar .pro_detail .pro_txt{position:relative;padding-left:20px;font-size:14px;line-height:1.8em;overflow: hidden;color:#000;}

.pro_lfbar .pro_form{border:1px solid #dedede;margin-top:30px;box-sizing: border-box;}
.pro_lfbar .pro_form td{height:42px;color:#000;font-size: 16px;/*text-align:center;*/vertical-align: middle;border:1px solid #dedede;}
.pro_lfbar .pro_form td.td_con{padding:0 30px;box-sizing: border-box;}

/*---------------金属颜料详情-------------*/
.pro_mbox{margin:20px 0;border:1px solid #dedede;padding:20px; box-sizing: border-box;overflow: hidden;}
.pro_mbox .pro_mpic{width:293px;height:150px;border:1px solid #f4f4f4;float: left;overflow: hidden;}
.pro_mbox .pro_mtxt{position: relative;overflow: hidden;padding-left: 20px;}
.pro_mbox .pro_mtxt h4{font-size: 18px;color:#000;font-weight: normal;}
.pro_mbox .pro_mtxt p{margin:10px 0;line-height: 1.6em;}

.pro_mform{border:1px solid #dedede;margin:30px 0;padding:0 20px 10px;box-sizing: border-box;overflow: hidden;}
.pro_mform table{width:100%;text-align: center;}
.pro_mform table th{height:80px;font-size: 16px;color:#000; font-weight: normal;padding:0 10px;}
.pro_mform table td{height:50px;border-top: 1px solid #dedede;}

/*---------------人才招聘-------------*/
#recruit{padding:40px 0;}
#recruit .rec_rgh{width:260px;background-color: #fff;border:1px solid #dedede;float: right;padding:30px 20px;}
#recruit .rec_rgh h3{font-size: 20px;font-weight: normal;color:#333;border-bottom: 1px solid #dedede;padding:10px 0 20px;}
#recruit .rec_nav{margin:20px 0;}
#recruit .rec_nav a{display: block;line-height: 30px;margin:10px 0;font-size: 16px;background: url(../images/arrow_rgh.png) no-repeat center right;}
#recruit .rec_cont{width:780px;background-color: #fff;border:1px solid #dedede;overflow: hidden;padding:20px 30px;box-sizing: border-box;}
#recruit .rec_cont .rec_box{padding:0 0 20px;border-bottom: 1px solid #dedede;}
#recruit .rec_cont .rec_box h3{font-size: 24px;color:#333;padding:10px 0;font-weight: normal;}
#recruit .rec_cont .rec_box p{margin:15px 0;}
#recruit .rec_cont .rec_box p em{font-weight: bold; color:#f39700;font-size: 16px;}

#recruit .rec_cont .rec_info{margin:30px 0;}
#recruit .rec_cont .rec_info dd{padding:20px 0;}
#recruit .rec_cont .rec_info dd .rec_inlf{width:120px;float: left;overflow: hidden;font-size: 16px;color:#333;}
#recruit .rec_cont .rec_info dd .rec_inrgh{position: relative;overflow: hidden;line-height: 2em;font-size: 14px;}

/*---------------联系我们-------------*/
#contact{width:100%; overflow: hidden;}
#contact .contact_box{padding:40px 0; border-bottom: 1px solid #dedede;overflow: hidden; }
#contact .map{float: left;width:540px;height:360px;overflow: hidden;border:1px solid #dedede;}
#contact .contact_txt{position: relative;overflow: hidden;padding-left:30px;}
#contact .contact_txt h3{font-size: 24px;color:#333;font-weight: normal;margin:0 0 30px;}
#contact .contact_txt li{line-height:28px;margin:10px 0;font-size: 16px;overflow: hidden;padding:0 0 0 35px;}
/*#contact .contact_txt li span{width:28px;height:28px;margin-right:10px;display: block;float: left;overflow: hidden;}*/
#contact .contact_txt li.cta_icon1{background: url(../images/cta_icon1.png) no-repeat top left;}
#contact .contact_txt li.cta_icon2{background: url(../images/cta_icon2.png) no-repeat top left;}
#contact .contact_txt li.cta_icon3{background: url(../images/cta_icon3.png) no-repeat top left;}
#contact .contact_txt li.cta_icon4{background: url(../images/cta_icon4.png) no-repeat top left;}
#contact .contact_txt li.cta_icon5{background: url(../images/cta_icon5.png) no-repeat top left;}