﻿*{margin:0;padding:0;}
.headerbox,.Topmain{ width:1310px;margin:auto;height:auto;}
.headerbox{position:relative;height:60px;padding:20px;}
.headerbox a {color:#555;text-decoration:none;}
.headerbox a:link {color:#555;text-decoration:none;}
.headerbox a:visited {color:#555;}
.headerbox a:hover,.headerbox .keywords a:hover {color:#ff7300;}
.headerbox .logo{margin:0px 120px 0px 0px; max-width:170px;}
.borTop{border-top: 1px solid #999;}
.Topnav{width:100%;  height:34px; border-bottom:#eaeaea solid 1px; background:#f9f9f9;}/*+*/
.Topmain{ height:auto;  }
.Welcome{width:300px; line-height:34px; }
.contact{ height:34px; line-height:34px; margin-right:20px;}
.contact span{ font-size:20px; font-weight:bold}
.icon_prolist {background:url(../img/en-icon_productlist.png) no-repeat;display:inline-block;}
.icon_Photo{ width:20px; height:20px; background-position:-89px 0px; position:relative; top:3px; right:6px;}
.c2 {color:#F00}
.languang img,.selected{ margin-right:5px; margin-top:8px;}
.languang img.selected{ position:absolute}
.languang i{background-position:0px -58px; position:relative;  width:12px; height:12px; display:block;left:15px; top:-8px;}
.Fweight{font-weight:bold;}
.head_wrap{width: 100%; background: #fff;} 
.search{ float:left; position:relative;width:auto;}
.search_text{border:#29b5ce solid 2px; width:400px; height:42px; color:#888888; padding-left:8px; box-sizing: border-box; line-height:42px;}
.search_btn{width:100px; height:42px; background:url(/Content/img/seachr.png) #29b5ce no-repeat center; border:none; cursor:pointer;}
.keywords{position:absolute; top:45px; left:0px;white-space: nowrap; }
.keywords a{ margin-right:15px}
.RFQ{float:right}
.search_str{width:160px; height:52px; background:url(../img/en-icon_productlist.png) #f5f5f5 no-repeat right; background-position:90px -240px; overflow:hidden; border:#cdcdcd solid 1px;cursor:pointer}
.search_psr{width:160px;height:52px;background:url(../img/en-icon_productlist.png)  no-repeat right;background-position:98px -30px;overflow:hidden;border:#f08200 solid 1px;color:#f08200;cursor:pointer;display:none;}
.search_RFQ{ display:none;width:80px; height:52px; background:url(../img/en-icon_productlist.png)  no-repeat right; background-position:38px -30px; overflow:hidden; border:#f08200 solid 1px; color:#f08200; cursor:pointer}
.search_RFQ:hover{background:url(../img/en-icon_productlist.png)  no-repeat right; background-position:38px -103px; overflow:hidden; border:#29b5ce solid 1px;color:#29b5ce}
.search_str:hover{ background:url(../img/en-icon_productlist.png) #f5f5f5 no-repeat right; background-position:90px -240px; overflow:hidden; border:#29b5ce solid 1px; color:#29b5ce}
.search_psr:hover{background:url(../img/en-icon_productlist.png)  no-repeat right; background-position:98px -104px; overflow:hidden; border:#29b5ce solid 1px;color:#29b5ce}
.Signin{ display:block; width:130px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/*.Myaccount{width:180px; height:58px;border:1px solid #fff; margin-right:5px; padding:10px; position:relative;z-index:999;}
.Myaccount:hover{border:1px solid #eee; background:#fff; border-bottom:none; box-shadow:2px 2px 2px #999;}
.Myaccount2{width:240px; height:28px;font-size:16px;  color:#333; font-weight:bold; line-height:28px;}
.Myaccount2:hover{ cursor:pointer; color:#ff7300}
.member{background-position:0px -164px; position:relative;  width:31px; height:36px; margin-right:10px;}
.inquiry2 p.Out{font-size:14px; position:relative;  padding-top:10px; margin-top:10px; border-top: 1px solid #DAE2ED;}
.inquiry2 input.Btn_s{width:76px; height:28px; color:#FFF; background:#ff6a00; border:none; border-radius:2px;  }
.inquiry2 input.Btn_f{width:76px; height:28px; color:#ff6a00; background:#fff; border:1px solid #ff6a00; border-radius:2px; }
.inquiry2 dl dt{font-weight:bold; line-height:30px;}
.inquiry2{visibility:hidden;
    transition: all 0ms linear;
    -o-transition: all 0ms linear;
    -ms-transition: all 0ms linear;
    -moz-transition: all 0ms linear;
    -webkit-transition: all 0ms linear;position: absolute;right:-1px;  height:auto; width:240px; padding:20px; }
.Myaccount:hover:after{display:block;height:8px; width:201px;content:' ';background-color:#FFF;position:relative;z-index:8;top:46px; left:-10px;}
.Myaccount:hover .inquiry2{ visibility: visible; position:absolute;top:58px; right:-1px;  background:#fff;  padding:20px 15px;border:1px solid #eee; height:auto; width:240px; z-index:2; box-shadow:2px 3px 2px #999;}
.Myaccount:hover .overhidd{visibility:hidden}
.Myaccount b{color:#F00;margin-left:2px; font-weight:normal; margin-left:10px;}
.Myaccount em{ background:#f00; border-radius:10px;padding:0 4px;color:#FFF; font-style:normal; font-size:12px;margin-right:5px;}
.Myaccount em.nodata{background:#999;}*/
.position{border-bottom:#29b5ce solid 2px}
.mainbox,.p-box,.BoxW{width:1310px;margin:auto;height:auto;}

.other_nav{background:#ffffff; width:100%; padding:20px 0px; overflow:hidden}
.other_navwrap{ width:1210px; margin:0px auto; text-align:center}
.other_navwrap ul li{ line-height:30px;}
.foot {margin: auto;text-align: center;padding:30px 0;color: #888;line-height: 25px;background:#555 ; }
.img_list a {width: 100%;height: 100px;border: 1px solid #888;margin: 2px 0;display: block;}
.img_list a img {width: 100%;height: 100%;}


@media screen and (max-width: 1350px) {
.item-extra{ width:455px}
.simple-photo{ display:none; }
.show-rightbox{ width:740px;}
.Myaccount:hover .inquiry2{/*opacity: 1;*/ visibility: visible; position:absolute;top:48px;}
.Myaccount:hover:after{display:block;height:8px; width:65px;content:' ';background-color:#FFF;position:relative;z-index:100;top:40px; left:-15px;  }
.Sel_flag{width:580px;}
.Sel_flag ul li{ padding:0px 10px;cursor: pointer; width:150px; text-align:left;}
.Topmain, .headerbox,.logowrap,.other_navwrap,.mainbox1210{width:1000px;margin:auto;height:auto;}
.headerbox .logo img{/*margin:0px 20px 0px 0px;  max-width:150px;*/ display:block}
.headerbox{padding-top:20px; height:80px; }
.search_text{width:250px;}
.search_str{width:120px; height:52px; }
.search_psr{width:140px; height:52px; display:none }
.search_RFQ{width:60px; height:52px; font-weight:bold; font-size:16px; display:none }
.search{ float:left; position:relative; }
.Signin{ display:none;  }
.Myaccount{border: 1px solid #fff; height: 60px; padding: 5px 0 0 15px; position: relative; width: 50px; z-index: 6;}
.Myaccount img{  margin-left:15px;}
.keywords{position:absolute; top:45px; left:0px;}
.Rightbox,.searchbox1{width:690px; }
.mainbox, .p-box,.BoxW{ width:1000px;}
.Sel_c{width:420px;}
.Sel_f{width:580px;}
.ProTitle .P_listtitle a.list-title{ font-size:14px; color:#005aa0; font-weight:bold;max-width: 200px}
.ProTitle .P_listtitle a.list-title:hover{font-size:14px; font-weight:bold; color:#ff8316; text-decoration:underline}
.CPicture{width:100px; height:120px; padding:20px 40px; }
.CPicture img{ max-width:100px; max-height:70px;}
.p1{ width:220px;word-wrap: break-word ; margin-right: 10px;}
.p2{ width:260px; word-wrap: break-word ; }
.RBBox{bottom: 0;height: auto;  left:auto; margin-left:655px; position: fixed;text-align: right; z-index: 99;right:2px;}
.Ent-list{ width:780px;}
.etd1,.etd2{width:320px; }
.detail-left{width:700px;}
.Pro-img{width:260px; height:266px;}
.Pro-img img{width:260px;}
.Tit-detail-R{width:380px;}
.company-interduce{width:255px;}
.detail-right,.LeftBox{width:280px;}
.card-contact tr td { padding: 0 20px;}
.Tit-detail-l{width: 265px;}
.NewsControl .mainbox,.NewsControl .BoxW,.NewsControl .p-box{width:100%;padding: 0 10px;box-sizing: border-box;}	
.NewsControl .headerbox,.NewsControl .nav,.ProInfo,.NewsControl .LeftBox{display: none;}
.NewsControl .simple-photo{padding:15px 10px;width: 100%; min-width: 260px;display:block;box-sizing: border-box; }
.NewsControl .simple-photo .search{width:70%}
.NewsControl .simple-photo .search_text,.NewsControl .detail-left,.NewsControl .page{width:100%;}
.NewsControl .simple-photo .search_btn{width:20%;background-position: 70%;}
.NewsControl .fr{float:none;}
.NewsControl .simple-photo .logo{margin:0px 0px 10px 0px; max-width:200px;}
.NewsControl .simple-photo .logo img{ max-width:100px;}
.NewsControl .WidContainer,.NewsControl .other_navwrap{width:100%}
.mw-category {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-width: 24em;
    -moz-column-width: 24em;
    column-width: 24em;
	 font-family:Georgia, "Times New Roman", Times, serif
}
.Offerbox{width:100%}
.headerbox .logo{    max-width: 110px;}
.Structural::before{ display:none !important;}
.Structural{ width:118px !important;}

}




@media screen and (max-width: 1000px) {
.AdaptiveBox{ padding:10px;}
.AdaptiveBox .tophead,.AdaptiveBox .headerbox,.AdaptiveBox .Topnav,.AdaptiveBox .menufloat,.AdaptiveBox .RBBox{ display:none;}
.AdaptiveBox .simple-photo,.AdaptiveBox .P-price-list{ display:block;}	
.AdaptiveBox .simple-photo{padding:15px 0px;width: 100%; min-width: 260px;display:block;box-sizing: border-box; overflow:hidden}
.AdaptiveBox .simple-photo .logo{margin:0px 0px 10px 0px; }
.AdaptiveBox .simple-photo .logo img{ width:100px;}
.AdaptiveBox .searbox{ margin:0px; width:100%}
.AdaptiveBox .product_basebox .fl{ float:none;}
.AdaptiveBox .product_basebox .product_base{ margin-left:0px; margin-top:10px;}
.AdaptiveBox  .l_price .Sel_flag{ width:80%;}
.AdaptiveBox  .r_box,.AdaptiveBox  .other_navwrap,.AdaptiveBox .mainbox,.AdaptiveBox .p-box,.AdaptiveBox .l_price,.AdaptiveBox .page{width:100%;}
.AdaptiveBox  .searchtext{
	border: 2px solid #29b5ce;
    float: left;
    height: 32px;
    line-height: 32px;
    padding: 2px 5px;
    width: 75%;-webkit-appearance:none;-moz-appearance:none}
.AdaptiveBox  .searchbut{
	border:none;
    height: 40px;
    padding: 2px;
    width: 65px;
	background:#29b5ce url("https://www.chemicalbook.com/control/image/icon_index.png") no-repeat scroll 20px -15px;
    cursor: pointer;
	font-size:0;
	float:left;
	-webkit-appearance:none;-moz-appearance:none
	
	}
.AdaptiveBox  .table_2{ display:none;}
.AdaptiveBox .headfloat .logo1{display:none;}
.AdaptiveBox .headfloat .searchbox1{margin-left:10px;width: 100%;}
.AdaptiveBox .headfloat .searchbox1 .search_text {width: 100%;-webkit-appearance:none;float:  left;-moz-appearance:none;}
.AdaptiveBox .headfloat .searchbox1 ul li:first-child{width:70%}
.AdaptiveBox .headfloat .searchbox1 ul li:nth-child(3){display:none}
.AdaptiveBox .BoxW{width:100%}

}



