﻿/*全局*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,img, ins, kbd, q, s, samp,small, strike,strong,dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	outline: 0;
	vertical-align: baselinebaseline;
	list-style:none;
	text-align: justify;
	padding-bottom: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
}
@font-face {
 font-family: 'Muli';
src: url('../../../Muli.html'); /* IE9 Compat Modes */
src: url('../../../Mulid41d.html?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../../../Muli-2.html') format('woff'), /* Modern Browsers */
		 url('../../../Muli.ttf')  format('truetype'), /* Safari, Android, iOS */
		 url('../../../Muli-3.html#Muli') format('svg'); /* Legacy iOS */
}

html {-webkit-text-size-adjust: 100%;	-ms-text-size-adjust: 100%;}
body{color:#444; width:100%; min-width:1200px; font-family:"Muli", Arial, Helvetica, sans-serif; }
a{color:#777; text-decoration:none;}
a:hover{color:#FF0000; text-decoration:none;}
img{
	vertical-align:middle;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
.clear{clear: both; height:0px; overflow:hidden;}
.fl{float:left; display:inline;}
.fl20{
	float:left;
	width: 20;
	display:inline;
	padding-left: 20px;
}

.floled{
	float:left;
	width: 20;
	display:inline;
	padding-left: 0px;
}

.flmonitor{
	float:left;
	width: 20;
	display:inline;
	padding-left: 0px;
}

.fr{float:right; display:inline;}
.big{ width:1200px; margin:0 auto; height:auto;  font-family:Arial, Helvetica, sans-serif;  }
.big_2{
	width:1200px;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	padding-top: 5px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	line-height: 30px;
}
.big_3{
	width:1200px;
	height:40px;
	margin:0 auto;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	padding-top: 20px;
}

.big_4{
	width:1200px;
	height:800;
	font-family:Arial, Helvetica, sans-serif;
	padding-top: 5px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

.big_5{
	width:1200px;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	padding-top: 5px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	line-height: 20px;
}

.tabwidth50{ width:50px; margin:0 auto; height:auto;  font-family:Arial, Helvetica, sans-serif;  }
.tabwidth100{ width:100px; margin:0 auto; height:auto;  font-family:Arial, Helvetica, sans-serif;  }
.productbig{ width:1200px; margin:0 auto; height:auto;  font-family:Arial, Helvetica, sans-serif;  }
br{height:1%;  font-size:16px; clear:both;}
h1,h2,h3,h4,h5,h6{
	font-family:"Muli", Arial, Helvetica, sans-serif;
	font-weight:600;
	text-align: left;
	padding-top: 0px;
}
/*top*/
.ld_head{ position:fixed; width:100%; z-index:999;box-shadow: 3px 0px 3px;}
.top_line{ background:#154d97; border-bottom:1px solid #e9e9e9; height:32px; line-height:32px; font-size:12px; color:#e2eefe;}
.top_line a{color:#e2eefe;}
.tpline_r{background: url(../images/banben.html) no-repeat 0 40%;line-height:32px;}
.tpline_r a{ padding-left:30px; color:#e2eefe;}
/*search*/
.search_bg{ float:right; display:inline-block; background:url(../images/search_bg.png) no-repeat; height:17px; line-height:17px; width:150px; margin:8px 0 0 10px; }
.search_bg input{ background:0; border:0; line-height:17px; padding:0; margin:0; color:#fff; }
.input1{ width:116px;}
.search_bg .commonfont{ width:30px; height:17px; cursor:pointer;}

.ld_top{
	padding:12px 0;
	background-color: #F4F4F4;
}
.nav_top{ text-align:right;padding:8px 0;}
/*nav*/
.ld_nav{ padding-top:16px; }
.ld_nav ul li{ position:relative; float:left; display:inline; padding-left:25px; font-family:"Muli", Arial, Helvetica, sans-serif; }
.ld_nav ul li.nav_first{ display:none;}
.ld_nav ul li a{font-size:18px;color:#000; text-transform:uppercase; height:30px;  line-height:30px; padding-bottom:10px;   }
.ld_nav ul li a:hover,.ld_nav ul li.backg a{ color:#144d97; border-bottom:2px solid #f98927;}
/*subnav*/
.ld_nav .subNav{ display:none;  position:absolute; left:0; top:30px; z-index:99; width:224px; background:#154d97; text-align:center; }
.ld_nav ul li .subNav li{ float:none; position:relative;text-align:left;width:216px; padding:0; }
.ld_nav ul li .subNav a{
	display:block;
	height:auto;
	line-height:16px;
	font-size:14px;
	text-transform:capitalize;
	color:#fff;
	border-bottom:1px solid #043a81;
	padding-top: 8px;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 20px;
}
.ld_nav ul li .subNav a:hover{ color:#c8c8c8;}
.thrdNav{ display:none; position:absolute; left:106px; top:-41px;  z-index:99;background:#154d97;}
.ld_nav ul li .subNav .thrdNav{ display:none; width:200px; }
.ld_nav ul li .subNav .thrdNav a{ line-height:21px; }

.gundtop .top_line{ display:none;}
.gundtop ul li.nav_first{ display:block;}
.gundtop .ld_nav{ padding-top:15px; }

/*banner效果start*/
.flexslider { position: relative; height:580px; overflow: hidden; width:100%;}
.slides { position: relative; z-index: 1;}
.slides li { height:580px; text-align:center; width:100%;}
.slides li a{ display:block; width:100%; height:580px;}
.flex-control-nav { position: absolute; bottom: 10px; z-index: 2; width: 100%; text-align: center;}
.flex-control-nav li { display: inline-block; width: 14px; height: 14px; margin: 0 5px; *display: inline; zoom: 1;}
.flex-control-nav a { display: inline-block; width: 14px; height: 14px; line-height: 40px; overflow: hidden; background:url(../images/dot.png) right 0 no-repeat; cursor: pointer;}
.flex-control-nav .flex-active { background-position: 0 0;}


.big h3{font-weight:normal; font-family:"Muli", Arial, Helvetica, sans-serif; font-size:16px;}
.main_top{
	padding-top: 40px;
	padding-right: 0;
	padding-bottom: 30px;
	padding-left: 0;
}


.main_top h3{ background:#083e85; height:45px; line-height:45px; color:#fff;  font-size:20px; padding:0 20px; }
.main_top h3 a{ float:right; font-size:12px; color:#a5b0c8;}
/*about*/
.ld_about{ width:1200px; background:#fff;}
.ld_about h2{color:#0e72cf;font-size:20px; font-weight:normal;  line-height:40px;}
.about_inner{padding:0px; line-height:30px;}
.about_inner .about_img{
	float:left;
	padding:0px;
	border:0px solid #cfcfcf;
	padding-left: 0px;
	padding-right: 10px;
}

.about_inner .display_img{
	float:right;
	padding:0px;
	border:0px solid #cfcfcf;
	padding-left: 0px;
	padding-right: 10px;
}

.about_inner .display_img_left{
	float:left;
	padding:0px;
	border:0px solid #cfcfcf;
	padding-left: 0px;
	padding-right: 10px;
}

.about_inner .display_img_2{
	float:right;
	padding:0px;
	border:0px solid #cfcfcf;
	padding-left: 80px;
	padding-right: 10px;
}

.about_r{
	float:right;
	display:inline;
	width:570px;
	font-size:16px;
	padding-top: 2px;
}

.space_r{
	float:right;
	display:inline;
	width:80px;
	font-size:16px;
	padding-top: 2px;
}

.table_r{
	float:right;
	display:inline;
	width:300px;
	font-size:16px;
	padding-top: 2px;
	height: auto;
	border: 1;
}
.about_r p{ }
.about_r .about_btn{background:url(../images/about_btn.jpg) no-repeat; width:108px; height:32px; line-height:26px; margin-top:20px; text-indent:0; border-radius:3px; text-align:center; }
.about_btn a{
	display:inline-block;
	width:90px;
	color:#fff;
	font-size:14px;
	text-align:center;
	vertical-align: middle;
	padding-top: 3px;
}
.ld_about ul{ width:740px;border-top:1px solid #e2e2e2; margin:20px 0 10px;}
.ld_about ul li{ float:left; display:inline; width:45%; padding-left:5%; border-bottom:1px solid #e2e2e2; line-height:66px;}
.ld_about ul li span{ display:inline-block; padding-right:20px;color:#083e85; font-weight:bold;}

/*custom*/
.custom_r{ float:right; display:inline; width:600px; font-size:18px; }
.custom_r .custom_btn{background:url(../images/about_btn.jpg) no-repeat; width:108px; height:32px; line-height:32px; margin-top:20px; text-indent:0; border-radius:3px; text-align:center; }

/*news*/
.ld_news{ width:400px; height:497px; background:#fff; overflow:hidden;  }
.news_inner{padding:0 20px 20px;}

.ld_news dl{ border-bottom:1px solid #e4e4e4; padding:20px 0; }
.ld_news dt,.ld_news dd{ float:left; display:inline;}
.ld_news dt{ width:122px; padding-right:10px;}
.ld_news dd { float:left; width:210px; font-size:14px;}
.ld_news dd a{ display:inline-block; font-size:16px; color:#3d3d3d; padding-bottom:8px;}
.ld_news dd span{ font-size:12px; display:inline-block; padding-bottom:10px;}
/*product*/
.ld_product{
	color:#f1f7ff;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 30px;
	padding-left: 0;
	background-color: #fff;
}

.ld_product_2 {
	background:#ffffff;
	color:#f1f7ff;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 30px;
	padding-left: 0;
}

.ld_product h3{ font-size:36px; font-weight:bold; line-height:44px; color:#ffffff; text-align:center; padding-bottom:10px;  }
.ld_product h4 {width:460px; margin:0 auto; font-size:16px; text-align:center; border-top:1px solid #215291; padding:10px 30px 30px;}
.ld_product .big{ position:static;}

#marquee6,#marquee5 { width:1190px; height:280px; overflow:hidden; }
#marquee6 ul li {float:left; width:280px; height:280px; overflow:hidden; margin-right:20px;}
#marquee6 ul li a{ display:block;width:280px; height:260px; overflow:hidden;}
#marquee6 li img{ vertical-align:middle;transition:all 0.5s;}
#marquee6 li img:hover{transform:scale(1.1);}
#marquee6 ul li p a{ line-height:24px; color:#f1f7ff;}

#control a { display:block; width:59px; height:59px;  background:url(../images/lr_btn.jpg) no-repeat 0 0;}
#control a#goL{position:absolute;left:-66px; top:50%; }
#control a#goR{position:absolute;right:-60px; top:50%;  background-position:-59px 0;}

.ld_video{ background:#fff;}
.ld_video h3{ color:#083e85}
.ld_video h4{ color:#666}
.video_left{width:505px;}
.video_right{ width:660px;}
.video_right li{ width:310px;text-align:left; padding:0 0 20px 10px; }
.video_right li p{line-height:24px;}
.video_right li span{ color:#aea6a6; font-size:13px;}
/*foot*/
.ld_foot{ width: 100%;  background:#083e85; color:#6489bb; padding:30px 0 0;  font-size:14px; margin-top:5px; }
.ld_foot a{ color:#6489bb;}
.ld_foot a:hover{color:#fff;}
.ld_foot ul li{ float:left; display:inline; width:150px;}
.ld_foot ul li a{ display:block; line-height:26px;}
.ld_foot li h3 a{ color:#bdd9fe; font-size:16px; text-transform:uppercase; font-weight:normal; line-height:50px;}
.ld_contact{ background: url(../images/ft_icon.jpg) left 5px no-repeat;}
.ld_contact p{ line-height:21px; margin-bottom:10px; padding-left:26px;}
.ft_list a{ display:block; width:300px; line-height:26px;}
.ld_copyright{ line-height:32px;  border-top:1px solid #1b4c8d; padding:10px 0; font-size:14px; margin-top:20px;}

.ld_foot2{ width: 100%;  background:#083e85; color:#6489bb; padding:30px 0 0;  font-size:14px; margin-top:0px; }
.ld_foot2 a{ color:#6489bb;}
.ld_foot2 a:hover{color:#fff;}
.ld_foot2 ul li{ float:left; display:inline; width:150px;}
.ld_foot2 ul li a{ display:block; line-height:26px;}
.ld_foot2 li h3 a{ color:#bdd9fe; font-size:16px; text-transform:uppercase; font-weight:normal; line-height:50px;}


/*内页共用*/
.ny_big{
	width:1280px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}
.ny_maintop h3{ font-size:20px; border-bottom:1px solid #f0f0f0; line-height:56px; color:#154d97; margin:10px 0 30px;}
.ny_maintop h3 span{ float:right; font-size:14px;}

.my_big{
	width:1280px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}

.myoled_big{
	width:1250px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}

.mymonitor_big{
	width:1250px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}


.width_630{
	width:670px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}

.width_1200{
	width:1200px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}

.my_maintop h3{ font-size:20px; border-bottom:1px solid #f0f0f0; line-height:56px; color:#154d97; margin:10px 0 30px;}
.my_maintop h3 span{ float:right; font-size:14px;}

.list{ width:240px; }
.list h3{ color:#fff; font-size:20px; line-height:56px; background:#0166ac; text-align:center;}
.list ul{ background:#fff; border:1px solid #e8e8e8;}
.list_c ul li a{ display:block; font-size:14px;border-bottom:1px solid #e8e8e8; padding:10px 20px; font-size:18px;line-height:24px; color:#000; }
.list_c ul li a:hover{background:#0166ac; color:#fff;}
.list_c ul li .sub_nylist a{ font-size:14px; font-weight:normal; line-height:36px; border-bottom:1px dashed #e8e8e8; padding:0 0 0 30px;}
/*内页right*/
.right{ width:938px; float:right;  margin-bottom:20px; border:1px solid #d5d5d5; padding-bottom:20px; line-height:24px;}
.right_tit {  height:30px; line-height:23px; border-bottom:1px solid #ccc; margin:10px 20px; margin-top:18px;}
.right_tit span {float:right; font-size:14px;}

/*about*/
.ny_abtl{ width:600px; padding-right:50px; font-size:14px; text-align:left; line-height:24px;}
.demo {width:550px;height:500px;font-size: 14px;position:relative; overflow:hidden; margin:0 auto;}
.demo a.control {position:absolute;display: block;top: 50%;margin-top: -78px;width: 76px;height: 112px;cursor: pointer;z-index: 2;background: url(../images/buttons.html) no-repeat}
.demo a.prev {left: 0;background-position: 0 0}
.demo a.next {right: 0;background-position: -76px 0}
.demo a.prev:hover {background-position: 0 -112px}
.demo a.next:hover {background-position: -76px -112px}
.slider {display: none}

/*products*/
.ny_product{ background:#083e85;}
.ny_product .pro_nei{ padding:10px;}
.ny_product .pro_nei li{
	width:170px;
	height:190px;
	overflow:hidden;
	border:1px solid #e4e4e4;
	background:#fff;
	line-height:24px;
	margin-top: 0;
	margin-right: 4px;
	margin-bottom: 40px;
	margin-left: 30px;
}
.ny_product .pro_nei li:hover{ box-shadow: 0px 5px 10px #d5d5d5;}
.ny_product .pro_nei li .pro_img{
	width:150px;
	height:136px;
	overflow:hidden;
	padding-left: 20px;
	padding-top: 12px;
}
.ny_product li img{ transition:all 0.5s;}
.ny_product li img:hover{transform:scale(1.1);}
.ny_product .pro_nei li .pro_title{
	padding:0px;
	font-size:16px;
	text-align:center;
	padding-top: 2px;
}
.ny_product .pro_nei li h3 a{ display:block; font-size:18px; font-weight:normal; color:#040404; line-height:22px; padding-bottom:0px;}
.ny_product .pro_nei li h3 a:hover{ color:#ff9000;}
.ny_product .pro_nei li a.pro_infbtn{ display:block; color:#F60; padding-top:0px;text-align:center;}
.ny_product .pro_nei li a.pro_infbtn:hover{
	color:#06F;
	text-align: center;
}

.my_product{ background:#ffffff;}
.my_product .pro_nei{ padding:10px;}
.my_product .pro_nei li{
	width:260px;
	height:320px;
	overflow:hidden;
	border:1px solid #e4e4e4;
	background:#fff;
	line-height:24px;
	margin-top: 0;
	margin-right: 24px;
	margin-bottom: 40px;
	margin-left: 28px;
}
.my_product .pro_nei li:hover{ box-shadow: 0px 5px 10px #d5d5d5;}
.my_product .pro_nei li .pro_img{
	width:200px;
	height:200px;
	overflow:hidden;
	padding-left: 30px;
	padding-top: 20px;
}
.my_product li img{ transition:all 0.5s;}
.my_product li img:hover{transform:scale(1.1);}
.my_product .pro_nei li .pro_title{
	padding:0px;
	font-size:16px;
	text-align:center;
	padding-top: 24px;
}
.my_product .pro_nei li h3 a{ display:block; font-size:18px; font-weight:normal; color:#040404; line-height:22px; padding-bottom:0px;}
.my_product .pro_nei li h3 a:hover{ color:#ff9000;}
.my_product .pro_nei li a.pro_infbtn{ display:block; color:#F60; padding-top:0px;text-align:center;}
.my_product .pro_nei li a.pro_infbtn:hover{
	color:#06F;
	text-align: center;
}

.myoled_product{ background:#ffffff;}
.myoled_product .pro_nei{ padding:10px;}
.myoled_product .pro_nei li{
	width:180px;
	height:232px;
	overflow:hidden;
	border:1px solid #e4e4e4;
	background:#fff;
	line-height:26px;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 30px;
	margin-left: 12px;
}
.myoled_product .pro_nei li:hover{ box-shadow: 0px 5px 10px #d5d5d5;}
.myoled_product .pro_nei li .pro_img{
	width:160px;
	height:150px;
	overflow:hidden;
	padding-left: 10px;
	padding-top: 6px;
}
.myoled_product li img{ transition:all 0.5s;}
.myoled_product li img:hover{transform:scale(1.1);}
.myoled_product .pro_nei li .pro_title{
	padding:0px;
	font-size:16px;
	text-align:center;
	padding-top: 12px;
}
.myoled_product .pro_nei li h3 a{ display:block; font-size:18px; font-weight:normal; color:#040404; line-height:22px; padding-bottom:0px;}
.myoled_product .pro_nei li h3 a:hover{ color:#ff9000;}
.myoled_product .pro_nei li a.pro_infbtn{ display:block; color:#F60; padding-top:0px;text-align:center;}
.myoled_product .pro_nei li a.pro_infbtn:hover{
	color:#06F;
	text-align: center;
}


.mymonitor_product{ background:#ffffff;}
.mymonitor_product .pro_nei{ padding:10px;}
.mymonitor_product .pro_nei li{
	width:280px;
	height:268px;
	overflow:hidden;
	border:1px solid #e4e4e4;
	background:#fff;
	line-height:26px;
	margin-top: 0;
	margin-right: 13px;
	margin-bottom: 30px;
	margin-left: 13px;
}
.mymonitor_product .pro_nei li:hover{ box-shadow: 0px 5px 10px #d5d5d5;}
.mymonitor_product .pro_nei li .pro_img{
	width:260px;
	height:200px;
	overflow:hidden;
	padding-left: 16px;
	padding-top: 12px;
}
.mymonitor_product li img{ transition:all 0.5s;}
.mymonitor_product li img:hover{transform:scale(1.1);}
.mymonitor_product .pro_nei li .pro_title{
	padding:0px;
	font-size:16px;
	text-align:center;
	padding-top: 4px;
}
.mymonitor_product .pro_nei li h3 a{ display:block; font-size:18px; font-weight:normal; color:#040404; line-height:22px; padding-bottom:0px;}
.mymonitor_product .pro_nei li h3 a:hover{ color:#ff9000;}
.mymonitor_product .pro_nei li a.pro_infbtn{ display:block; color:#F60; padding-top:0px;text-align:center;}
.mymonitor_product .pro_nei li a.pro_infbtn:hover{
	color:#06F;
	text-align: center;
}

.custom_product{ background:#ffffff;}
.custom_product .pro_nei{
	padding:0px;
}
.custom_product .pro_nei li{
	width:230px;
	height:170px;
	overflow:hidden;
	border:1px solid #e4e4e4;
	background:#fff;
	line-height:24px;
	margin-top: 5;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.custom_product .pro_nei li .pro_img{
	width:200px;
	height:200px;
	overflow:hidden;
	padding-left: 30px;
	padding-top: 20px;
}
.custom_product li img{ transition:all 0.5s;}


.proxq_left{ width:600px; line-height:26px;}
.proxq_left h3{ font-size:18px; text-transform:uppercase; line-height:60px;}
.xq_tied{ height:auto; overflow:hidden; color:#8a8a8a;}
.proxq_right{ width:500px; padding-top:50px;}
.proxq_right img{ max-width:500px;}

.proxq_inner{ margin:50px auto;}
.xq_area{ position:relative; z-index:9; width:1200px; word-break:break-all;}
.proxq_inner h4{ height:50px; line-height:50px; margin-bottom:30px;  border:1px solid #006197; padding-left:20px;font-size:14px; }
.proxq_inner #inp{ position:absolute; right:0; top:0; height:52px; line-height:52px; display:inline-block; float:right; width:100px;  text-align:center; background:#006197; border:0; color:#fff; font-size:30px; cursor:pointer; }
/*.proxq_info{ display:none;}*/
.proxq_inner #inp2{ position:absolute; right:0; top:0; height:52px; line-height:52px; display:inline-block; float:right; width:100px;  text-align:center; background:#006197; border:0; color:#fff; font-size:30px; cursor:pointer; }
.proxq_info{ padding-bottom:50px; line-height:26px;}
.proxq_info td{ border:1px solid #ccc; height:36px; line-height:36px;}

/*图片放大镜样式*/
.jqzoom{position:relative;cursor:pointer;display:inline-block;}
.zoomdiv{z-index:100;position:absolute;:0px;left:0px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

/*图片小图预览列表*/
.spec-scroll .items{width:560px;height:156px; margin-top:30px;}
.spec-scroll .items ul li{float:left;width:160px;text-align:center; padding-right:20px;}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:156px;height:130px;}
.spec-scroll .items ul li img:hover{border:2px solid #FF6600;padding:1px;}


/*projects*/
.anli_one{ position:relative; z-index:9; padding-bottom:100px;*zoom:1; }
.anli_inner{ width:320px; padding:100px 0 0 100px; text-align:center; font-size:14px; line-height:22px;}
.anli_inner h3{ line-height:60px; padding:30px 0; font-size:30px;}
.anli_inner2{ width:430px;}
.ny_anli .imghover{ display:none; background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important;/*实现FF背景透明，文字不透明*/
filter:Alpha(opacity=50); background:#000;/*实现IE背景透明*/ font-size:14px; line-height:26px;color:#fff;}
.imghover h5{position:relative; font-size:20px; line-height:60px; }
.imghover p{position:relative; width:360px;}
.ny_anli  .anli_one .imghover{ position:absolute; left:0; top:0; z-index:99; width:500px; height:357px; padding:100px 110px 0;}
.anli_two{ position:relative; z-index:9; padding-bottom:100px;}
.anli_cover{ position:absolute; left:0; bottom:100px; z-index:999; background:#f5a200; height:80px; width:70%; line-height:80px; text-align:center; color:#fff; font-size:30px;}
.ny_anli  .anli_two .imghover{ position:absolute; right:0; top:0; z-index:99; width:375px; height:458px; padding:160px 40px 0;}

.ablm_inner .right_cont_prod li{margin: 0 10px 20px;	border: 1px solid #f5f5f5;}
.ablm_inner .right_cont_prod li p{ text-align:center; line-height:50px; padding-bottom:10px;}
.ablm_inner .right_cont_prod .thumbnail .pro_img{ width:434px; overflow:hidden;}


/*news*/
.list_news .nfst_img{ width:400px; }
.list_news  .nfst_info{ width:530px;}
.list_news li{ padding-bottom:30px; border-bottom:1px dashed #e0e0e0; line-height:24px; margin-bottom:30px;}
.list_news li:hover{ background:#f5f5f5;}
.list_news li h3{ line-height:50px; font-size:22px;}
.list_news li h3 a{ color:#333;}
.list_news li:hover a, .list_news li h3 a:hover{ color:#154d97;}
.list_news li h3 span{ float:right; font-size:12px; color:#585858;}
a.news_btn{ display:inline-block; font-size:14px; padding:10px 0;}
a.news_btn:hover{ color:#06F;}
.news_img{width:360px; }
.news_info{width:530px;}

.ny_news{ padding:0 20px;}
.ny_news h3{ text-align:center; font-size:30px; padding-top:20px; }
.ny_newsp{ line-height:40px; text-align:center; }
.ny_newsinner{ padding:30px 0; line-height:24px;}

/*contact*/
.ny_cattop{ color:#222;}
.ny_cattop h3{ color:#222;  font-size:30px;}
.ny_contact h2{ padding-bottom:20px;}
.nyc_inner{ width:500px;font-size:14px;  line-height:26px; padding-bottom:30px;}
.nyc_inner a:hover{ color:#06F;}
.nyc_inner p{ padding-bottom:10px;}
.nyc_inner p img{ padding-right:10px;}
.ny_message{ width:400px;}

.ny_message td.input{ width:250px; padding:10px 8px;}
.ny_message td.input input{ width:211px; line-height:30px; border:1px solid #d1d1d1; color:#7d7d7d;font-family:"Muli", Arial, Helvetica, sans-serif;}
.ny_message td.input textarea{  border:1px solid #d1d1d1; width:444px;}
.ny_message td .submit{ color:#fff; border:1px solid #035f9e;  border-radius:3px; background:#035f9e; }

#rtt{ position:fixed; right:10px; bottom:100px; z-index:99999;background: url(../images/backtop.jpg) no-repeat; width:46px; height:46px;}
#rtt a{ display:block;width:46px; height:46px;}


/* lightbox */
.lightboxOverlay {  position: absolute;  top: 0;  left: 0;  z-index: 9999;  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);  opacity: 0.8;  display: none;}
.lightbox {  position: absolute;  left: 0;  width: 100%;  z-index: 10000;  text-align: center;  line-height: 0;
  font-weight: normal;}
.lightbox .lb-image {  display: block;  height: auto;  max-width: inherit;  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;  -ms-border-radius: 3px;  -o-border-radius: 3px;  border-radius: 3px;}
.lightbox a img {  border: none;}
.lb-outerContainer {  position: relative;  background-color: white;  *zoom: 1;  width: 250px;  height: 250px;
  margin: 0 auto;  -webkit-border-radius: 4px;  -moz-border-radius: 4px;  -ms-border-radius: 4px;
  -o-border-radius: 4px;  border-radius: 4px;}
.lb-outerContainer:after {  content: "";  display: table;  clear: both;}
.lb-container {  padding: 4px;}
.lb-loader {  position: absolute;  top: 43%; left: 0;  height: 25%;  width: 100%; text-align: center; line-height: 0;}
.lb-cancel {  display: block;  width: 32px;  height: 32px;  margin: 0 auto;  background: url(../images/loading.html) no-repeat;}
.lb-nav {  position: absolute;  top: 0;  left: 0;  height: 100%;  width: 100%;  z-index: 10;}
.lb-container > .nav {  left: 0;}
.lb-nav a {  outline: none;}
.lb-prev, .lb-next {  height: 100%;  cursor: pointer;  display: block;}
.lb-nav a.lb-prev {  width: 34%;  left: 0;  float: left;  background: url(../images/prev.html) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);  opacity: 0;  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;  -o-transition: opacity 0.6s;  transition: opacity 0.6s;}
.lb-nav a.lb-prev:hover {  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);  opacity: 1;}
.lb-nav a.lb-next {  width: 64%;  right: 0;  float: right;  background: url(../images/next.html) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);  opacity: 0;  -webkit-transition: opacity 0.6s;  -moz-transition: opacity 0.6s;  -o-transition: opacity 0.6s;  transition: opacity 0.6s;}
.lb-nav a.lb-next:hover {  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);  opacity: 1;}
.lb-dataContainer {  margin: 0 auto;  padding-top: 5px;  *zoom: 1;  width: 100%;  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;  border-bottom-left-radius: 4px;  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;  border-bottom-right-radius: 4px;}
.lb-dataContainer:after {  content: "";  display: table;  clear: both;}
.lb-data {  padding: 0 4px;  color: #ccc;}
.lb-data .lb-details {  width: 85%;  float: left;  text-align: left;  line-height: 1.1em;}
.lb-data .lb-caption {  font-size: 13px;  font-weight: bold;  line-height: 1em;}
.lb-data .lb-number {  display: block; height:0; overflow:hidden;  clear: left;   font-size: 0;  color: #999999;}
.lb-data .lb-close {  display: block;  float: right;  width: 30px;  height: 30px;  background: url(../images/close.html) top right no-repeat;  text-align: right;  outline: none;  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;  -webkit-transition: opacity 0.2s;  -moz-transition: opacity 0.2s;  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;}
.lb-data .lb-close:hover { cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);  opacity: 1;}
.thumbnail{margin: 0 10px 20px;	border: 1px solid #f5f5f5;}	
.thumbnail p{ font-size:16px; line-height:46px; text-align:center; color:#333;}
.thumbnail .pro_img{ width:434px; overflow:hidden;}

.digg4{ text-align:center;}
.digg4 span, .digg4 a{ display:inline-block; width:30px; height:30px; background:#eaeaea; line-height:30px; text-align:center;}
 .digg4 a:hover{ color:#0056d6}
.digg4 .current{ background:#0966a8; color:#fff;}
.digg4 span.miy,.digg4 span.nolink,.digg4 select{ display:none;}
.ld_bottom1{
	color:#f1f7ff;
	background:#083e85;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}
.botf{ float:left; display:inline; width:300px; font-size:14px; }

.progress-table-wrap {
  overflow-x: scroll;
}

.progress-table {
	background: #f9f9ff;
	padding: 0px 0px 30px 0px;
	min-width: 800px;
	font-size: 14px;
	color: #333333;
}

.progress-table .serial {
  width: 4%;
    align-items: center;
}

.progress-table .country {
  width: 20.50%;  
}

.progress-table .visit {
  width: 16.5%;
 
}

.progress-table .percentage {
  width: 12.5%;

}

.progress-table .percentage_temp {
  width: 7.75%;
}

.progress-table .percentage_area {
  width: 10%;
}

.progress-table .percentage_type {
  width: 4.5%;
}

.progress-table .percentage_lum {
  width: 10%;
}

.progress-table .percentage_outline {
  width: 14.5%;
}

.progress-table .table-head {
  display: flex;
  
}

.progress-table .table-head .percentage_outline, .progress-table .table-head .percentage_lum, .progress-table .table-head .percentage_type, .progress-table .table-head .serial, .progress-table .table-head .country, .progress-table .table-head .visit, .progress-table .table-head .percentage, .progress-table .table-head .percentage_temp, .progress-table .table-head .percentage_area{
	color: #ffffff;
	line-height: 40px;
	font-weight: 500;
	background-color: #0e72cf;
	padding-left: 0px;
}

.progress-table .table-row {
  padding: 8px 0;
  border-top: 1px solid #edf3fd;
  display: flex;
}

.progress-table .table-row .percentage_outline, .progress-table .table-row .percentage_lum, .progress-table .table-row .percentage_type, .progress-table .table-row .serial, .progress-table .table-row .country, .progress-table .table-row .visit, .progress-table .table-row .percentage, .progress-table .table-row .percentage_temp, .progress-table .table-row .percentage_area{
  display: flex;
  align-items: center;
}

.progress-table .table-row .country img {
  margin-right: 15px;
}

.progress-table .table-row .percentage .progress {
  width: 80%;
  border-radius: 0px;
  background: transparent;
}

.progress-table .table-row .percentage .progress .progress-bar {
  height: 5px;
  line-height: 5px;
}

.progress-table .table-row .percentage .progress .progress-bar.color-1 {
  background-color: #6382e6;
}

.progress-table .table-row .percentage .progress .progress-bar.color-2 {
  background-color: #e66686;
}

.progress-table .table-row .percentage .progress .progress-bar.color-3 {
  background-color: #f09359;
}

.progress-table .table-row .percentage .progress .progress-bar.color-4 {
  background-color: #73fbaf;
}

.progress-table .table-row .percentage .progress .progress-bar.color-5 {
  background-color: #73fbaf;
}

.progress-table .table-row .percentage .progress .progress-bar.color-6 {
  background-color: #6382e6;
}

.progress-table .table-row .percentage .progress .progress-bar.color-7 {
  background-color: #a367e7;
}

.progress-table .table-row .percentage .progress .progress-bar.color-8 {
  background-color: #e66686;
}

.label {
  height: 36px;
}

tr.border_bottom td {
  border-bottom: 1px solid black;
  border-color: #eaeaff;
  
}

.download_btn {
  background-color: DodgerBlue;
  border: none;
  color: white;
  padding: 9px 20px;
  cursor: pointer;
  font-size: 18px;
}

/* Darker background on mouse-over */
.download_btn:hover {
  background-color: RoyalBlue;
}


.download_btn_r {
  background-color: DodgerBlue;
  border: none;
  color: white;
  padding: 9px 20px;
  cursor: pointer;
  font-size: 18px;
  float:right;
}

/* Darker background on mouse-over */
.download_btn_r:hover {
  background-color: RoyalBlue;
}

.about_photo_2{
	border:0px solid #cfcfcf;
}

.width_500{ width:500px; margin:0 auto; height:auto;  font-family:Arial, Helvetica, sans-serif;  }
.width_1200{ width:1200px; margin:0 auto; height:auto;  font-family:Arial, Helvetica, sans-serif;  }
.width_1220{ width:1220px; margin:0 auto; height:auto;  font-family:Arial, Helvetica, sans-serif;  }
.width_1280{ width:1280px; margin:0 auto; height:auto;  font-family:Arial, Helvetica, sans-serif;  }

.big_1200{
	width:1200px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}

.big_1210{
	width:1210px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}

.big_1220{
	width:1220px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}

.big_1230{
	width:1230px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}

.big_1240{
	width:1240px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}

.big_1250{
	width:1250px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}

.big_1260{
	width:1260px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}

.big_1270{
	width:1270px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}

.big_1280{
	width:1280px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}


.display_img_left{
	float:left;
	padding:0px;
	border:0px solid #cfcfcf;
	padding-left: 0px;
	padding-right: 12px;
	display: inline;
}


.qrcode_img{
	float:right;
	padding:0px;
	border:1px solid #cfcfcf;
	padding-left: 0px;
	padding-right: 0px;
	display: inline;
}


.about_inner{
	padding:0px;
	line-height:30px;
}


/* product */
.product-list { margin-right:-20px;}
.product-list .prod-slide { padding:0 20px 0 0;margin-bottom:20px;}
.prod-p { font-size: 12px;color: #010101;line-height: 60px;font-weight: bold;padding:0 15px;margin: 0;}


/* product3 */
.prod-fl img { margin:0 auto;display: block;}
.prod-fr { padding-left:4%;}
.prod-fr h6 { font-size: 22px;color:#000;}
.prod-text { font-size: 12px;color:#535353;line-height: 25px;margin-top:25px;}
.screen-box { padding: 20px 30px 10px 30px;background: #d3d3d3;margin-top:20px;}
.src-t { font-size: 14px;color:#000;}
.sel-form li { float: left;margin:0 5px 10px 5px;}
.sel-form li select { background: #fff url(../../images/en/ico2.jpg) no-repeat right 10px center;border:none;padding:0 30px 0 10px;height:35px;line-height: 35px;color:#828282;}
.scr-button { margin-top: 30px;}
.scr-button .button { width: 210px;height: 42px;background: #a3a3a3;color:#fff;font-size: 12px;border: none;}
.scr-button  .button-inquiry { background: #c8000a;}

.prod-table {
	overflow: auto;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	color: #333333;

}
.prod-table table { min-width:100%;border-collapse: collapse;margin: 0 auto;}
.prod-table .tab-tit th,.prod-table table td { font-size: 12px;padding: 3px 3px;text-align: center;line-height: 20px;border: 1px solid #bbb;font-weight: normal;vertical-align: middle;}

.prod-table .tab-tit2 th { font-size: 12px;padding: 3px 3px;text-align: center;line-height: 20px;border: 1px solid #bbb;font-weight: bold;vertical-align: middle;}

.prod-table .tab-tit th { border-bottom: 2px solid #c8000a;white-space: nowrap;background: #fff;}
.prod-table .tab-tit2 th { border-bottom: 2px solid #c8000a;white-space: nowrap;background: #fff;}

.prod-table table th:first-child {
	width: 60px;
}
.prod-table table tr:nth-child(odd) { background: #eee;}
.prod-table table tr:nth-child(even) { background: #fff;}
.text-orange { color:#c8000a;}
.text-blue { color:#00a3d9;}




.prod-table_download {
	overflow: auto;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	color: #444;

}
.prod-table_download table { min-width:100%;border-collapse: collapse;margin: 0 auto;}
.prod-table_download .tab-tit th,.prod-table_download table td {
	font-size: 16px;
	padding: 3px 3px;
	line-height: 40px;
	border-top: 0px solid #bbb;
	border-bottom: 0px solid #bbb;
	font-weight: normal;
	vertical-align: middle;
	text-align: center;
}

.prod-table_download .tab-tit2 th { font-size: 18px;padding: 3px 3px;text-align: center; border-top: 0px solid #bbb; border-bottom: 0px solid #bbb;font-weight: bold;vertical-align: middle;}

.prod-table_download .tab-tit th { line-height: 40px;border-bottom: 2px solid #c8000a;white-space: nowrap;background: #fff;}
.prod-table_download .tab-tit2 th { line-height: 40px;border-bottom: 0px solid #c8000a;white-space: nowrap;background: #0e72cf; color:#fff}

.prod-table_download table th:first-child {
	width: 60px;
}
.prod-table_download table th { background: #000eee;}
.prod-table_download table tr:nth-child(odd) { background: #fff;}
.prod-table_download table tr:nth-child(even) { background: #eee;}





.prod-table_news {
	overflow: auto;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	color: #555;

}
.prod-table_news table { min-width:100%;border-collapse: collapse;margin: 0 auto;}
.prod-table_news .tab-tit th,.prod-table_news table td {
	font-size: 16px;
	padding: 3px 3px;
	line-height: 30px;
	border-top: 0px solid #bbb;
	border-bottom: 1px solid #f0f0f0;
	font-weight: normal;
	vertical-align: top;
	text-align: left;
}

.prod-table_news .tab-tit2 th { font-size: 18px;padding: 3px 3px;text-align: center; border-top: 0px solid #bbb; border-bottom: 0px solid #bbb;font-weight: bold;vertical-align: middle;}

.prod-table_news .tab-tit th { line-height: 40px;border-bottom: 2px solid #c8000a;white-space: nowrap;background: #fff;}
.prod-table_news .tab-tit2 th { line-height: 40px;border-bottom: 0px solid #c8000a;white-space: nowrap;background: #0e72cf; color:#fff}

.prod-table_news table th:first-child {
	width: 60px;
}
.prod-table_news table th { background: #000eee;}
.prod-table_news table tr:nth-child(odd) { background: #fff;}
.prod-table_news table tr:nth-child(even) { background: #fff;}



.prod-table_tft {
	overflow: auto;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	color: #333333;

}
.prod-table_tft table { min-width:100%;border-collapse: collapse;margin: 0 auto;}
.prod-table_tft .tab-tit th,.prod-table_tft table td { font-size: 14px;padding: 3px 3px;text-align: center;line-height: 40px;border: 1px solid #bbb;font-weight: normal;vertical-align: middle;}

.prod-table_tft .tab-tit2 th { font-size: 14px;padding: 3px 3px;text-align: center;line-height: 20px;border: 1px solid #bbb;font-weight: bold;vertical-align: middle;}

.prod-table_tft .tab-tit th { border-bottom: 2px solid #c8000a;white-space: nowrap;background: #fff;}
.prod-table_tft .tab-tit2 th { line-height: 40px;border-bottom: 2px solid #c8000a;white-space: nowrap;background: #fff;}

.prod-table_tft table th:first-child {
	width: 60px;
}
.prod-table_tft table th { background: #000eee;}
.prod-table_tft table tr:nth-child(odd) { background: #eee;}
.prod-table_tft table tr:nth-child(even) { background: #fff;}


.prod-table_db {
	/*overflow: auto;*/
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	color: #444444;

}

.prod-table_db table { min-width:100%;border-collapse: collapse;margin: 0 auto;}
/*.prod-table_db .tab-tit th,.prod-table_db table td { font-size: 14px;padding: 8px 20px 8px 20px;text-align: center;line-height: 24px;border: 1px solid #bbb;font-weight: normal;vertical-align: middle;}*/
.prod-table_db .tab-tit th,.prod-table_db table td { font-size: 16px;padding: 12px 60px 12px 60px;text-align: center;line-height: 25px;border: 0px solid #bbb;border-bottom: 1px solid #bbb;border-top: 1px solid #bbb;font-weight: normal;vertical-align: middle;}

.prod-table_db .tab-tit2 th { font-size: 16px;padding: 3px 3px;text-align: center;line-height: 20px;border: 1px solid #bbb;font-weight: bold;vertical-align: middle;}

.prod-table_db .tab-tit th { border-bottom: 2px solid #c8000a; border-left: 0px solid #c8000a; border-right: 0px solid #c8000a;white-space: nowrap;background: #fff;}
.prod-table_db .tab-tit tr { border-bottom: 2px solid #c8000a; border-left: 0px solid #c8000a; border-right: 0px solid #c8000a;white-space: nowrap;background: #fff;}
.prod-table_db .tab-tit2 th { line-height: 40px;border-bottom: 2px solid #c8000a;white-space: nowrap;background: #fff;}

.prod-table_db table th:first-child {
	width: 60px;
}
.prod-table_db table th { background: #000eee;}
/*.prod-table_db table tr:nth-child(odd) { background: #eee;}*/
.prod-table_db table tr:nth-child(odd) { background: #fff;}
.prod-table_db table tr:nth-child(even) { background: #fff;}

.box {
  /*background-color: purple;*/
  
  margin: 0px;
  text-align: center;
}
.box img {
  vertical-align: middle;
}
.fullsize {
  display: none;
}
.box--thumb:hover + .box--fullsize > .fullsize {
  display: initial;
}


/* Popup container - can be anything you want */
.popup {
  position: absolute;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* The actual popup */
.popup .popuptext {
  visibility: hidden;
  width: 160px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 8px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -80px;
}

/* Popup arrow */
.popup .popuptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Toggle this class - hide and show the popup */
.popup .show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {opacity: 0;} 
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
}

.msgboxstyle {
  width: 20%;
  padding: 25px;
  background-color: coral;
  color: white;
  font-size: 25px;
  box-sizing: border-box;
}

.pbox {
	position: relative;
	padding-bottom: 67px;
	border-bottom: 1px solid #d8d8d8
}

.ptu {
	position: absolute;
	left: 0px;
	top: 0;
	display: block
}
.pnr {
	padding-left: 660px;
	padding-right: 0px;
	padding-top: 67px
	height: 300px
}
.ptu img {
	padding-botom: 10px;
	padding-top: 10px
	width: 100%;
	max-width: 587px
}

.pp2 {
	display: block;
	font-size: 16px;
	line-height: 28px;
	height: 116px;
	width: 520px;	
	overflow: hidden
}

.pp3 {
	display: block;
	width: 135px;
	height: 29px;
	line-height: 29px;
	text-align: center;
	border-radius: 3px;
	font-size: 16px;
	background: #1c83e0;
	color: #fff;
	margin-top: 20px
}

.ind {
	font-size: 28px;
	font-weight: normal;
	padding-bottom: 16px;
	border-bottom: 1px solid #d8d8d8
}


/* Create three equal columns that floats next to each other */
.column_download {
  float: left;
  width: 33.33%;
  padding: 0px;
  height: 60px; /* Should be removed. Only for demonstration */
}

/* Clear floats after the columns */
.row_download:after {
  content: "";
  display: table;
  clear: both;
}


a#tab-1 {
    color:#444;
}
a#tab-1:hover {
    color:red;
}

a#tab-2 {
    color:#00f;
}
a#tab-2:hover {
    color:red;
}

a#tab-3 {
    color:#222;
}
a#tab-3:hover {
    color:red;
}

a#dsdl {
    color:#fff;
}
a#dsdl:hover {
    color:fff;
}


.tab1_tftpn {
	text-align:left; 
	padding-left: 10px;
}


.contactform-messages {
    display: none;
}
.active {
    display: block;
}
