@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px;}
body{ margin:0 auto; padding:0 auto; color:#333; font-size:12px; font-family:Arial; background:#ffffff; border:none; min-width:1200px;}
.clear{ float:none; clear:both; height:auto; border:none;}
a{ text-decoration:none;}
a:link, a:visited { text-decoration: none; color: #333333; }
a:hover{ text-decoration:none; color:#333;}
a:active{ text-decoration: none; color: #333; }
ul,li{ list-style-type:none; margin:0; padding:0;}
input{ vertical-align:top;}
img{ border:none;}
p{ margin:0;}
h1,h2,h3,h4,h5,h6{ margin:0;}

.header{ width:100%; padding:15px 0; overflow:hidden;}
.wrap{ width:1200px; margin:0 auto;}
.header .logo{ width:450px; float:left;}
.header .r_head{ width:600px; float:right; padding-top:20px;}
.header .r_head .t_tel{ float:left;}
.header .r_head .language{ float:right; padding-top:15px;}
.nbanner{ position:relative; overflow:hidden;}
.nbanner h2{ position:absolute; top:40%; font-size:26px; width:1200px; left:0; right:0; margin:0 auto; text-align:center; color:#FFFFFF;}
.flexslider{ position:relative; overflow:hidden; min-height:200px;}
.menu_bg{ width:950px; margin:0 auto; height:45px; line-height:45px; position:absolute; top:0; left:0; right:0; z-index:9999; text-align:center;}
.menu_bg .menu_bg_pic{width:950px; height:45px; position: absolute;left: 0;z-index: 9999;}
.menu_bg li{ float:left; text-align:center;}
.menu_bg a{ font-size:16px; color:#FFFFFF; padding:0 25px;}
.mrelative{ }
.cmenu{ z-index:9999;position:relative}
.menu_bg .children{ display:none; width: 100%;
    padding: 0;
    position:absolute;
    top: 0;
    overflow: hidden;
    text-align: left;
    z-index: 110;
    left: 0px;
    background-color: #FFF;border-radius: 0 0 20px 20px;}
.menu_bg .children .amenu{ width:100%; padding-top:60px; padding-bottom:20px;text-align:center; overflow:hidden; line-height:25px;}
.menu_bg .children .amenu a{ padding:10px 0; color:#0083D1; font-size:14px; width:33%; float:left;}

.aproducts{ padding:0 25px; padding-top:60px; padding-bottom:20px;overflow:hidden;}
.aproducts li{width:50%; float:left; height:170px; overflow:hidden;}
.aproducts li .pic{ width:80px; float:left;}
.aproducts li .pic img{ width:80px;}
.aproducts li .tit{ width:350px; float:right;}
.aproducts li .tit .h3{ font-size:18px; color:#0083D1; text-align:left; line-height:18px; padding-bottom:10px;}
.aproducts li .tit .txt{ text-align:left; line-height:22px; }
.aproducts li .tit .txt a{color:#0083D1; padding:0;font-size:12px; display:block;}

.h_about_bg{ width:100%; height:460px;}
.h_about{ width:1200px; margin:0 auto; padding:40px 0;}
.h_about .tit{ font-size:30px; color:#0095D9; padding-bottom:15px; text-align:center;background:url(../images/tl_bg.png) bottom center no-repeat;}
.h_about .tit span{ font-size:16px;}
.h_about .txt{ text-align:center; font-size:16px; padding-top:15px;}
.h_about_bg .about_list{width:1200px; margin:0 auto; }
.h_about_bg .about_list ul{ width:1300px;}
.h_about_bg .about_list li{width:265px; float:left; background:#FFFFFF; margin-right:45px;box-shadow: 0 0 3px 1px rgba(0,0,0,.2);}
.h_about_bg .about_list li .pic{ width:100%;}
.h_about_bg .about_list li .pic img{ width:265px;height:215px;}
.h_about_bg .about_list li .txt{ padding:15px;}
.h_about_bg .about_list li .txt .sub_c{ margin-top:10px; height:33px;background:url(../images/c.png) right no-repeat; display:none;}

.s18{ width:140px; margin:0 auto; height:40px; text-align:center; line-height:40px; background:#0083D1; font-size:18px;color:#fff;}
.s14{ font-size:13px; color:#333;}


.h_products_bg{ width:100%; padding-bottom:30px;}
.h_products{ width:1200px; margin:0 auto;padding-top:40px;}
.h_products .tit{ font-size:30px; color:#0095D9; padding-bottom:15px; text-align:center;background:url(../images/tl_bg.png) bottom center no-repeat;}
.h_products .tit span{ font-size:16px;}

.cpshow1_bg{width: 1310px; margin:0 auto;height:280px;position: relative; clear:both;}

.cpshow1_bg .hd{position: relative;z-index: 999;}
.cpshow1_bg .hd .prev,.cpshow1_bg .hd .next{ display:block;width:33px;height:74px; padding-top:100px;cursor: pointer;}
.cpshow1_bg .hd .prev{ float:right}
.cpshow1_bg .hd .next{ float:left}
.cpshow1_bg .bd{padding:10px 0 10px 0;z-index:1;}
.cpshow1_bg .bd ul{ margin-left:20px;}
.cpshow1_bg .bd ul li{float: left;margin: 0 ; margin-left:13px;line-height:30px;}
.cpshow1_bg .cp_box{width:395px;margin: 18px 0; text-align:center;}
.cpshow1_bg .cp_box a{ width:395px; height:238px;text-decoration: none; font-size:14px; color:#0083D1;}
.cpshow1_bg .cp_box img{width: 356px; height:238px;}

.mt10{ margin-top:10px;}
.c_menu_bg{ width:100%;background: #0083D1; height:45px; line-height:45px;box-shadow: 0 3px 5px #DDDDDD;
    -webkit-box-shadow: 0 3px 5px #DDDDDD;
    -o-box-shadow: 0 3px 5px #DDDDDD;
    -moz-box-shadow: 0 3px 5px #DDDDDD;}
.c_menu {width:1200px; margin:0 auto;}
.c_menu li{ width:170px; float:left; text-align:center; border-right:1px solid #E4E4E4; position:relative;}
.c_menu li a{ width:170px; height:45px; font-size:16px; line-height:45px; display:block; color:#FFFFFF;}
.c_menu li a:hover{ color:#FFFFFF;}
.c_menu li em{ position:absolute; left:65px;width:0; height:0; border-left:20px solid transparent;border-right:20px solid transparent; border-top:20px solid #f00; display:none;}
.c_menu li:hover em{ display:block;}
.c_menu .on a{background:#f00; color:#FFFFFF;}
.c_menu .on em{ display:block;}

.txt_con{ width:1200px; margin:0 auto; padding:40px 0; line-height:28px; font-size:14px;font-weight: 300;}

.h_news{ width:1200px; margin:0 auto; padding:40px 0;}
.h_news .tit{ font-size:30px; color:#0095D9; padding-bottom:15px; text-align:center;background:url(../images/tl_bg.png) bottom center no-repeat;}
.h_news .tit span{ font-size:16px;}
.h_news_list{ width:1200px; margin:0 auto; padding-bottom:40px; overflow:hidden;}
.h_news_list ul{ width:1300px;}
.h_news_list li{ width:374px; float:left; margin-right:40px;}
.h_news_list li .pic{ width:100%;border:1px solid #CCC; overflow:hidden;}
.h_news_list li .pic img{ width:374px; height:280px;transition: 1s;}
.h_news_list li:hover .pic img{transform: scale(1.1);}
.h_news_list li .tit{ font-size:20px; height:50px; line-height:50px; overflow:hidden; color:#0083D1;}
.h_news_list li .txt{ height:50px; line-height:25px; overflow:hidden; font-size:14px; color:#0083D1;}

.products_list_bg{ width:100%; background:#F6F6F6;}
.products_list{ width:1180px; margin:0 auto;padding:40px 10px; overflow:hidden;}
.products_list ul{ width:1300px;}
.products_list li{ width:260px; float:left; background:#FFFFFF; padding:20px 10px; box-shadow: 0 0 13px 1px rgba(0,0,0,.2); margin-right:20px; margin-bottom:20px;}
.products_list li .pic{ width:240px; margin:0 auto; position:relative;}
.products_list li .pic em{ width:135px; height:45px; font-style:normal; line-height:45px; position:absolute; left:60px; top:100px; background-color:rgba(230,9,24,0.8); text-align:center; font-size:16px; color:#FFFFFF; display:none;}
.products_list li:hover em{ display:block;}
.products_list li .pic img{ width:240px; height:160px;}
.products_list li .tit{ font-size:14px; height:60px; line-height:80px; overflow:hidden; text-align:center;}

.products_desc{ width:1200px; margin:0 auto; padding:40px 0;}
.products_desc .m_txt{ width:100%; overflow:hidden;}
.products_desc .m_txt .mpic{ width:600px; float:left;}
.products_desc .m_txt .mpic img{ width:600px;}
.products_desc .m_txt .p_ti{ width:580px; float:right;}
.products_desc .m_txt .p_ti h2{ font-size:30px; color:#0083D1;  padding-bottom:10px;}
.products_desc .m_txt .p_ti h2 span{ font-size:14px; color:#000000; font-weight:normal; text-decoration:underline;}
.products_desc .m_txt .p_ti .ms_t{ padding:20px 0; line-height:25px; font-size:14px; position:relative;}
.products_desc .m_txt .p_ti .ms_t p span{ position: absolute; left:0;}
.products_desc .m_txt .p_ti .ms_t .pl12{ padding-left:12px;}
.products_txt{width:100%; margin:10px auto;}
.products_txt .ct_bg{ height:70px; line-height:70px; background: #0083D1;}
.products_txt .ct_bg li{ float:left; text-align:center; width:155px; height:70px; line-height:70px; cursor:pointer; font-size:18px; color:#FFFFFF;}
.products_txt .ct_bg li.on{color:#FFFFFF;background:#E60918;}

.po_x_pic{ width:1200px; height:250px; margin:0 auto;position:relative;}
.po_x_pic .hd{ margin:0 auto; position:relative;z-index:999;}
.po_x_pic .hd .prev,.po_x_pic .hd .next{ display:block;width:28px;height:54px; padding-top:100px; cursor: pointer; }
.po_x_pic .hd .prev{ float:right}
.po_x_pic .hd .next{ float:left}
.po_x_pic .bd{padding:10px 0 10px 0;z-index:1;}
.po_x_pic .bd ul{ overflow:hidden; zoom:1; }
.po_x_pic .bd ul li{ margin-left:43px;  float:left; _display:inline; line-height:23px;}
.po_x_pic .bd ul li img{ width:320px; height:240px; padding:2px;background:#fff;display:block; border: 1px solid #DEDEDE;}
.xg_pro{ width:1200px; margin:0 auto; padding-top:20px;}
.xg_pro .tit{ font-size:24px; color:#0083D1;}
.xg_pro_bg{ width:100%; background:#F7F7F7; padding:40px 0;}

.page{width:100%; text-align:center; overflow:hidden;padding:20px 0; margin:10px auto 0 auto ; vertical-align:top; color:#333;}
.page a{padding:2px 5px;background-color:#ddd;border:1px solid #ddd; color:#333; display:inline; margin:0 1px;}
.page .up, .page .down{color:#333;}
.page .this{color:#fff; font-weight:bold; background-color:#333;border:1px solid #000;}
.page span.a{color:#333; padding:0 10px;}
.page a:hover{color:#fff;background-color:#333;border:1px solid #333;}

.foot_bg{ width:100%; padding:30px 0; background:#0083D1; overflow:hidden;}
.foot_menu{ width:1200px; float:left; overflow:hidden;}
.foot_menu li{ width:160px; float:left;}
.foot_menu li h2{height:40px; line-height:40px;font-size:16px; color:#FFFFFF;}
.foot_menu li h2 a{ height:40px; line-height:40px; font-size:16px; color:#FFFFFF;}
.foot_menu li .ul_t{ width:100%; line-height:30px;}
.foot_menu li .ul_t a{ color:#fff; font-size:14px; display:table-row;}
.foot_menu li .wx_pic{ width:100%; display:block; font-size:14px; color:#FFFFFF; padding-top:15px;}
.foot_menu li .wx_pic img{ width:81px; margin-right:15px;}
.foot_menu li .wx_tit{ font-size:14px; text-align:center; color:#FFFFFF;}
.foot_menu li .f_tel{ font-size:24px; text-align:center; color:#FFFFFF; padding-top:10px;}
.foot_menu li .c_txt{ font-size:12px; color:#FFFFFF; line-height:25px;}
.foot_menu li .logo_pic{ width:110px; padding-top:50px;}
.copy_txt{ width:1200px; margin:0 auto; font-size:14px; color:#fff; padding-top:20px; overflow:hidden;}
.copy_txt a{ color:#fff; font-size:14px;}

.contact-form {
    background-color: #f1f2f3;
    border: 1px solid #e4e4e4;
    border-radius: 6px;
    padding: 30px;
	overflow:hidden;
	margin-top: 30px;
}
.contact-form .row {
    margin-left: -15px;
    margin-right: -15px;
}
.contact-form .form-group {
    margin-bottom: 25px;
}
.form-control {
    display: block;
    width: 100%;
    height: 47px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
	 border-color: #ececec;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.col-sm-6{ width:50%; float:left;     position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;}
.sub_tt{ width:100%; padding:15px 0; overflow:hidden; text-align:center;}
.custom-btn{ width:120px; margin:0 auto; height:50px; line-height:50px; background:#0083D1;border-radius: 5px; color:#FFFFFF; text-align:center;}
/* 新闻列表*/
.news-list li{ overflow:hidden; padding:10px; background:#f7f7f7; margin-bottom:10px;}
.news-list li .pic{ width:200px; height:150px; overflow:hidden; float:left;}
.news-list li .pic img{width:200px; height:150px;transition: 0.5s;}
.news-list li .pic a:hover img { transform: scale(1.1);}
.news-list li .txt{ width:800px; float:left; margin-left:20px;}
.news-list li .txt .ti{ height:30px; line-height:30px; overflow:hidden;}
.news-list li .txt .ti a{ font-size:18px;margin: 1% 0 2% 0; color:#1a1a1a;}
.news-list li .txt .m_dec{ height:65px; line-height:21px; color:#999999; font-size:14px;padding-top: 5px; overflow: hidden;}
.news-list li .txt .mores a{padding: 5px 17px; display:block;color: #1a1a1a;font-size: 13px;border: 1px solid #999;display: inline-block; background:#FFF; margin-top:8px;}
.news-list li .txt .mores a:hover{ background:#f00; color:#FFFFFF; border:1px solid #F00;}
.wwnewstime{ width:135px; float:right; text-align: center; padding-top:20px;}
.wwnewstime span{font-size: 60px;line-height: 60px;color: #1a1a1a;border-bottom: 1px solid #1a1a1a;display: inline-block;padding-bottom: 12px;}
.wwnewstime p {padding-top: 12px;}


/* 新闻内容 */
.news-con{padding:10px;}
.news-con img{ max-width:860px;}
.news_t{ line-height:25px; text-align:center; font-weight:bold; font-size:20px;padding-top:5px; padding-bottom:10px;color:#000;border-bottom:1px dashed #ccc;}
.news_tt{ line-height:25px; text-align:center; font-weight:bold; font-size:20px;padding-top:5px; padding-bottom:10px;color:#000;}
.time{ height:25px; line-height:25px;text-align:center;width:95%; margin:0 auto;padding-top:5px;} 
.time span{padding:0 10px; color:#999999;}
.sx{ line-height:24px;padding-left:15px;padding-top:10px;}
.con_txt{ font-size:14px; padding:15px 0;line-height: 28px;}
.Amsg{width:1200px;margin:15px auto;overflow:hidden;margin-bottom: 10px; clear:both;}
.center-wrapper {width: 900px; float:right;margin: 0 auto; position: relative;}
.tab-container {border-bottom: #e4e4e4 2px solid; padding-bottom:15px; font-size:20px; font-weight:bold; text-align:left;}
.addr-choose {font-size: 16px;padding-top: 20px;position: relative;height: 40px;}
.addr-choose span {height: 38px;line-height: 41px;float: left;margin-right: 2px;}
.addr-select {font-size: 16px;width: 107px;margin-right: 11px;position: relative;padding-left: 9px;}
.addr-select .s_sel{ width:107px; height:32px;}
.addr-select .c_sel{ width:107px; height:32px;}
.addr-select .sub_class{ width:80px; height:32px; border:0; background:#333333; color:#FFE000;}

.addr-choose .province-list {left: 82px;}
.addr-choose .select {width: 136px;border: #e4e4e4 1px solid;border-bottom: 0;top: 59px;background: #fff;max-height: 273px;overflow: auto;display: none;}
.addr-choose ul {position: absolute;z-index: 10;}
.addr-choose .select li {padding-left: 9px;border-bottom: #e4e4e4 1px solid;cursor: pointer;overflow: hidden;height: 38px;line-height: 38px;}
.addr-choose .city-list {left: 222px;}
.store-list {overflow: hidden;font-size: 16px;padding-bottom: 69px;padding-top: 10px;border-bottom: #e4e4e4 1px solid;height: 100%;}
.store-list .store-panel {width: 120%;}
.store-list .store-item {float: left;width: 350px;margin-right: 93px;height: 168px; text-align: left;}
.store-list .store-addr{ background:url(../images/icons_1.png) left 1px no-repeat; padding-left:20px; color: #666;}
.store-list .store-tel{background:url(../images/icons_2.png) left 1px no-repeat; padding-left:20px; margin-top: 10px;color: #666;}
.store-list .store-title {color: #333;font-size: 20px;padding-top: 42px;padding-bottom: 7px;display: inline-block;height: 31px;overflow: hidden;}
.store-list .store-title p {height: 100%;line-height: 33px;float: left;padding-right: 8px;}
.store-level {display: inline-block; width: auto;height: 31px;float: left;}

.btn{ width:80px; height:35px; background:url(../images/cz.jpg) no-repeat; border:0;}
.feedback {margin: 10px auto;}
.feedback .ti14 {width: 200px;padding: 15px 10px;font-size: 16px;font-family: Arial;text-align: center;float: left;color: #006699;font-weight: bold;}

.job_bg{ width:1200px; margin:0 auto; padding:20px 0;}
.job_left{ width:800px; float:left;box-shadow: #999999 0px 0px 5px;}
.job_left .job_txt{ padding:20px;}
.job_left .job_txt h2{ font-size:20px; color:#CC0000; font-weight:bold;}
.job_mes{ width:100%; border-bottom:1px solid #CCCCCC; padding:30px 0; font-size:14px; color:#545454}
.job_vx{ width:100%; padding-top:30px;}
.job_vx .tit{ font-size:18px; color:#333333; font-weight:bold;}
.job_vx .ct_txt{ padding-top:20px; font-size:14px; line-height:25px;color:#545454}
.hidden{ overflow:hidden;}
.pb20{ padding-bottom:20px;}
.job_right{ width:360px; float:right;box-shadow: #999999 0px 0px 5px;}
.job_right .tit{font-size:18px; color:#CC0000; font-weight:bold; padding:10px 0 10px 20px; border-bottom:1px solid #CCCCCC; text-align:left;}
.job_list{ width:90%; margin:0 auto; overflow:hidden; padding:20px 0;}
.job_list li{ padding:10px 0; font-size:14px; color:#999999; border-bottom:1px solid #EEE; overflow:hidden;}
.job_list li .tits{ float:left;}
.job_list li .times{ width:80px; float:right; color:#999999}
.job_list li a{ color:#333333; font-weight:bold; font-size:16px;}

.nw_cpu{width:100%;	}
.nw_cpu > li{width:100%;margin-bottom:30px;overflow:hidden;border-bottom:1px solid #eff1f1;}
.nw_cpu li time{ width:50px; float:left; padding:20px;text-align: center;font-size: 12px;color: #909090;font-weight: normal;}
.nw_cpu li time b{font-size: 35px; font-weight: normal; border-bottom: 1px solid #919191;display: block;color: #5c5c5c;padding-bottom: 10px;}
.nw_cpu > li > a{display:block;height:100px;padding:10px 0;margin:0 5px;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;}
.nw_tpk{width:200px;height:100px;float:left;}
.nw_tpk > img{display:block;width:100%;height:100%;	}
.nw_nrk{float:right;width:calc(100% - 300px);overflow:hidden;}
.nw_nrk > h4{font-size:16px;color:#111;padding-bottom:10px;	}
.nw_rq{width:30px;height:1px;border-top:1px solid #5c5c5c;display:block;color:#999;font-weight:normal;}
.nw_nrp{width:100%;overflow:hidden;color:#666;font-size:14px;line-height:20px;	font-weight:normal;}
.nw_gd{text-align:right;font-size:14px;color:#C3272B;}
.nw_cpu > li > a:hover{background:#eff1f1;}
.nw_cpu > li > a:hover .nw_nrk > h4{color:#C3272B;}

.about_left{ width:900px; float:left;}
.about_right{ width:200px; float:right;}
.about_right .ar_1{ width:200px; padding:10px; background:#EEE;border-radius:15px; display:block; margin-bottom:15px; overflow:hidden; font-size:12px;}
.about_right .ar_1 .ar_1_img{ width:50px; float:left; text-align:center}
.about_right .ar_1 .ar_1_img img{ width:50px; margin-top:20px;}
.about_right .ar_1 .ar_1_txt{ width:130px; float:right; text-align:center;}
.about_right .ar_1 .ar_1_txt span{ color:#0083D1; font-size:16px;}

.about_u{ height:80px; line-height:80px; text-align:center; background:#0083D1; color:#FFFFFF; font-size:20px;}
.ab_bg2{ width:100%; height:80px; line-height:80px; background:url(../images/ab_bg2.jpg) no-repeat center; font-size:20px; text-align:center; color:#FFFFFF; overflow:hidden;}

.wp800{ width:1100px; margin:0 auto; overflow:hidden; padding:30px 0;}
.wp800 li{ width:50%; float:left; overflow:hidden; padding-bottom:20px;}
.wp800 li i{ width:40px; float:left;}
.wp800 li i img{ width:40px;}
.wp800 li .txt{ width:490px; float:right; line-height:23px; font-size:14px;}
.wp800 li .txt h3{ font-size:18px; color:#0083D1;}

.his_main{ width:1200px; margin:0 auto; height:2500px; margin-top:30px; overflow:hidden;}
.time-axis{margin: 0;padding: 0;position: relative;}

.time-axis:before{
	content: '';
	position: absolute;
	left: 50%;
	top: 15px;
	width: 1px;
	height: 100%;
	background-color: #E4E4E4;
}
.time-axis-item{
	list-style: none;
	position: relative;
	line-height: 45px;
	font-size: 14px;
	color: #141414;
}
.time-axis-achievement{
	margin: 0;
}
.time-axis-date{
	color: #666;
	width:100%;
	position:relative;
	padding-bottom:20px;
	overflow: hidden;
	min-height:150px;
}

.time-axis-date span{
	position: absolute;
	 right: 0;
    left: 0;
    margin: 0 auto;
	top: 0;
	display: block;
	width: 13px;
	height: 13px;
	border: 1px solid #0083D1;
	border-radius: 100%;
	background-color: #fff;
}
.time-axis-date span:after{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 7px;
	height: 7px;
	margin: auto;
	background-color: #0083D1;
	border: 1px solid #0083D1;
	border-radius: 100%;
}

.time-axis-item:last-child .time-axis-date span{
	border-color: #FF0000;
}

.time-axis-item:last-child .time-axis-date span:after{
	background-color: #FF0000;
	border-color: #FF0000;
}

.time-axis-date .u_left{ width:560px; float:left;}
.time-axis-date .u_left h3{ font-size:50px; padding-bottom:40px; color:#0083D1;}
.time-axis-date .u_left .txt{ font-size:14px; line-height:28px;}
.time-axis-date .ur_pic{ width:300px; padding:15px 0; float:left; margin-left:100px;}

.time-axis-date .u_right{ width:560px; float:right;}
.time-axis-date .u_right h3{ font-size:50px;padding-bottom:20px; color:#0083D1;}
.time-axis-date .u_right .txt{ font-size:14px; line-height:28px;}
.time-axis-date .ul_pic{ width:540px; float:left; text-align:right; padding-top:15px;}
.class_content{ padding-bottom:40px; line-height:25px; font-size:14px; font-family:"Times New Roman", Times, serif}

.proc-chart-wrap {background:#333333 none repeat scroll 0 0; width:1200px;margin:0 auto;box-sizing:border-box; }
.regular-prod-chart {width:100%; }
.regular-prod-chart .slick-list { width:100%; color:#fff}
*{box-sizing: border-box;}
.regular-prod-chart ul { padding:0; margin:0; list-style:none;}
.topblock { padding:50px 0 30px;}
.first-block {font-family: 'DINProMedium_0';font-size: 12px;text-transform: uppercase;}
.first-block ul li { float:left; width:100%; padding:22px 0;  border-right: 1px solid #fff;}
.first-block span.icon {padding: 0 15px; vertical-align: middle; float:left;}
.first-block ul li.bar { padding-bottom:375px;}
.first-block ul li.material { padding-top:27px;}
.first-block ul li.rubber { padding-bottom:15px;}
.first-block ul li.rubber span.item-txt { padding-top:0;}
.first-block ul li.undelayer { padding-bottom:26px;}
.first-block ul li.scorched { padding-bottom:26px;}
.first-block ul li.slotted { padding-bottom:19px;}
.first-block ul li.slotted span.icon { padding-top:5px;}
.first-block ul li.slotted span.item-txt { padding-top:0; padding-bottom:0;}
.first-block ul li.hooked { padding-bottom:22px;}
.first-block ul li.hooked span.icon { padding-top:5px;}
.first-block ul li.hooked span.item-txt { padding-top:0; padding-bottom:0;}
.item-txt {vertical-align: middle;text-align: left; float:left; padding:5px 0 ;}
.regular-prod-chart .common-block{color: #fff;font-family:'DINProLight';vertical-align: middle;text-align: center;padding: 10px 0;}
.regular-prod-chart .common-block ul li { height:74px; border-right: 1px solid #fff; padding:22px 0; line-height:15px;font-size: 13px;}
.regular-prod-chart .common-block ul li.topblock, .first-block ul li.topblock { border:none; list-style:none; text-align:center;}
.regular-prod-chart .common-block ul li.adjust-txt { padding-top:10px; height:93px;}
.common-block ul li span.inline img { display:inline;}
.regular-prod-chart .common-block ul li.text-italic { font-style:italic; padding:210px 0;}
.regular-prod-chart .common-block ul li.graph { height:auto;}
.regular-prod-chart .common-block ul li.graph img {transition:all 0.5s ease-in-out 0s;opacity:1;-webkit-transition:all 0.5s ease-in-out 0s;}
.regular-prod-chart .common-block ul li.graph img:hover {transform: scale(1.1); -webkit-transform: scale(1.1); transition: all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s;opacity:1;}
.regular-prod-chart .bornone ul li { border-right:none !important;}
.no-scroll-section{overflow:hidden; width:20%; float:left; background:#333; color:#fff;}
.scroll-section { width:80%; float:right;}
.deepgrey { background: #393939;}
@media only screen and (max-width: 1280px){
.first-block ul li.bar { padding-bottom:372px;}	
}
@media only screen and (max-width: 1200px){
.first-block ul li.bar { padding-bottom:340px;}
.no-scroll-section { width:25%;}
.scroll-section { width:75%;}	
}
@media only screen and (max-width: 1024px){
.black-ban-cont .ban-info{font-size:22px;}
.environment-cont{width:90%;padding:80px 0 100px 40px;}
.no-scroll-section { width:30%;}
.scroll-section { width:70%;}
.first-block ul li.bar { padding-bottom:370px;}
}
@media only screen and (max-width: 899px){
.black-ban-cont{left:8%;width:85%;}
.black-ban-cont .ban-info{font-size:20px;}
}
@media only screen and (max-width: 768px){
.black-ban-cont{top:3%;}
.black-ban-cont .heading{padding:0 0 10px;}
.regular-prod-chart .common-block ul li.topblock img { width:70%;}
}
@media only screen and (max-width: 699px){
.black-ban-cont{left:5%;width:90%;top:6%;}
.black-ban-cont .ban-info{font-size:17px;}
.manufacture-cont .manufacture-info{font-size:16px;}
.environment-cont {padding:30px 0 50px 30px;width:96%;}
.environment-cont .environment-info{font-size:16px;}
.environment-cont .read-more{font-size:18px;}
.text-section p{font-size:16px;}
.first-block ul li.bar { padding-bottom:303px;}
.regular-prod-chart .common-block ul li.graph img { width:54%;}
.regular-prod-chart .common-block ul li.text-italic { padding:171px 0;}
.first-block { font-size:11px;}
}
@media only screen and (max-width: 599px){
.black-ban img{height:100%;}
.black-ban{height:315px;}
.black-ban-cont{top:10%;}
.manufacture-bg{height:375px;}
.white-box-prod-cont{padding:10px 0;}
.prod-bottom-sec .heading{font-size:22px;}
.first-block ul li.bar { padding-bottom:244px;}
.regular-prod-chart .common-block ul li.topblock img { width:60%;}
.first-block ul li.bar{ padding-bottom:200px;}
.regular-prod-chart .common-block ul li.text-italic { padding:144px 0;}
.no-scroll-section { width:35%;}
.scroll-section { width:65%;}
.first-block ul li.bar { padding-bottom:240px;}
}
@media only screen and (max-width: 519px){
.black-ban-cont .ban-info {font-size:14px;line-height:21px;}
.manufacture-cont .title{font-size:20px;}
.manufacture-cont .manufacture-info{font-size:14px;}
.manufacture-cont{top:10%;}
.manufacture-bg{height:310px;}
.environment-cont .read-more{font-size:16px;}
.environment-cont .environment-info{font-size:14px;}
.environment-cont{padding:30px;width:100%;}
.feature-block{font-size:15px;}
.feature-block p.title-part{font-size:16px;}
.manufacture-bg{height:275px;}
.prod-bottom-sec .heading{font-size:20px;}
.text-section p{font-size:14px;}
.feature-block{height:auto;}
.prod-bottom-sec .prod-bottom-cont{font-size:14px;}
.no-scroll-section { width:40%;}
.scroll-section { width:60%;}
.first-block ul li.bar { padding-bottom:195px;}
.regular-prod-chart .common-block ul li.text-italic { padding:122px 0;}
}
@media only screen and (max-width: 480px){
.black-ban{height:375px;}
.manufacture-bg{height:340px;}
.environment-cont .title{font-size:20px;}
.no-scroll-section { width:45%;}
.scroll-section { width:55%;}
.regular-prod-chart .common-block ul li.graph img { width:33%;}
}
@media only screen and (max-width: 399px){
.black-ban{height:450px;}
.black-ban-cont{top:7%;}
.manufacture-cont{top:7%;}
.manufacture-bg{height:360px;}
.environment-cont{padding:15px;}
.grey-box-prod-wrap{padding:20px;}
.no-scroll-section { width:52%;}
.scroll-section { width:48%;}
.first-block ul li.bar { padding-bottom:144px;}
.regular-prod-chart .common-block ul li.text-italic { padding:96px 0;}
}
@media only screen and (max-width: 375px){
.first-block { font-size:10px;}
.regular-prod-chart .common-block ul li.text-italic { padding:93px 0;}
}