@charset "utf-8";
/* CSS Document */
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select,img{margin:0;padding:0;}
body{font-size:12px; font-family:"Microsoft Yahei","SimHei", Verdana, Arial;color:#333; word-break: break-word; overflow-x:hidden;}
h1,h2,h3,h4,h5,h6{ font-style:none; font-weight:normal;}
a{text-decoration:none; color:#333;}
a:hover{ text-decoration:none;}
i,em{font-style:normal}
ul,li{list-style:none}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0;}
.clear{clear:both;}
a:visited{ border:none;}
a:focus{outline:none;}
a:visited{ border:none;}
a:active{ border:none;}
a:hover{ border:none;}
.layer{ width:1200px; margin:0 auto; position:relative;}
.fl{ float:left;}
.fr{ float:right;}
input{ outline:medium;font-family:"Microsoft Yahei";}

/*header*/
.header{ width:100%; height:105px; background:#fff; position:relative; border-bottom:1px solid #eee; position:fixed; top:0; left:0; z-index:10000000000;}
.header_top_box{ height: 25px; line-height: 25px; background: #010101; color: #fff;}
.header_top_box a{ color: #fff;}
.header_top_left{ float: left;}
.header_top_right{ float:right;}
.header .layer{ position:static;}
.header .logo{ float:left; line-height:85px;}
.header .logo img{ margin-top:0px;}
/*header*/
.header .nav{ width:auto; float:right; margin-right: 30px;}
.header .nav .nav_list{ width:100%;}
.header .nav .nav_list ul{ width:100%;line-height:80px; margin-left:25px;}
.header .nav .nav_list ul li ul.dropdown-menu{ display:none; position:absolute; top:100%; left:-10px; min-width:200px; line-height:22px; margin:0 10px; background:rgba(255,255,255,0.6);}
.header .nav .nav_list ul li ul.dropdown-menu li{ float:none; text-align:left !important; padding:5px 0; font-size:14px; margin:0 15px;}
.header .nav .nav_list ul li ul.dropdown-menu li:first-child{ padding-top:5px;}
.header .nav .nav_list ul li ul.dropdown-menu li:last-child{ padding-bottom:10px;}
.header .nav .nav_list ul li:hover ul.dropdown-menu{ display:block;}
.header .nav .nav_list li{float:left; text-align:center; font-size:14px; padding:0 15px; position:relative;}
.header .nav .nav_list li.curr>a{ color:#0079E0;}
.header .nav .nav_list li a{font-weight: 600; height:18px; line-height:18px; color:#000; display:inline-block; text-align:center; transition:0.4s; -moz-transition:0.4s; -ms-transition:0.4s; -o-transition:0.4s; -webkit-transition:0.4s; padding:0 2px;}
.header .nav .nav_list li a:hover{ color:#0079E0;}
.serach{ float:right; width:auto; margin-top:18px;}
.serach input[type=text]{ width:140px; padding:6px; border:none; border:1px solid #053C50; outline:none;}
.serach input[type=submit]{ width:35px; height:31px; display:inline-block; background:#fff url(../images/serach_icon.png) no-repeat center center; border:none; position:relative; right:5px; top:9px; border-left:1px solid #053C50; cursor:pointer;border:1px solid #053C50;}
/*nav_icon*/
.nav_icon{ width:40px; height:30px; background:#1E1E1E; border-radius:5px; overflow:hidden; float:right; margin-top:5px; margin-right:2%; display:none;}
.nav_icon span{ width:20px; height:2px; background:#fff; display:block; text-align:center; margin:0 auto; margin-top:4px; border-radius:1px;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.nav_icon span:first-child{ margin-top:8px;}
.nav_icon.curr:after{
	position: fixed;
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	top: 0;left: 0;
	z-index: 2;
}
.nav_icon.curr .span1{transition:All 0.2s ease-in-out;-webkit-transition:All 0.2s ease-in-out; -moz-transition:All 0.2s ease-in-out;-o-transition:All 0.2s ease-in-out; opacity:0;}
.nav_icon.curr .span2{transform: rotate(-45deg);-moz-transform: rotate(-45deg); -o-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transition:All 0.2s ease-in-out;-webkit-transition:All 0.2s ease-in-out; -moz-transition:All 0.2s ease-in-out;-o-transition:All 0.2s ease-in-out;}
.nav_icon.curr .span3{ margin-top:-2px;transform: rotate(45deg);-moz-transform: rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg); transition:All 0.2s ease-in-out;-webkit-transition:All 0.2s ease-in-out; -moz-transition:All 0.2s ease-in-out;-o-transition:All 0.2s ease-in-out;}
/*mb_nav*/
.mb_nav{ width:80%; height:auto; overflow:hidden; background:#fff; position:fixed; right:-80%; top:60px; z-index:100; text-align:center; box-shadow:0 1px 5px #ccc; opacity:0;z-index: 99999;}
.mb_nav li{ padding:10px 0; font-size:14px; border-bottom:1px solid #eee;}


/*banner*/
.banner{ width:100%; height:auto; overflow:hidden; margin-top:105px;}
.swiper-container {width: 100%;height: 100%;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper-slide a{ display:block; width:100%;}
.swiper-slide img{ width:100%;}
/*content*/
.content{ width:100%; height:auto; overflow:hidden; margin:25px 0;}
/*news*/
.column{ width:100%; height:auto; overflow:hidden; padding:25px 0;}
.column_contact{ width:100%; height:auto; overflow:hidden;}
.column_contact li{ width:33.33%; float:left; text-align:center;}
.column_contact li:hover img{ transform: rotate(360deg);-moz-transform: rotate(360deg); -o-transform:rotate(360deg); -webkit-transform:rotate(360deg); transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.column_contact li div{ width:88%; margin:0 auto; cursor:pointer;} 
.column_contact li h4{ font-size:18px; color:#666; padding:15px 0 15px; height:20px; overflow:hidden; line-height:20px; text-transform:uppercase;}
.column_contact li p{ color:#666; line-height:20px; width:80%; margin:0 auto; font-size:13px; text-align:center; height:60px; overflow:hidden;}
.column_contact li a{ color:#333; display:inline-block; margin-top:5px; font-size:14px;}
/*products*/
.products{ width:100%; height:auto; overflow:hidden;}
.pro_title{ width:100%; height:auto; overflow:hidden; background:url(../images/line_icon.png) no-repeat bottom; text-align:center; padding:0px 0 20px 0;}
.pro_title h4{ font-size:18px; color:#666; line-height:30px; position:relative;}
.pro_title h4 a{ font-size:14px; text-decoration:underline; position:absolute; right:0; top:5px;}
.pro_title h4 a:hover{ color:#306D9C;}
.pro_title p{ font-size:12px; color:#888;}
.pro_contact{ width:100%; height:auto; overflow:hidden; margin-top:40px;}
.pro_contact li{ width:25%; float:left; text-align:center; margin-bottom:10px;}
.pro_contact li a{ display:block; margin:0 auto; width:94%; border: 1px solid #C1C1C1;}
.pro_contact li a:hover{ border:1px solid #2b62ae;}
.pro_contact li span{ display:block; overflow:hidden;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; height:250px;}
.pro_contact li span img{ max-width:100%; max-height:100%; width:auto;transition:All 0.6s ease-in-out;-webkit-transition:All 0.6s ease-in-out; -moz-transition:All 0.6s ease-in-out;-o-transition:All 0.6s ease-in-out;}
.pro_contact li span img:hover {transform:scale(1.2); -webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);}
.pro_contact li p{ text-align:center; font-size:14px; line-height:35px; height:35px; overflow:hidden;}

/*news*/

.news{ width:100%; height:auto; overflow:hidden;}
.news ul{ margin-top: 30px;}
.news li{ width:25%; float:left; text-align:center; cursor:pointer; }
.news.index_news li{ width: 25%;}
.news li img{ max-width:100%; max-height:100%;transition:All 0.6s ease-in-out;-webkit-transition:All 0.6s ease-in-out; -moz-transition:All 0.6s ease-in-out;-o-transition:All 0.6s ease-in-out;}
.news li:hover img{transform:scale(1.2); -webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2); }
.news li a{ display: block; width:90%;background:#D3EDFB; padding: 4%; margin:0 auto;}
.news li h4{ font-size:18px; color:#333; padding:10px 0 10px; height:29px; overflow:hidden; line-height:22px;}
.news li p{ color:#666; line-height:20px; font-size:13px; text-align:center; height:60px; overflow:hidden;}
.news_cr_l{ overflow:hidden; height:220px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}


.home_contact{
	padding: 50px 0;
	padding-bottom: 70px;
	background: rgba(43,89,174,.1);
}
.home_contact_body{ padding-top: 30px;}
.contact_box{ position:relative;}
.contact_box input{ width:100%; margin-bottom:15px; line-height:30px; font-size:14px; padding-left:0.5em; outline:none;
box-sizing: border-box;
-webit-box-sizing:border-box; 
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
border: 1px solid #ccc;
}
.contact_box textarea{ width:100%; height:140px;font-size:14px; margin-bottom: 15px; resize:none; outline:none; padding:0.5em;
box-sizing: border-box;-webit-box-sizing:border-box; -moz-box-sizing: border-box;-o-box-sizing: border-box;
font-family:"Microsoft Yahei","SimHei", Verdana, Arial;
border: 1px solid #ccc;
}
.col-lg-6{ width:50%; float:left; padding:0 15px;-moz-box-sizing: border-box;  /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box; /*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/}
.col-lg-12{ width:100%;padding:0 15px;-moz-box-sizing: border-box;  /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box; /*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/}
.contact_box input[type="submit"]{ cursor:pointer; width:48%; float:right; border:none;  color:#fff; line-height:35px; padding-left:0;
background:#306D9C;
	transition: 0.5s ;
	-webkit-transition: 0.5s ;
	-moz-transition: 0.5s ;
	-o-transition: 0.5s ;
	-ms-transition: 0.5s;
}
.contact_box input[type="reset"]{ width:48%; float:left; border:none;  color:#fff; line-height:35px; padding-left:0;
background:#306D9C;
	transition: 0.5s ;
	-webkit-transition: 0.5s ;
	-moz-transition: 0.5s ;
	-o-transition: 0.5s ;
	-ms-transition: 0.5s;
}
.jion input[type="reset"]{ 
width: 40%;
    padding: 5px 0;
    margin-top: 10px;
    text-align: center;
    background: none;
    border: 1px solid #fff;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    font-family: "Microsoft Yahei","STHeitiSC-Light";
    line-height: 20px;
    margin: 0;
    margin-left: 15px;
}
.contact_box input[type="submit"]:hover,.contact_box input[type="reset"]:hover{ background: #183d70; cursor:pointer;}

/*cooperation*/
.cooperation{ width:100%; height:auto; overflow:hidden;}
.cooperation .pro_title{ background:none; border-bottom:1px solid #C6C6C6;}
.cooperation_content{ width:100%; height:auto; overflow:hidden; padding:30px 0;}
.cooperation_content .swiper-slide img{ width:100%; text-align:center; box-sizing:border-box;}
.swiper-button-next1{ background:url(../images/next.png) no-repeat center !important; width:32px !important; height:48px !important; margin-top:24px !important; right:-10px !important; background-size:100% 100% !important;}
.swiper-button-prev1{ background:url(../images/prev.png) no-repeat center !important; width:32px !important; height:48px !important; margin-top:24px !important; left:-10px !important; background-size:100% 100% !important;}
/*footer*/
.footer{ width:100%; height:auto; padding:15px 0; background:#183d70; text-align:center;}
.footer img{ width:40px; height:40px;}
.footer .foot_nav{width:100%; height:auto; overflow:hidden; color:#fff; line-height:23px; font-size:13px;}
.footer .foot_nav a{ color:#fff; padding:0 5px;}
.footer .foot_nav a:hover{ color:#eee;}
.footer p{ font-size:14px; color:#fff; line-height:23px;}
.footer p a{ color:#fff;}
.footer p a:hover{ color:#eee;}


/*------in_product------*/


.within_product{ width:75%; float:right; border:1px solid #eee;}
.within_product.within_product1{width: 100%; float: none;}
.within_product>ul>li{ width: 33.33%; float: left; text-align: center; margin:10px 0;}
.within_product>ul>li span{text-align: center;font-size: 18px;background: #fff;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; height:200px}
.within_product>ul>li>a{ width: 90%; margin: auto; display: block; border: 1px solid #C1C1C1;}
.within_product>ul>li>a img{ max-width: 100%; max-height:100%;}
.within_product h2.current_title{ line-height:32px; font-size:12px; color:#666;background:url(../images/box_bg5.jpg) repeat-x center; overflow:hidden;}
.within_product h2.current_title p{ float:right; padding-right:10px;}
.within_product h2.current_title p a:hover{ text-decoration:underline;}
.within_product div.details{ color:#333; width:92%; margin:20px auto; line-height:24px; padding-bottom:20px; overflow:hidden; }
.within_product div.details1 a:hover{ color:#0d4a94;}
.within_product div.details p{ margin:10px 0;}
.within_product div.details table td{ border:1px solid #e1e1e1 !important; padding:0 8px;}
.within_product div.contact_details table td{ border:none !important;}
.contact_details1 a:hover{ text-decoration:underline; color:#1870D9;}

.pto_title{ height: 32px; font-size: 14px; line-height: 16px; overflow: auto; margin:10px 0;}



.dede_pages{ float: none;}
.dede_pages ul{width:100%; height:auto; overflow:hidden; margin:10px 0;text-align: center;}
.dede_pages li{ border-bottom:none; width:auto; display: inline-block; padding: 0; }
.pages {margin: 40px 0;text-align: center;line-height: 1.5em}
.pages span {display: inline-block;margin: 2px;padding: 0 10px;line-height: 25px;border: 1px solid rgba(0, 0, 0, .2);background: #2b62ae;color: #fff}
.pages a {display: inline-block;margin: 2px;padding: 0 10px;line-height: 25px;border: 1px solid rgba(0, 0, 0, .2)}
.pages span a {color: #fff}
#page-title {border-bottom: 1px solid #e9e9e9;display: block;margin: 0 0 30px}
#page-title h2 {font-weight: normal;padding: 19px 0 30px}
#bolded-line {text-indent: -9999px;height: 3px;width: 100px;display: block;background: #2b62ae;margin-bottom: -2px}
@media (max-width: 768px) {
	#page-title {border-bottom: 1px solid #e9e9e9;display: block;margin: 0 0 15px;padding-right: 15px;padding-left: 15px}
	#page-title h2 {font-weight: normal;padding: 19px 0 15px;margin-top: 10px}
}


.news_details img,.wp_details_s img{ max-width:100% !important; height:auto !important;}
/*------product details------*/
.within_product .wp_l{ width:40%;}
.within_product .wp_l span{ display:block; width:90%; border:1px solid #ccc; text-align:center;}
.within_product .wp_l span img{ padding:40px 0; width:80%;}
.within_product .wp_r{ width:60%;}
.within_product .wp_r h3{ font-size:16px; font-weight:bold; text-align:left; border-bottom:1px solid #ccc; line-height:32px;}
.within_product .wp_r p{ font-size:14px; color:#666; line-height:30px;}
.within_product .wp_details{ width:100%; height:auto; overflow:hidden;}
.within_product .wp_details .wp_details_s h2{ font-size:20px; text-align:center; margin-bottom:25px;}
.within_product .wp_details .wp_details_s p{ font-size:14px; margin-top:10px;  line-height:22px;}
.wp_details_s{ font-size:13px; line-height:20px; font-family:"Microsoft Yahei"; padding:30px;}
.wp_details_s table{ border:1px solid #ddd;}
.wp_details_s table td{border:1px solid #ddd; padding:3px 5px;table-layout:fixed; word-break: break-all; overflow:hidden; }

.within_product.within_about>ul>li img{
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.within_product.within_about>ul>li:hover img{
	transform:scale(1.2); -webkit-transform:scale(1.5);-moz-transform:scale(1.5);-o-transform:scale(1.5);-ms-transform:scale(1.5);
	
}





/*Support*/

.contact_from{ width:100%; height:auto; overflow:hidden; margin-top:40px;}
.contact_from input.name{ width:32%; padding:11px 0; border:1px solid #9B9B9B; text-indent:1em; font-size:14px; float:left; margin-left:1.5%;}
.contact_from input#name{ margin-left:0;}
.contact_from textarea{ margin-top:20px; padding:8px; font-size:16px; width:97%; height:120px;font-family:"Microsoft Yahei";}
.contact_from .submit{ width:25%; float:right; margin-top:20px; border:1px solid #ccc; color:#333; background:none; padding:12px 0; font-size:16px; transition:0.4s; margin-left:10px; cursor:pointer;}
.contact_from .submit:hover{ background:#0d4a94; color:#fff; transition:0.4s;border:1px solid #0d4a94;}
.tishi{ font-size:16px; margin-bottom:10px;}

.within_product1 ul li{ width:25%; border:none;}
.within_product.within_product1>ul>li>a{ width: 95%;}
.within_product1 .text-center{ text-align:center; width:100%;}
.gallery-left{position:relative;}
.gallery-left>a{ display:block; width:95%; margin:auto ; position:relative;}
.gallery-left>a>div.pro_im{ position:absolute; width:100%; height:100%; top:0; z-index:111; text-align:center; background:none;
    -webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	}
.gallery-left>a:hover div.pro_im{ background:rgba(0,0,0,0.5);
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	}
.gallery-left>a>div.pro_im>p{ font-size:20px; line-height:3em; margin-top:15%;color:#fff; text-align:center;}
.gallery-left>a>div.pro_im>span{ width:80%; margin:auto; display:block; line-height:1.5em; height:3em; overflow:hidden; border:none; float:none; color:#fff; 
    -webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	}
	
.gallery-left img{ width:100%;}
.articleShow{ transition: opacity 500ms ease 300ms,transform 500ms ease 300ms,-webkit-transform  500ms ease 300ms;  opacity: 1;transform:translateY(0);-webkit-transform:translateY(0);}
.case-num1.articleShow{transition: opacity 500ms ease 300ms,transform 500ms ease 300ms,-webkit-transform  500ms ease 300ms;}
.case-num2.articleShow{transition: opacity 500ms ease 500ms,transform 500ms ease 500ms,-webkit-transform  500ms ease 500ms;}
.case-num3.articleShow{transition: opacity 500ms ease 700ms,transform 500ms ease 700ms,-webkit-transform  500ms ease 700ms;}
.case-num4.articleShow{transition: opacity 500ms ease 900ms,transform 500ms ease 900ms,-webkit-transform  500ms ease 900ms;}
.gallery-left:nth-of-type(3n-2).articleShow{transition: opacity 500ms ease 300ms,transform 500ms ease 300ms,-webkit-transform  500ms ease 300ms; border:none;}
.gallery-left:nth-of-type(3n-1){transition: opacity 500ms ease 500ms,transform 500ms ease 500ms,-webkit-transform  500ms ease 500ms;}
.gallery-left:nth-of-type(3n){transition: opacity 500ms ease 700ms,transform 500ms ease 700ms,-webkit-transform  500ms ease 700ms;}
@media screen and (min-width: 640px){
.case>a:before{ position:absolute; width:0; height:86%; top:7%; left:50%; display:block; content:''; border-bottom:1px solid #E8EFF5; border-top:1px solid #E8EFF5;-webkit-transition: all 0.5s ease-in-out;
z-index:222;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
transition: all 0.5s;
}
.case>a:after{ position:absolute; width:86%; height:0; top:50%; left:7%; display:block; content:''; border-left:1px solid #E8EFF5; border-right:1px solid #E8EFF5;-webkit-transition: all 0.5s ease-in-out;
z-index:222;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s ;
transition: all 0.5s ;
}
.case:hover>a:before{width:86%; left:7%;}
.case:hover>a:after{height:86%;top:7%;}
}

.side_nav{ width:22%; float:left;}
.side_nav h2{ font-size:18px; text-transform:uppercase; text-align:center; width:100%; padding:15px 0; background:#004098; line-height:20px; color:#fff; position: relative;}

.pre_nav>li>div:hover{ background:#488DB7; transition:0.4s; -webkit-transition:0.4s; -moz-transition:0.4s;}
.pre_nav>li>div:hover a{ color:#fff; transition:0.4s; -webkit-transition:0.4s; -moz-transition:0.4s;}
.side_nav dl dd:hover{ background:#fff; transition:0.4s; -webkit-transition:0.4s;-moz-transition:0.4s;}

.pre_nav li{ position: relative;}
.pre_nav li.dropdown-submenu{ background:#004098; margin:10px 0;transition:0.4s; -webkit-transition:0.4s; -moz-transition:0.4s;}
.pre_nav li.dropdown-submenu a{ color: #fff; font-size:14px; display:block; padding:8px 20px; transition:0.4s; -webkit-transition:0.4s; -moz-transition:0.4s;}
.pre_nav li.dropdown-submenu:hover{ background:#033983;transition:0.4s; -webkit-transition:0.4s; -moz-transition:0.4s;}
.pre_nav li.dropdown-submenu.curr{background:#033983;}

.pre_nav li.dropdown-submenu .dropdown-menu li{ margin:0; background: #ccc;}
.pre_nav li.dropdown-submenu .dropdown-menu a{ font-size:14px; padding:10px 25px; color:#000;}
.pre_nav li.dropdown-submenu .dropdown-menu li:hover{ background:#999;}

.pre_nav li>ul>li{ border-top:1px solid #fff;background:rgba(13,74,148,.1);}

.search_inner{ padding:15px; color: #000000;}
.search_inner li{ margin-bottom: 10px; border-bottom: 1px dashed #C1C1C1; padding:5px 0; font-size:14px;}

.not{ display:none; position: absolute; height:100%; line-height: 32px; width: 100%; top: 0 ;right:0; padding-right: 15px;  text-align: right; cursor: pointer;}
.within_product .news.news_inner li{ width: 33.333%; margin-bottom: 20px; }
.within_product .news.news_inner li a{ margin: auto;}
.within_product .news li h4>span{ display:none; position: absolute; font-size: 12px;}
.what_contact{
border: 1px solid #0d4a94;
    margin-top: 15px;
    -webkit-box-shadow: inset 0 0 10px #0d4a94;
    -moz-box-shadow: inset 0 0 10px #0d4a94;
    box-shadow: inset 0 0 10px #0d4a94;
}
.what_contact h2{background:none; color: #000;font-weight: 600; line-height:25px; padding:1em 0; border-bottom:1px solid #0d4a94;}
.what_contact ul{margin: auto; padding: 20px; padding-top: 10px;}
.what_contact ul li{ padding:3px 0; table-layout:fixed; overflow:hidden; font-size:13px;}
.what_name{ font-size:16px;}
/*fixed*/
.tel_bg{ width:30px; height:150px; background:url(../images/tel_bg.png) no-repeat center; position:fixed; top:50%; margin-top:-100px; right:0; background-size:cover; cursor:pointer; z-index:10000;}

.skype{ width:125px; height:335px; position:fixed; top:50%; margin-top:-170px; right:-125px; background: url(../images/skype_pic.jpg) no-repeat center; z-index:10000;}
.skype ul{ margin-top:222px; list-style:none; width:100%; text-align:left; padding-left:32px}
.skype ul li{ line-height:20px; padding: 3px 0; height:20px; table-layout:fixed; word-break: break-all; overflow:hidden; }
.skype ul li.skype_li1{ padding-top:11px;}
.skype ul li.skype_li2{ padding-top:15px;}
.skype ul li.skype_li3{ padding-top:2px;}
.skype ul li a{ color:#000; list-style:none; font-size:12px; display: block; width:70%; word-wrap: break-word;}
.skype ul li a:hover{ text-decoration:underline;}
.skype div{ text-align:center; width:100%; margin-top:10px;}
.skype div a{color:#fff;}


.xunpan{ width:250px; padding:5px 0; background:#004098; position:fixed; bottom:0; right:10px; color:#fff; text-align:center; font-size:14px; line-height:20px; border-top-left-radius:5px; border-top-right-radius:5px; cursor:pointer; z-index:10000;}
.xunpan i{ background: url(../images/message_icon.png) no-repeat center center; width:30px; height:30px; background-size:cover; display:inline-block; position:relative; top:5px; color:#fff;}
.xunpan span{ position:relative; top:-5px; color:#fff;}
.xunpan:hover{ background:#053B89;}

.jion{ width:250px; height:auto; padding:35px 0 10px 0; position:fixed; bottom:0; right:10px; background:#004098; text-align:center; display:none; z-index:10001; border-top-left-radius:3px; border-top-right-radius:3px;}
.jion h2{ font-size:15px; color:#fff; position:absolute;top: 8px;left: 12px; font-weight: normal;font-family:"Microsoft Yahei","STHeitiSC-Light";}
.jion span{ position:absolute; right:11px; top:10px; width:16px; height:16px; background: url(../images/x.png) no-repeat center center; display:inline-block; cursor:pointer;}
.jion input[type=text]{ width:100%; margin:0 auto; padding:5px 0;background:#fff; border-radius:3px; margin-bottom:5px; border:none;font-family:"Microsoft Yahei","STHeitiSC-Light"; color:#666; text-indent:1em; outline:none; box-shadow:none; line-height:20px;}
.jion textarea{ width:100%; margin:0 auto; height:50px; background:#fff; border-radius:3px; padding:5px 0; border:none;font-family:"Microsoft Yahei","STHeitiSC-Light"; color:#666; text-indent:1em; outline:none; box-shadow:none;}
.jion input.btns{ width:40%; padding:5px 0;margin-top:10px; text-align:center; background:none; border:1px solid #fff; border-radius:2px; color:#fff; cursor:pointer;font-family:"Microsoft Yahei","STHeitiSC-Light"; line-height:20px; margin:0;}
.jion input.btns:hover{ background:#fff; color:#004098;}

.jion .col-lg-6{ width:100%;}
.jion .submit{ margin-right:15px; margin-top:10px;}


.sr_list{ margin-top:20px;}

.details .submit{ padding:0 15px;}